@boxcustodia/library 0.3.0 → 0.3.2

package/dist/index.es42.js

@@ -1,79 +1,176 @@
-import { j as e } from "./index.es92.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.es41.js";
-import C from "./index.es120.js";
-import { cn as s } from "./index.es82.js";
-const q = ({
-  onFileAdd: u,
-  onFileRemove: a,
-  maxFiles: d = 1,
-  allowedExtensions: r = [],
-  maxFileSize: i = 5 * 1024 * 1024,
-  multiple: l,
-  renderAcceptedFile: n,
-  renderRejectedFile: m,
-  showRejected: c = !1,
-  className: p,
-  icon: h = C,
-  iconSize: t = 40,
-  ...x
+import { j as c } from "./index.es93.js";
+import { createContext as S, useState as U, useRef as T, useContext as _ } from "react";
+import { Slot as d } from "./index.es98.js";
+import { useDropzone as B } from "./index.es116.js";
+import E from "./index.es115.js";
+import { cn as P } from "./index.es83.js";
+import { Button as L } from "./index.es30.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 j = g(() => r.map((f) => {
-    var o;
-    return (o = f.split("/")) == null ? void 0 : o[1];
-  }).join(", "), [r]);
-  return /* @__PURE__ */ e.jsxs(
-    v,
+  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,
     {
-      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: 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 {
-  q as Dropzone
+  Y as UploadAcceptedFiles,
+  W as UploadContent,
+  X as UploadItem,
+  Z as UploadRejectedFiles,
+  Q as UploadRoot,
+  V as UploadTrigger
 };

package/dist/index.es420.js

@@ -1,168 +1,4 @@
-function i(a) {
-  var e;
-  return (
-    // eslint-disable-next-line no-restricted-properties -- actual guard for environments without localName
-    (e = a.localName) !== null && e !== void 0 ? e : (
-      // eslint-disable-next-line no-restricted-properties -- required for the fallback
-      a.tagName.toLowerCase()
-    )
-  );
-}
-var n = {
-  article: "article",
-  aside: "complementary",
-  button: "button",
-  datalist: "listbox",
-  dd: "definition",
-  details: "group",
-  dialog: "dialog",
-  dt: "term",
-  fieldset: "group",
-  figure: "figure",
-  // WARNING: Only with an accessible name
-  form: "form",
-  footer: "contentinfo",
-  h1: "heading",
-  h2: "heading",
-  h3: "heading",
-  h4: "heading",
-  h5: "heading",
-  h6: "heading",
-  header: "banner",
-  hr: "separator",
-  html: "document",
-  legend: "legend",
-  li: "listitem",
-  math: "math",
-  main: "main",
-  menu: "list",
-  nav: "navigation",
-  ol: "list",
-  optgroup: "group",
-  // WARNING: Only in certain context
-  option: "option",
-  output: "status",
-  progress: "progressbar",
-  // WARNING: Only with an accessible name
-  section: "region",
-  summary: "button",
-  table: "table",
-  tbody: "rowgroup",
-  textarea: "textbox",
-  tfoot: "rowgroup",
-  // WARNING: Only in certain context
-  td: "cell",
-  th: "columnheader",
-  thead: "rowgroup",
-  tr: "row",
-  ul: "list"
-}, o = {
-  caption: /* @__PURE__ */ new Set(["aria-label", "aria-labelledby"]),
-  code: /* @__PURE__ */ new Set(["aria-label", "aria-labelledby"]),
-  deletion: /* @__PURE__ */ new Set(["aria-label", "aria-labelledby"]),
-  emphasis: /* @__PURE__ */ new Set(["aria-label", "aria-labelledby"]),
-  generic: /* @__PURE__ */ new Set(["aria-label", "aria-labelledby", "aria-roledescription"]),
-  insertion: /* @__PURE__ */ new Set(["aria-label", "aria-labelledby"]),
-  paragraph: /* @__PURE__ */ new Set(["aria-label", "aria-labelledby"]),
-  presentation: /* @__PURE__ */ new Set(["aria-label", "aria-labelledby"]),
-  strong: /* @__PURE__ */ new Set(["aria-label", "aria-labelledby"]),
-  subscript: /* @__PURE__ */ new Set(["aria-label", "aria-labelledby"]),
-  superscript: /* @__PURE__ */ new Set(["aria-label", "aria-labelledby"])
-};
-function s(a, e) {
-  return [
-    "aria-atomic",
-    "aria-busy",
-    "aria-controls",
-    "aria-current",
-    "aria-describedby",
-    "aria-details",
-    // "disabled",
-    "aria-dropeffect",
-    // "errormessage",
-    "aria-flowto",
-    "aria-grabbed",
-    // "haspopup",
-    "aria-hidden",
-    // "invalid",
-    "aria-keyshortcuts",
-    "aria-label",
-    "aria-labelledby",
-    "aria-live",
-    "aria-owns",
-    "aria-relevant",
-    "aria-roledescription"
-  ].some(function(r) {
-    var t;
-    return a.hasAttribute(r) && !((t = o[e]) !== null && t !== void 0 && t.has(r));
-  });
-}
-function l(a, e) {
-  return s(a, e);
-}
-function c(a) {
-  var e = b(a);
-  if (e === null || e === "presentation") {
-    var r = u(a);
-    if (e !== "presentation" || l(a, r || ""))
-      return r;
-  }
-  return e;
-}
-function u(a) {
-  var e = n[i(a)];
-  if (e !== void 0)
-    return e;
-  switch (i(a)) {
-    case "a":
-    case "area":
-    case "link":
-      if (a.hasAttribute("href"))
-        return "link";
-      break;
-    case "img":
-      return a.getAttribute("alt") === "" && !l(a, "img") ? "presentation" : "img";
-    case "input": {
-      var r = a, t = r.type;
-      switch (t) {
-        case "button":
-        case "image":
-        case "reset":
-        case "submit":
-          return "button";
-        case "checkbox":
-        case "radio":
-          return t;
-        case "range":
-          return "slider";
-        case "email":
-        case "tel":
-        case "text":
-        case "url":
-          return a.hasAttribute("list") ? "combobox" : "textbox";
-        case "search":
-          return a.hasAttribute("list") ? "combobox" : "searchbox";
-        case "number":
-          return "spinbutton";
-        default:
-          return null;
-      }
-    }
-    case "select":
-      return a.hasAttribute("multiple") || a.size > 1 ? "listbox" : "combobox";
-  }
-  return null;
-}
-function b(a) {
-  var e = a.getAttribute("role");
-  if (e !== null) {
-    var r = e.trim().split(" ")[0];
-    if (r.length > 0)
-      return r;
-  }
-  return null;
-}
+var r = {};
 export {
-  c as default,
-  i as getLocalName
+  r as __exports
 };

package/dist/index.es421.js

@@ -1,5 +1,35 @@
-import { createSidecarMedium as e } from "./index.es434.js";
-var a = e();
-export {
-  a as effectCar
-};
+import { __exports as t } from "./index.es425.js";
+import "./index.es453.js";
+import "./index.es454.js";
+import "./index.es455.js";
+import "./index.es456.js";
+import "./index.es457.js";
+import "./index.es458.js";
+import "./index.es459.js";
+import "./index.es460.js";
+import "./index.es461.js";
+import "./index.es462.js";
+import "./index.es463.js";
+import "./index.es464.js";
+import { __exports as r } from "./index.es465.js";
+import { __exports as a } from "./index.es466.js";
+import { __exports as l } from "./index.es467.js";
+import { __exports as i } from "./index.es468.js";
+import { __exports as m } from "./index.es469.js";
+import { __exports as p } from "./index.es470.js";
+import { __exports as s } from "./index.es471.js";
+import { __exports as _ } from "./index.es472.js";
+import { __exports as d } from "./index.es473.js";
+import { __exports as u } from "./index.es474.js";
+import { __exports as f } from "./index.es475.js";
+import { __exports as R } from "./index.es476.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 };
+}
+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;