@boxcustodia/library 0.5.6 → 0.6.3-canary.0

package/dist/index.es487.js

@@ -1,121 +1,116 @@
-import { DOMLayoutDelegate as n } from "./index.es488.js";
-import { isScrollable as r } from "./index.es438.js";
-class g {
-  isDisabled(t) {
-    var e;
-    return this.disabledBehavior === "all" && (((e = t.props) === null || e === void 0 ? void 0 : e.isDisabled) || this.disabledKeys.has(t.key));
-  }
-  findNextNonDisabled(t, e) {
-    let l = t;
-    for (; l != null; ) {
-      let i = this.collection.getItem(l);
-      if ((i == null ? void 0 : i.type) === "item" && !this.isDisabled(i)) return l;
-      l = e(l);
+import { isNonContiguousSelectionModifier as V } from "./index.es490.js";
+import { focusSafely as R } from "./index.es450.js";
+import { useId as j } from "./index.es283.js";
+import { mergeProps as q } from "./index.es284.js";
+import { useRouter as z, openLink as G } from "./index.es433.js";
+import { UPDATE_ACTIVEDESCENDANT as H } from "./index.es448.js";
+import { isCtrlKeyPressed as J } from "./index.es449.js";
+import { usePress as Q } from "./index.es460.js";
+import { useLongPress as W } from "./index.es466.js";
+import { useEffect as X, useRef as k } from "react";
+function le(r) {
+  let { id: $, selectionManager: t, key: o, ref: s, shouldSelectOnPressUp: F, shouldUseVirtualFocus: f, focus: T, isDisabled: c, onAction: v, allowsDifferentPressOrigin: C, linkBehavior: d = "action" } = r, D = z();
+  $ = j($);
+  let a = (e) => {
+    if (e.pointerType === "keyboard" && V(e)) t.toggleSelection(o);
+    else {
+      if (t.selectionMode === "none") return;
+      if (t.isLink(o)) {
+        if (d === "selection" && s.current) {
+          let n = t.getItemProps(o);
+          D.open(s.current, e, n.href, n.routerOptions), t.setSelectedKeys(t.selectedKeys);
+          return;
+        } else if (d === "override" || d === "none") return;
+      }
+      t.selectionMode === "single" ? t.isSelected(o) && !t.disallowEmptySelection ? t.toggleSelection(o) : t.replaceSelection(o) : e && e.shiftKey ? t.extendSelection(o) : t.selectionBehavior === "toggle" || e && (J(e) || e.pointerType === "touch" || e.pointerType === "virtual") ? t.toggleSelection(o) : t.replaceSelection(o);
     }
-    return null;
-  }
-  getNextKey(t) {
-    let e = t;
-    return e = this.collection.getKeyAfter(e), this.findNextNonDisabled(e, (l) => this.collection.getKeyAfter(l));
-  }
-  getPreviousKey(t) {
-    let e = t;
-    return e = this.collection.getKeyBefore(e), this.findNextNonDisabled(e, (l) => this.collection.getKeyBefore(l));
-  }
-  findKey(t, e, l) {
-    let i = t, s = this.layoutDelegate.getItemRect(i);
-    if (!s || i == null) return null;
-    let o = s;
-    do {
-      if (i = e(i), i == null) break;
-      s = this.layoutDelegate.getItemRect(i);
-    } while (s && l(o, s) && i != null);
-    return i;
-  }
-  isSameRow(t, e) {
-    return t.y === e.y || t.x !== e.x;
-  }
-  isSameColumn(t, e) {
-    return t.x === e.x || t.y !== e.y;
-  }
-  getKeyBelow(t) {
-    return this.layout === "grid" && this.orientation === "vertical" ? this.findKey(t, (e) => this.getNextKey(e), this.isSameRow) : this.getNextKey(t);
-  }
-  getKeyAbove(t) {
-    return this.layout === "grid" && this.orientation === "vertical" ? this.findKey(t, (e) => this.getPreviousKey(e), this.isSameRow) : this.getPreviousKey(t);
-  }
-  getNextColumn(t, e) {
-    return e ? this.getPreviousKey(t) : this.getNextKey(t);
-  }
-  getKeyRightOf(t) {
-    let e = this.direction === "ltr" ? "getKeyRightOf" : "getKeyLeftOf";
-    return this.layoutDelegate[e] ? (t = this.layoutDelegate[e](t), this.findNextNonDisabled(t, (l) => this.layoutDelegate[e](l))) : this.layout === "grid" ? this.orientation === "vertical" ? this.getNextColumn(t, this.direction === "rtl") : this.findKey(t, (l) => this.getNextColumn(l, this.direction === "rtl"), this.isSameColumn) : this.orientation === "horizontal" ? this.getNextColumn(t, this.direction === "rtl") : null;
-  }
-  getKeyLeftOf(t) {
-    let e = this.direction === "ltr" ? "getKeyLeftOf" : "getKeyRightOf";
-    return this.layoutDelegate[e] ? (t = this.layoutDelegate[e](t), this.findNextNonDisabled(t, (l) => this.layoutDelegate[e](l))) : this.layout === "grid" ? this.orientation === "vertical" ? this.getNextColumn(t, this.direction === "ltr") : this.findKey(t, (l) => this.getNextColumn(l, this.direction === "ltr"), this.isSameColumn) : this.orientation === "horizontal" ? this.getNextColumn(t, this.direction === "ltr") : null;
-  }
-  getFirstKey() {
-    let t = this.collection.getFirstKey();
-    return this.findNextNonDisabled(t, (e) => this.collection.getKeyAfter(e));
-  }
-  getLastKey() {
-    let t = this.collection.getLastKey();
-    return this.findNextNonDisabled(t, (e) => this.collection.getKeyBefore(e));
-  }
-  getKeyPageAbove(t) {
-    let e = this.ref.current, l = this.layoutDelegate.getItemRect(t);
-    if (!l) return null;
-    if (e && !r(e)) return this.getFirstKey();
-    let i = t;
-    if (this.orientation === "horizontal") {
-      let s = Math.max(0, l.x + l.width - this.layoutDelegate.getVisibleRect().width);
-      for (; l && l.x > s && i != null; )
-        i = this.getKeyAbove(i), l = i == null ? null : this.layoutDelegate.getItemRect(i);
-    } else {
-      let s = Math.max(0, l.y + l.height - this.layoutDelegate.getVisibleRect().height);
-      for (; l && l.y > s && i != null; )
-        i = this.getKeyAbove(i), l = i == null ? null : this.layoutDelegate.getItemRect(i);
+  };
+  X(() => {
+    if (o === t.focusedKey && t.isFocused)
+      if (!f)
+        T ? T() : document.activeElement !== s.current && s.current && R(s.current);
+      else {
+        var n;
+        let N = new CustomEvent(H, {
+          cancelable: !0,
+          bubbles: !0
+        });
+        (n = s.current) === null || n === void 0 || n.dispatchEvent(N);
+      }
+  }, [
+    s,
+    o,
+    t.focusedKey,
+    t.childFocusStrategy,
+    t.isFocused,
+    f
+  ]), c = c || t.isDisabled(o);
+  let b = {};
+  !f && !c ? b = {
+    tabIndex: o === t.focusedKey ? 0 : -1,
+    onFocus(e) {
+      e.target === s.current && t.setFocusedKey(o);
     }
-    return i ?? this.getFirstKey();
-  }
-  getKeyPageBelow(t) {
-    let e = this.ref.current, l = this.layoutDelegate.getItemRect(t);
-    if (!l) return null;
-    if (e && !r(e)) return this.getLastKey();
-    let i = t;
-    if (this.orientation === "horizontal") {
-      let s = Math.min(this.layoutDelegate.getContentSize().width, l.y - l.width + this.layoutDelegate.getVisibleRect().width);
-      for (; l && l.x < s && i != null; )
-        i = this.getKeyBelow(i), l = i == null ? null : this.layoutDelegate.getItemRect(i);
-    } else {
-      let s = Math.min(this.layoutDelegate.getContentSize().height, l.y - l.height + this.layoutDelegate.getVisibleRect().height);
-      for (; l && l.y < s && i != null; )
-        i = this.getKeyBelow(i), l = i == null ? null : this.layoutDelegate.getItemRect(i);
+  } : c && (b.onMouseDown = (e) => {
+    e.preventDefault();
+  });
+  let K = t.isLink(o) && d === "override", A = t.isLink(o) && d !== "selection" && d !== "none", i = !c && t.canSelectItem(o) && !K, S = (v || A) && !c, p = S && (t.selectionBehavior === "replace" ? !i : !i || t.isEmpty), g = S && i && t.selectionBehavior === "replace", u = p || g, y = k(null), m = u && i, h = k(!1), x = k(!1), P = (e) => {
+    if (v && v(), A && s.current) {
+      let n = t.getItemProps(o);
+      D.open(s.current, e, n.href, n.routerOptions);
     }
-    return i ?? this.getLastKey();
-  }
-  getKeyForSearch(t, e) {
-    if (!this.collator) return null;
-    let l = this.collection, i = e || this.getFirstKey();
-    for (; i != null; ) {
-      let s = l.getItem(i);
-      if (!s) return null;
-      let o = s.textValue.slice(0, t.length);
-      if (s.textValue && this.collator.compare(o, t) === 0) return i;
-      i = this.getNextKey(i);
+  }, l = {};
+  F ? (l.onPressStart = (e) => {
+    y.current = e.pointerType, h.current = m, e.pointerType === "keyboard" && (!u || w()) && a(e);
+  }, C ? (l.onPressUp = p ? void 0 : (e) => {
+    e.pointerType === "mouse" && i && a(e);
+  }, l.onPress = p ? P : (e) => {
+    e.pointerType !== "keyboard" && e.pointerType !== "mouse" && i && a(e);
+  }) : l.onPress = (e) => {
+    if (p || g && e.pointerType !== "mouse") {
+      if (e.pointerType === "keyboard" && !E()) return;
+      P(e);
+    } else e.pointerType !== "keyboard" && i && a(e);
+  }) : (l.onPressStart = (e) => {
+    y.current = e.pointerType, h.current = m, x.current = p, i && (e.pointerType === "mouse" && !p || e.pointerType === "keyboard" && (!S || w())) && a(e);
+  }, l.onPress = (e) => {
+    (e.pointerType === "touch" || e.pointerType === "pen" || e.pointerType === "virtual" || e.pointerType === "keyboard" && u && E() || e.pointerType === "mouse" && x.current) && (u ? P(e) : i && a(e));
+  }), b["data-key"] = o, l.preventFocusOnPress = f;
+  let { pressProps: O, isPressed: L } = Q(l), I = g ? (e) => {
+    y.current === "mouse" && (e.stopPropagation(), e.preventDefault(), P(e));
+  } : void 0, { longPressProps: B } = W({
+    isDisabled: !m,
+    onLongPress(e) {
+      e.pointerType === "touch" && (a(e), t.setSelectionBehavior("toggle"));
     }
-    return null;
-  }
-  constructor(...t) {
-    if (t.length === 1) {
-      let e = t[0];
-      this.collection = e.collection, this.ref = e.ref, this.collator = e.collator, this.disabledKeys = e.disabledKeys || /* @__PURE__ */ new Set(), this.disabledBehavior = e.disabledBehavior || "all", this.orientation = e.orientation || "vertical", this.direction = e.direction, this.layout = e.layout || "stack", this.layoutDelegate = e.layoutDelegate || new n(e.ref);
-    } else
-      this.collection = t[0], this.disabledKeys = t[1], this.ref = t[2], this.collator = t[3], this.layout = "stack", this.orientation = "vertical", this.disabledBehavior = "all", this.layoutDelegate = new n(this.ref);
-    this.layout === "stack" && this.orientation === "vertical" && (this.getKeyLeftOf = void 0, this.getKeyRightOf = void 0);
-  }
+  }), U = (e) => {
+    y.current === "touch" && h.current && e.preventDefault();
+  }, M = t.isLink(o) ? (e) => {
+    G.isOpening || e.preventDefault();
+  } : void 0;
+  return {
+    itemProps: q(b, i || p ? O : {}, m ? B : {}, {
+      onDoubleClick: I,
+      onDragStartCapture: U,
+      onClick: M,
+      id: $
+    }),
+    isPressed: L,
+    isSelected: t.isSelected(o),
+    isFocused: t.isFocused && t.focusedKey === o,
+    isDisabled: c,
+    allowsSelection: i,
+    hasAction: u
+  };
+}
+function E() {
+  let r = window.event;
+  return (r == null ? void 0 : r.key) === "Enter";
+}
+function w() {
+  let r = window.event;
+  return (r == null ? void 0 : r.key) === " " || (r == null ? void 0 : r.code) === "Space";
 }
 export {
-  g as ListKeyboardDelegate
+  le as useSelectableItem
 };

package/dist/index.es488.js

@@ -1,39 +1,22 @@
-class r {
-  getItemRect(t) {
-    let e = this.ref.current;
-    if (!e) return null;
-    let l = t != null ? e.querySelector(`[data-key="${CSS.escape(t.toString())}"]`) : null;
-    if (!l) return null;
-    let o = e.getBoundingClientRect(), i = l.getBoundingClientRect();
-    return {
-      x: i.left - o.left + e.scrollLeft,
-      y: i.top - o.top + e.scrollTop,
-      width: i.width,
-      height: i.height
-    };
-  }
-  getContentSize() {
-    let t = this.ref.current;
-    var e, l;
-    return {
-      width: (e = t == null ? void 0 : t.scrollWidth) !== null && e !== void 0 ? e : 0,
-      height: (l = t == null ? void 0 : t.scrollHeight) !== null && l !== void 0 ? l : 0
-    };
-  }
-  getVisibleRect() {
-    let t = this.ref.current;
-    var e, l, o, i;
-    return {
-      x: (e = t == null ? void 0 : t.scrollLeft) !== null && e !== void 0 ? e : 0,
-      y: (l = t == null ? void 0 : t.scrollTop) !== null && l !== void 0 ? l : 0,
-      width: (o = t == null ? void 0 : t.offsetWidth) !== null && o !== void 0 ? o : 0,
-      height: (i = t == null ? void 0 : t.offsetHeight) !== null && i !== void 0 ? i : 0
-    };
-  }
-  constructor(t) {
-    this.ref = t;
-  }
+import s from "./index.es574.js";
+import { useId as d } from "./index.es283.js";
+import { useLocalizedStringFormatter as f } from "./index.es474.js";
+function b(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function p(e, t) {
+  let { key: r } = e, a = t.selectionManager, o = d(), c = !t.selectionManager.canSelectItem(r), i = t.selectionManager.isSelected(r), l = () => a.toggleSelection(r);
+  const n = f(b(s), "@react-aria/grid");
+  return {
+    checkboxProps: {
+      id: o,
+      "aria-label": n.format("select"),
+      isSelected: i,
+      isDisabled: c,
+      onChange: l
+    }
+  };
 }
 export {
-  r as DOMLayoutDelegate
+  p as useGridSelectionCheckbox
 };

package/dist/index.es489.js

@@ -1,23 +1,238 @@
-import { CollectionBuilder as u } from "./index.es490.js";
-import { useMemo as n } from "react";
-function b(d, l, r) {
-  let t = n(() => new u(), []), { children: i, items: o, collection: e } = d;
-  return n(() => {
-    if (e) return e;
-    let c = t.build({
-      children: i,
-      items: o
-    }, r);
-    return l(c);
+import { isNonContiguousSelectionModifier as W } from "./index.es490.js";
+import { useTypeSelect as ie } from "./index.es491.js";
+import { mergeProps as ue } from "./index.es284.js";
+import { focusWithoutScrolling as q } from "./index.es432.js";
+import { useRouter as ne } from "./index.es433.js";
+import { useUpdateLayoutEffect as g } from "./index.es438.js";
+import { useEvent as x } from "./index.es444.js";
+import { scrollIntoView as se, scrollIntoViewport as G } from "./index.es446.js";
+import { useEffectEvent as H } from "./index.es445.js";
+import { FOCUS_EVENT as fe, UPDATE_ACTIVEDESCENDANT as ae, CLEAR_FOCUS_EVENT as de } from "./index.es448.js";
+import { isCtrlKeyPressed as K } from "./index.es449.js";
+import { flushSync as pe } from "react-dom";
+import { useRef as T, useEffect as j } from "react";
+import { getFocusableTreeWalker as ve } from "./index.es296.js";
+import { focusSafely as J } from "./index.es450.js";
+import { getInteractionModality as Q } from "./index.es452.js";
+import { useLocale as ye } from "./index.es478.js";
+function Ne(X) {
+  let { selectionManager: e, keyboardDelegate: o, ref: u, autoFocus: D = !1, shouldFocusWrap: m = !1, disallowEmptySelection: Y = !1, disallowSelectAll: Z = !1, selectOnFocus: y = e.selectionBehavior === "replace", disallowTypeAhead: _ = !1, shouldUseVirtualFocus: b, allowsTabNavigation: ee = !1, isVirtualized: V, scrollRef: f = u, linkBehavior: R = "action" } = X, { direction: F } = ye(), le = ne(), oe = (l) => {
+    var r;
+    if (l.altKey && l.key === "Tab" && l.preventDefault(), !(!((r = u.current) === null || r === void 0) && r.contains(l.target))) return;
+    const c = (t, v) => {
+      if (t != null) {
+        if (e.isLink(t) && R === "selection" && y && !W(l)) {
+          var d;
+          pe(() => {
+            e.setFocusedKey(t, v);
+          });
+          let z = (d = f.current) === null || d === void 0 ? void 0 : d.querySelector(`[data-key="${CSS.escape(t.toString())}"]`), L = e.getItemProps(t);
+          z && le.open(z, l, L.href, L.routerOptions);
+          return;
+        }
+        if (e.setFocusedKey(t, v), e.isLink(t) && R === "override") return;
+        l.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(t) : y && !W(l) && e.replaceSelection(t);
+      }
+    };
+    switch (l.key) {
+      case "ArrowDown":
+        if (o.getKeyBelow) {
+          var i, s, n;
+          let t = e.focusedKey != null ? (i = o.getKeyBelow) === null || i === void 0 ? void 0 : i.call(o, e.focusedKey) : (s = o.getFirstKey) === null || s === void 0 ? void 0 : s.call(o);
+          t == null && m && (t = (n = o.getFirstKey) === null || n === void 0 ? void 0 : n.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t));
+        }
+        break;
+      case "ArrowUp":
+        if (o.getKeyAbove) {
+          var a, p, k;
+          let t = e.focusedKey != null ? (a = o.getKeyAbove) === null || a === void 0 ? void 0 : a.call(o, e.focusedKey) : (p = o.getLastKey) === null || p === void 0 ? void 0 : p.call(o);
+          t == null && m && (t = (k = o.getLastKey) === null || k === void 0 ? void 0 : k.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t));
+        }
+        break;
+      case "ArrowLeft":
+        if (o.getKeyLeftOf) {
+          var A, C, I;
+          let t = e.focusedKey != null ? (A = o.getKeyLeftOf) === null || A === void 0 ? void 0 : A.call(o, e.focusedKey) : null;
+          t == null && m && (t = F === "rtl" ? (C = o.getFirstKey) === null || C === void 0 ? void 0 : C.call(o, e.focusedKey) : (I = o.getLastKey) === null || I === void 0 ? void 0 : I.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t, F === "rtl" ? "first" : "last"));
+        }
+        break;
+      case "ArrowRight":
+        if (o.getKeyRightOf) {
+          var N, M, O;
+          let t = e.focusedKey != null ? (N = o.getKeyRightOf) === null || N === void 0 ? void 0 : N.call(o, e.focusedKey) : null;
+          t == null && m && (t = F === "rtl" ? (M = o.getLastKey) === null || M === void 0 ? void 0 : M.call(o, e.focusedKey) : (O = o.getFirstKey) === null || O === void 0 ? void 0 : O.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t, F === "rtl" ? "last" : "first"));
+        }
+        break;
+      case "Home":
+        if (o.getFirstKey) {
+          if (e.focusedKey === null && l.shiftKey) return;
+          l.preventDefault();
+          let t = o.getFirstKey(e.focusedKey, K(l));
+          e.setFocusedKey(t), t != null && (K(l) && l.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(t) : y && e.replaceSelection(t));
+        }
+        break;
+      case "End":
+        if (o.getLastKey) {
+          if (e.focusedKey === null && l.shiftKey) return;
+          l.preventDefault();
+          let t = o.getLastKey(e.focusedKey, K(l));
+          e.setFocusedKey(t), t != null && (K(l) && l.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(t) : y && e.replaceSelection(t));
+        }
+        break;
+      case "PageDown":
+        if (o.getKeyPageBelow && e.focusedKey != null) {
+          let t = o.getKeyPageBelow(e.focusedKey);
+          t != null && (l.preventDefault(), c(t));
+        }
+        break;
+      case "PageUp":
+        if (o.getKeyPageAbove && e.focusedKey != null) {
+          let t = o.getKeyPageAbove(e.focusedKey);
+          t != null && (l.preventDefault(), c(t));
+        }
+        break;
+      case "a":
+        K(l) && e.selectionMode === "multiple" && Z !== !0 && (l.preventDefault(), e.selectAll());
+        break;
+      case "Escape":
+        !Y && e.selectedKeys.size !== 0 && (l.stopPropagation(), l.preventDefault(), e.clearSelection());
+        break;
+      case "Tab":
+        if (!ee) {
+          if (l.shiftKey) u.current.focus();
+          else {
+            let t = ve(u.current, {
+              tabbable: !0
+            }), v, d;
+            do
+              d = t.lastChild(), d && (v = d);
+            while (d);
+            v && !v.contains(document.activeElement) && q(v);
+          }
+          break;
+        }
+    }
+  }, w = T({
+    top: 0,
+    left: 0
+  });
+  x(f, "scroll", V ? void 0 : () => {
+    var l, r, c, i;
+    w.current = {
+      top: (c = (l = f.current) === null || l === void 0 ? void 0 : l.scrollTop) !== null && c !== void 0 ? c : 0,
+      left: (i = (r = f.current) === null || r === void 0 ? void 0 : r.scrollLeft) !== null && i !== void 0 ? i : 0
+    };
+  });
+  let te = (l) => {
+    if (e.isFocused) {
+      l.currentTarget.contains(l.target) || e.setFocused(!1);
+      return;
+    }
+    if (l.currentTarget.contains(l.target)) {
+      if (e.setFocused(!0), e.focusedKey == null) {
+        var r, c;
+        let n = (p) => {
+          p != null && (e.setFocusedKey(p), y && e.replaceSelection(p));
+        }, a = l.relatedTarget;
+        var i, s;
+        a && l.currentTarget.compareDocumentPosition(a) & Node.DOCUMENT_POSITION_FOLLOWING ? n((i = e.lastSelectedKey) !== null && i !== void 0 ? i : (r = o.getLastKey) === null || r === void 0 ? void 0 : r.call(o)) : n((s = e.firstSelectedKey) !== null && s !== void 0 ? s : (c = o.getFirstKey) === null || c === void 0 ? void 0 : c.call(o));
+      } else !V && f.current && (f.current.scrollTop = w.current.top, f.current.scrollLeft = w.current.left);
+      if (e.focusedKey != null && f.current) {
+        let n = f.current.querySelector(`[data-key="${CSS.escape(e.focusedKey.toString())}"]`);
+        n && (n.contains(document.activeElement) || q(n), Q() === "keyboard" && G(n, {
+          containingElement: u.current
+        }));
+      }
+    }
+  }, re = (l) => {
+    l.currentTarget.contains(l.relatedTarget) || e.setFocused(!1);
+  }, $ = T(!1);
+  x(u, fe, b ? (l) => {
+    let { detail: r } = l;
+    l.stopPropagation(), e.setFocused(!0), (r == null ? void 0 : r.focusStrategy) === "first" && ($.current = !0);
+  } : void 0);
+  let U = H(() => {
+    var l, r;
+    let c = (r = (l = o.getFirstKey) === null || l === void 0 ? void 0 : l.call(o)) !== null && r !== void 0 ? r : null;
+    if (c == null) {
+      var i;
+      (i = u.current) === null || i === void 0 || i.dispatchEvent(new CustomEvent(ae, {
+        cancelable: !0,
+        bubbles: !0
+      })), e.collection.size > 0 && ($.current = !1);
+    } else
+      e.setFocusedKey(c), $.current = !1;
+  });
+  g(() => {
+    $.current && U();
   }, [
-    t,
-    i,
-    o,
-    e,
-    r,
-    l
+    e.collection,
+    U
   ]);
+  let B = H(() => {
+    e.collection.size > 0 && ($.current = !1);
+  });
+  g(() => {
+    B();
+  }, [
+    e.focusedKey,
+    B
+  ]), x(u, de, b ? (l) => {
+    l.stopPropagation(), e.setFocused(!1), e.setFocusedKey(null);
+  } : void 0);
+  const S = T(D);
+  j(() => {
+    if (S.current) {
+      var l, r;
+      let s = null;
+      var c;
+      D === "first" && (s = (c = (l = o.getFirstKey) === null || l === void 0 ? void 0 : l.call(o)) !== null && c !== void 0 ? c : null);
+      var i;
+      D === "last" && (s = (i = (r = o.getLastKey) === null || r === void 0 ? void 0 : r.call(o)) !== null && i !== void 0 ? i : null);
+      let n = e.selectedKeys;
+      if (n.size) {
+        for (let a of n) if (e.canSelectItem(a)) {
+          s = a;
+          break;
+        }
+      }
+      e.setFocused(!0), e.setFocusedKey(s), s == null && !b && u.current && J(u.current);
+    }
+  }, []);
+  let E = T(e.focusedKey);
+  j(() => {
+    if (e.isFocused && e.focusedKey != null && (e.focusedKey !== E.current || S.current) && f.current && u.current) {
+      let l = Q(), r = u.current.querySelector(`[data-key="${CSS.escape(e.focusedKey.toString())}"]`);
+      if (!r)
+        return;
+      (l === "keyboard" || S.current) && (se(f.current, r), l !== "virtual" && G(r, {
+        containingElement: u.current
+      }));
+    }
+    !b && e.isFocused && e.focusedKey == null && E.current != null && u.current && J(u.current), E.current = e.focusedKey, S.current = !1;
+  }), x(u, "react-aria-focus-scope-restore", (l) => {
+    l.preventDefault(), e.setFocused(!0);
+  });
+  let h = {
+    onKeyDown: oe,
+    onFocus: te,
+    onBlur: re,
+    onMouseDown(l) {
+      f.current === l.target && l.preventDefault();
+    }
+  }, { typeSelectProps: ce } = ie({
+    keyboardDelegate: o,
+    selectionManager: e
+  });
+  _ || (h = ue(ce, h));
+  let P;
+  return b ? P = -1 : P = e.focusedKey == null ? 0 : -1, {
+    collectionProps: {
+      ...h,
+      tabIndex: P
+    }
+  };
 }
 export {
-  b as useCollection
+  Ne as useSelectableCollection
 };

package/dist/index.es49.js

@@ -1,11 +1,11 @@
-import { j as e } from "./index.es101.js";
-import { Slot as b } from "./index.es116.js";
-import { l as y } from "./index.es110.js";
+import { j as e } from "./index.es103.js";
+import { Slot as b } from "./index.es117.js";
+import { l as y } from "./index.es101.js";
 import * as i from "react";
-import { FormProvider as v, useFormContext as R, Controller as C } from "./index.es127.js";
+import { FormProvider as v, useFormContext as R, Controller as C } from "./index.es133.js";
 import { useFormField as l } from "./index.es51.js";
-import { FormFieldContextProvider as w } from "./index.es128.js";
-import { FormItemContextProvider as D } from "./index.es129.js";
+import { FormFieldContextProvider as w } from "./index.es134.js";
+import { FormItemContextProvider as D } from "./index.es135.js";
 import { cn as d } from "./index.es90.js";
 import { Label as M } from "./index.es55.js";
 const B = ({
@@ -40,35 +40,35 @@ const B = ({
       name: s,
       control: N,
       render: ({ field: c, fieldState: g }) => {
-        var u;
-        return /* @__PURE__ */ e.jsxs(f, { ...m, children: [
-          /* @__PURE__ */ e.jsx(x, { ...n, children: t }),
-          /* @__PURE__ */ e.jsx(p, { ...a, children: y.isFunction(r) ? r(c) : i.createElement(r, c) }),
+        var f;
+        return /* @__PURE__ */ e.jsxs(x, { ...m, children: [
+          /* @__PURE__ */ e.jsx(p, { ...n, children: t }),
+          /* @__PURE__ */ e.jsx(u, { ...a, children: y.isFunction(r) ? r(c) : i.createElement(r, c) }),
           o && /* @__PURE__ */ e.jsx(F, { ...h, children: o }),
-          /* @__PURE__ */ e.jsx(j, { ...I, children: (u = g.error) == null ? void 0 : u.message })
+          /* @__PURE__ */ e.jsx(j, { ...I, children: (f = g.error) == null ? void 0 : f.message })
         ] });
       }
     }
   ) });
-}, f = i.forwardRef(({ className: s, ...t }, o) => {
+}, x = i.forwardRef(({ className: s, ...t }, o) => {
   const r = i.useId();
-  return /* @__PURE__ */ e.jsx(D, { value: { id: r }, children: /* @__PURE__ */ e.jsx("div", { ref: o, className: d("ui-space-y-2", s), ...t }) });
+  return /* @__PURE__ */ e.jsx(D, { value: { id: r }, children: /* @__PURE__ */ e.jsx("div", { ref: o, className: d("space-y-2", s), ...t }) });
 });
-f.displayName = "FormItem";
-const x = i.forwardRef(({ className: s, ...t }, o) => {
+x.displayName = "FormItem";
+const p = i.forwardRef(({ className: s, ...t }, o) => {
   const { error: r, formItemId: m } = l();
   return /* @__PURE__ */ e.jsx(
     M,
     {
       ref: o,
-      className: d(r && "ui-text-error", s),
+      className: d(r && "text-error", s),
       htmlFor: m,
       ...t
     }
   );
 });
-x.displayName = "FormLabel";
-const p = i.forwardRef(({ className: s, ...t }, o) => {
+p.displayName = "FormLabel";
+const u = i.forwardRef(({ className: s, ...t }, o) => {
   const { error: r, formItemId: m, formDescriptionId: n, formMessageId: a } = l();
   return /* @__PURE__ */ e.jsx(
     b,
@@ -82,7 +82,7 @@ const p = i.forwardRef(({ className: s, ...t }, o) => {
     }
   );
 });
-p.displayName = "FormControl";
+u.displayName = "FormControl";
 const F = i.forwardRef(({ className: s, ...t }, o) => {
   const { formDescriptionId: r } = l();
   return /* @__PURE__ */ e.jsx(
@@ -90,7 +90,7 @@ const F = i.forwardRef(({ className: s, ...t }, o) => {
     {
       ref: o,
       id: r,
-      className: d("ui-text-sm ui-text-muted-foreground", s),
+      className: d("text-sm text-muted-foreground", s),
       ...t
     }
   );
@@ -103,7 +103,7 @@ const j = i.forwardRef(({ className: s, children: t, ...o }, r) => {
     {
       ref: r,
       id: n,
-      className: d("ui-text-sm ui-font-medium ui-text-error", s),
+      className: d("text-sm font-medium text-error", s),
       ...o,
       children: a
     }
@@ -112,10 +112,10 @@ const j = i.forwardRef(({ className: s, children: t, ...o }, r) => {
 j.displayName = "FormMessage";
 export {
   B as Form,
-  p as FormControl,
+  u as FormControl,
   F as FormDescription,
   G as FormField,
-  f as FormItem,
-  x as FormLabel,
+  x as FormItem,
+  p as FormLabel,
   j as FormMessage
 };