@boxcustodia/library 0.2.12 → 0.3.0

package/dist/index.es41.js

@@ -1,20 +1,176 @@
-import { j as t } from "./index.es88.js";
-import { cn as n } from "./index.es78.js";
-const u = (i) => {
-  const { className: o, orientation: r = "horizontal" } = i;
-  return /* @__PURE__ */ t.jsx(
-    "hr",
+import { j as c } from "./index.es92.js";
+import { createContext as S, useState as U, useRef as T, useContext as _ } from "react";
+import { Slot as d } from "./index.es103.js";
+import { useDropzone as B } from "./index.es119.js";
+import E from "./index.es107.js";
+import { cn as P } from "./index.es82.js";
+import { Button as L } from "./index.es29.js";
+const b = S(null), C = () => {
+  const t = _(b);
+  if (!t)
+    throw new Error(
+      "useUploadContext must be used within a UploadContextProvider"
+    );
+  return t;
+}, Q = ({
+  onFileAdd: t,
+  onFileRemove: e,
+  maxFiles: s = 1,
+  allowedExtensions: o = [],
+  maxFileSize: a = 5 * 1024 * 1024,
+  // 5MB
+  multiple: p,
+  children: i,
+  ...m
+}) => {
+  const [f, u] = U([]), [g, x] = U([]), { isDragActive: N, validateFiles: R, dropzoneProps: k } = B({
+    onDrop: (n, l) => {
+      u((r) => [...r, ...n]), x((r) => [
+        ...r,
+        ...l
+      ]), t == null || t(n);
+    },
+    allowedExtensions: o,
+    maxFileSize: a,
+    maxFiles: s
+  }), w = (n) => {
+    const [l = [], r = []] = R(n);
+    if (s === 1 || !p) {
+      u(r.slice(0, 1)), x([...l, ...r.slice(1)]), t == null || t(r.slice(0, 1));
+      return;
+    }
+    const h = s - f.length;
+    if (h <= 0) {
+      x((v) => [...v, ...r]), t == null || t([]);
+      return;
+    }
+    const j = r.slice(0, h), D = r.slice(h);
+    u((v) => [...v, ...j]), x((v) => [
+      ...v,
+      ...l,
+      ...D
+    ]), t == null || t(j);
+  }, z = (n, l) => {
+    l === "accepted" ? u((r) => r.filter((h, j) => j !== n)) : x(
+      (r) => r.filter((h, j) => j !== n)
+    ), e == null || e(n, l);
+  };
+  return /* @__PURE__ */ c.jsx(
+    b.Provider,
     {
-      ...i,
-      "aria-orientation": r,
-      className: n(
-        "ui-shrink-0 ui-bg-border",
-        r === "horizontal" ? "ui-h-[1px] ui-w-full" : "ui-h-full ui-w-[1px]",
-        o
-      )
+      value: {
+        files: f,
+        rejectedFiles: g,
+        handleFileAdd: w,
+        handleFileRemove: z,
+        inputProps: {
+          accept: o.join(","),
+          multiple: p
+        },
+        isDragActive: N,
+        dropzoneProps: k
+      },
+      children: /* @__PURE__ */ c.jsx("div", { ...m, children: i })
     }
   );
-};
+}, V = ({ asChild: t, ...e }) => {
+  const { handleFileAdd: s, inputProps: o, dropzoneProps: a, isDragActive: p } = C(), i = T(null), m = t ? d : "button";
+  return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+    /* @__PURE__ */ c.jsx(
+      m,
+      {
+        ...e,
+        ...a,
+        "data-drag-active": p || !1,
+        onClick: (f) => {
+          var u, g;
+          (u = e.onClick) == null || u.call(e, f), (g = i.current) == null || g.click();
+        }
+      }
+    ),
+    /* @__PURE__ */ c.jsx(
+      "input",
+      {
+        type: "file",
+        className: "ui-hidden",
+        ...o,
+        ref: i,
+        onChange: (f) => s(Array.from(f.target.files || []))
+      }
+    )
+  ] });
+}, W = ({ className: t, ...e }) => /* @__PURE__ */ c.jsx("div", { ...e, className: P("ui-mt-2 ui-space-y-2", t) }), y = ({
+  files: t,
+  handleFileRemove: e,
+  fileType: s,
+  children: o,
+  renderFile: a,
+  ...p
+}) => t.length === 0 ? null : /* @__PURE__ */ c.jsxs("div", { className: "ui-mt-2 ui-space-y-2", ...p, children: [
+  o,
+  t.map((i, m) => a ? a(i, () => e(m, s)) : /* @__PURE__ */ c.jsx(
+    X,
+    {
+      file: i,
+      onRemove: () => e(m, s)
+    },
+    i.name
+  ))
+] }), Y = (t) => {
+  const { files: e, handleFileRemove: s } = C();
+  return /* @__PURE__ */ c.jsx(
+    y,
+    {
+      files: e,
+      handleFileRemove: s,
+      fileType: "accepted",
+      ...t
+    }
+  );
+}, Z = (t) => {
+  const { rejectedFiles: e, handleFileRemove: s } = C();
+  return /* @__PURE__ */ c.jsx(
+    y,
+    {
+      files: e,
+      handleFileRemove: s,
+      fileType: "rejected",
+      ...t
+    }
+  );
+}, X = ({
+  file: t,
+  onRemove: e,
+  className: s,
+  renderIcon: o,
+  ...a
+}) => /* @__PURE__ */ c.jsxs(
+  "div",
+  {
+    className: P("ui-flex ui-items-center ui-gap-2 ui-mb-2", s),
+    ...a,
+    children: [
+      o == null ? void 0 : o(t),
+      t.name,
+      /* @__PURE__ */ c.jsx(
+        L,
+        {
+          variant: "ghost",
+          size: "icon",
+          type: "button",
+          className: "ui-h-6 ui-w-6",
+          onClick: e,
+          children: /* @__PURE__ */ c.jsx(E, {})
+        }
+      )
+    ]
+  }
+);
 export {
-  u as Divider
+  Y as UploadAcceptedFiles,
+  W as UploadContent,
+  X as UploadItem,
+  Z as UploadRejectedFiles,
+  Q as UploadRoot,
+  V as UploadTrigger
 };

package/dist/index.es410.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+var a = {};
 export {
-  e as __module
+  a as __exports
 };

package/dist/index.es411.js

@@ -1,49 +1,4 @@
-import { __exports as f } from "./index.es437.js";
-import h from "react";
-/**
- * @license React
- * use-sync-external-store-shim.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var s;
-function w() {
-  if (s) return f;
-  s = 1;
-  var u = h;
-  function a(e, t) {
-    return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
-  }
-  var S = typeof Object.is == "function" ? Object.is : a, d = u.useState, p = u.useEffect, m = u.useLayoutEffect, l = u.useDebugValue;
-  function y(e, t) {
-    var r = t(), i = d({ inst: { value: r, getSnapshot: t } }), n = i[0].inst, c = i[1];
-    return m(function() {
-      n.value = r, n.getSnapshot = t, o(n) && c({ inst: n });
-    }, [e, r, t]), p(function() {
-      return o(n) && c({ inst: n }), e(function() {
-        o(n) && c({ inst: n });
-      });
-    }, [e]), l(r), r;
-  }
-  function o(e) {
-    var t = e.getSnapshot;
-    e = e.value;
-    try {
-      var r = t();
-      return !S(e, r);
-    } catch {
-      return !0;
-    }
-  }
-  function _(e, t) {
-    return t();
-  }
-  var v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? _ : y;
-  return f.useSyncExternalStore = u.useSyncExternalStore !== void 0 ? u.useSyncExternalStore : v, f;
-}
+var a = {};
 export {
-  w as __require
+  a as __exports
 };

package/dist/index.es412.js

@@ -1,85 +1,4 @@
-import { __exports as c } from "./index.es438.js";
-import I from "react";
-/**
- * @license React
- * use-sync-external-store-shim.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var p;
-function G() {
-  return p ? c : (p = 1, process.env.NODE_ENV !== "production" && function() {
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-    var o = I, O = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function _(t) {
-      {
-        for (var e = arguments.length, r = new Array(e > 1 ? e - 1 : 0), n = 1; n < e; n++)
-          r[n - 1] = arguments[n];
-        E("error", t, r);
-      }
-    }
-    function E(t, e, r) {
-      {
-        var n = O.ReactDebugCurrentFrame, u = n.getStackAddendum();
-        u !== "" && (e += "%s", r = r.concat([u]));
-        var i = r.map(function(a) {
-          return String(a);
-        });
-        i.unshift("Warning: " + e), Function.prototype.apply.call(console[t], console, i);
-      }
-    }
-    function v(t, e) {
-      return t === e && (t !== 0 || 1 / t === 1 / e) || t !== t && e !== e;
-    }
-    var l = typeof Object.is == "function" ? Object.is : v, h = o.useState, L = o.useEffect, y = o.useLayoutEffect, m = o.useDebugValue, S = !1, d = !1;
-    function T(t, e, r) {
-      S || o.startTransition !== void 0 && (S = !0, _("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
-      var n = e();
-      if (!d) {
-        var u = e();
-        l(n, u) || (_("The result of getSnapshot should be cached to avoid an infinite loop"), d = !0);
-      }
-      var i = h({
-        inst: {
-          value: n,
-          getSnapshot: e
-        }
-      }), a = i[0].inst, f = i[1];
-      return y(function() {
-        a.value = n, a.getSnapshot = e, s(a) && f({
-          inst: a
-        });
-      }, [t, n, e]), L(function() {
-        s(a) && f({
-          inst: a
-        });
-        var C = function() {
-          s(a) && f({
-            inst: a
-          });
-        };
-        return t(C);
-      }, [t]), m(n), n;
-    }
-    function s(t) {
-      var e = t.getSnapshot, r = t.value;
-      try {
-        var n = e();
-        return !l(r, n);
-      } catch {
-        return !0;
-      }
-    }
-    function g(t, e, r) {
-      return e();
-    }
-    var A = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", R = !A, D = R ? g : T, w = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : D;
-    c.useSyncExternalStore = w, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
-  }(), c);
-}
+var a = {};
 export {
-  G as __require
+  a as __exports
 };

package/dist/index.es413.js

@@ -1,4 +1,26 @@
-var e = { exports: {} };
+import { __exports as u } from "./index.es414.js";
+var l = Object.prototype.hasOwnProperty;
+function i(t, e) {
+  var r, n;
+  if (t === e) return !0;
+  if (t && e && (r = t.constructor) === e.constructor) {
+    if (r === Date) return t.getTime() === e.getTime();
+    if (r === RegExp) return t.toString() === e.toString();
+    if (r === Array) {
+      if ((n = t.length) === e.length)
+        for (; n-- && i(t[n], e[n]); ) ;
+      return n === -1;
+    }
+    if (!r || typeof t == "object") {
+      n = 0;
+      for (r in t)
+        if (l.call(t, r) && ++n && !l.call(e, r) || !(r in e) || !i(t[r], e[r])) return !1;
+      return Object.keys(e).length === n;
+    }
+  }
+  return t !== t && e !== e;
+}
+u.dequal = i;
 export {
-  e as __module
+  u as default
 };

package/dist/index.es414.js

@@ -1,10 +1,4 @@
-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");
-};
+var e = {};
 export {
-  n as a
+  e as __exports
 };

package/dist/index.es415.js

@@ -1,48 +1,4 @@
-import { __exports as n } from "./index.es416.js";
-import "./index.es441.js";
-import { __exports as x } from "./index.es442.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;
+var o = {};
 export {
-  n as default
+  o as __exports
 };

package/dist/index.es416.js

@@ -1,4 +1,10 @@
-var r = {};
+import { __module as r } from "./index.es720.js";
+import { __require as i } from "./index.es721.js";
+import { __require as o } from "./index.es722.js";
+var e;
+function n() {
+  return e ? r.exports : (e = 1, process.env.NODE_ENV === "production" ? r.exports = i() : r.exports = o(), r.exports);
+}
 export {
-  r as __exports
+  n as __require
 };

package/dist/index.es417.js

@@ -1,8 +1,4 @@
-import { __module as r } from "./index.es443.js";
-import { __require as e } from "./index.es444.js";
-import { __require as o } from "./index.es445.js";
-process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
-var i = r.exports;
+var e = {};
 export {
-  i as r
+  e as __exports
 };