@boxcustodia/library 1.5.1-canary.1 → 1.6.0

package/dist/index.es165.js

@@ -1,18 +1,18 @@
-import { ButtonContext as D } from "./index.es163.js";
-import { CheckboxContext as U } from "./index.es287.js";
-import { CollectionRendererContext as B, DefaultCollectionRenderer as G, usePersistedKeys as O } from "./index.es299.js";
-import { useRenderProps as w, Provider as L, DEFAULT_SLOT as W, useContextProps as j } from "./index.es164.js";
-import { useTreeGridList as q } from "./index.es301.js";
-import { useTreeGridListItem as N } from "./index.es302.js";
-import { createBranchComponent as J, createLeafComponent as I, CollectionBuilder as Q, Collection as X } from "./index.es88.js";
-import { useCachedChildren as Y } from "./index.es300.js";
-import { mergeProps as M } from "./index.es292.js";
-import { filterDOMProps as S } from "./index.es293.js";
-import { useObjectRef as Z } from "./index.es298.js";
-import { useControlledState as ee } from "./index.es303.js";
-import n, { forwardRef as te, useContext as E, createContext as T, useEffect as F, useRef as ae, useMemo as le } from "react";
+import { ButtonContext as A } from "./index.es163.js";
+import { CheckboxContext as O } from "./index.es287.js";
+import { CollectionRendererContext as z, DefaultCollectionRenderer as W, usePersistedKeys as G } from "./index.es299.js";
+import { useRenderProps as w, Provider as H, DEFAULT_SLOT as U, useContextProps as j } from "./index.es164.js";
+import { createBranchComponent as q, createLeafComponent as D, CollectionBuilder as J, Collection as Q } from "./index.es88.js";
+import { useCachedChildren as X } from "./index.es300.js";
+import { mergeProps as S } from "./index.es292.js";
+import { filterDOMProps as F } from "./index.es293.js";
+import { useObjectRef as Y } from "./index.es298.js";
+import { useControlledState as Z } from "./index.es301.js";
+import n, { forwardRef as ee, useContext as E, createContext as V, useEffect as I, useRef as te, useMemo as ae } from "react";
+import { useTreeItem as N } from "./index.es302.js";
+import { useTree as le } from "./index.es303.js";
 import { useHover as re } from "./index.es296.js";
-import { useFocusRing as k } from "./index.es295.js";
+import { useFocusRing as T } from "./index.es295.js";
 import { FocusScope as oe } from "./index.es304.js";
 import { useGridListSelectionCheckbox as ne } from "./index.es305.js";
 import { useTreeState as se } from "./index.es306.js";
@@ -44,12 +44,12 @@ class ie {
   }
   getKeyAfter(e) {
     var t;
-    let o = this.flattenedRows.findIndex((r) => r.key === e);
+    let o = this.flattenedRows.findIndex((l) => l.key === e);
     return (t = this.flattenedRows[o + 1]) === null || t === void 0 ? void 0 : t.key;
   }
   getKeyBefore(e) {
     var t;
-    let o = this.flattenedRows.findIndex((r) => r.key === e);
+    let o = this.flattenedRows.findIndex((l) => l.key === e);
     return (t = this.flattenedRows[o - 1]) === null || t === void 0 ? void 0 : t.key;
   }
   // Note that this will return Content nodes in addition to nested TreeItems
@@ -57,9 +57,9 @@ class ie {
     let t = this.keyMap;
     return {
       *[Symbol.iterator]() {
-        let o = t.get(e), r = (o == null ? void 0 : o.firstChildKey) != null ? t.get(o.firstChildKey) : null;
-        for (; r; )
-          yield r, r = r.nextKey != null ? t.get(r.nextKey) : void 0;
+        let o = t.get(e), l = (o == null ? void 0 : o.firstChildKey) != null ? t.get(o.firstChildKey) : null;
+        for (; l; )
+          yield l, l = l.nextKey != null ? t.get(l.nextKey) : void 0;
       }
     };
   }
@@ -69,142 +69,146 @@ class ie {
   }
   constructor(e) {
     this.keyMap = /* @__PURE__ */ new Map();
-    let { collection: t, expandedKeys: o } = e, { flattenedRows: r, keyMap: s } = ue(t, {
+    let { collection: t, expandedKeys: o } = e, { flattenedRows: l, keyMap: s } = fe(t, {
       expandedKeys: o
     });
-    this.flattenedRows = r, this.keyMap = s;
+    this.flattenedRows = l, this.keyMap = s;
   }
 }
-const de = /* @__PURE__ */ T(null), K = /* @__PURE__ */ T(null);
-function ce(a, e) {
-  return [a, e] = j(a, e, de), /* @__PURE__ */ n.createElement(Q, {
-    content: /* @__PURE__ */ n.createElement(X, a)
-  }, (t) => /* @__PURE__ */ n.createElement(fe, {
-    props: a,
-    collection: t,
-    treeRef: e
+const de = /* @__PURE__ */ V(null), _ = /* @__PURE__ */ V(null), Te = /* @__PURE__ */ ee(function(e, t) {
+  return [e, t] = j(e, t, de), /* @__PURE__ */ n.createElement(J, {
+    content: /* @__PURE__ */ n.createElement(Q, e)
+  }, (o) => /* @__PURE__ */ n.createElement(ce, {
+    props: e,
+    collection: o,
+    treeRef: t
   }));
-}
-function fe({ props: a, collection: e, treeRef: t }) {
-  let { selectionMode: o = "none", expandedKeys: r, defaultExpandedKeys: s, onExpandedChange: l, disabledBehavior: i = "selection" } = a, { CollectionRoot: f, isVirtualized: d, layoutDelegate: b } = E(B), [u, p] = ee(r ? V(r) : void 0, s ? V(s) : /* @__PURE__ */ new Set(), l), P = le(() => new ie({
+});
+function ce({ props: r, collection: e, treeRef: t }) {
+  let { selectionMode: o = "none", expandedKeys: l, defaultExpandedKeys: s, onExpandedChange: a, disabledBehavior: i = "all" } = r, { CollectionRoot: f, isVirtualized: d, layoutDelegate: $ } = E(z), [u, p] = Z(l ? B(l) : void 0, s ? B(s) : /* @__PURE__ */ new Set(), a), P = ae(() => new ie({
     collection: e,
     expandedKeys: u
   }), [
     e,
     u
   ]), c = se({
-    ...a,
+    ...r,
     selectionMode: o,
     expandedKeys: u,
     onExpandedChange: p,
     collection: P,
     children: void 0,
     disabledBehavior: i
-  }), { gridProps: m } = q({
-    ...a,
+  }), { gridProps: m } = le({
+    ...r,
     isVirtualized: d,
-    layoutDelegate: b
-  }, c, t), { focusProps: R, isFocused: y, isFocusVisible: v } = k(), x = {
+    layoutDelegate: $
+  }, c, t), { focusProps: R, isFocused: b, isFocusVisible: h } = T(), x = {
     isEmpty: c.collection.size === 0,
-    isFocused: y,
-    isFocusVisible: v,
+    isFocused: b,
+    isFocusVisible: h,
     state: c
-  }, h = w({
-    className: a.className,
-    style: a.style,
+  }, v = w({
+    className: r.className,
+    style: r.style,
     defaultClassName: "react-aria-Tree",
     values: x
-  }), C = null, g = null;
-  if (c.collection.size === 0 && a.renderEmptyState) {
-    let { isEmpty: _, ...$ } = x, H = a.renderEmptyState({
-      ...$
-    }), A = {
+  }), y = null;
+  if (c.collection.size === 0 && r.renderEmptyState) {
+    let { isEmpty: k, ...M } = x, C = r.renderEmptyState({
+      ...M
+    }), K = {
       "aria-level": 1,
       "aria-posinset": 1,
       "aria-setsize": 1
     };
-    C = /* @__PURE__ */ n.createElement("div", {
+    y = /* @__PURE__ */ n.createElement("div", {
       role: "row",
       style: {
         display: "contents"
       },
-      ...A
+      ...K
     }, /* @__PURE__ */ n.createElement("div", {
       role: "gridcell",
       style: {
         display: "contents"
       }
-    }, H));
+    }, C));
   }
   return /* @__PURE__ */ n.createElement(oe, null, /* @__PURE__ */ n.createElement("div", {
-    ...S(a),
-    ...h,
-    ...M(m, R, g),
+    ...F(r),
+    ...v,
+    ...S(m, R),
     ref: t,
-    slot: a.slot || void 0,
-    onScroll: a.onScroll,
+    slot: r.slot || void 0,
+    onScroll: r.onScroll,
     "data-empty": c.collection.size === 0 || void 0,
-    "data-focused": y || void 0,
-    "data-focus-visible": v || void 0
-  }, /* @__PURE__ */ n.createElement(L, {
+    "data-focused": b || void 0,
+    "data-focus-visible": h || void 0
+  }, /* @__PURE__ */ n.createElement(H, {
     values: [
       [
-        K,
+        _,
         c
       ]
     ]
   }, /* @__PURE__ */ n.createElement(f, {
     collection: c.collection,
-    persistedKeys: O(c.selectionManager.focusedKey),
+    persistedKeys: G(c.selectionManager.focusedKey),
     scrollRef: t
-  })), C));
+  })), y));
 }
-const Ke = /* @__PURE__ */ te(ce), _e = /* @__PURE__ */ I("content", function(e) {
-  let t = E(z), o = w({
+const Se = /* @__PURE__ */ D("content", function(e) {
+  let t = E(L), o = w({
     children: e.children,
     values: t
   });
-  return /* @__PURE__ */ n.createElement(B.Provider, {
-    value: G
+  return /* @__PURE__ */ n.createElement(z.Provider, {
+    value: W
   }, o.children);
-}), z = /* @__PURE__ */ T(null), Fe = /* @__PURE__ */ J("item", (a, e, t) => {
+}), L = /* @__PURE__ */ V(null), Fe = /* @__PURE__ */ q("item", (r, e, t) => {
   var o;
-  let r = E(K);
-  e = Z(e);
-  let { rowProps: s, gridCellProps: l, expandButtonProps: i, descriptionProps: f, ...d } = N({
+  let l = E(_);
+  e = Y(e);
+  let { rowProps: s, gridCellProps: a, expandButtonProps: i, descriptionProps: f, ...d } = N({
     node: t
-  }, r, e), b = s["aria-expanded"] === !0, u = ((o = [
-    ...r.collection.getChildren(t.key)
+  }, l, e), $ = s["aria-expanded"] === !0, u = r.hasChildItems || ((o = [
+    ...l.collection.getChildren(t.key)
   ]) === null || o === void 0 ? void 0 : o.length) > 1, p = s["aria-level"] || 1, { hoverProps: P, isHovered: c } = re({
     isDisabled: !d.allowsSelection && !d.hasAction,
-    onHoverStart: a.onHoverStart,
-    onHoverChange: a.onHoverChange,
-    onHoverEnd: a.onHoverEnd
-  }), { isFocusVisible: m, focusProps: R } = k(), { isFocusVisible: y, focusProps: v } = k({
+    onHoverStart: r.onHoverStart,
+    onHoverChange: r.onHoverChange,
+    onHoverEnd: r.onHoverEnd
+  }), { isFocusVisible: m, focusProps: R } = T(), { isFocusVisible: b, focusProps: h } = T({
     within: !0
   }), { checkboxProps: x } = ne({
     key: t.key
-  }, r), h = n.useMemo(() => ({
+  }, l), v = l.selectionManager.selectionMode, y = l.selectionManager.selectionBehavior, k = n.useMemo(() => ({
     ...d,
     isHovered: c,
     isFocusVisible: m,
-    isExpanded: b,
-    hasChildRows: u,
+    isExpanded: $,
+    hasChildItems: u,
     level: p,
-    selectionMode: r.selectionManager.selectionMode,
-    selectionBehavior: r.selectionManager.selectionBehavior,
-    isFocusVisibleWithin: y
+    selectionMode: v,
+    selectionBehavior: y,
+    isFocusVisibleWithin: b,
+    state: l,
+    id: t.key
   }), [
     d,
     c,
     m,
-    r.selectionManager,
-    b,
+    v,
+    y,
+    $,
     u,
     p,
-    y
-  ]), C = w({
-    ...a,
+    b,
+    l,
+    t.key
+  ]), M = w({
+    ...r,
     id: void 0,
     children: t.rendered,
     defaultClassName: "react-aria-TreeItem",
@@ -212,38 +216,38 @@ const Ke = /* @__PURE__ */ te(ce), _e = /* @__PURE__ */ I("content", function(e)
       // @ts-ignore
       "--tree-item-level": p
     },
-    values: h
+    values: k
   });
-  F(() => {
+  I(() => {
     t.textValue || console.warn("A `textValue` prop is required for <TreeItem> elements in order to support accessibility features such as type to select.");
   }, [
     t.textValue
   ]);
-  let g = ae(null);
-  F(() => {
-    u && !g.current && console.warn("Expandable tree items must contain a expand button so screen reader users can expand/collapse the item.");
+  let C = te(null);
+  I(() => {
+    u && !C.current && console.warn("Expandable tree items must contain a expand button so screen reader users can expand/collapse the item.");
   }, []);
-  let _ = Y({
-    items: r.collection.getChildren(t.key),
-    children: ($) => {
-      switch ($.type) {
+  let K = X({
+    items: l.collection.getChildren(t.key),
+    children: (g) => {
+      switch (g.type) {
         case "content":
-          return $.render($);
+          return g.render(g);
         case "loader":
         case "item":
           return /* @__PURE__ */ n.createElement(n.Fragment, null);
         default:
-          throw new Error("Unsupported element type in TreeRow: " + $.type);
+          throw new Error("Unsupported element type in TreeRow: " + g.type);
       }
     }
   });
   return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", {
-    ...M(S(a), s, R, P, v),
-    ...C,
+    ...S(F(r), s, R, P, h),
+    ...M,
     ref: e,
     // TODO: missing selectionBehavior, hasAction and allowsSelection data attribute equivalents (available in renderProps). Do we want those?
-    "data-expanded": u && b || void 0,
-    "data-has-child-rows": u || void 0,
+    "data-expanded": u && $ || void 0,
+    "data-has-child-items": u || void 0,
     "data-level": p,
     "data-selected": d.isSelected || void 0,
     "data-disabled": d.isDisabled || void 0,
@@ -251,16 +255,16 @@ const Ke = /* @__PURE__ */ te(ce), _e = /* @__PURE__ */ I("content", function(e)
     "data-focused": d.isFocused || void 0,
     "data-focus-visible": m || void 0,
     "data-pressed": d.isPressed || void 0,
-    "data-selection-mode": r.selectionManager.selectionMode === "none" ? void 0 : r.selectionManager.selectionMode
+    "data-selection-mode": l.selectionManager.selectionMode === "none" ? void 0 : l.selectionManager.selectionMode
   }, /* @__PURE__ */ n.createElement("div", {
-    ...l,
+    ...a,
     style: {
       display: "contents"
     }
-  }, /* @__PURE__ */ n.createElement(L, {
+  }, /* @__PURE__ */ n.createElement(H, {
     values: [
       [
-        U,
+        O,
         {
           slots: {
             selection: x
@@ -270,30 +274,30 @@ const Ke = /* @__PURE__ */ te(ce), _e = /* @__PURE__ */ I("content", function(e)
       // TODO: support description in the tree row
       // TODO: don't think I need to pass isExpanded to the button here since it can be sourced from the renderProps? Might be worthwhile passing it down?
       [
-        D,
+        A,
         {
           slots: {
-            [W]: {},
+            [U]: {},
             chevron: {
               ...i,
-              ref: g
+              ref: C
             }
           }
         }
       ],
       [
-        z,
+        L,
         {
-          ...h
+          ...k
         }
       ]
     ]
-  }, _))));
+  }, K))));
 });
-I("loader", function(e, t, o) {
-  let r = E(K), { rowProps: s } = N({
+D("loader", function(e, t, o) {
+  let l = E(_), { rowProps: s } = N({
     node: o
-  }, r, t), l = s["aria-level"] || 1, i = {
+  }, l, t), a = s["aria-level"] || 1, i = {
     "aria-level": s["aria-level"],
     "aria-posinset": s["aria-posinset"],
     "aria-setsize": s["aria-setsize"]
@@ -303,46 +307,46 @@ I("loader", function(e, t, o) {
     children: o.rendered,
     defaultClassName: "react-aria-TreeLoader",
     values: {
-      level: l
+      level: a
     }
   });
   return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", {
     role: "row",
     ref: t,
-    ...M(S(e), i),
+    ...S(F(e), i),
     ...f,
-    "data-level": l
+    "data-level": a
   }, /* @__PURE__ */ n.createElement("div", {
     role: "gridcell",
     "aria-colindex": 1
   }, f.children)));
 });
-function V(a) {
-  return a ? a === "all" ? "all" : new Set(a) : /* @__PURE__ */ new Set();
+function B(r) {
+  return r ? r === "all" ? "all" : new Set(r) : /* @__PURE__ */ new Set();
 }
-function ue(a, e) {
-  let { expandedKeys: t = /* @__PURE__ */ new Set() } = e, o = /* @__PURE__ */ new Map(), r = [], s = (l) => {
-    if (l.type === "item" || l.type === "loader") {
-      let i = l == null ? void 0 : l.parentKey, f = {
-        ...l
+function fe(r, e) {
+  let { expandedKeys: t = /* @__PURE__ */ new Set() } = e, o = /* @__PURE__ */ new Map(), l = [], s = (a) => {
+    if (a.type === "item" || a.type === "loader") {
+      let i = a == null ? void 0 : a.parentKey, f = {
+        ...a
       };
       i != null ? ([
-        ...a.getChildren(i)
-      ][0].type !== "item" && (f.index = (l == null ? void 0 : l.index) != null ? (l == null ? void 0 : l.index) - 1 : 0), l.type === "loader" && (f.level = l.level + 1), o.set(f.key, f)) : o.set(l.key, l), (l.level === 0 || i != null && t.has(i) && r.find((d) => d.key === i)) && r.push(o.get(l.key) || l);
-    } else l.type !== null && o.set(l.key, l);
-    for (let i of a.getChildren(l.key)) s(i);
+        ...r.getChildren(i)
+      ][0].type !== "item" && (f.index = (a == null ? void 0 : a.index) != null ? (a == null ? void 0 : a.index) - 1 : 0), a.type === "loader" && (f.level = a.level + 1), o.set(f.key, f)) : o.set(a.key, a), (a.level === 0 || i != null && t.has(i) && l.find((d) => d.key === i)) && l.push(o.get(a.key) || a);
+    } else a.type !== null && o.set(a.key, a);
+    for (let i of r.getChildren(a.key)) s(i);
   };
-  for (let l of a) s(l);
+  for (let a of r) s(a);
   return {
-    flattenedRows: r,
+    flattenedRows: l,
     keyMap: o
   };
 }
 export {
-  z as TreeItemContentContext,
-  Ke as UNSTABLE_Tree,
-  de as UNSTABLE_TreeContext,
-  Fe as UNSTABLE_TreeItem,
-  _e as UNSTABLE_TreeItemContent,
-  K as UNSTABLE_TreeStateContext
+  Te as Tree,
+  de as TreeContext,
+  Fe as TreeItem,
+  Se as TreeItemContent,
+  L as TreeItemContentContext,
+  _ as TreeStateContext
 };

package/dist/index.es167.js

@@ -1,5 +1,5 @@
-import { shouldIgnoreEvent as c } from "./index.es311.js";
-import { matchKeyModifiers as f } from "./index.es310.js";
+import { shouldIgnoreEvent as c } from "./index.es314.js";
+import { matchKeyModifiers as f } from "./index.es313.js";
 const h = (t, o, e, a, i) => (r) => {
   if (!i || c(r, a))
     return;

package/dist/index.es173.js

@@ -1,29 +1,8 @@
-import * as f from "react";
-function l(n, o) {
-  if (typeof n == "function")
-    return n(o);
-  n != null && (n.current = o);
-}
-function i(...n) {
-  return (o) => {
-    let u = !1;
-    const c = n.map((t) => {
-      const e = l(t, o);
-      return !u && typeof e == "function" && (u = !0), e;
-    });
-    if (u)
-      return () => {
-        for (let t = 0; t < c.length; t++) {
-          const e = c[t];
-          typeof e == "function" ? e() : l(n[t], null);
-        }
-      };
-  };
-}
-function s(...n) {
-  return f.useCallback(i(...n), n);
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 export {
-  i as composeRefs,
-  s as useComposedRefs
+  o as commonjsGlobal,
+  l as getDefaultExportFromCjs
 };

package/dist/index.es174.js

@@ -1,17 +1,4 @@
-var m = 1, j = 0.9, k = 0.8, B = 0.17, v = 0.1, w = 0.999, D = 0.9999, G = 0.99, H = /[\\\/_+.#"@\[\(\{&]/, J = /[\\\/_+.#"@\[\(\{&]/g, K = /[\s-]/, A = /[\s-]/g;
-function $(t, o, e, i, n, h, u) {
-  if (h === o.length) return n === t.length ? m : G;
-  var s = `${n},${h}`;
-  if (u[s] !== void 0) return u[s];
-  for (var d = i.charAt(h), a = e.indexOf(d, n), l = 0, r, g, c, p; a >= 0; ) r = $(t, o, e, i, a + 1, h + 1, u), r > l && (a === n ? r *= m : H.test(t.charAt(a - 1)) ? (r *= k, c = t.slice(n, a - 1).match(J), c && n > 0 && (r *= Math.pow(w, c.length))) : K.test(t.charAt(a - 1)) ? (r *= j, p = t.slice(n, a - 1).match(A), p && n > 0 && (r *= Math.pow(w, p.length))) : (r *= B, n > 0 && (r *= Math.pow(w, a - n))), t.charAt(a) !== o.charAt(h) && (r *= D)), (r < v && e.charAt(a - 1) === i.charAt(h + 1) || i.charAt(h + 1) === i.charAt(h) && e.charAt(a - 1) !== i.charAt(h)) && (g = $(t, o, e, i, a + 1, h + 2, u), g * v > r && (r = g * v)), r > l && (l = r), a = e.indexOf(d, a + 1);
-  return u[s] = l, l;
-}
-function x(t) {
-  return t.toLowerCase().replace(A, " ");
-}
-function M(t, o, e) {
-  return t = e && e.length > 0 ? `${t + " " + e.join(" ")}` : t, $(t, o, x(t), x(o), 0, 0, {});
-}
+var o = { exports: {} };
 export {
-  M as a
+  o as __module
 };

package/dist/index.es175.js

@@ -1,35 +1,29 @@
-import * as p from "react";
-import * as f from "react-dom";
-import { createSlot as c } from "./index.es105.js";
-import { j as u } from "./index.es104.js";
-var l = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "span",
-  "svg",
-  "ul"
-], h = l.reduce((t, i) => {
-  const o = c(`Primitive.${i}`), r = p.forwardRef((e, s) => {
-    const { asChild: m, ...a } = e, n = m ? o : i;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ u.jsx(n, { ...a, ref: s });
-  });
-  return r.displayName = `Primitive.${i}`, { ...t, [i]: r };
-}, {});
-function w(t, i) {
-  t && f.flushSync(() => t.dispatchEvent(i));
+import * as f from "react";
+function l(n, o) {
+  if (typeof n == "function")
+    return n(o);
+  n != null && (n.current = o);
+}
+function i(...n) {
+  return (o) => {
+    let u = !1;
+    const c = n.map((t) => {
+      const e = l(t, o);
+      return !u && typeof e == "function" && (u = !0), e;
+    });
+    if (u)
+      return () => {
+        for (let t = 0; t < c.length; t++) {
+          const e = c[t];
+          typeof e == "function" ? e() : l(n[t], null);
+        }
+      };
+  };
+}
+function s(...n) {
+  return f.useCallback(i(...n), n);
 }
 export {
-  h as Primitive,
-  w as dispatchDiscreteCustomEvent
+  i as composeRefs,
+  s as useComposedRefs
 };