@boxcustodia/library 0.2.14 → 0.3.0

package/dist/index.es42.js

@@ -1,112 +1,79 @@
-import { j as o } from "./index.es90.js";
-import * as i from "react";
-import { Slot as b } from "./index.es96.js";
-import { FormProvider as y, useFormContext as v, Controller as R } from "./index.es114.js";
-import { l as C } from "./index.es88.js";
-import { useFormField as l } from "./index.es44.js";
-import { FormFieldContextProvider as w } from "./index.es115.js";
-import { FormItemContextProvider as D } from "./index.es116.js";
-import { cn as d } from "./index.es78.js";
-import { Label as M } from "./index.es46.js";
-const B = ({
-  onSubmit: e,
-  form: s,
-  children: t,
-  className: r
-}) => /* @__PURE__ */ o.jsx(y, { ...s, children: /* @__PURE__ */ o.jsx("form", { onSubmit: s.handleSubmit(e), className: r, children: t }) }), G = ({
-  name: e,
-  label: s,
-  description: t,
-  render: r,
-  itemProps: m,
-  labelProps: n,
-  controlProps: a,
-  descriptionProps: h,
-  messageProps: I
+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
 }) => {
-  const { control: N } = v();
-  return /* @__PURE__ */ o.jsx(w, { value: { name: e }, children: /* @__PURE__ */ o.jsx(
-    R,
+  const j = g(() => r.map((f) => {
+    var o;
+    return (o = f.split("/")) == null ? void 0 : o[1];
+  }).join(", "), [r]);
+  return /* @__PURE__ */ e.jsxs(
+    v,
     {
-      name: e,
-      control: N,
-      render: ({ field: c, fieldState: g }) => {
-        var u;
-        return /* @__PURE__ */ o.jsxs(f, { ...m, children: [
-          /* @__PURE__ */ o.jsx(x, { ...n, children: s }),
-          /* @__PURE__ */ o.jsx(p, { ...a, children: C.isFunction(r) ? r(c) : i.createElement(r, c) }),
-          t && /* @__PURE__ */ o.jsx(F, { ...h, children: t }),
-          /* @__PURE__ */ o.jsx(j, { ...I, children: (u = g.error) == null ? void 0 : u.message })
-        ] });
-      }
-    }
-  ) });
-}, f = i.forwardRef(({ className: e, ...s }, t) => {
-  const r = i.useId();
-  return /* @__PURE__ */ o.jsx(D, { value: { id: r }, children: /* @__PURE__ */ o.jsx("div", { ref: t, className: d("ui-space-y-2", e), ...s }) });
-});
-f.displayName = "FormItem";
-const x = i.forwardRef(({ className: e, ...s }, t) => {
-  const { error: r, formItemId: m } = l();
-  return /* @__PURE__ */ o.jsx(
-    M,
-    {
-      ref: t,
-      className: d(r && "ui-text-error", e),
-      htmlFor: m,
-      ...s
-    }
-  );
-});
-x.displayName = "FormLabel";
-const p = i.forwardRef(({ className: e, ...s }, t) => {
-  const { error: r, formItemId: m, formDescriptionId: n, formMessageId: a } = l();
-  return /* @__PURE__ */ o.jsx(
-    b,
-    {
-      ref: t,
-      id: m,
-      "aria-describedby": r ? `${n} ${a}` : `${n}`,
-      "aria-invalid": !!r,
-      className: d("group", e),
-      ...s
+      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 })
+        ] })
+      ]
     }
   );
-});
-p.displayName = "FormControl";
-const F = i.forwardRef(({ className: e, ...s }, t) => {
-  const { formDescriptionId: r } = l();
-  return /* @__PURE__ */ o.jsx(
-    "p",
-    {
-      ref: t,
-      id: r,
-      className: d("ui-text-sm ui-text-muted-foreground", e),
-      ...s
-    }
-  );
-});
-F.displayName = "FormDescription";
-const j = i.forwardRef(({ className: e, children: s, ...t }, r) => {
-  const { error: m, formMessageId: n } = l(), a = m ? String(m == null ? void 0 : m.message) : s;
-  return a ? /* @__PURE__ */ o.jsx(
-    "p",
-    {
-      ref: r,
-      id: n,
-      className: d("ui-text-sm ui-font-medium ui-text-error", e),
-      ...t,
-      children: a
-    }
-  ) : null;
-});
-j.displayName = "FormMessage";
+};
 export {
-  B as Form,
-  p as FormControl,
-  F as FormDescription,
-  G as FormField,
-  f as FormItem,
-  x as FormLabel,
-  j as FormMessage
+  q as Dropzone
 };

package/dist/index.es420.js

@@ -1,25 +1,168 @@
-import { __exports as e } from "./index.es432.js";
-Object.defineProperty(e, "__esModule", {
-  value: !0
-});
-e.default = void 0;
-var r = {
-  abstract: !0,
-  accessibleNameRequired: !1,
-  baseConcepts: [],
-  childrenPresentational: !1,
-  nameFrom: ["author"],
-  prohibitedProps: [],
-  props: {
-    "aria-valuemax": null,
-    "aria-valuemin": null,
-    "aria-valuenow": null
-  },
-  relatedConcepts: [],
-  requireContextRole: [],
-  requiredContextRole: [],
-  requiredOwnedElements: [],
-  requiredProps: {},
-  superClass: [["roletype", "structure"]]
-}, a = r;
-e.default = a;
+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;
+}
+export {
+  c as default,
+  i as getLocalName
+};

package/dist/index.es421.js

@@ -1,49 +1,5 @@
-import { __exports as e } from "./index.es433.js";
-Object.defineProperty(e, "__esModule", {
-  value: !0
-});
-e.default = void 0;
-var l = {
-  abstract: !0,
-  accessibleNameRequired: !1,
-  baseConcepts: [],
-  childrenPresentational: !1,
-  nameFrom: [],
-  prohibitedProps: [],
-  props: {
-    "aria-atomic": null,
-    "aria-busy": null,
-    "aria-controls": null,
-    "aria-current": null,
-    "aria-describedby": null,
-    "aria-details": null,
-    "aria-dropeffect": null,
-    "aria-flowto": null,
-    "aria-grabbed": null,
-    "aria-hidden": null,
-    "aria-keyshortcuts": null,
-    "aria-label": null,
-    "aria-labelledby": null,
-    "aria-live": null,
-    "aria-owns": null,
-    "aria-relevant": null,
-    "aria-roledescription": null
-  },
-  relatedConcepts: [{
-    concept: {
-      name: "role"
-    },
-    module: "XHTML"
-  }, {
-    concept: {
-      name: "type"
-    },
-    module: "Dublin Core"
-  }],
-  requireContextRole: [],
-  requiredContextRole: [],
-  requiredOwnedElements: [],
-  requiredProps: {},
-  superClass: []
-}, a = l;
-e.default = a;
+import { createSidecarMedium as e } from "./index.es434.js";
+var a = e();
+export {
+  a as effectCar
+};

package/dist/index.es422.js

@@ -1,36 +1,109 @@
-import { __exports as e } from "./index.es434.js";
-Object.defineProperty(e, "__esModule", {
-  value: !0
-});
-e.default = void 0;
-var r = {
-  abstract: !0,
-  accessibleNameRequired: !1,
-  baseConcepts: [],
-  childrenPresentational: !1,
-  nameFrom: [],
-  prohibitedProps: [],
-  props: {},
-  relatedConcepts: [{
-    concept: {
-      name: "frontmatter"
-    },
-    module: "DTB"
-  }, {
-    concept: {
-      name: "level"
-    },
-    module: "DTB"
-  }, {
-    concept: {
-      name: "level"
-    },
-    module: "SMIL"
-  }],
-  requireContextRole: [],
-  requiredContextRole: [],
-  requiredOwnedElements: [],
-  requiredProps: {},
-  superClass: [["roletype", "structure"]]
-}, t = r;
-e.default = t;
+import { __spreadArray as x } from "./index.es296.js";
+import * as n from "react";
+import { RemoveScrollBar as A } from "./index.es435.js";
+import { styleSingleton as I } from "./index.es436.js";
+import { nonPassive as f } from "./index.es727.js";
+import { locationCouldBeScrolled as B, handleScroll as W } from "./index.es728.js";
+var k = function(e) {
+  return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
+}, X = function(e) {
+  return [e.deltaX, e.deltaY];
+}, M = function(e) {
+  return e && "current" in e ? e.current : e;
+}, F = function(e, o) {
+  return e[0] === o[0] && e[1] === o[1];
+}, Q = function(e) {
+  return `
+  .block-interactivity-`.concat(e, ` {pointer-events: none;}
+  .allow-interactivity-`).concat(e, ` {pointer-events: all;}
+`);
+}, Z = 0, s = [];
+function G(e) {
+  var o = n.useRef([]), E = n.useRef([0, 0]), h = n.useRef(), v = n.useState(Z++)[0], m = n.useState(function() {
+    return I();
+  })[0], g = n.useRef(e);
+  n.useEffect(function() {
+    g.current = e;
+  }, [e]), n.useEffect(function() {
+    if (e.inert) {
+      document.body.classList.add("block-interactivity-".concat(v));
+      var t = x([e.lockRef.current], (e.shards || []).map(M), !0).filter(Boolean);
+      return t.forEach(function(r) {
+        return r.classList.add("allow-interactivity-".concat(v));
+      }), function() {
+        document.body.classList.remove("block-interactivity-".concat(v)), t.forEach(function(r) {
+          return r.classList.remove("allow-interactivity-".concat(v));
+        });
+      };
+    }
+  }, [e.inert, e.lockRef.current, e.shards]);
+  var y = n.useCallback(function(t, r) {
+    if ("touches" in t && t.touches.length === 2)
+      return !g.current.allowPinchZoom;
+    var i = k(t), u = E.current, c = "deltaX" in t ? t.deltaX : u[0] - i[0], l = "deltaY" in t ? t.deltaY : u[1] - i[1], a, C = t.target, d = Math.abs(c) > Math.abs(l) ? "h" : "v";
+    if ("touches" in t && d === "h" && C.type === "range")
+      return !1;
+    var b = B(d, C);
+    if (!b)
+      return !0;
+    if (b ? a = d : (a = d === "v" ? "h" : "v", b = B(d, C)), !b)
+      return !1;
+    if (!h.current && "changedTouches" in t && (c || l) && (h.current = a), !a)
+      return !0;
+    var Y = h.current || a;
+    return W(Y, r, t, Y === "h" ? c : l, !0);
+  }, []), S = n.useCallback(function(t) {
+    var r = t;
+    if (!(!s.length || s[s.length - 1] !== m)) {
+      var i = "deltaY" in r ? X(r) : k(r), u = o.current.filter(function(a) {
+        return a.name === r.type && a.target === r.target && F(a.delta, i);
+      })[0];
+      if (u && u.should) {
+        r.cancelable && r.preventDefault();
+        return;
+      }
+      if (!u) {
+        var c = (g.current.shards || []).map(M).filter(Boolean).filter(function(a) {
+          return a.contains(r.target);
+        }), l = c.length > 0 ? y(r, c[0]) : !g.current.noIsolation;
+        l && r.cancelable && r.preventDefault();
+      }
+    }
+  }, []), R = n.useCallback(function(t, r, i, u) {
+    var c = { name: t, delta: r, target: i, should: u };
+    o.current.push(c), setTimeout(function() {
+      o.current = o.current.filter(function(l) {
+        return l !== c;
+      });
+    }, 1);
+  }, []), L = n.useCallback(function(t) {
+    E.current = k(t), h.current = void 0;
+  }, []), T = n.useCallback(function(t) {
+    R(t.type, X(t), t.target, y(t, e.lockRef.current));
+  }, []), w = n.useCallback(function(t) {
+    R(t.type, k(t), t.target, y(t, e.lockRef.current));
+  }, []);
+  n.useEffect(function() {
+    return s.push(m), e.setCallbacks({
+      onScrollCapture: T,
+      onWheelCapture: T,
+      onTouchMoveCapture: w
+    }), document.addEventListener("wheel", S, f), document.addEventListener("touchmove", S, f), document.addEventListener("touchstart", L, f), function() {
+      s = s.filter(function(t) {
+        return t !== m;
+      }), document.removeEventListener("wheel", S, f), document.removeEventListener("touchmove", S, f), document.removeEventListener("touchstart", L, f);
+    };
+  }, []);
+  var D = e.removeScrollBar, P = e.inert;
+  return n.createElement(
+    n.Fragment,
+    null,
+    P ? n.createElement(m, { styles: Q(v) }) : null,
+    D ? n.createElement(A, { gapMode: "margin" }) : null
+  );
+}
+export {
+  G as RemoveScrollSideCar,
+  X as getDeltaXY,
+  k as getTouchXY
+};

package/dist/index.es423.js

@@ -1,21 +1,4 @@
-import { __exports as e } from "./index.es435.js";
-Object.defineProperty(e, "__esModule", {
-  value: !0
-});
-e.default = void 0;
-var r = {
-  abstract: !0,
-  accessibleNameRequired: !1,
-  baseConcepts: [],
-  childrenPresentational: !1,
-  nameFrom: ["author", "contents"],
-  prohibitedProps: [],
-  props: {},
-  relatedConcepts: [],
-  requireContextRole: [],
-  requiredContextRole: [],
-  requiredOwnedElements: [],
-  requiredProps: {},
-  superClass: [["roletype", "structure"]]
-}, t = r;
-e.default = t;
+var e = { exports: {} };
+export {
+  e as __module
+};