@boxcustodia/library 0.5.4 → 0.5.5

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.es104.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.es146.js";
+import { useControllableState as X } from "./index.es89.js";
+import q from "./index.es128.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,131 @@
-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;
+function c() {
+  return typeof window < "u";
+}
+function f(n) {
+  return p(n) ? (n.nodeName || "").toLowerCase() : "#document";
+}
+function i(n) {
+  var t;
+  return (n == null || (t = n.ownerDocument) == null ? void 0 : t.defaultView) || window;
+}
+function E(n) {
+  var t;
+  return (t = (p(n) ? n.ownerDocument : n.document) || window.document) == null ? void 0 : t.documentElement;
+}
+function p(n) {
+  return c() ? n instanceof Node || n instanceof i(n).Node : !1;
+}
+function m(n) {
+  return c() ? n instanceof Element || n instanceof i(n).Element : !1;
+}
+function w(n) {
+  return c() ? n instanceof HTMLElement || n instanceof i(n).HTMLElement : !1;
+}
+function a(n) {
+  return !c() || typeof ShadowRoot > "u" ? !1 : n instanceof ShadowRoot || n instanceof i(n).ShadowRoot;
+}
+function y(n) {
+  const {
+    overflow: t,
+    overflowX: e,
+    overflowY: o,
+    display: r
+  } = b(n);
+  return /auto|scroll|overlay|hidden|clip/.test(t + o + e) && !["inline", "contents"].includes(r);
+}
+function D(n) {
+  return ["table", "td", "th"].includes(f(n));
+}
+function N(n) {
+  return [":popover-open", ":modal"].some((t) => {
+    try {
+      return n.matches(t);
+    } catch {
+      return !1;
     }
-    o = o.offsetParent;
+  });
+}
+function T(n) {
+  const t = v(), e = m(n) ? b(n) : n;
+  return e.transform !== "none" || e.perspective !== "none" || (e.containerType ? e.containerType !== "normal" : !1) || !t && (e.backdropFilter ? e.backdropFilter !== "none" : !1) || !t && (e.filter ? e.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((o) => (e.willChange || "").includes(o)) || ["paint", "layout", "strict", "content"].some((o) => (e.contain || "").includes(o));
+}
+function k(n) {
+  let t = l(n);
+  for (; w(t) && !g(t); ) {
+    if (T(t))
+      return t;
+    if (N(t))
+      return null;
+    t = l(t);
   }
-  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"
-        });
-      }
-    }
+  return null;
+}
+function v() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+function g(n) {
+  return ["html", "body", "#document"].includes(f(n));
+}
+function b(n) {
+  return i(n).getComputedStyle(n);
+}
+function C(n) {
+  return m(n) ? {
+    scrollLeft: n.scrollLeft,
+    scrollTop: n.scrollTop
+  } : {
+    scrollLeft: n.scrollX,
+    scrollTop: n.scrollY
+  };
+}
+function l(n) {
+  if (f(n) === "html")
+    return n;
+  const t = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    n.assignedSlot || // DOM Element detected.
+    n.parentNode || // ShadowRoot detected.
+    a(n) && n.host || // Fallback.
+    E(n)
+  );
+  return a(t) ? t.host : t;
+}
+function h(n) {
+  const t = l(n);
+  return g(t) ? n.ownerDocument ? n.ownerDocument.body : n.body : w(t) && y(t) ? t : h(t);
+}
+function d(n, t, e) {
+  var o;
+  t === void 0 && (t = []), e === void 0 && (e = !0);
+  const r = h(n), S = r === ((o = n.ownerDocument) == null ? void 0 : o.body), u = i(r);
+  if (S) {
+    const s = L(u);
+    return t.concat(u, u.visualViewport || [], y(r) ? r : [], s && e ? d(s) : []);
   }
+  return t.concat(r, d(r, [], e));
+}
+function L(n) {
+  return n.parent && Object.getPrototypeOf(n.parent) ? n.frameElement : null;
 }
 export {
-  $ as scrollIntoView,
-  P as scrollIntoViewport
+  b as getComputedStyle,
+  k as getContainingBlock,
+  E as getDocumentElement,
+  L as getFrameElement,
+  h as getNearestOverflowAncestor,
+  f as getNodeName,
+  C as getNodeScroll,
+  d as getOverflowAncestors,
+  l as getParentNode,
+  i as getWindow,
+  T as isContainingBlock,
+  m as isElement,
+  w as isHTMLElement,
+  g as isLastTraversableNode,
+  p as isNode,
+  y as isOverflowElement,
+  a as isShadowRoot,
+  D as isTableElement,
+  N as isTopLayer,
+  v as isWebKit
 };

package/dist/index.es441.js

@@ -1,11 +1,8 @@
-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";
+function e(o, r) {
+  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, n) {
+    return t.__proto__ = n, t;
+  }, e(o, r);
 }
 export {
-  o as isVirtualClick,
-  u as isVirtualPointerEvent
+  e as default
 };

package/dist/index.es442.js

@@ -1,16 +1,4 @@
-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);
-}
+var p = { exports: {} };
 export {
-  d as focusSafely
+  p as __module
 };

package/dist/index.es443.js

@@ -1,22 +1,10 @@
-import { getOwnerWindow as c } from "./index.es426.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;
-}
-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 u(i, t) {
-  return i.nodeName !== "#comment" && d(i) && f(i, t) && (!i.parentElement || u(i.parentElement, i));
+import { __module as e } from "./index.es804.js";
+import { __require as o } from "./index.es805.js";
+import { __require as t } from "./index.es806.js";
+var r;
+function p() {
+  return r ? e.exports : (r = 1, process.env.NODE_ENV === "production" ? e.exports = o() : e.exports = t(), e.exports);
 }
 export {
-  u as isElementVisible
+  p as __require
 };