@boxcustodia/library 0.5.4 → 0.5.6

package/dist/index.es432.js

@@ -1,12 +1,43 @@
-import { useRef as f, useEffect as u } from "react";
-function a(c, r) {
-  const t = f(!0), e = f(null);
-  u(() => (t.current = !0, () => {
-    t.current = !1;
-  }), []), u(() => {
-    t.current ? t.current = !1 : (!e.current || r.some((s, n) => !Object.is(s, e[n]))) && c(), e.current = r;
-  }, r);
+function t(a) {
+  var n;
+  return typeof window > "u" || window.navigator == null ? !1 : ((n = window.navigator.userAgentData) === null || n === void 0 ? void 0 : n.brands.some((i) => a.test(i.brand))) || a.test(window.navigator.userAgent);
 }
+function o(a) {
+  var n;
+  return typeof window < "u" && window.navigator != null ? a.test(((n = window.navigator.userAgentData) === null || n === void 0 ? void 0 : n.platform) || window.navigator.platform) : !1;
+}
+function e(a) {
+  let n = null;
+  return () => (n == null && (n = a()), n);
+}
+const r = e(function() {
+  return o(/^Mac/i);
+}), c = e(function() {
+  return o(/^iPhone/i);
+}), s = e(function() {
+  return o(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+  r() && navigator.maxTouchPoints > 1;
+}), u = e(function() {
+  return c() || s();
+}), d = e(function() {
+  return r() || u();
+}), f = e(function() {
+  return t(/AppleWebKit/i) && !$();
+}), $ = e(function() {
+  return t(/Chrome/i);
+}), l = e(function() {
+  return t(/Android/i);
+}), w = e(function() {
+  return t(/Firefox/i);
+});
 export {
-  a as useUpdateEffect
+  l as isAndroid,
+  d as isAppleDevice,
+  $ as isChrome,
+  w as isFirefox,
+  u as isIOS,
+  s as isIPad,
+  c as isIPhone,
+  r as isMac,
+  f as isWebKit
 };

package/dist/index.es433.js

@@ -1,12 +1,31 @@
-import { useLayoutEffect as f } from "./index.es366.js";
-function u(r, e) {
-  f(() => {
-    if (r && r.ref && e)
-      return r.ref.current = e.current, () => {
-        r.ref && (r.ref.current = null);
-      };
+let n = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set();
+function o() {
+  if (typeof window > "u") return;
+  function r(t) {
+    return "propertyName" in t;
+  }
+  let d = (t) => {
+    if (!r(t) || !t.target) return;
+    let e = n.get(t.target);
+    e || (e = /* @__PURE__ */ new Set(), n.set(t.target, e), t.target.addEventListener("transitioncancel", i, {
+      once: !0
+    })), e.add(t.propertyName);
+  }, i = (t) => {
+    if (!r(t) || !t.target) return;
+    let e = n.get(t.target);
+    if (e && (e.delete(t.propertyName), e.size === 0 && (t.target.removeEventListener("transitioncancel", i), n.delete(t.target)), n.size === 0)) {
+      for (let s of a) s();
+      a.clear();
+    }
+  };
+  document.body.addEventListener("transitionrun", d), document.body.addEventListener("transitionend", i);
+}
+typeof document < "u" && (document.readyState !== "loading" ? o() : document.addEventListener("DOMContentLoaded", o));
+function c(r) {
+  requestAnimationFrame(() => {
+    n.size === 0 ? r() : a.add(r);
   });
 }
 export {
-  u as useSyncRef
+  c as runAfterTransition
 };

package/dist/index.es434.js

@@ -1,9 +1,34 @@
-import { isScrollable as l } from "./index.es435.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;
+import { useRef as c, useCallback as f, useEffect as b } from "react";
+function L() {
+  let n = c(/* @__PURE__ */ new Map()), u = f((r, l, e, t) => {
+    let o = t != null && t.once ? (...s) => {
+      n.current.delete(e), e(...s);
+    } : e;
+    n.current.set(e, {
+      type: l,
+      eventTarget: r,
+      fn: o,
+      options: t
+    }), r.addEventListener(l, e, t);
+  }, []), a = f((r, l, e, t) => {
+    var o;
+    let s = ((o = n.current.get(e)) === null || o === void 0 ? void 0 : o.fn) || e;
+    r.removeEventListener(l, s, t), n.current.delete(e);
+  }, []), d = f(() => {
+    n.current.forEach((r, l) => {
+      a(r.eventTarget, r.type, l, r.options);
+    });
+  }, [
+    a
+  ]);
+  return b(() => d, [
+    d
+  ]), {
+    addGlobalListener: u,
+    removeGlobalListener: a,
+    removeAllGlobalListeners: d
+  };
 }
 export {
-  r as getScrollParent
+  L as useGlobalListeners
 };

package/dist/index.es435.js

@@ -1,8 +1,12 @@
-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;
+import { useRef as f, useEffect as u } from "react";
+function a(c, r) {
+  const t = f(!0), e = f(null);
+  u(() => (t.current = !0, () => {
+    t.current = !1;
+  }), []), u(() => {
+    t.current ? t.current = !1 : (!e.current || r.some((s, n) => !Object.is(s, e[n]))) && c(), e.current = r;
+  }, r);
 }
 export {
-  c as isScrollable
+  a as useUpdateEffect
 };

package/dist/index.es436.js

@@ -1,10 +1,12 @@
-import { isScrollable as r } from "./index.es435.js";
-function s(e, t) {
-  const c = [];
-  for (; e && e !== document.documentElement; )
-    r(e, t) && c.push(e), e = e.parentElement;
-  return c;
+import { useLayoutEffect as f } from "./index.es369.js";
+function u(r, e) {
+  f(() => {
+    if (r && r.ref && e)
+      return r.ref.current = e.current, () => {
+        r.ref && (r.ref.current = null);
+      };
+  });
 }
 export {
-  s as getScrollParents
+  u as useSyncRef
 };

package/dist/index.es437.js

@@ -1,32 +1,9 @@
-import { useLayoutEffect as o } from "./index.es366.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.es438.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.es438.js

@@ -1,21 +1,8 @@
-import { useEffectEvent as u } from "./index.es439.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.es439.js

@@ -1,16 +1,10 @@
-import { useLayoutEffect as f } from "./index.es366.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.es438.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.es44.js

@@ -1,84 +1,183 @@
-import { j as e } from "./index.es100.js";
-import { useMemo as b } from "react";
-import { UploadRoot as N, UploadTrigger as U, UploadContent as y, UploadAcceptedFiles as C, UploadRejectedFiles as F } from "./index.es43.js";
-import M from "./index.es123.js";
-import { cn as s } from "./index.es89.js";
-const B = ({
-  onFileAdd: u,
-  onFileRemove: a,
-  onChangeFiles: d = () => {
-  },
-  files: l,
-  maxFiles: n = 1,
-  allowedExtensions: r = [],
-  maxFileSize: i = 5 * 1024 * 1024,
-  multiple: m,
-  renderAcceptedFile: c,
-  renderRejectedFile: p,
-  showRejected: h = !1,
-  className: x,
-  icon: j = M,
-  iconSize: t = 40,
-  ...f
+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 { useControllableState as X } from "./index.es89.js";
+import q from "./index.es120.js";
+import { cn as P } from "./index.es90.js";
+import { Button as G } from "./index.es32.js";
+const b = d(null), U = () => {
+  const t = B(b);
+  if (!t)
+    throw new Error(
+      "useUploadContext must be used within a UploadContextProvider"
+    );
+  return t;
+}, Z = ({
+  onFileAdd: t,
+  onFileRemove: e,
+  onChangeFiles: r,
+  files: a,
+  maxFiles: o = 1,
+  allowedExtensions: m = [],
+  maxFileSize: n = 5 * 1024 * 1024,
+  // 5MB
+  multiple: l,
+  children: j,
+  ...x
 }) => {
-  const g = b(() => r.map((v) => {
-    var o;
-    return (o = v.split("/")) == null ? void 0 : o[1];
-  }).join(", "), [r]);
-  return /* @__PURE__ */ e.jsxs(
-    N,
+  const [i = [], 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) => [
+        ...c,
+        ...p
+      ]), t == null || t(u);
+    },
+    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));
+      return;
+    }
+    const f = o - i.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) => [
+      ...v,
+      ...p,
+      ...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);
+  };
+  return /* @__PURE__ */ s.jsx(
+    b.Provider,
     {
-      onFileAdd: u,
-      onFileRemove: a,
-      files: l,
-      onChangeFiles: d,
-      maxFiles: n,
-      allowedExtensions: r,
-      maxFileSize: i,
-      multiple: m ? !0 : void 0,
-      className: s("ui-w-full", x),
-      ...f,
-      children: [
-        /* @__PURE__ */ e.jsx(U, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-          "div",
-          {
-            className: s(
-              "ui-w-full ui-min-h-[150px] ui-border-2 ui-border-dashed ui-rounded-lg ui-border-muted ui-p-4",
-              "hover:ui-bg-muted/50 data-[drag-active=true]:ui-border-primary data-[drag-active=true]:ui-bg-primary/10",
-              "ui-transition-colors ui-flex ui-flex-col ui-items-center ui-justify-center ui-gap-4",
-              "ui-pointer-events-auto"
-            ),
-            children: [
-              /* @__PURE__ */ e.jsx(
-                j,
-                {
-                  className: "ui-text-muted-foreground ui-pointer-events-none",
-                  style: { width: t, height: t }
-                }
-              ),
-              /* @__PURE__ */ e.jsxs("div", { className: "ui-text-center ui-text-muted-foreground ui-pointer-events-none", children: [
-                /* @__PURE__ */ e.jsx("p", { children: "Arrastra y suelta archivos aquí o haz clic para seleccionar" }),
-                r.length > 0 && /* @__PURE__ */ e.jsxs("p", { className: "ui-text-sm", children: [
-                  "Tipos permitidos: ",
-                  g
-                ] }),
-                /* @__PURE__ */ e.jsxs("p", { className: "ui-text-sm", children: [
-                  "Tamaño máximo: ",
-                  Math.floor(i / 1024 / 1024),
-                  "MB"
-                ] })
-              ] })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ e.jsxs(y, { children: [
-          /* @__PURE__ */ e.jsx(C, { renderFile: c }),
-          h && /* @__PURE__ */ e.jsx(F, { renderFile: p })
-        ] })
-      ]
+      value: {
+        files: i,
+        rejectedFiles: N,
+        handleFileAdd: z,
+        handleFileRemove: D,
+        inputProps: {
+          accept: m.join(","),
+          multiple: l
+        },
+        isDragActive: R,
+        dropzoneProps: w
+      },
+      children: /* @__PURE__ */ s.jsx("div", { ...x, children: j })
     }
   );
-};
+}, $ = ({ asChild: t, ...e }) => {
+  const { handleFileAdd: r, inputProps: a, dropzoneProps: o, isDragActive: m } = U(), n = _(null), l = t ? E : "button";
+  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsx(
+      l,
+      {
+        ...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();
+        }
+      }
+    ),
+    /* @__PURE__ */ s.jsx(
+      "input",
+      {
+        type: "file",
+        className: "ui-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 = ({
+  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: [
+  a,
+  t.map((n, l) => o ? o(n, () => e(l, r)) : /* @__PURE__ */ s.jsx(
+    H,
+    {
+      file: n,
+      onRemove: () => e(l, r)
+    },
+    n.name
+  ))
+] }), F = (t) => {
+  const { files: e, handleFileRemove: r } = U();
+  return /* @__PURE__ */ s.jsx(
+    y,
+    {
+      files: e,
+      handleFileRemove: r,
+      fileType: "accepted",
+      ...t
+    }
+  );
+}, A = (t) => {
+  const { rejectedFiles: e, handleFileRemove: r } = U();
+  return /* @__PURE__ */ s.jsx(
+    y,
+    {
+      files: e,
+      handleFileRemove: r,
+      fileType: "rejected",
+      ...t
+    }
+  );
+}, H = ({
+  file: t,
+  onRemove: e,
+  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, {})
+        }
+      )
+    ]
+  }
+);
 export {
-  B as Dropzone
+  F as UploadAcceptedFiles,
+  I as UploadContent,
+  H as UploadItem,
+  A as UploadRejectedFiles,
+  Z as UploadRoot,
+  $ as UploadTrigger
 };

package/dist/index.es440.js

@@ -1,46 +1,32 @@
-import { getScrollParents as a } from "./index.es436.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.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
+  };
 }
 export {
-  $ as scrollIntoView,
-  P as scrollIntoViewport
+  s as useDescription
 };

package/dist/index.es441.js

@@ -1,11 +1,21 @@
-import { isAndroid as i } from "./index.es429.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.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
+  ]);
 }
 export {
-  o as isVirtualClick,
-  u as isVirtualPointerEvent
+  i as useEvent
 };

package/dist/index.es442.js

@@ -1,16 +1,16 @@
-import { getOwnerDocument as f } from "./index.es426.js";
-import { focusWithoutScrolling as o } from "./index.es427.js";
-import { runAfterTransition as a } from "./index.es430.js";
-import { getInteractionModality as r } from "./index.es447.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.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);
+  }, []);
 }
 export {
-  d as focusSafely
+  s as useEffectEvent
 };