@boxcustodia/library 0.3.8 → 0.5.2

package/dist/index.es47.js

@@ -1,121 +1,50 @@
-import { j as e } from "./index.es96.js";
-import { Slot as b } from "./index.es98.js";
-import { l as y } from "./index.es94.js";
-import * as i from "react";
-import { FormProvider as v, useFormContext as R, Controller as C } from "./index.es121.js";
-import { useFormField as l } from "./index.es49.js";
-import { FormFieldContextProvider as w } from "./index.es122.js";
-import { FormItemContextProvider as D } from "./index.es123.js";
-import { cn as d } from "./index.es84.js";
-import { Label as M } from "./index.es53.js";
-const B = ({
-  onSubmit: s,
-  id: t,
-  form: o,
-  children: r,
-  className: m
-}) => /* @__PURE__ */ e.jsx(v, { ...o, children: /* @__PURE__ */ e.jsx(
-  "form",
-  {
-    id: t,
-    onSubmit: o.handleSubmit(s),
-    className: m,
-    children: r
-  }
-) }), G = ({
-  name: s,
-  label: t,
-  description: o,
-  render: r,
-  itemProps: m,
-  labelProps: n,
-  controlProps: a,
-  descriptionProps: h,
-  messageProps: I
-}) => {
-  const { control: N } = R();
-  return /* @__PURE__ */ e.jsx(w, { value: { name: s }, children: /* @__PURE__ */ e.jsx(
-    C,
+import { j as e } from "./index.es97.js";
+import { forwardRef as n } from "react";
+import { cn as i } from "./index.es87.js";
+import { Label as x } from "./index.es54.js";
+const c = n(
+  ({
+    label: r,
+    labelClassName: m,
+    labelProps: s,
+    error: t,
+    errorClassName: o,
+    errorProps: d,
+    children: l,
+    className: a,
+    ...p
+  }, u) => /* @__PURE__ */ e.jsxs(
+    "div",
     {
-      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) }),
-          o && /* @__PURE__ */ e.jsx(F, { ...h, children: o }),
-          /* @__PURE__ */ e.jsx(j, { ...I, children: (u = g.error) == null ? void 0 : u.message })
-        ] });
-      }
+      ref: u,
+      ...p,
+      className: i("ui-flex ui-flex-col ui-gap-1", a),
+      children: [
+        /* @__PURE__ */ e.jsx(
+          x,
+          {
+            className: i("empty:ui-hidden", m),
+            ...s,
+            children: r
+          }
+        ),
+        l,
+        /* @__PURE__ */ e.jsx(
+          "p",
+          {
+            className: i(
+              "ui-text-sm ui-font-medium ui-text-error empty:ui-hidden",
+              o
+            ),
+            ...d,
+            children: t
+          }
+        )
+      ]
     }
-  ) });
-}, f = 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 }) });
-});
-f.displayName = "FormItem";
-const x = 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),
-      htmlFor: m,
-      ...t
-    }
-  );
-});
-x.displayName = "FormLabel";
-const p = i.forwardRef(({ className: s, ...t }, o) => {
-  const { error: r, formItemId: m, formDescriptionId: n, formMessageId: a } = l();
-  return /* @__PURE__ */ e.jsx(
-    b,
-    {
-      ref: o,
-      id: m,
-      "aria-describedby": r ? `${n} ${a}` : `${n}`,
-      "aria-invalid": !!r,
-      className: d("group", s),
-      ...t
-    }
-  );
-});
-p.displayName = "FormControl";
-const F = i.forwardRef(({ className: s, ...t }, o) => {
-  const { formDescriptionId: r } = l();
-  return /* @__PURE__ */ e.jsx(
-    "p",
-    {
-      ref: o,
-      id: r,
-      className: d("ui-text-sm ui-text-muted-foreground", s),
-      ...t
-    }
-  );
-});
-F.displayName = "FormDescription";
-const j = i.forwardRef(({ className: s, children: t, ...o }, r) => {
-  const { error: m, formMessageId: n } = l(), a = m ? String(m == null ? void 0 : m.message) : t;
-  return a ? /* @__PURE__ */ e.jsx(
-    "p",
-    {
-      ref: r,
-      id: n,
-      className: d("ui-text-sm ui-font-medium ui-text-error", s),
-      ...o,
-      children: a
-    }
-  ) : null;
-});
-j.displayName = "FormMessage";
+  )
+);
+c.displayName = "Field";
 export {
-  B as Form,
-  p as FormControl,
-  F as FormDescription,
-  G as FormField,
-  f as FormItem,
-  x as FormLabel,
-  j as FormMessage
+  c as Field
 };

package/dist/index.es470.js

@@ -1,11 +1,29 @@
-import { isAppleDevice as r, isMac as t } from "./index.es420.js";
-function a(e) {
-  return r() ? e.altKey : e.ctrlKey;
+import { focusSafely as d } from "./index.es468.js";
+import { mergeProps as a } from "./index.es302.js";
+import { useSyncRef as b } from "./index.es459.js";
+import n, { useRef as $, useEffect as l, useContext as i } from "react";
+import { useFocus as x } from "./index.es471.js";
+import { useKeyboard as m } from "./index.es472.js";
+let p = /* @__PURE__ */ n.createContext(null);
+function P(e) {
+  let t = i(p) || {};
+  b(t, e);
+  let { ref: o, ...r } = t;
+  return r;
 }
-function o(e) {
-  return t() ? e.metaKey : e.ctrlKey;
+function D(e, t) {
+  let { focusProps: o } = x(e), { keyboardProps: r } = m(e), c = a(o, r), s = P(t), u = e.isDisabled ? {} : s, f = $(e.autoFocus);
+  return l(() => {
+    f.current && t.current && d(t.current), f.current = !1;
+  }, [
+    t
+  ]), {
+    focusableProps: a({
+      ...c,
+      tabIndex: e.excludeFromTabOrder && !e.isDisabled ? -1 : void 0
+    }, u)
+  };
 }
 export {
-  o as isCtrlKeyPressed,
-  a as isNonContiguousSelectionModifier
+  D as useFocusable
 };

package/dist/index.es471.js

@@ -1,32 +1,29 @@
-import { useRef as l } from "react";
-const f = 1e3;
-function g(r) {
-  let { keyboardDelegate: o, selectionManager: c, onTypeSelect: i } = r, t = l({
-    search: "",
-    timeout: void 0
-  }).current, u = (e) => {
-    let a = s(e.key);
-    if (!(!a || e.ctrlKey || e.metaKey || !e.currentTarget.contains(e.target))) {
-      if (a === " " && t.search.trim().length > 0 && (e.preventDefault(), "continuePropagation" in e || e.stopPropagation()), t.search += a, o.getKeyForSearch != null) {
-        let n = o.getKeyForSearch(t.search, c.focusedKey);
-        n == null && (n = o.getKeyForSearch(t.search)), n != null && (c.setFocusedKey(n), i && i(n));
-      }
-      clearTimeout(t.timeout), t.timeout = setTimeout(() => {
-        t.search = "";
-      }, f);
-    }
-  };
+import { useSyntheticBlurEvent as d } from "./index.es476.js";
+import { useCallback as s } from "react";
+import { getOwnerDocument as l } from "./index.es452.js";
+function $(a) {
+  let { isDisabled: n, onFocus: r, onBlur: e, onFocusChange: t } = a;
+  const c = s((o) => {
+    if (o.target === o.currentTarget)
+      return e && e(o), t && t(!1), !0;
+  }, [
+    e,
+    t
+  ]), u = d(c), f = s((o) => {
+    const i = l(o.target);
+    o.target === o.currentTarget && i.activeElement === o.target && (r && r(o), t && t(!0), u(o));
+  }, [
+    t,
+    r,
+    u
+  ]);
   return {
-    typeSelectProps: {
-      // Using a capturing listener to catch the keydown event before
-      // other hooks in order to handle the Spacebar event.
-      onKeyDownCapture: o.getKeyForSearch ? u : void 0
+    focusProps: {
+      onFocus: !n && (r || t || e) ? f : void 0,
+      onBlur: !n && (e || t) ? c : void 0
     }
   };
 }
-function s(r) {
-  return r.length === 1 || !/^[A-Z]/i.test(r) ? r : "";
-}
 export {
-  g as useTypeSelect
+  $ as useFocus
 };

package/dist/index.es472.js

@@ -1,121 +1,12 @@
-import { DOMLayoutDelegate as n } from "./index.es473.js";
-import { isScrollable as r } from "./index.es426.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);
-    }
-    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);
-    }
-    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);
-    }
-    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);
-    }
-    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);
-  }
+import { createEventHandler as o } from "./index.es477.js";
+function r(e) {
+  return {
+    keyboardProps: e.isDisabled ? {} : {
+      onKeyDown: o(e.onKeyDown),
+      onKeyUp: o(e.onKeyUp)
+    }
+  };
 }
 export {
-  g as ListKeyboardDelegate
+  r as useKeyboard
 };

package/dist/index.es473.js

@@ -1,39 +1,109 @@
-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
+import { getOwnerDocument as $, getOwnerWindow as i } from "./index.es452.js";
+import { isMac as T } from "./index.es455.js";
+import { isVirtualClick as h } from "./index.es467.js";
+import { useEffect as E, useState as k } from "react";
+import { useIsSSR as x } from "./index.es397.js";
+let a = null, u = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Map(), d = !1, b = !1;
+const H = {
+  Tab: !0,
+  Escape: !0
+};
+function p(t, n) {
+  for (let e of u) e(t, n);
+}
+function I(t) {
+  return !(t.metaKey || !T() && t.altKey || t.ctrlKey || t.key === "Control" || t.key === "Shift" || t.key === "Meta");
+}
+function c(t) {
+  d = !0, I(t) && (a = "keyboard", p("keyboard", t));
+}
+function o(t) {
+  a = "pointer", (t.type === "mousedown" || t.type === "pointerdown") && (d = !0, p("pointer", t));
+}
+function m(t) {
+  h(t) && (d = !0, a = "virtual");
+}
+function y(t) {
+  t.target === window || t.target === document || (!d && !b && (a = "virtual", p("virtual", t)), d = !1, b = !1);
+}
+function L() {
+  d = !1, b = !0;
+}
+function s(t) {
+  if (typeof window > "u" || f.get(i(t))) return;
+  const n = i(t), e = $(t);
+  let r = n.HTMLElement.prototype.focus;
+  n.HTMLElement.prototype.focus = function() {
+    d = !0, r.apply(this, arguments);
+  }, e.addEventListener("keydown", c, !0), e.addEventListener("keyup", c, !0), e.addEventListener("click", m, !0), n.addEventListener("focus", y, !0), n.addEventListener("blur", L, !1), typeof PointerEvent < "u" ? (e.addEventListener("pointerdown", o, !0), e.addEventListener("pointermove", o, !0), e.addEventListener("pointerup", o, !0)) : (e.addEventListener("mousedown", o, !0), e.addEventListener("mousemove", o, !0), e.addEventListener("mouseup", o, !0)), n.addEventListener("beforeunload", () => {
+    w(t);
+  }, {
+    once: !0
+  }), f.set(n, {
+    focus: r
+  });
+}
+const w = (t, n) => {
+  const e = i(t), r = $(t);
+  n && r.removeEventListener("DOMContentLoaded", n), f.has(e) && (e.HTMLElement.prototype.focus = f.get(e).focus, r.removeEventListener("keydown", c, !0), r.removeEventListener("keyup", c, !0), r.removeEventListener("click", m, !0), e.removeEventListener("focus", y, !0), e.removeEventListener("blur", L, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", o, !0), r.removeEventListener("pointermove", o, !0), r.removeEventListener("pointerup", o, !0)) : (r.removeEventListener("mousedown", o, !0), r.removeEventListener("mousemove", o, !0), r.removeEventListener("mouseup", o, !0)), f.delete(e));
+};
+function S(t) {
+  const n = $(t);
+  let e;
+  return n.readyState !== "loading" ? s(t) : (e = () => {
+    s(t);
+  }, n.addEventListener("DOMContentLoaded", e)), () => w(t, e);
+}
+typeof document < "u" && S();
+function K() {
+  return a !== "pointer";
+}
+function B() {
+  return a;
+}
+function D() {
+  s();
+  let [t, n] = k(a);
+  return E(() => {
+    let e = () => {
+      n(a);
+    };
+    return u.add(e), () => {
+      u.delete(e);
     };
-  }
-  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
+  }, []), x() ? null : t;
+}
+const O = /* @__PURE__ */ new Set([
+  "checkbox",
+  "radio",
+  "range",
+  "color",
+  "file",
+  "image",
+  "button",
+  "submit",
+  "reset"
+]);
+function F(t, n, e) {
+  var r;
+  const l = typeof window < "u" ? i(e == null ? void 0 : e.target).HTMLInputElement : HTMLInputElement, v = typeof window < "u" ? i(e == null ? void 0 : e.target).HTMLTextAreaElement : HTMLTextAreaElement, g = typeof window < "u" ? i(e == null ? void 0 : e.target).HTMLElement : HTMLElement, M = typeof window < "u" ? i(e == null ? void 0 : e.target).KeyboardEvent : KeyboardEvent;
+  return t = t || (e == null ? void 0 : e.target) instanceof l && !O.has(e == null || (r = e.target) === null || r === void 0 ? void 0 : r.type) || (e == null ? void 0 : e.target) instanceof v || (e == null ? void 0 : e.target) instanceof g && (e == null ? void 0 : e.target.isContentEditable), !(t && n === "keyboard" && e instanceof M && !H[e.key]);
+}
+function P(t, n, e) {
+  s(), E(() => {
+    let r = (l, v) => {
+      F(!!(e != null && e.isTextInput), l, v) && t(K());
     };
-  }
-  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
+    return u.add(r), () => {
+      u.delete(r);
     };
-  }
-  constructor(t) {
-    this.ref = t;
-  }
+  }, n);
 }
 export {
-  r as DOMLayoutDelegate
+  S as addWindowFocusTracking,
+  B as getInteractionModality,
+  f as hasSetupGlobalListeners,
+  K as isFocusVisible,
+  P as useFocusVisibleListener,
+  D as useInteractionModality
 };

package/dist/index.es474.js

@@ -1,23 +1,34 @@
-import { CollectionBuilder as u } from "./index.es475.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 { useSyntheticBlurEvent as f } from "./index.es476.js";
+import { useRef as h, useCallback as c } from "react";
+function d(r) {
+  let { isDisabled: a, onBlurWithin: e, onFocusWithin: o, onFocusWithinChange: t } = r, n = h({
+    isFocusWithin: !1
+  }), u = c((i) => {
+    n.current.isFocusWithin && !i.currentTarget.contains(i.relatedTarget) && (n.current.isFocusWithin = !1, e && e(i), t && t(!1));
   }, [
+    e,
     t,
-    i,
+    n
+  ]), s = f(u), l = c((i) => {
+    !n.current.isFocusWithin && document.activeElement === i.target && (o && o(i), t && t(!0), n.current.isFocusWithin = !0, s(i));
+  }, [
     o,
-    e,
-    r,
-    l
+    t,
+    s
   ]);
+  return a ? {
+    focusWithinProps: {
+      // These should not have been null, that would conflict in mergeProps
+      onFocus: void 0,
+      onBlur: void 0
+    }
+  } : {
+    focusWithinProps: {
+      onFocus: l,
+      onBlur: u
+    }
+  };
 }
 export {
-  b as useCollection
+  d as useFocusWithin
 };