@boxcustodia/library 0.3.8 → 0.5.2

package/dist/index.es429.js

@@ -1,21 +1,54 @@
-import { useEffectEvent as u } from "./index.es430.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);
+import { __require as E } from "./index.es427.js";
+import { __require as _ } from "./index.es428.js";
+var f, v;
+function P() {
+  if (v) return f;
+  v = 1;
+  var o = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var y = E(), t = {}, d = _();
+    o = function(n) {
+      var a = "Warning: " + n;
+      typeof console < "u" && console.error(a);
+      try {
+        throw new Error(a);
+      } catch {
+      }
     };
-  }, [
-    e,
-    t,
-    r,
-    n,
-    f
-  ]);
+  }
+  function u(n, a, i, s, c) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var e in n)
+        if (d(n, e)) {
+          var r;
+          try {
+            if (typeof n[e] != "function") {
+              var h = Error(
+                (s || "React class") + ": " + i + " type `" + e + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[e] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+              );
+              throw h.name = "Invariant Violation", h;
+            }
+            r = n[e](a, e, s, i, null, y);
+          } catch (l) {
+            r = l;
+          }
+          if (r && !(r instanceof Error) && o(
+            (s || "React class") + ": type specification of " + i + " `" + e + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof r + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), r instanceof Error && !(r.message in t)) {
+            t[r.message] = !0;
+            var p = c ? c() : "";
+            o(
+              "Failed " + i + " type: " + r.message + (p ?? "")
+            );
+          }
+        }
+    }
+  }
+  return u.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (t = {});
+  }, f = u, f;
 }
 export {
-  i as useEvent
+  P as __require
 };

package/dist/index.es43.js

@@ -1,79 +1,183 @@
-import { j as e } from "./index.es96.js";
-import { useMemo as g } from "react";
-import { UploadRoot as v, UploadTrigger as b, UploadContent as N, UploadAcceptedFiles as U, UploadRejectedFiles as y } from "./index.es42.js";
-import C from "./index.es120.js";
-import { cn as s } from "./index.es84.js";
-const q = ({
-  onFileAdd: u,
-  onFileRemove: a,
-  maxFiles: d = 1,
-  allowedExtensions: r = [],
-  maxFileSize: i = 5 * 1024 * 1024,
+import { j as s } from "./index.es97.js";
+import { createContext as d, useState as T, useRef as _, useContext as B } from "react";
+import { Slot as E } from "./index.es102.js";
+import { useDropzone as L } from "./index.es117.js";
+import { useControllableState as X } from "./index.es104.js";
+import q from "./index.es118.js";
+import { cn as P } from "./index.es87.js";
+import { Button as G } from "./index.es31.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,
-  renderAcceptedFile: n,
-  renderRejectedFile: m,
-  showRejected: c = !1,
-  className: p,
-  icon: h = C,
-  iconSize: t = 40,
+  children: j,
   ...x
 }) => {
-  const j = g(() => r.map((f) => {
-    var o;
-    return (o = f.split("/")) == null ? void 0 : o[1];
-  }).join(", "), [r]);
-  return /* @__PURE__ */ e.jsxs(
-    v,
+  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,
-      maxFiles: d,
-      allowedExtensions: r,
-      maxFileSize: i,
-      multiple: l ? !0 : void 0,
-      className: s("ui-w-full", p),
-      ...x,
-      children: [
-        /* @__PURE__ */ e.jsx(b, { 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(
-                h,
-                {
-                  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: ",
-                  j
-                ] }),
-                /* @__PURE__ */ e.jsxs("p", { className: "ui-text-sm", children: [
-                  "Tamaño máximo: ",
-                  Math.floor(i / 1024 / 1024),
-                  "MB"
-                ] })
-              ] })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ e.jsxs(N, { children: [
-          /* @__PURE__ */ e.jsx(U, { renderFile: n }),
-          c && /* @__PURE__ */ e.jsx(y, { renderFile: m })
-        ] })
-      ]
+      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 {
-  q as Dropzone
+  F as UploadAcceptedFiles,
+  I as UploadContent,
+  H as UploadItem,
+  A as UploadRejectedFiles,
+  Z as UploadRoot,
+  $ as UploadTrigger
 };

package/dist/index.es430.js

@@ -1,16 +1,4 @@
-import { useLayoutEffect as f } from "./index.es352.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);
-  }, []);
-}
+var e = { exports: {} };
 export {
-  s as useEffectEvent
+  e as __module
 };

package/dist/index.es431.js

@@ -1,46 +1,10 @@
-import { getScrollParents as a } from "./index.es427.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"
-        });
-      }
-    }
-  }
-}
+var n = ({ onlyFirst: e = !1 } = {}) => {
+  const a = [
+    "[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)",
+    "(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-ntqry=><~]))"
+  ].join("|");
+  return new RegExp(a, e ? void 0 : "g");
+};
 export {
-  $ as scrollIntoView,
-  P as scrollIntoViewport
+  n as a
 };

package/dist/index.es432.js

@@ -1,11 +1,48 @@
-import { isAndroid as i } from "./index.es420.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 { __exports as n } from "./index.es433.js";
+import "./index.es526.js";
+import { __exports as x } from "./index.es527.js";
+Object.defineProperty(n, "__esModule", {
+  value: !0
+});
+n.printText = n.printProps = n.printElementAsLeaf = n.printElement = n.printComment = n.printChildren = void 0;
+var _ = f(x);
+function f(t) {
+  return t && t.__esModule ? t : { default: t };
 }
+const O = (t, r, e, o, s, p, c) => {
+  const u = o + e.indent, a = e.colors;
+  return t.map((m) => {
+    const i = r[m];
+    let l = c(i, e, u, s, p);
+    return typeof i != "string" && (l.indexOf(`
+`) !== -1 && (l = e.spacingOuter + u + l + e.spacingOuter + o), l = "{" + l + "}"), e.spacingInner + o + a.prop.open + m + a.prop.close + "=" + a.value.open + l + a.value.close;
+  }).join("");
+};
+n.printProps = O;
+const v = (t, r, e, o, s, p) => t.map(
+  (c) => r.spacingOuter + e + (typeof c == "string" ? C(c, r) : p(c, r, e, o, s))
+).join("");
+n.printChildren = v;
+const C = (t, r) => {
+  const e = r.colors.content;
+  return e.open + (0, _.default)(t) + e.close;
+};
+n.printText = C;
+const E = (t, r) => {
+  const e = r.colors.comment;
+  return e.open + "<!--" + (0, _.default)(t) + "-->" + e.close;
+};
+n.printComment = E;
+const d = (t, r, e, o, s) => {
+  const p = o.colors.tag;
+  return p.open + "<" + t + (r && p.close + r + o.spacingOuter + s + p.open) + (e ? ">" + p.close + e + o.spacingOuter + s + p.open + "</" + t : (r && !o.min ? "" : " ") + "/") + ">" + p.close;
+};
+n.printElement = d;
+const L = (t, r) => {
+  const e = r.colors.tag;
+  return e.open + "<" + t + e.close + " …" + e.open + " />" + e.close;
+};
+n.printElementAsLeaf = L;
 export {
-  o as isVirtualClick,
-  u as isVirtualPointerEvent
+  n as default
 };

package/dist/index.es433.js

@@ -1,16 +1,4 @@
-import { getOwnerDocument as f } from "./index.es417.js";
-import { focusWithoutScrolling as o } from "./index.es418.js";
-import { runAfterTransition as a } from "./index.es421.js";
-import { getInteractionModality as r } from "./index.es438.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 r = {};
 export {
-  d as focusSafely
+  r as __exports
 };

package/dist/index.es434.js

@@ -1,22 +1,8 @@
-import { getOwnerWindow as c } from "./index.es417.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 r } from "./index.es528.js";
+import { __require as e } from "./index.es529.js";
+import { __require as o } from "./index.es530.js";
+process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
+var i = r.exports;
 export {
-  u as isElementVisible
+  i as r
 };

package/dist/index.es435.js

@@ -1,29 +1,24 @@
-import { focusSafely as d } from "./index.es433.js";
-import { mergeProps as a } from "./index.es271.js";
-import { useSyncRef as b } from "./index.es424.js";
-import n, { useRef as $, useEffect as l, useContext as i } from "react";
-import { useFocus as x } from "./index.es436.js";
-import { useKeyboard as m } from "./index.es437.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 { __exports as r } from "./index.es436.js";
+import "./index.es531.js";
+import { __exports as n } from "./index.es532.js";
+Object.defineProperty(r, "__esModule", {
+  value: !0
+});
+r.default = u;
+var f = i(n);
+function i(t) {
+  return t && t.__esModule ? t : { default: t };
 }
-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 o(t) {
+  "@babel/helpers - typeof";
+  return o = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+    return typeof e;
+  } : function(e) {
+    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+  }, o(t);
+}
+function u(t, e) {
+  return typeof Symbol == "function" && o(Symbol.iterator) === "symbol" && Object.defineProperty(t, Symbol.iterator, {
+    value: f.default.bind(e)
+  }), t;
 }
-export {
-  D as useFocusable
-};

package/dist/index.es436.js

@@ -1,29 +1,4 @@
-import { useSyntheticBlurEvent as d } from "./index.es441.js";
-import { useCallback as s } from "react";
-import { getOwnerDocument as l } from "./index.es417.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
-    }
-  };
-}
+var r = {};
 export {
-  $ as useFocus
+  r as __exports
 };

package/dist/index.es437.js

@@ -1,12 +1,35 @@
-import { createEventHandler as o } from "./index.es442.js";
-function r(e) {
-  return {
-    keyboardProps: e.isDisabled ? {} : {
-      onKeyDown: o(e.onKeyDown),
-      onKeyUp: o(e.onKeyUp)
-    }
-  };
+import { __exports as t } from "./index.es441.js";
+import "./index.es533.js";
+import "./index.es534.js";
+import "./index.es535.js";
+import "./index.es536.js";
+import "./index.es537.js";
+import "./index.es538.js";
+import "./index.es539.js";
+import "./index.es540.js";
+import "./index.es541.js";
+import "./index.es542.js";
+import "./index.es543.js";
+import "./index.es544.js";
+import { __exports as r } from "./index.es545.js";
+import { __exports as a } from "./index.es546.js";
+import { __exports as l } from "./index.es547.js";
+import { __exports as i } from "./index.es548.js";
+import { __exports as m } from "./index.es549.js";
+import { __exports as p } from "./index.es550.js";
+import { __exports as s } from "./index.es551.js";
+import { __exports as _ } from "./index.es552.js";
+import { __exports as d } from "./index.es553.js";
+import { __exports as u } from "./index.es554.js";
+import { __exports as f } from "./index.es555.js";
+import { __exports as R } from "./index.es556.js";
+Object.defineProperty(t, "__esModule", {
+  value: !0
+});
+t.default = void 0;
+var n = e(r), c = e(a), v = e(l), x = e(i), w = e(m), g = e(p), y = e(s), h = e(_), k = e(d), A = e(u), M = e(f), q = e(R);
+function e(o) {
+  return o && o.__esModule ? o : { default: o };
 }
-export {
-  r as useKeyboard
-};
+var D = [["command", n.default], ["composite", c.default], ["input", v.default], ["landmark", x.default], ["range", w.default], ["roletype", g.default], ["section", y.default], ["sectionhead", h.default], ["select", k.default], ["structure", A.default], ["widget", M.default], ["window", q.default]], O = D;
+t.default = O;