@serendie/ui 3.2.0-dev.202603311432 → 3.2.0-dev.202604210458

package/dist/node_modules/@zag-js/collapsible/dist/{index.js → collapsible.machine.js}

@@ -1,77 +1,12 @@
-import { createAnatomy as k } from "../../anatomy/dist/index.js";
-import { raf as h, dataAttr as v, getComputedStyle as O, setStyle as I, getEventTarget as y, nextTick as b } from "../../dom-query/dist/index.js";
-import { createMachine as N } from "../../core/dist/index.js";
-import { createProps as S } from "../../types/dist/index.js";
-var z = k("collapsible").parts("root", "trigger", "content", "indicator"), m = z.build(), x = (e) => {
-  var t;
-  return ((t = e.ids) == null ? void 0 : t.root) ?? `collapsible:${e.id}`;
-}, C = (e) => {
-  var t;
-  return ((t = e.ids) == null ? void 0 : t.content) ?? `collapsible:${e.id}:content`;
-}, A = (e) => {
-  var t;
-  return ((t = e.ids) == null ? void 0 : t.trigger) ?? `collapsible:${e.id}:trigger`;
-}, g = (e) => e.getById(C(e));
-function T(e, t) {
-  const { state: n, send: s, context: o, scope: i, prop: l } = e, a = n.matches("open") || n.matches("closing"), r = n.matches("open"), { width: c, height: u } = o.get("size"), d = !!l("disabled"), E = !o.get("initial") && r, f = "ltr";
-  return {
-    disabled: d,
-    visible: a,
-    open: r,
-    measureSize() {
-      s({ type: "size.measure" });
-    },
-    setOpen(p) {
-      n.matches("open") !== p && s({ type: p ? "open" : "close" });
-    },
-    getRootProps() {
-      return t.element({
-        ...m.root.attrs,
-        "data-state": r ? "open" : "closed",
-        dir: f,
-        id: x(i)
-      });
-    },
-    getContentProps() {
-      return t.element({
-        ...m.content.attrs,
-        "data-collapsible": "",
-        "data-state": E ? void 0 : r ? "open" : "closed",
-        id: C(i),
-        "data-disabled": v(d),
-        hidden: !a,
-        style: {
-          "--height": u != null ? `${u}px` : void 0,
-          "--width": c != null ? `${c}px` : void 0
-        }
-      });
-    },
-    getTriggerProps() {
-      return t.element({
-        ...m.trigger.attrs,
-        id: A(i),
-        dir: f,
-        type: "button",
-        "data-state": r ? "open" : "closed",
-        "data-disabled": v(d),
-        "aria-controls": C(i),
-        "aria-expanded": a || !1,
-        onClick(p) {
-          p.defaultPrevented || d || s({ type: r ? "close" : "open" });
-        }
-      });
-    },
-    getIndicatorProps() {
-      return t.element({
-        ...m.indicator.attrs,
-        dir: f,
-        "data-state": r ? "open" : "closed",
-        "data-disabled": v(d)
-      });
-    }
-  };
-}
-var V = N({
+import { getContentEl as l } from "./collapsible.dom.js";
+import { createMachine as g } from "../../core/dist/create-machine.js";
+import { raf as m, nextTick as f } from "../../dom-query/dist/raf.js";
+import { observeChildren as h } from "../../dom-query/dist/mutation-observer.js";
+import { getComputedStyle as d } from "../../dom-query/dist/computed-style.js";
+import { setStyle as v, setAttribute as E } from "../../dom-query/dist/set.js";
+import { getEventTarget as u } from "../../dom-query/dist/event.js";
+import { getTabbables as O } from "../../dom-query/dist/tabbable.js";
+var A = g({
   initialState({ prop: e }) {
     return e("open") || e("defaultOpen") ? "open" : "closed";
   },
@@ -97,9 +32,10 @@ var V = N({
       n(["setInitial", "computeSize", "toggleVisibility"]);
     });
   },
-  exit: ["clearInitial", "cleanupNode"],
+  exit: ["cleanupNode"],
   states: {
     closed: {
+      effects: ["trackTabbableElements"],
       on: {
         "controlled.open": {
           target: "open"
@@ -183,48 +119,68 @@ var V = N({
     effects: {
       trackEnterAnimation: ({ send: e, scope: t }) => {
         let n;
-        const s = h(() => {
-          const o = g(t);
+        const a = m(() => {
+          const o = l(t);
           if (!o) return;
-          const i = O(o).animationName;
+          const i = d(o).animationName;
           if (!i || i === "none") {
             e({ type: "animation.end" });
             return;
           }
-          const a = (r) => {
-            y(r) === o && e({ type: "animation.end" });
+          const r = (s) => {
+            u(s) === o && e({ type: "animation.end" });
           };
-          o.addEventListener("animationend", a), n = () => {
-            o.removeEventListener("animationend", a);
+          o.addEventListener("animationend", r), n = () => {
+            o.removeEventListener("animationend", r);
           };
         });
         return () => {
-          s(), n == null || n();
+          a(), n == null || n();
         };
       },
       trackExitAnimation: ({ send: e, scope: t }) => {
         let n;
-        const s = h(() => {
-          const o = g(t);
+        const a = m(() => {
+          const o = l(t);
           if (!o) return;
-          const i = O(o).animationName;
+          const i = d(o).animationName;
           if (!i || i === "none") {
             e({ type: "animation.end" });
             return;
           }
-          const a = (c) => {
-            y(c) === o && e({ type: "animation.end" });
+          const r = (p) => {
+            u(p) === o && e({ type: "animation.end" });
           };
-          o.addEventListener("animationend", a);
-          const r = I(o, {
+          o.addEventListener("animationend", r);
+          const s = v(o, {
             animationFillMode: "forwards"
           });
           n = () => {
-            o.removeEventListener("animationend", a), b(() => r());
+            o.removeEventListener("animationend", r), f(() => s());
           };
         });
         return () => {
-          s(), n == null || n();
+          a(), n == null || n();
+        };
+      },
+      trackTabbableElements: ({ scope: e, prop: t }) => {
+        if (!t("collapsedHeight") && !t("collapsedWidth")) return;
+        const n = l(e);
+        if (!n) return;
+        const a = () => {
+          const r = O(n).map((s) => E(s, "inert", ""));
+          return () => {
+            r.forEach((s) => s());
+          };
+        };
+        let o = a();
+        const i = h(n, {
+          callback() {
+            o(), o = a();
+          }
+        });
+        return () => {
+          o(), i();
         };
       }
     },
@@ -241,23 +197,23 @@ var V = N({
         e.set("stylesRef", null);
       },
       measureSize: ({ context: e, scope: t }) => {
-        const n = g(t);
+        const n = l(t);
         if (!n) return;
-        const { height: s, width: o } = n.getBoundingClientRect();
-        e.set("size", { height: s, width: o });
+        const { height: a, width: o } = n.getBoundingClientRect();
+        e.set("size", { height: a, width: o });
       },
       computeSize: ({ refs: e, scope: t, context: n }) => {
         var o;
         (o = e.get("cleanup")) == null || o();
-        const s = h(() => {
-          const i = g(t);
+        const a = m(() => {
+          const i = l(t);
           if (!i) return;
-          const l = i.hidden;
+          const c = i.hidden;
           i.style.animationName = "none", i.style.animationDuration = "0s", i.hidden = !1;
-          const a = i.getBoundingClientRect();
-          n.set("size", { height: a.height, width: a.width }), n.get("initial") && (i.style.animationName = "", i.style.animationDuration = ""), i.hidden = l;
+          const r = i.getBoundingClientRect();
+          n.set("size", { height: r.height, width: r.width }), n.get("initial") && (i.style.animationName = "", i.style.animationDuration = ""), i.hidden = c;
         });
-        e.set("cleanup", s);
+        e.set("cleanup", a);
       },
       invokeOnOpen: ({ prop: e }) => {
         var t;
@@ -277,19 +233,6 @@ var V = N({
     }
   }
 });
-S()([
-  "dir",
-  "disabled",
-  "getRootNode",
-  "id",
-  "ids",
-  "onExitComplete",
-  "onOpenChange",
-  "defaultOpen",
-  "open"
-]);
 export {
-  z as anatomy,
-  T as connect,
-  V as machine
+  A as machine
 };

package/dist/node_modules/@zag-js/collection/dist/chunk-QZ7TP4HQ.js

@@ -0,0 +1,4 @@
+var a = Object.defineProperty, i = (e, r, t) => r in e ? a(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, l = (e, r, t) => i(e, typeof r != "symbol" ? r + "" : r, t);
+export {
+  l as __publicField
+};

package/dist/node_modules/@zag-js/collection/dist/{index.js → list-collection.js}

@@ -1,17 +1,19 @@
-import { isEqual as O, isObject as p, hasProp as g } from "../../utils/dist/index.js";
-var b = Object.defineProperty, M = (n, u, t) => u in n ? b(n, u, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[u] = t, r = (n, u, t) => M(n, typeof u != "symbol" ? u + "" : u, t), d = {
-  itemToValue(n) {
-    return typeof n == "string" ? n : p(n) && g(n, "value") ? n.value : "";
+import { __publicField as r } from "./chunk-QZ7TP4HQ.js";
+import { isEqual as v } from "../../utils/dist/equal.js";
+import { isObject as g, hasProp as p } from "../../utils/dist/guard.js";
+var d = {
+  itemToValue(u) {
+    return typeof u == "string" ? u : g(u) && p(u, "value") ? u.value : "";
   },
-  itemToString(n) {
-    return typeof n == "string" ? n : p(n) && g(n, "label") ? n.label : d.itemToValue(n);
+  itemToString(u) {
+    return typeof u == "string" ? u : g(u) && p(u, "label") ? u.label : d.itemToValue(u);
   },
-  isItemDisabled(n) {
-    return p(n) && g(n, "disabled") ? !!n.disabled : !1;
+  isItemDisabled(u) {
+    return g(u) && p(u, "disabled") ? !!u.disabled : !1;
   }
-}, w = class I {
-  constructor(u) {
-    this.options = u, r(this, "items"), r(this, "indexMap", null), r(this, "copy", (t) => new I({ ...this.options, items: t ?? [...this.items] })), r(this, "isEqual", (t) => O(this.items, t.items)), r(this, "setItems", (t) => this.copy(t)), r(this, "getValues", (t = this.items) => {
+}, B = class I {
+  constructor(o) {
+    r(this, "options", o), r(this, "items"), r(this, "indexMap", null), r(this, "copy", (t) => new I({ ...this.options, items: t ?? [...this.items] })), r(this, "isEqual", (t) => v(this.items, t.items)), r(this, "setItems", (t) => this.copy(t)), r(this, "getValues", (t = this.items) => {
       const e = [];
       for (const i of t) {
         const s = this.getItemValue(i);
@@ -35,8 +37,8 @@ var b = Object.defineProperty, M = (n, u, t) => u in n ? b(n, u, { enumerable: !
       let e = 0;
       const i = this.group();
       for (const [, s] of i)
-        for (const h of s) {
-          if (e === t) return h;
+        for (const n of s) {
+          if (e === t) return n;
           e++;
         }
       return null;
@@ -55,26 +57,26 @@ var b = Object.defineProperty, M = (n, u, t) => u in n ? b(n, u, { enumerable: !
     }), r(this, "stringify", (t) => t == null ? null : this.stringifyItem(this.find(t))), r(this, "stringifyItems", (t, e = ", ") => {
       const i = [];
       for (const s of t) {
-        const h = this.stringifyItem(s);
-        h != null && i.push(h);
+        const n = this.stringifyItem(s);
+        n != null && i.push(n);
       }
       return i.join(e);
     }), r(this, "stringifyMany", (t, e) => this.stringifyItems(this.findMany(t), e)), r(this, "has", (t) => this.indexOf(t) !== -1), r(this, "hasItem", (t) => t == null ? !1 : this.has(this.getItemValue(t))), r(this, "group", () => {
       const { groupBy: t, groupSort: e } = this.options;
       if (!t) return [["", [...this.items]]];
       const i = /* @__PURE__ */ new Map();
-      this.items.forEach((h, l) => {
-        const o = t(h, l);
-        i.has(o) || i.set(o, []), i.get(o).push(h);
+      this.items.forEach((n, h) => {
+        const l = t(n, h);
+        i.has(l) || i.set(l, []), i.get(l).push(n);
       });
       let s = Array.from(i.entries());
-      return e && s.sort(([h], [l]) => {
-        if (typeof e == "function") return e(h, l);
+      return e && s.sort(([n], [h]) => {
+        if (typeof e == "function") return e(n, h);
         if (Array.isArray(e)) {
-          const o = e.indexOf(h), a = e.indexOf(l);
-          return o === -1 ? 1 : a === -1 ? -1 : o - a;
+          const l = e.indexOf(n), a = e.indexOf(h);
+          return l === -1 ? 1 : a === -1 ? -1 : l - a;
         }
-        return e === "asc" ? h.localeCompare(l) : e === "desc" ? l.localeCompare(h) : 0;
+        return e === "asc" ? n.localeCompare(h) : e === "desc" ? h.localeCompare(n) : 0;
       }), s;
     }), r(this, "getNextValue", (t, e = 1, i = !1) => {
       let s = this.indexOf(t);
@@ -95,30 +97,30 @@ var b = Object.defineProperty, M = (n, u, t) => u in n ? b(n, u, { enumerable: !
         let e = 0;
         const i = this.group();
         for (const [, s] of i)
-          for (const h of s) {
-            const l = this.getItemValue(h);
-            l != null && this.indexMap.set(l, e), e++;
+          for (const n of s) {
+            const h = this.getItemValue(n);
+            h != null && this.indexMap.set(h, e), e++;
           }
       }
       return this.indexMap.get(t) ?? -1;
     }), r(this, "getByText", (t, e) => {
       const i = e != null ? this.indexOf(e) : -1, s = t.length === 1;
-      for (let h = 0; h < this.items.length; h++) {
-        const l = this.items[(i + h + 1) % this.items.length];
-        if (!(s && this.getItemValue(l) === e) && !this.getItemDisabled(l) && S(this.stringifyItem(l), t))
-          return l;
+      for (let n = 0; n < this.items.length; n++) {
+        const h = this.items[(i + n + 1) % this.items.length];
+        if (!(s && this.getItemValue(h) === e) && !this.getItemDisabled(h) && b(this.stringifyItem(h), t))
+          return h;
       }
     }), r(this, "search", (t, e) => {
-      const { state: i, currentValue: s, timeout: h = 350 } = e, l = i.keysSoFar + t, a = l.length > 1 && Array.from(l).every((m) => m === l[0]) ? l[0] : l, V = this.getByText(a, s), v = this.getItemValue(V);
+      const { state: i, currentValue: s, timeout: n = 350 } = e, h = i.keysSoFar + t, a = h.length > 1 && Array.from(h).every((m) => m === h[0]) ? h[0] : h, V = this.getByText(a, s), O = this.getItemValue(V);
       function y() {
         clearTimeout(i.timer), i.timer = -1;
       }
       function x(m) {
         i.keysSoFar = m, y(), m !== "" && (i.timer = +setTimeout(() => {
           x(""), y();
-        }, h));
+        }, n));
       }
-      return x(l), v;
+      return x(h), O;
     }), r(this, "update", (t, e) => {
       let i = this.indexOf(t);
       return i === -1 ? this : this.copy([...this.items.slice(0, i), e, ...this.items.slice(i + 1)]);
@@ -154,14 +156,14 @@ var b = Object.defineProperty, M = (n, u, t) => u in n ? b(n, u, { enumerable: !
       const i = this.indexOf(t);
       return i === -1 ? this : this.copy(c(this.items, [i], e));
     }), r(this, "moveBefore", (t, ...e) => {
-      let i = this.items.findIndex((h) => this.getItemValue(h) === t);
+      let i = this.items.findIndex((n) => this.getItemValue(n) === t);
       if (i === -1) return this;
-      let s = e.map((h) => this.items.findIndex((l) => this.getItemValue(l) === h)).sort((h, l) => h - l);
+      let s = e.map((n) => this.items.findIndex((h) => this.getItemValue(h) === n)).sort((n, h) => n - h);
       return this.copy(c(this.items, s, i));
     }), r(this, "moveAfter", (t, ...e) => {
-      let i = this.items.findIndex((h) => this.getItemValue(h) === t);
+      let i = this.items.findIndex((n) => this.getItemValue(n) === t);
       if (i === -1) return this;
-      let s = e.map((h) => this.items.findIndex((l) => this.getItemValue(l) === h)).sort((h, l) => h - l);
+      let s = e.map((n) => this.items.findIndex((h) => this.getItemValue(h) === n)).sort((n, h) => n - h);
       return this.copy(c(this.items, s, i + 1));
     }), r(this, "reorder", (t, e) => this.copy(c(this.items, [t], e))), r(this, "compareValue", (t, e) => {
       const i = this.indexOf(t), s = this.indexOf(e);
@@ -176,15 +178,15 @@ var b = Object.defineProperty, M = (n, u, t) => u in n ? b(n, u, { enumerable: !
     }), r(this, "getValueRange", (t, e) => t && e ? this.compareValue(t, e) <= 0 ? this.range(t, e) : this.range(e, t) : []), r(this, "toString", () => {
       let t = "";
       for (const e of this.items) {
-        const i = this.getItemValue(e), s = this.stringifyItem(e), h = this.getItemDisabled(e), l = [i, s, h].filter(Boolean).join(":");
-        t += l + ",";
+        const i = this.getItemValue(e), s = this.stringifyItem(e), n = this.getItemDisabled(e), h = [i, s, n].filter(Boolean).join(":");
+        t += h + ",";
       }
       return t;
     }), r(this, "toJSON", () => ({
       size: this.size,
       first: this.firstValue,
       last: this.lastValue
-    })), this.items = [...u.items];
+    })), this.items = [...o.items];
   }
   /**
    * Returns the number of items in the collection
@@ -196,32 +198,32 @@ var b = Object.defineProperty, M = (n, u, t) => u in n ? b(n, u, { enumerable: !
    * Returns the first value in the collection
    */
   get firstValue() {
-    let u = 0;
-    for (; this.getItemDisabled(this.at(u)); ) u++;
-    return this.getItemValue(this.at(u));
+    let o = 0;
+    for (; this.getItemDisabled(this.at(o)); ) o++;
+    return this.getItemValue(this.at(o));
   }
   /**
    * Returns the last value in the collection
    */
   get lastValue() {
-    let u = this.size - 1;
-    for (; this.getItemDisabled(this.at(u)); ) u--;
-    return this.getItemValue(this.at(u));
+    let o = this.size - 1;
+    for (; this.getItemDisabled(this.at(o)); ) o--;
+    return this.getItemValue(this.at(o));
   }
   *[Symbol.iterator]() {
     yield* this.items;
   }
-}, S = (n, u) => !!(n != null && n.toLowerCase().startsWith(u.toLowerCase()));
-function f(n, u, ...t) {
-  return [...n.slice(0, u), ...t, ...n.slice(u)];
+}, b = (u, o) => !!(u != null && u.toLowerCase().startsWith(o.toLowerCase()));
+function f(u, o, ...t) {
+  return [...u.slice(0, o), ...t, ...u.slice(o)];
 }
-function c(n, u, t) {
-  u = [...u].sort((i, s) => i - s);
-  const e = u.map((i) => n[i]);
-  for (let i = u.length - 1; i >= 0; i--)
-    n = [...n.slice(0, u[i]), ...n.slice(u[i] + 1)];
-  return t = Math.max(0, t - u.filter((i) => i < t).length), [...n.slice(0, t), ...e, ...n.slice(t)];
+function c(u, o, t) {
+  o = [...o].sort((i, s) => i - s);
+  const e = o.map((i) => u[i]);
+  for (let i = o.length - 1; i >= 0; i--)
+    u = [...u.slice(0, o[i]), ...u.slice(o[i] + 1)];
+  return t = Math.max(0, t - o.filter((i) => i < t).length), [...u.slice(0, t), ...e, ...u.slice(t)];
 }
 export {
-  w as ListCollection
+  B as ListCollection
 };

package/dist/node_modules/@zag-js/collection/dist/selection-map.js

@@ -0,0 +1,58 @@
+function c({
+  values: e,
+  collection: t,
+  selectedItemMap: o
+}) {
+  const a = [];
+  for (const n of e) {
+    const l = t.find(n) ?? o.get(n);
+    l != null && a.push(l);
+  }
+  return a;
+}
+function r({
+  selectedItemMap: e,
+  values: t,
+  selectedItems: o,
+  collection: a
+}) {
+  const n = new Map(e);
+  for (const u of o) {
+    const s = a.getItemValue(u);
+    s != null && n.set(s, u);
+  }
+  const l = new Set(t);
+  for (const u of n.keys())
+    l.has(u) || n.delete(u);
+  return n;
+}
+function f({
+  values: e,
+  collection: t,
+  selectedItemMap: o
+}) {
+  const a = c({ values: e, collection: t, selectedItemMap: o }), n = r({
+    selectedItemMap: o,
+    values: e,
+    selectedItems: a,
+    collection: t
+  });
+  return { selectedItems: a, nextSelectedItemMap: n };
+}
+function i({
+  selectedItems: e,
+  collection: t
+}) {
+  return r({
+    selectedItemMap: /* @__PURE__ */ new Map(),
+    values: e.map((o) => t.getItemValue(o)).filter(Boolean),
+    selectedItems: e,
+    collection: t
+  });
+}
+export {
+  i as createSelectedItemMap,
+  f as deriveSelectionState,
+  c as resolveSelectedItems,
+  r as updateSelectedItemMap
+};

package/dist/node_modules/@zag-js/combobox/dist/combobox.anatomy.js

@@ -0,0 +1,21 @@
+import { createAnatomy as t } from "../../anatomy/dist/create-anatomy.js";
+var r = t("combobox").parts(
+  "root",
+  "clearTrigger",
+  "content",
+  "control",
+  "input",
+  "item",
+  "itemGroup",
+  "itemGroupLabel",
+  "itemIndicator",
+  "itemText",
+  "label",
+  "list",
+  "positioner",
+  "trigger"
+), e = r.build();
+export {
+  r as anatomy,
+  e as parts
+};

package/dist/node_modules/@zag-js/combobox/dist/combobox.collection.js

@@ -0,0 +1,6 @@
+import { ListCollection as e } from "../../collection/dist/list-collection.js";
+var r = (t) => new e(t);
+r.empty = () => new e({ items: [] });
+export {
+  r as collection
+};