@boxcustodia/library 0.5.6 → 0.6.1-canary.1

package/dist/index.es156.js

@@ -1,348 +1,19 @@
-import { ButtonContext as D } from "./index.es154.js";
-import { CheckboxContext as U } from "./index.es278.js";
-import { CollectionRendererContext as B, DefaultCollectionRenderer as G, usePersistedKeys as O } from "./index.es290.js";
-import { useRenderProps as w, Provider as L, DEFAULT_SLOT as W, useContextProps as j } from "./index.es155.js";
-import { useTreeGridList as q } from "./index.es292.js";
-import { useTreeGridListItem as N } from "./index.es293.js";
-import { createLeafComponent as I, createBranchComponent as J, CollectionBuilder as Q, Collection as X } from "./index.es85.js";
-import { useCachedChildren as Y } from "./index.es291.js";
-import { mergeProps as M } from "./index.es283.js";
-import { filterDOMProps as S } from "./index.es284.js";
-import { useObjectRef as Z } from "./index.es289.js";
-import { useControlledState as ee } from "./index.es294.js";
-import n, { forwardRef as te, useContext as E, createContext as T, useEffect as F, useRef as ae, useMemo as le } from "react";
-import { useHover as re } from "./index.es287.js";
-import { useFocusRing as k } from "./index.es286.js";
-import { FocusScope as oe } from "./index.es295.js";
-import { useGridListSelectionCheckbox as ne } from "./index.es296.js";
-import { useTreeState as se } from "./index.es297.js";
-class ie {
-  // TODO: should this collection's getters reflect the flattened structure or the original structure
-  // If we respresent the flattened structure, it is easier for the keyboard nav but harder to find all the nodes
-  *[Symbol.iterator]() {
-    yield* this.flattenedRows;
-  }
-  get size() {
-    return this.flattenedRows.length;
-  }
-  getKeys() {
-    return this.keyMap.keys();
-  }
-  getItem(e) {
-    return this.keyMap.get(e) || null;
-  }
-  at(e) {
-    return this.flattenedRows[e];
-  }
-  getFirstKey() {
-    var e;
-    return (e = this.flattenedRows[0]) === null || e === void 0 ? void 0 : e.key;
-  }
-  getLastKey() {
-    var e;
-    return (e = this.flattenedRows[this.size - 1]) === null || e === void 0 ? void 0 : e.key;
-  }
-  getKeyAfter(e) {
-    var t;
-    let o = this.flattenedRows.findIndex((r) => r.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);
-    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
-  getChildren(e) {
-    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;
+import { cva as r } from "./index.es142.js";
+const o = r(
+  "m-1 transition ease-in-out delay-150 duration-300",
+  {
+    variants: {
+      variant: {
+        default: "border-foreground/60 border text-foreground bg-card hover:bg-card/80",
+        secondary: "border-foreground/60 border bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        error: "border-transparent bg-error text-error-foreground hover:bg-error/80"
       }
-    };
-  }
-  getTextValue(e) {
-    let t = this.getItem(e);
-    return t ? t.textValue : "";
-  }
-  constructor(e) {
-    this.keyMap = /* @__PURE__ */ new Map();
-    let { collection: t, expandedKeys: o } = e, { flattenedRows: r, keyMap: s } = ue(t, {
-      expandedKeys: o
-    });
-    this.flattenedRows = r, 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
-  }));
-}
-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({
-    collection: e,
-    expandedKeys: u
-  }), [
-    e,
-    u
-  ]), c = se({
-    ...a,
-    selectionMode: o,
-    expandedKeys: u,
-    onExpandedChange: p,
-    collection: P,
-    children: void 0,
-    disabledBehavior: i
-  }), { gridProps: m } = q({
-    ...a,
-    isVirtualized: d,
-    layoutDelegate: b
-  }, c, t), { focusProps: R, isFocused: y, isFocusVisible: v } = k(), x = {
-    isEmpty: c.collection.size === 0,
-    isFocused: y,
-    isFocusVisible: v,
-    state: c
-  }, h = w({
-    className: a.className,
-    style: a.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 = {
-      "aria-level": 1,
-      "aria-posinset": 1,
-      "aria-setsize": 1
-    };
-    C = /* @__PURE__ */ n.createElement("div", {
-      role: "row",
-      style: {
-        display: "contents"
-      },
-      ...A
-    }, /* @__PURE__ */ n.createElement("div", {
-      role: "gridcell",
-      style: {
-        display: "contents"
-      }
-    }, H));
-  }
-  return /* @__PURE__ */ n.createElement(oe, null, /* @__PURE__ */ n.createElement("div", {
-    ...S(a),
-    ...h,
-    ...M(m, R, g),
-    ref: t,
-    slot: a.slot || void 0,
-    onScroll: a.onScroll,
-    "data-empty": c.collection.size === 0 || void 0,
-    "data-focused": y || void 0,
-    "data-focus-visible": v || void 0
-  }, /* @__PURE__ */ n.createElement(L, {
-    values: [
-      [
-        K,
-        c
-      ]
-    ]
-  }, /* @__PURE__ */ n.createElement(f, {
-    collection: c.collection,
-    persistedKeys: O(c.selectionManager.focusedKey),
-    scrollRef: t
-  })), C));
-}
-const Ke = /* @__PURE__ */ te(ce), _e = /* @__PURE__ */ I("content", function(e) {
-  let t = E(z), o = w({
-    children: e.children,
-    values: t
-  });
-  return /* @__PURE__ */ n.createElement(B.Provider, {
-    value: G
-  }, o.children);
-}), z = /* @__PURE__ */ T(null), Fe = /* @__PURE__ */ J("item", (a, e, t) => {
-  var o;
-  let r = E(K);
-  e = Z(e);
-  let { rowProps: s, gridCellProps: l, expandButtonProps: i, descriptionProps: f, ...d } = N({
-    node: t
-  }, r, e), b = s["aria-expanded"] === !0, u = ((o = [
-    ...r.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({
-    within: !0
-  }), { checkboxProps: x } = ne({
-    key: t.key
-  }, r), h = n.useMemo(() => ({
-    ...d,
-    isHovered: c,
-    isFocusVisible: m,
-    isExpanded: b,
-    hasChildRows: u,
-    level: p,
-    selectionMode: r.selectionManager.selectionMode,
-    selectionBehavior: r.selectionManager.selectionBehavior,
-    isFocusVisibleWithin: y
-  }), [
-    d,
-    c,
-    m,
-    r.selectionManager,
-    b,
-    u,
-    p,
-    y
-  ]), C = w({
-    ...a,
-    id: void 0,
-    children: t.rendered,
-    defaultClassName: "react-aria-TreeItem",
-    defaultStyle: {
-      // @ts-ignore
-      "--tree-item-level": p
     },
-    values: h
-  });
-  F(() => {
-    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 _ = Y({
-    items: r.collection.getChildren(t.key),
-    children: ($) => {
-      switch ($.type) {
-        case "content":
-          return $.render($);
-        case "loader":
-        case "item":
-          return /* @__PURE__ */ n.createElement(n.Fragment, null);
-        default:
-          throw new Error("Unsupported element type in TreeRow: " + $.type);
-      }
-    }
-  });
-  return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", {
-    ...M(S(a), s, R, P, v),
-    ...C,
-    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-level": p,
-    "data-selected": d.isSelected || void 0,
-    "data-disabled": d.isDisabled || void 0,
-    "data-hovered": c || void 0,
-    "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
-  }, /* @__PURE__ */ n.createElement("div", {
-    ...l,
-    style: {
-      display: "contents"
+    defaultVariants: {
+      variant: "default"
     }
-  }, /* @__PURE__ */ n.createElement(L, {
-    values: [
-      [
-        U,
-        {
-          slots: {
-            selection: x
-          }
-        }
-      ],
-      // 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,
-        {
-          slots: {
-            [W]: {},
-            chevron: {
-              ...i,
-              ref: g
-            }
-          }
-        }
-      ],
-      [
-        z,
-        {
-          ...h
-        }
-      ]
-    ]
-  }, _))));
-});
-I("loader", function(e, t, o) {
-  let r = E(K), { rowProps: s } = N({
-    node: o
-  }, r, t), l = s["aria-level"] || 1, i = {
-    "aria-level": s["aria-level"],
-    "aria-posinset": s["aria-posinset"],
-    "aria-setsize": s["aria-setsize"]
-  }, f = w({
-    ...e,
-    id: void 0,
-    children: o.rendered,
-    defaultClassName: "react-aria-TreeLoader",
-    values: {
-      level: l
-    }
-  });
-  return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", {
-    role: "row",
-    ref: t,
-    ...M(S(e), i),
-    ...f,
-    "data-level": l
-  }, /* @__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 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
-      };
-      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);
-  };
-  for (let l of a) s(l);
-  return {
-    flattenedRows: r,
-    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
+  o as multiSelectVariants
 };

package/dist/index.es157.js

@@ -1,126 +1,46 @@
-import { b as p, g as ee, c as re, f as te, e as le, h as J, a as L } from "./index.es195.js";
-import { twMerge as ne, extendTailwindMerge as oe } from "./index.es99.js";
-var ie = { twMerge: !0, twMergeConfig: {}, responsiveVariants: !1 }, U = (a) => a || void 0, M = (...a) => U(le(a).filter(Boolean).join(" ")), S = null, g = {}, P = !1, w = (...a) => (m) => m.twMerge ? ((!S || P) && (P = !1, S = p(g) ? ne : oe({ ...g, extend: { theme: g.theme, classGroups: g.classGroups, conflictingClassGroupModifiers: g.conflictingClassGroupModifiers, conflictingClassGroups: g.conflictingClassGroups, ...g.extend } })), U(S(M(a)))) : M(a), Q = (a, m) => {
-  for (let l in m) a.hasOwnProperty(l) ? a[l] = M(a[l], m[l]) : a[l] = m[l];
-  return a;
-}, ue = (a, m) => {
-  let { extend: l = null, slots: C = {}, variants: R = {}, compoundVariants: B = [], compoundSlots: h = [], defaultVariants: K = {} } = a, d = { ...ie, ...m }, G = l != null && l.base ? M(l.base, a == null ? void 0 : a.base) : a == null ? void 0 : a.base, y = l != null && l.variants && !p(l.variants) ? ee(R, l.variants) : R, O = l != null && l.defaultVariants && !p(l.defaultVariants) ? { ...l.defaultVariants, ...K } : K;
-  !p(d.twMergeConfig) && !re(d.twMergeConfig, g) && (P = !0, g = d.twMergeConfig);
-  let k = p(l == null ? void 0 : l.slots), N = p(C) ? {} : { base: M(a == null ? void 0 : a.base, k && (l == null ? void 0 : l.base)), ...C }, V = k ? N : Q({ ...l == null ? void 0 : l.slots }, p(N) ? { base: a == null ? void 0 : a.base } : N), j = p(l == null ? void 0 : l.compoundVariants) ? B : te(l == null ? void 0 : l.compoundVariants, B), b = (f) => {
-    if (p(y) && p(C) && k) return w(G, f == null ? void 0 : f.class, f == null ? void 0 : f.className)(d);
-    if (j && !Array.isArray(j)) throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof j}`);
-    if (h && !Array.isArray(h)) throw new TypeError(`The "compoundSlots" prop must be an array. Received: ${typeof h}`);
-    let _ = (e, t, r = [], o) => {
-      let n = r;
-      if (typeof t == "string") n = n.concat(J(t).split(" ").map((i) => `${e}:${i}`));
-      else if (Array.isArray(t)) n = n.concat(t.reduce((i, s) => i.concat(`${e}:${s}`), []));
-      else if (typeof t == "object" && typeof o == "string") {
-        for (let i in t) if (t.hasOwnProperty(i) && i === o) {
-          let s = t[i];
-          if (s && typeof s == "string") {
-            let u = J(s);
-            n[o] ? n[o] = n[o].concat(u.split(" ").map((c) => `${e}:${c}`)) : n[o] = u.split(" ").map((c) => `${e}:${c}`);
-          } else Array.isArray(s) && s.length > 0 && (n[o] = s.reduce((u, c) => u.concat(`${e}:${c}`), []));
-        }
-      }
-      return n;
-    }, q = (e, t = y, r = null, o = null) => {
-      var n;
-      let i = t[e];
-      if (!i || p(i)) return null;
-      let s = (n = o == null ? void 0 : o[e]) != null ? n : f == null ? void 0 : f[e];
-      if (s === null) return null;
-      let u = L(s), c = Array.isArray(d.responsiveVariants) && d.responsiveVariants.length > 0 || d.responsiveVariants === !0, A = O == null ? void 0 : O[e], v = [];
-      if (typeof u == "object" && c) for (let [E, I] of Object.entries(u)) {
-        let $ = i[I];
-        if (E === "initial") {
-          A = I;
-          continue;
-        }
-        Array.isArray(d.responsiveVariants) && !d.responsiveVariants.includes(E) || (v = _(E, $, v, r));
-      }
-      let x = u != null && typeof u != "object" ? u : L(A), T = i[x || "false"];
-      return typeof v == "object" && typeof r == "string" && v[r] ? Q(v, T) : v.length > 0 ? (v.push(T), r === "base" ? v.join(" ") : v) : T;
-    }, F = () => y ? Object.keys(y).map((e) => q(e, y)) : null, X = (e, t) => {
-      if (!y || typeof y != "object") return null;
-      let r = new Array();
-      for (let o in y) {
-        let n = q(o, y, e, t), i = e === "base" && typeof n == "string" ? n : n && n[e];
-        i && (r[r.length] = i);
-      }
-      return r;
-    }, z = {};
-    for (let e in f) f[e] !== void 0 && (z[e] = f[e]);
-    let D = (e, t) => {
-      var r;
-      let o = typeof (f == null ? void 0 : f[e]) == "object" ? { [e]: (r = f[e]) == null ? void 0 : r.initial } : {};
-      return { ...O, ...z, ...o, ...t };
-    }, H = (e = [], t) => {
-      let r = [];
-      for (let { class: o, className: n, ...i } of e) {
-        let s = !0;
-        for (let [u, c] of Object.entries(i)) {
-          let A = D(u, t)[u];
-          if (Array.isArray(c)) {
-            if (!c.includes(A)) {
-              s = !1;
-              break;
-            }
-          } else {
-            let v = (x) => x == null || x === !1;
-            if (v(c) && v(A)) continue;
-            if (A !== c) {
-              s = !1;
-              break;
-            }
-          }
-        }
-        s && (o && r.push(o), n && r.push(n));
-      }
-      return r;
-    }, Y = (e) => {
-      let t = H(j, e);
-      if (!Array.isArray(t)) return t;
-      let r = {};
-      for (let o of t) if (typeof o == "string" && (r.base = w(r.base, o)(d)), typeof o == "object") for (let [n, i] of Object.entries(o)) r[n] = w(r[n], i)(d);
-      return r;
-    }, Z = (e) => {
-      if (h.length < 1) return null;
-      let t = {};
-      for (let { slots: r = [], class: o, className: n, ...i } of h) {
-        if (!p(i)) {
-          let s = !0;
-          for (let u of Object.keys(i)) {
-            let c = D(u, e)[u];
-            if (c === void 0 || (Array.isArray(i[u]) ? !i[u].includes(c) : i[u] !== c)) {
-              s = !1;
-              break;
-            }
-          }
-          if (!s) continue;
-        }
-        for (let s of r) t[s] = t[s] || [], t[s].push([o, n]);
+const x = ({
+  valueKey: l,
+  values: r,
+  setValues: n,
+  items: t,
+  maxCount: p,
+  setIsPopoverOpen: d
+}) => {
+  const h = (c) => {
+    if (c.key === "Enter")
+      d(!0);
+    else if (c.key === "Backspace" && !c.currentTarget.value) {
+      const o = [...r];
+      o.pop(), n == null || n(o);
+    }
+  }, f = (c) => {
+    const o = r.includes(c) ? r.filter((g) => g !== c) : [...r, c];
+    n == null || n(o);
+  }, i = () => {
+    n == null || n([]);
+  };
+  return {
+    handleInputKeyDown: h,
+    toggleOption: f,
+    handleClear: i,
+    handleTogglePopover: () => {
+      d((c) => !c);
+    },
+    clearExtraOptions: () => {
+      const c = r.slice(0, p);
+      n == null || n(c);
+    },
+    toggleAll: () => {
+      const c = t.filter((o) => !o.disabled);
+      if (r.length === c.length)
+        i();
+      else {
+        const o = c.map((g) => g[l]);
+        n == null || n(o);
       }
-      return t;
-    };
-    if (!p(C) || !k) {
-      let e = {};
-      if (typeof V == "object" && !p(V)) for (let t of Object.keys(V)) e[t] = (r) => {
-        var o, n;
-        return w(V[t], X(t, r), ((o = Y(r)) != null ? o : [])[t], ((n = Z(r)) != null ? n : [])[t], r == null ? void 0 : r.class, r == null ? void 0 : r.className)(d);
-      };
-      return e;
     }
-    return w(G, F(), H(j), f == null ? void 0 : f.class, f == null ? void 0 : f.className)(d);
-  }, W = () => {
-    if (!(!y || typeof y != "object")) return Object.keys(y);
   };
-  return b.variantKeys = W(), b.extend = l, b.base = G, b.slots = V, b.variants = y, b.defaultVariants = O, b.compoundSlots = h, b.compoundVariants = j, b;
 };
 export {
-  w as cn,
-  M as cnBase,
-  ie as defaultConfig,
-  ue as tv,
-  U as voidEmpty
+  x as useMultiSelect
 };

package/dist/index.es158.js

@@ -1,6 +1,8 @@
-import { createSafeContext as e } from "./index.es94.js";
-const [o, r] = e();
+const r = {
+  done: "var(--primary)",
+  pending: "#cdcdcd",
+  error: "var(--error)"
+};
 export {
-  r as StepperContextProvider,
-  o as useStepperContext
+  r as TimelineStatus
 };

package/dist/index.es159.js

@@ -1,8 +1,6 @@
-const r = {
-  done: "var(--primary)",
-  pending: "#cdcdcd",
-  error: "var(--error)"
-};
+import { createSafeContext as e } from "./index.es94.js";
+const [o, r] = e();
 export {
-  r as TimelineStatus
+  r as StepperContextProvider,
+  o as useStepperContext
 };

package/dist/index.es16.js

@@ -1,4 +1,4 @@
-import { l as u } from "./index.es110.js";
+import { l as u } from "./index.es109.js";
 import { useRef as o, useMemo as i } from "react";
 function m(e) {
   u.isFunction(e) || console.error(
@@ -6,7 +6,7 @@ function m(e) {
   );
   const t = o(e);
   t.current = i(() => e, [e]);
-  const r = o();
+  const r = o(null);
   return r.current || (r.current = function(...n) {
     return t.current.apply(this, n);
   }), r.current;