@boxcustodia/library 1.6.3 → 1.7.1-canary.0

package/dist/index.es389.js

@@ -1,389 +1,133 @@
-import { __exports as o } from "./index.es511.js";
-import { __require as w } from "./index.es510.js";
-var y;
-function M() {
-  if (y) return o;
-  y = 1, Object.defineProperty(o, "__esModule", {
-    value: !0
-  }), o.default = void 0;
-  var b = h(w());
-  function h(e) {
-    return e && e.__esModule ? e : { default: e };
+class a {
+  get childNodes() {
+    throw new Error("childNodes is not supported");
   }
-  function i(e, s) {
-    return k(e) || g(e, s) || m(e, s) || _();
+  clone() {
+    let t = new a(this.type, this.key);
+    return t.value = this.value, t.level = this.level, t.hasChildNodes = this.hasChildNodes, t.rendered = this.rendered, t.textValue = this.textValue, t["aria-label"] = this["aria-label"], t.index = this.index, t.parentKey = this.parentKey, t.prevKey = this.prevKey, t.nextKey = this.nextKey, t.firstChildKey = this.firstChildKey, t.lastChildKey = this.lastChildKey, t.props = this.props, t.render = this.render, t.colSpan = this.colSpan, t.colIndex = this.colIndex, t;
   }
-  function _() {
-    throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+  constructor(t, e) {
+    this.value = null, this.level = 0, this.hasChildNodes = !1, this.rendered = null, this.textValue = "", this["aria-label"] = void 0, this.index = 0, this.parentKey = null, this.prevKey = null, this.nextKey = null, this.firstChildKey = null, this.lastChildKey = null, this.props = {}, this.colSpan = null, this.colIndex = null, this.type = t, this.key = e;
   }
-  function g(e, s) {
-    var r = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
-    if (r != null) {
-      var a = [], l = !0, f = !1, d, n;
-      try {
-        for (r = r.call(e); !(l = (d = r.next()).done) && (a.push(d.value), !(s && a.length === s)); l = !0)
-          ;
-      } catch (t) {
-        f = !0, n = t;
-      } finally {
-        try {
-          !l && r.return != null && r.return();
-        } finally {
-          if (f) throw n;
-        }
-      }
-      return a;
-    }
+}
+class d {
+  get size() {
+    return this.keyMap.size;
+  }
+  getKeys() {
+    return this.keyMap.keys();
   }
-  function k(e) {
-    if (Array.isArray(e)) return e;
+  *[Symbol.iterator]() {
+    let t = this.firstKey != null ? this.keyMap.get(this.firstKey) : void 0;
+    for (; t; )
+      yield t, t = t.nextKey != null ? this.keyMap.get(t.nextKey) : void 0;
   }
-  function A(e, s) {
-    var r = typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
-    if (!r) {
-      if (Array.isArray(e) || (r = m(e)) || s) {
-        r && (e = r);
-        var a = 0, l = function() {
-        };
-        return { s: l, n: function() {
-          return a >= e.length ? { done: !0 } : { done: !1, value: e[a++] };
-        }, e: function(u) {
-          throw u;
-        }, f: l };
+  getChildren(t) {
+    let e = this.keyMap;
+    return {
+      *[Symbol.iterator]() {
+        let l = e.get(t), n = (l == null ? void 0 : l.firstChildKey) != null ? e.get(l.firstChildKey) : null;
+        for (; n; )
+          yield n, n = n.nextKey != null ? e.get(n.nextKey) : void 0;
       }
-      throw new TypeError(`Invalid attempt to iterate non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+    };
+  }
+  getKeyBefore(t) {
+    let e = this.keyMap.get(t);
+    if (!e) return null;
+    if (e.prevKey != null) {
+      for (e = this.keyMap.get(e.prevKey); e && e.type !== "item" && e.lastChildKey != null; ) e = this.keyMap.get(e.lastChildKey);
+      var l;
+      return (l = e == null ? void 0 : e.key) !== null && l !== void 0 ? l : null;
     }
-    var f = !0, d = !1, n;
-    return { s: function() {
-      r = r.call(e);
-    }, n: function() {
-      var u = r.next();
-      return f = u.done, u;
-    }, e: function(u) {
-      d = !0, n = u;
-    }, f: function() {
-      try {
-        !f && r.return != null && r.return();
-      } finally {
-        if (d) throw n;
-      }
-    } };
+    return e.parentKey;
   }
-  function m(e, s) {
-    if (e) {
-      if (typeof e == "string") return p(e, s);
-      var r = Object.prototype.toString.call(e).slice(8, -1);
-      if (r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set") return Array.from(e);
-      if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return p(e, s);
+  getKeyAfter(t) {
+    let e = this.keyMap.get(t);
+    if (!e) return null;
+    if (e.type !== "item" && e.firstChildKey != null) return e.firstChildKey;
+    for (; e; ) {
+      if (e.nextKey != null) return e.nextKey;
+      if (e.parentKey != null) e = this.keyMap.get(e.parentKey);
+      else return null;
     }
+    return null;
+  }
+  getFirstKey() {
+    return this.firstKey;
+  }
+  getLastKey() {
+    let t = this.lastKey != null ? this.keyMap.get(this.lastKey) : null;
+    for (; (t == null ? void 0 : t.lastChildKey) != null; ) t = this.keyMap.get(t.lastChildKey);
+    var e;
+    return (e = t == null ? void 0 : t.key) !== null && e !== void 0 ? e : null;
   }
-  function p(e, s) {
-    (s == null || s > e.length) && (s = e.length);
-    for (var r = 0, a = new Array(s); r < s; r++)
-      a[r] = e[r];
-    return a;
+  getItem(t) {
+    var e;
+    return (e = this.keyMap.get(t)) !== null && e !== void 0 ? e : null;
   }
-  var v = [["a", {
-    reserved: !1
-  }], ["abbr", {
-    reserved: !1
-  }], ["acronym", {
-    reserved: !1
-  }], ["address", {
-    reserved: !1
-  }], ["applet", {
-    reserved: !1
-  }], ["area", {
-    reserved: !1
-  }], ["article", {
-    reserved: !1
-  }], ["aside", {
-    reserved: !1
-  }], ["audio", {
-    reserved: !1
-  }], ["b", {
-    reserved: !1
-  }], ["base", {
-    reserved: !0
-  }], ["bdi", {
-    reserved: !1
-  }], ["bdo", {
-    reserved: !1
-  }], ["big", {
-    reserved: !1
-  }], ["blink", {
-    reserved: !1
-  }], ["blockquote", {
-    reserved: !1
-  }], ["body", {
-    reserved: !1
-  }], ["br", {
-    reserved: !1
-  }], ["button", {
-    reserved: !1
-  }], ["canvas", {
-    reserved: !1
-  }], ["caption", {
-    reserved: !1
-  }], ["center", {
-    reserved: !1
-  }], ["cite", {
-    reserved: !1
-  }], ["code", {
-    reserved: !1
-  }], ["col", {
-    reserved: !0
-  }], ["colgroup", {
-    reserved: !0
-  }], ["content", {
-    reserved: !1
-  }], ["data", {
-    reserved: !1
-  }], ["datalist", {
-    reserved: !1
-  }], ["dd", {
-    reserved: !1
-  }], ["del", {
-    reserved: !1
-  }], ["details", {
-    reserved: !1
-  }], ["dfn", {
-    reserved: !1
-  }], ["dialog", {
-    reserved: !1
-  }], ["dir", {
-    reserved: !1
-  }], ["div", {
-    reserved: !1
-  }], ["dl", {
-    reserved: !1
-  }], ["dt", {
-    reserved: !1
-  }], ["em", {
-    reserved: !1
-  }], ["embed", {
-    reserved: !1
-  }], ["fieldset", {
-    reserved: !1
-  }], ["figcaption", {
-    reserved: !1
-  }], ["figure", {
-    reserved: !1
-  }], ["font", {
-    reserved: !1
-  }], ["footer", {
-    reserved: !1
-  }], ["form", {
-    reserved: !1
-  }], ["frame", {
-    reserved: !1
-  }], ["frameset", {
-    reserved: !1
-  }], ["h1", {
-    reserved: !1
-  }], ["h2", {
-    reserved: !1
-  }], ["h3", {
-    reserved: !1
-  }], ["h4", {
-    reserved: !1
-  }], ["h5", {
-    reserved: !1
-  }], ["h6", {
-    reserved: !1
-  }], ["head", {
-    reserved: !0
-  }], ["header", {
-    reserved: !1
-  }], ["hgroup", {
-    reserved: !1
-  }], ["hr", {
-    reserved: !1
-  }], ["html", {
-    reserved: !0
-  }], ["i", {
-    reserved: !1
-  }], ["iframe", {
-    reserved: !1
-  }], ["img", {
-    reserved: !1
-  }], ["input", {
-    reserved: !1
-  }], ["ins", {
-    reserved: !1
-  }], ["kbd", {
-    reserved: !1
-  }], ["keygen", {
-    reserved: !1
-  }], ["label", {
-    reserved: !1
-  }], ["legend", {
-    reserved: !1
-  }], ["li", {
-    reserved: !1
-  }], ["link", {
-    reserved: !0
-  }], ["main", {
-    reserved: !1
-  }], ["map", {
-    reserved: !1
-  }], ["mark", {
-    reserved: !1
-  }], ["marquee", {
-    reserved: !1
-  }], ["menu", {
-    reserved: !1
-  }], ["menuitem", {
-    reserved: !1
-  }], ["meta", {
-    reserved: !0
-  }], ["meter", {
-    reserved: !1
-  }], ["nav", {
-    reserved: !1
-  }], ["noembed", {
-    reserved: !0
-  }], ["noscript", {
-    reserved: !0
-  }], ["object", {
-    reserved: !1
-  }], ["ol", {
-    reserved: !1
-  }], ["optgroup", {
-    reserved: !1
-  }], ["option", {
-    reserved: !1
-  }], ["output", {
-    reserved: !1
-  }], ["p", {
-    reserved: !1
-  }], ["param", {
-    reserved: !0
-  }], ["picture", {
-    reserved: !0
-  }], ["pre", {
-    reserved: !1
-  }], ["progress", {
-    reserved: !1
-  }], ["q", {
-    reserved: !1
-  }], ["rp", {
-    reserved: !1
-  }], ["rt", {
-    reserved: !1
-  }], ["rtc", {
-    reserved: !1
-  }], ["ruby", {
-    reserved: !1
-  }], ["s", {
-    reserved: !1
-  }], ["samp", {
-    reserved: !1
-  }], ["script", {
-    reserved: !0
-  }], ["section", {
-    reserved: !1
-  }], ["select", {
-    reserved: !1
-  }], ["small", {
-    reserved: !1
-  }], ["source", {
-    reserved: !0
-  }], ["spacer", {
-    reserved: !1
-  }], ["span", {
-    reserved: !1
-  }], ["strike", {
-    reserved: !1
-  }], ["strong", {
-    reserved: !1
-  }], ["style", {
-    reserved: !0
-  }], ["sub", {
-    reserved: !1
-  }], ["summary", {
-    reserved: !1
-  }], ["sup", {
-    reserved: !1
-  }], ["table", {
-    reserved: !1
-  }], ["tbody", {
-    reserved: !1
-  }], ["td", {
-    reserved: !1
-  }], ["textarea", {
-    reserved: !1
-  }], ["tfoot", {
-    reserved: !1
-  }], ["th", {
-    reserved: !1
-  }], ["thead", {
-    reserved: !1
-  }], ["time", {
-    reserved: !1
-  }], ["title", {
-    reserved: !0
-  }], ["tr", {
-    reserved: !1
-  }], ["track", {
-    reserved: !0
-  }], ["tt", {
-    reserved: !1
-  }], ["u", {
-    reserved: !1
-  }], ["ul", {
-    reserved: !1
-  }], ["var", {
-    reserved: !1
-  }], ["video", {
-    reserved: !1
-  }], ["wbr", {
-    reserved: !1
-  }], ["xmp", {
-    reserved: !1
-  }]], c = {
-    entries: function() {
-      return v;
-    },
-    forEach: function(s) {
-      var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null, a = A(v), l;
-      try {
-        for (a.s(); !(l = a.n()).done; ) {
-          var f = i(l.value, 2), d = f[0], n = f[1];
-          s.call(r, n, d, v);
+  at() {
+    throw new Error("Not implemented");
+  }
+  clone() {
+    let t = this.constructor, e = new t();
+    return e.keyMap = new Map(this.keyMap), e.firstKey = this.firstKey, e.lastKey = this.lastKey, e;
+  }
+  addNode(t) {
+    if (this.frozen) throw new Error("Cannot add a node to a frozen collection");
+    this.keyMap.set(t.key, t);
+  }
+  removeNode(t) {
+    if (this.frozen) throw new Error("Cannot remove a node to a frozen collection");
+    this.keyMap.delete(t);
+  }
+  commit(t, e, l = !1) {
+    if (this.frozen) throw new Error("Cannot commit a frozen collection");
+    this.firstKey = t, this.lastKey = e, this.frozen = !l;
+  }
+  // TODO: this is pretty specific to menu, will need to check if it is generic enough
+  // Will need to handle varying levels I assume but will revisit after I get searchable menu working for base menu
+  // TODO: an alternative is to simply walk the collection and add all item nodes that match the filter and any sections/separators we encounter
+  // to an array, then walk that new array and fix all the next/Prev keys while adding them to the new collection
+  UNSTABLE_filter(t) {
+    let e = new d(), l = null;
+    for (let n of this)
+      if (n.type === "section" && n.hasChildNodes) {
+        let i = n.clone(), r = null;
+        for (let o of this.getChildren(n.key)) if (h(o, t, this, e)) {
+          let s = o.clone();
+          r == null && (i.firstChildKey = s.key), e.firstKey == null && (e.firstKey = i.key), r && r.parentKey === s.parentKey ? (r.nextKey = s.key, s.prevKey = r.key) : s.prevKey = null, s.nextKey = null, e.addNode(s), r = s;
         }
-      } catch (t) {
-        a.e(t);
-      } finally {
-        a.f();
+        r && (r.type !== "header" ? (i.lastChildKey = r.key, l == null ? i.prevKey = null : (l.type === "section" || l.type === "separator") && (l.nextKey = i.key, i.prevKey = l.key), i.nextKey = null, l = i, e.addNode(i)) : (e.firstKey === i.key && (e.firstKey = null), e.removeNode(r.key)));
+      } else if (n.type === "separator") {
+        let i = n.clone();
+        i.nextKey = null, (l == null ? void 0 : l.type) === "section" && (l.nextKey = i.key, i.prevKey = l.key, l = i, e.addNode(i));
+      } else {
+        let i = n.clone();
+        h(i, t, this, e) && (e.firstKey == null && (e.firstKey = i.key), l != null && l.type !== "section" && l.type !== "separator" && l.parentKey === i.parentKey ? (l.nextKey = i.key, i.prevKey = l.key) : i.prevKey = null, i.nextKey = null, e.addNode(i), l = i);
       }
-    },
-    get: function(s) {
-      var r = v.find(function(a) {
-        return a[0] === s;
-      });
-      return r && r[1];
-    },
-    has: function(s) {
-      return !!c.get(s);
-    },
-    keys: function() {
-      return v.map(function(s) {
-        var r = i(s, 1), a = r[0];
-        return a;
-      });
-    },
-    values: function() {
-      return v.map(function(s) {
-        var r = i(s, 2), a = r[1];
-        return a;
-      });
+    if ((l == null ? void 0 : l.type) === "separator" && l.nextKey === null) {
+      let n;
+      l.prevKey != null && (n = e.getItem(l.prevKey), n.nextKey = null), e.removeNode(l.key), l = n;
     }
-  }, q = (0, b.default)(c, c.entries());
-  return o.default = q, o;
+    return e.lastKey = (l == null ? void 0 : l.key) || null, e;
+  }
+  constructor() {
+    this.keyMap = /* @__PURE__ */ new Map(), this.firstKey = null, this.lastKey = null, this.frozen = !1;
+  }
+}
+function h(y, t, e, l) {
+  if (y.type === "subdialogtrigger" || y.type === "submenutrigger") {
+    let n = [
+      ...e.getChildren(y.key)
+    ][0];
+    if (n && t(n.textValue)) {
+      let i = n.clone();
+      return l.addNode(i), !0;
+    } else return !1;
+  } else return y.type === "header" ? !0 : t(y.textValue);
 }
 export {
-  M as __require
+  d as BaseCollection,
+  a as CollectionNode
 };

package/dist/index.es39.js

@@ -1,99 +1,108 @@
 import { j as t } from "./index.es104.js";
-import * as f from "react";
-import { createElement as I } from "react";
-import { useControllableState as h } from "./index.es90.js";
-import { PopoverRoot as T, PopoverTrigger as y, PopoverContent as F } from "./index.es63.js";
-import L from "./index.es127.js";
+import * as d from "react";
+import { createElement as D } from "react";
+import { useControllableState as b } from "./index.es90.js";
+import { PopoverRoot as I, PopoverTrigger as T, PopoverContent as F } from "./index.es63.js";
+import L from "./index.es123.js";
 import { Button as M } from "./index.es32.js";
-import { cn as d } from "./index.es91.js";
+import { cn as x } from "./index.es91.js";
 import { AutoCompleteRoot as O, AutoCompleteInput as U, AutoCompleteEmpty as W, AutoCompleteList as q, AutoCompleteItem as z } from "./index.es28.js";
 function $({
-  items: c = [],
-  valueKey: a = "value",
-  labelKey: x = "label",
-  placeholder: j = "Seleccionar",
-  searchPlaceholder: C = "Buscar...",
-  emptyMessage: b = "No se encontraron resultado",
-  searchProps: v,
-  className: g,
-  triggerProps: S,
-  itemProps: A,
-  itemClassName: N,
-  contentProps: p,
+  items: n = [],
+  valueKey: l = "value",
+  labelKey: f = "label",
+  placeholder: h = "Seleccionar",
+  searchPlaceholder: j = "Buscar...",
+  emptyMessage: C = "No se encontraron resultado",
+  searchProps: g,
+  className: v,
+  triggerProps: p,
+  itemProps: S,
+  itemClassName: A,
+  contentProps: N,
   contentClassName: w,
   value: P,
-  onChange: l,
+  onChange: r,
   defaultValue: R,
-  renderOption: u = (r) => r == null ? void 0 : r[x],
+  renderOption: m = (a) => a == null ? void 0 : a[f],
   commandProps: k,
-  ...e
+  ...o
 }) {
-  const [r, m] = f.useState(!1), [s, E] = h({
+  const [a, i] = d.useState(!1), [s, E] = b({
     prop: P,
-    onChange: (o) => {
-      if (!l) return;
-      const n = c.find((D) => D[a] === o);
-      l == null || l(o, n);
+    onChange: (e) => {
+      if (!r) return;
+      const c = n.find((B) => B[l] === e);
+      r == null || r(e, c);
     },
     defaultProp: R
-  }), [V, B] = h({
-    prop: e == null ? void 0 : e.search,
-    defaultProp: e == null ? void 0 : e.searchDefaultValue,
-    onChange: e == null ? void 0 : e.onSearchChange
-  }), i = f.useMemo(
-    () => c.find((o) => o[a] === s),
+  }), [V, y] = b({
+    prop: o == null ? void 0 : o.search,
+    defaultProp: o == null ? void 0 : o.searchDefaultValue,
+    onChange: o == null ? void 0 : o.onSearchChange
+  }), u = d.useMemo(
+    () => n.find((e) => e[l] === s),
     [s]
   );
-  return /* @__PURE__ */ t.jsxs(T, { open: r, onOpenChange: m, children: [
-    /* @__PURE__ */ t.jsx(y, { asChild: !0, children: /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ t.jsxs(I, { open: a, onOpenChange: i, "data-slot": "combobox", children: [
+    /* @__PURE__ */ t.jsx(T, { asChild: !0, "data-slot": "combobox-trigger", children: /* @__PURE__ */ t.jsxs(
       M,
       {
-        ...e,
-        ...S,
+        ...o,
+        ...p,
         variant: "outline",
         role: "combobox",
-        "aria-expanded": r,
-        className: d(
+        "aria-expanded": a,
+        className: x(
           "font-normal w-full items-center justify-between border-input px-3 hover:bg-background",
-          g
+          v
         ),
         children: [
-          i ? u(i) : j,
-          /* @__PURE__ */ t.jsx(L, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          u ? m(u) : h,
+          /* @__PURE__ */ t.jsx(
+            L,
+            {
+              className: "ml-2 h-4 w-4 shrink-0 opacity-50",
+              "data-slot": "combobox-trigger-icon"
+            }
+          )
         ]
       }
     ) }),
     /* @__PURE__ */ t.jsx(
       F,
       {
-        ...p,
-        className: d("p-1", w),
+        ...N,
+        className: x("p-1", w),
         asChild: !0,
         matchTriggerWidth: !0,
+        "data-slot": "combobox-content",
         children: /* @__PURE__ */ t.jsxs(O, { ...k, children: [
           /* @__PURE__ */ t.jsx(
             U,
             {
               value: V,
-              onValueChange: B,
-              placeholder: C,
+              onValueChange: y,
+              placeholder: j,
               autoFocus: !0,
-              ...v
+              "data-slot": "combobox-input",
+              ...g
             }
           ),
-          /* @__PURE__ */ t.jsx(W, { children: b }),
-          /* @__PURE__ */ t.jsx(q, { children: c.map((o) => /* @__PURE__ */ I(
+          /* @__PURE__ */ t.jsx(W, { "data-slot": "combobox-empty", children: C }),
+          /* @__PURE__ */ t.jsx(q, { "data-slot": "combobox-list", children: n.map((e) => /* @__PURE__ */ D(
             z,
             {
-              className: N,
-              ...A,
-              key: o[a],
-              value: o[a],
-              onSelect: (n) => {
-                E(n === s ? "" : n), m(!1);
+              className: A,
+              "data-slot": "combobox-item",
+              ...S,
+              key: e[l],
+              value: e[l],
+              onSelect: (c) => {
+                E(c === s ? "" : c), i(!1);
               }
             },
-            u(o)
+            m(e)
           )) })
         ] })
       }