@boxcustodia/library 0.5.6 → 0.6.3-canary.0

package/dist/index.es44.js

@@ -1,12 +1,12 @@
-import { j as s } from "./index.es101.js";
-import { createContext as d, useState as T, useRef as _, useContext as B } from "react";
-import { Slot as E } from "./index.es116.js";
-import { useDropzone as L } from "./index.es124.js";
+import { j as s } from "./index.es103.js";
+import { useState as d, createContext as T, useRef as _, useContext as B } from "react";
+import { Slot as E } from "./index.es117.js";
+import { useDropzone as L } from "./index.es126.js";
 import { useControllableState as X } from "./index.es89.js";
-import q from "./index.es120.js";
+import q from "./index.es124.js";
 import { cn as P } from "./index.es90.js";
 import { Button as G } from "./index.es32.js";
-const b = d(null), U = () => {
+const b = T(null), U = () => {
   const t = B(b);
   if (!t)
     throw new Error(
@@ -22,57 +22,57 @@ const b = d(null), U = () => {
   allowedExtensions: m = [],
   maxFileSize: n = 5 * 1024 * 1024,
   // 5MB
-  multiple: l,
+  multiple: p,
   children: j,
   ...x
 }) => {
-  const [i = [], C] = X({
+  const [l = [], C] = X({
     defaultProp: [],
     prop: a,
     onChange: r
-  }), [N, h] = T([]), { isDragActive: R, validateFiles: k, dropzoneProps: w } = L({
-    onDrop: (u, p) => {
-      C([...i, ...u]), h((c) => [
+  }), [N, h] = d([]), { isDragActive: R, validateFiles: k, dropzoneProps: w } = L({
+    onDrop: (i, u) => {
+      C([...l, ...i]), h((c) => [
         ...c,
-        ...p
-      ]), t == null || t(u);
+        ...u
+      ]), t == null || t(i);
     },
     allowedExtensions: m,
     maxFileSize: n,
     maxFiles: o
-  }), z = (u) => {
-    const [p = [], c = []] = k(u);
-    if (o === 1 || !l) {
-      C(c.slice(0, 1)), h([...p, ...c.slice(1)]), t == null || t(c.slice(0, 1));
+  }), z = (i) => {
+    const [u = [], c = []] = k(i);
+    if (o === 1 || !p) {
+      C(c.slice(0, 1)), h([...u, ...c.slice(1)]), t == null || t(c.slice(0, 1));
       return;
     }
-    const f = o - i.length;
+    const f = o - l.length;
     if (f <= 0) {
       h((v) => [...v, ...c]), t == null || t([]);
       return;
     }
     const g = c.slice(0, f), S = c.slice(f);
-    C([...i, ...g]), h((v) => [
+    C([...l, ...g]), h((v) => [
       ...v,
-      ...p,
+      ...u,
       ...S
     ]), t == null || t(g);
-  }, D = (u, p) => {
-    p === "accepted" ? C(i.filter((c, f) => f !== u)) : h(
-      (c) => c.filter((f, g) => g !== u)
-    ), e == null || e(u, p);
+  }, D = (i, u) => {
+    u === "accepted" ? C(l.filter((c, f) => f !== i)) : h(
+      (c) => c.filter((f, g) => g !== i)
+    ), e == null || e(i, u);
   };
   return /* @__PURE__ */ s.jsx(
     b.Provider,
     {
       value: {
-        files: i,
+        files: l,
         rejectedFiles: N,
         handleFileAdd: z,
         handleFileRemove: D,
         inputProps: {
           accept: m.join(","),
-          multiple: l
+          multiple: p
         },
         isDragActive: R,
         dropzoneProps: w
@@ -81,17 +81,17 @@ const b = d(null), U = () => {
     }
   );
 }, $ = ({ asChild: t, ...e }) => {
-  const { handleFileAdd: r, inputProps: a, dropzoneProps: o, isDragActive: m } = U(), n = _(null), l = t ? E : "button";
+  const { handleFileAdd: r, inputProps: a, dropzoneProps: o, isDragActive: m } = U(), n = _(null), p = t ? E : "button";
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(
-      l,
+      p,
       {
         ...e,
         ...o,
         "data-drag-active": m || !1,
         onClick: (j) => {
-          var x, i;
-          (x = e.onClick) == null || x.call(e, j), (i = n.current) == null || i.click();
+          var x, l;
+          (x = e.onClick) == null || x.call(e, j), (l = n.current) == null || l.click();
         }
       }
     ),
@@ -99,27 +99,27 @@ const b = d(null), U = () => {
       "input",
       {
         type: "file",
-        className: "ui-hidden",
+        className: "hidden",
         ...a,
         ref: n,
         onChange: (j) => r(Array.from(j.target.files || []))
       }
     )
   ] });
-}, I = ({ className: t, ...e }) => /* @__PURE__ */ s.jsx("div", { ...e, className: P("ui-mt-2 ui-space-y-2", t) }), y = ({
+}, I = ({ className: t, ...e }) => /* @__PURE__ */ s.jsx("div", { ...e, className: P("mt-2 space-y-2", t) }), y = ({
   files: t,
   handleFileRemove: e,
   fileType: r,
   children: a,
   renderFile: o,
   ...m
-}) => t.length === 0 ? null : /* @__PURE__ */ s.jsxs("div", { className: "ui-mt-2 ui-space-y-2", ...m, children: [
+}) => t.length === 0 ? null : /* @__PURE__ */ s.jsxs("div", { className: "mt-2 space-y-2", ...m, children: [
   a,
-  t.map((n, l) => o ? o(n, () => e(l, r)) : /* @__PURE__ */ s.jsx(
+  t.map((n, p) => o ? o(n, () => e(p, r)) : /* @__PURE__ */ s.jsx(
     H,
     {
       file: n,
-      onRemove: () => e(l, r)
+      onRemove: () => e(p, r)
     },
     n.name
   ))
@@ -151,28 +151,21 @@ const b = d(null), U = () => {
   className: r,
   renderIcon: a,
   ...o
-}) => /* @__PURE__ */ s.jsxs(
-  "div",
-  {
-    className: P("ui-flex ui-items-center ui-gap-2 ui-mb-2", r),
-    ...o,
-    children: [
-      a == null ? void 0 : a(t),
-      t.name,
-      /* @__PURE__ */ s.jsx(
-        G,
-        {
-          variant: "ghost",
-          size: "icon",
-          type: "button",
-          className: "ui-h-6 ui-w-6",
-          onClick: e,
-          children: /* @__PURE__ */ s.jsx(q, {})
-        }
-      )
-    ]
-  }
-);
+}) => /* @__PURE__ */ s.jsxs("div", { className: P("flex items-center gap-2 mb-2", r), ...o, children: [
+  a == null ? void 0 : a(t),
+  t.name,
+  /* @__PURE__ */ s.jsx(
+    G,
+    {
+      variant: "ghost",
+      size: "icon",
+      type: "button",
+      className: "h-6 w-6",
+      onClick: e,
+      children: /* @__PURE__ */ s.jsx(q, {})
+    }
+  )
+] });
 export {
   F as UploadAcceptedFiles,
   I as UploadContent,

package/dist/index.es440.js

@@ -1,32 +1,9 @@
-import { useLayoutEffect as o } from "./index.es369.js";
-import { useState as l } from "react";
-let u = 0;
-const d = /* @__PURE__ */ new Map();
-function s(t) {
-  let [f, n] = l();
-  return o(() => {
-    if (!t) return;
-    let e = d.get(t);
-    if (e)
-      n(e.element.id);
-    else {
-      let r = `react-aria-description-${u++}`;
-      n(r);
-      let a = document.createElement("div");
-      a.id = r, a.style.display = "none", a.textContent = t, document.body.appendChild(a), e = {
-        refCount: 0,
-        element: a
-      }, d.set(t, e);
-    }
-    return e.refCount++, () => {
-      e && --e.refCount === 0 && (e.element.remove(), d.delete(t));
-    };
-  }, [
-    t
-  ]), {
-    "aria-describedby": t ? f : void 0
-  };
+import { isScrollable as l } from "./index.es441.js";
+function r(n, t) {
+  let e = n;
+  for (l(e, t) && (e = e.parentElement); e && !l(e, t); ) e = e.parentElement;
+  return e || document.scrollingElement || document.documentElement;
 }
 export {
-  s as useDescription
+  r as getScrollParent
 };

package/dist/index.es441.js

@@ -1,21 +1,8 @@
-import { useEffectEvent as u } from "./index.es442.js";
-import { useEffect as l } from "react";
-function i(e, t, a, r) {
-  let f = u(a), n = a == null;
-  l(() => {
-    if (n || !e.current) return;
-    let c = e.current;
-    return c.addEventListener(t, f, r), () => {
-      c.removeEventListener(t, f, r);
-    };
-  }, [
-    e,
-    t,
-    r,
-    n,
-    f
-  ]);
+function c(l, r) {
+  if (!l) return !1;
+  let t = window.getComputedStyle(l), e = /(auto|scroll)/.test(t.overflow + t.overflowX + t.overflowY);
+  return e && r && (e = l.scrollHeight !== l.clientHeight || l.scrollWidth !== l.clientWidth), e;
 }
 export {
-  i as useEvent
+  c as isScrollable
 };

package/dist/index.es442.js

@@ -1,16 +1,10 @@
-import { useLayoutEffect as f } from "./index.es369.js";
-import { useRef as o, useCallback as a } from "react";
-function s(r) {
-  const t = o(null);
-  return f(() => {
-    t.current = r;
-  }, [
-    r
-  ]), a((...c) => {
-    const e = t.current;
-    return e == null ? void 0 : e(...c);
-  }, []);
+import { isScrollable as r } from "./index.es441.js";
+function s(e, t) {
+  const c = [];
+  for (; e && e !== document.documentElement; )
+    r(e, t) && c.push(e), e = e.parentElement;
+  return c;
 }
 export {
-  s as useEffectEvent
+  s as getScrollParents
 };

package/dist/index.es443.js

@@ -1,46 +1,32 @@
-import { getScrollParents as a } from "./index.es439.js";
-function $(e, o) {
-  let d = p(e, o, "left"), f = p(e, o, "top"), t = o.offsetWidth, l = o.offsetHeight, r = e.scrollLeft, s = e.scrollTop, { borderTopWidth: i, borderLeftWidth: c } = getComputedStyle(e), u = e.scrollLeft + parseInt(c, 10), n = e.scrollTop + parseInt(i, 10), b = u + e.clientWidth, v = n + e.clientHeight;
-  d <= r ? r = d - parseInt(c, 10) : d + t > b && (r += d + t - b), f <= n ? s = f - parseInt(i, 10) : f + l > v && (s += f + l - v), e.scrollLeft = r, e.scrollTop = s;
-}
-function p(e, o, d) {
-  const f = d === "left" ? "offsetLeft" : "offsetTop";
-  let t = 0;
-  for (; o.offsetParent && (t += o[f], o.offsetParent !== e); ) {
-    if (o.offsetParent.contains(e)) {
-      t -= e[f];
-      break;
-    }
-    o = o.offsetParent;
-  }
-  return t;
-}
-function P(e, o) {
-  if (e && document.contains(e)) {
-    let r = document.scrollingElement || document.documentElement;
-    if (window.getComputedStyle(r).overflow === "hidden") {
-      let i = a(e);
-      for (let c of i) $(c, e);
-    } else {
-      var d;
-      let { left: i, top: c } = e.getBoundingClientRect();
-      e == null || (d = e.scrollIntoView) === null || d === void 0 || d.call(e, {
-        block: "nearest"
-      });
-      let { left: u, top: n } = e.getBoundingClientRect();
-      if (Math.abs(i - u) > 1 || Math.abs(c - n) > 1) {
-        var f, t, l;
-        o == null || (t = o.containingElement) === null || t === void 0 || (f = t.scrollIntoView) === null || f === void 0 || f.call(t, {
-          block: "center",
-          inline: "center"
-        }), (l = e.scrollIntoView) === null || l === void 0 || l.call(e, {
-          block: "nearest"
-        });
-      }
+import { useLayoutEffect as o } from "./index.es371.js";
+import { useState as l } from "react";
+let u = 0;
+const d = /* @__PURE__ */ new Map();
+function s(t) {
+  let [f, n] = l();
+  return o(() => {
+    if (!t) return;
+    let e = d.get(t);
+    if (e)
+      n(e.element.id);
+    else {
+      let r = `react-aria-description-${u++}`;
+      n(r);
+      let a = document.createElement("div");
+      a.id = r, a.style.display = "none", a.textContent = t, document.body.appendChild(a), e = {
+        refCount: 0,
+        element: a
+      }, d.set(t, e);
     }
-  }
+    return e.refCount++, () => {
+      e && --e.refCount === 0 && (e.element.remove(), d.delete(t));
+    };
+  }, [
+    t
+  ]), {
+    "aria-describedby": t ? f : void 0
+  };
 }
 export {
-  $ as scrollIntoView,
-  P as scrollIntoViewport
+  s as useDescription
 };

package/dist/index.es444.js

@@ -1,11 +1,21 @@
-import { isAndroid as i } from "./index.es432.js";
-function o(r) {
-  return r.mozInputSource === 0 && r.isTrusted ? !0 : i() && r.pointerType ? r.type === "click" && r.buttons === 1 : r.detail === 0 && !r.pointerType;
-}
-function u(r) {
-  return !i() && r.width === 0 && r.height === 0 || r.width === 1 && r.height === 1 && r.pressure === 0 && r.detail === 0 && r.pointerType === "mouse";
+import { useEffectEvent as u } from "./index.es445.js";
+import { useEffect as l } from "react";
+function i(e, t, a, r) {
+  let f = u(a), n = a == null;
+  l(() => {
+    if (n || !e.current) return;
+    let c = e.current;
+    return c.addEventListener(t, f, r), () => {
+      c.removeEventListener(t, f, r);
+    };
+  }, [
+    e,
+    t,
+    r,
+    n,
+    f
+  ]);
 }
 export {
-  o as isVirtualClick,
-  u as isVirtualPointerEvent
+  i as useEvent
 };

package/dist/index.es445.js

@@ -1,16 +1,16 @@
-import { getOwnerDocument as f } from "./index.es429.js";
-import { focusWithoutScrolling as o } from "./index.es430.js";
-import { runAfterTransition as a } from "./index.es433.js";
-import { getInteractionModality as r } from "./index.es450.js";
-function d(e) {
-  const t = f(e);
-  if (r() === "virtual") {
-    let c = t.activeElement;
-    a(() => {
-      t.activeElement === c && e.isConnected && o(e);
-    });
-  } else o(e);
+import { useLayoutEffect as f } from "./index.es371.js";
+import { useRef as o, useCallback as a } from "react";
+function s(r) {
+  const t = o(null);
+  return f(() => {
+    t.current = r;
+  }, [
+    r
+  ]), a((...c) => {
+    const e = t.current;
+    return e == null ? void 0 : e(...c);
+  }, []);
 }
 export {
-  d as focusSafely
+  s as useEffectEvent
 };

package/dist/index.es446.js

@@ -1,22 +1,46 @@
-import { getOwnerWindow as c } from "./index.es429.js";
-function d(i) {
-  const t = c(i);
-  if (!(i instanceof t.HTMLElement) && !(i instanceof t.SVGElement)) return !1;
-  let { display: s, visibility: e } = i.style, a = s !== "none" && e !== "hidden" && e !== "collapse";
-  if (a) {
-    const { getComputedStyle: n } = i.ownerDocument.defaultView;
-    let { display: r, visibility: o } = n(i);
-    a = r !== "none" && o !== "hidden" && o !== "collapse";
-  }
-  return a;
+import { getScrollParents as I } from "./index.es442.js";
+function W(o, e) {
+  let t = L(o, e, "left"), d = L(o, e, "top"), l = e.offsetWidth, r = e.offsetHeight, f = o.scrollLeft, c = o.scrollTop, { borderTopWidth: i, borderLeftWidth: s, scrollPaddingTop: n, scrollPaddingRight: a, scrollPaddingBottom: T, scrollPaddingLeft: g } = getComputedStyle(o), x = f + parseInt(s, 10), u = c + parseInt(i, 10), b = x + o.clientWidth, p = u + o.clientHeight, P = parseInt(n, 10) || 0, v = parseInt(T, 10) || 0, h = parseInt(a, 10) || 0, $ = parseInt(g, 10) || 0;
+  t <= f + $ ? f = t - parseInt(s, 10) - $ : t + l > b - h && (f += t + l - b + h), d <= u + P ? c = d - parseInt(i, 10) - P : d + r > p - v && (c += d + r - p + v), o.scrollLeft = f, o.scrollTop = c;
 }
-function f(i, t) {
-  return !i.hasAttribute("hidden") && // Ignore HiddenSelect when tree walking.
-  !i.hasAttribute("data-react-aria-prevent-focus") && (i.nodeName === "DETAILS" && t && t.nodeName !== "SUMMARY" ? i.hasAttribute("open") : !0);
+function L(o, e, t) {
+  const d = t === "left" ? "offsetLeft" : "offsetTop";
+  let l = 0;
+  for (; e.offsetParent && (l += e[d], e.offsetParent !== o); ) {
+    if (e.offsetParent.contains(o)) {
+      l -= o[d];
+      break;
+    }
+    e = e.offsetParent;
+  }
+  return l;
 }
-function u(i, t) {
-  return i.nodeName !== "#comment" && d(i) && f(i, t) && (!i.parentElement || u(i.parentElement, i));
+function B(o, e) {
+  if (o && document.contains(o)) {
+    let f = document.scrollingElement || document.documentElement;
+    if (window.getComputedStyle(f).overflow === "hidden") {
+      let i = I(o);
+      for (let s of i) W(s, o);
+    } else {
+      var t;
+      let { left: i, top: s } = o.getBoundingClientRect();
+      o == null || (t = o.scrollIntoView) === null || t === void 0 || t.call(o, {
+        block: "nearest"
+      });
+      let { left: n, top: a } = o.getBoundingClientRect();
+      if (Math.abs(i - n) > 1 || Math.abs(s - a) > 1) {
+        var d, l, r;
+        e == null || (l = e.containingElement) === null || l === void 0 || (d = l.scrollIntoView) === null || d === void 0 || d.call(l, {
+          block: "center",
+          inline: "center"
+        }), (r = o.scrollIntoView) === null || r === void 0 || r.call(o, {
+          block: "nearest"
+        });
+      }
+    }
+  }
 }
 export {
-  u as isElementVisible
+  W as scrollIntoView,
+  B as scrollIntoViewport
 };

package/dist/index.es447.js

@@ -1,29 +1,11 @@
-import { focusSafely as d } from "./index.es445.js";
-import { mergeProps as a } from "./index.es283.js";
-import { useSyncRef as b } from "./index.es436.js";
-import n, { useRef as $, useEffect as l, useContext as i } from "react";
-import { useFocus as x } from "./index.es448.js";
-import { useKeyboard as m } from "./index.es449.js";
-let p = /* @__PURE__ */ n.createContext(null);
-function P(e) {
-  let t = i(p) || {};
-  b(t, e);
-  let { ref: o, ...r } = t;
-  return r;
+import { isAndroid as i } from "./index.es434.js";
+function o(r) {
+  return r.mozInputSource === 0 && r.isTrusted ? !0 : i() && r.pointerType ? r.type === "click" && r.buttons === 1 : r.detail === 0 && !r.pointerType;
 }
-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)
-  };
+function u(r) {
+  return !i() && r.width === 0 && r.height === 0 || r.width === 1 && r.height === 1 && r.pressure === 0 && r.detail === 0 && r.pointerType === "mouse";
 }
 export {
-  D as useFocusable
+  o as isVirtualClick,
+  u as isVirtualPointerEvent
 };

package/dist/index.es448.js

@@ -1,29 +1,6 @@
-import { useSyntheticBlurEvent as d } from "./index.es453.js";
-import { useCallback as s } from "react";
-import { getOwnerDocument as l } from "./index.es429.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 {
-    focusProps: {
-      onFocus: !n && (r || t || e) ? f : void 0,
-      onBlur: !n && (e || t) ? c : void 0
-    }
-  };
-}
+const a = "react-aria-clear-focus", c = "react-aria-focus", e = "react-aria-update-activedescendant";
 export {
-  $ as useFocus
+  a as CLEAR_FOCUS_EVENT,
+  c as FOCUS_EVENT,
+  e as UPDATE_ACTIVEDESCENDANT
 };

package/dist/index.es449.js

@@ -1,12 +1,7 @@
-import { createEventHandler as o } from "./index.es454.js";
-function r(e) {
-  return {
-    keyboardProps: e.isDisabled ? {} : {
-      onKeyDown: o(e.onKeyDown),
-      onKeyUp: o(e.onKeyUp)
-    }
-  };
+import { isMac as a } from "./index.es434.js";
+function t(e) {
+  return a() ? e.metaKey : e.ctrlKey;
 }
 export {
-  r as useKeyboard
+  t as isCtrlKeyPressed
 };