@boxcustodia/library 0.5.6 → 0.6.1-canary.1

package/dist/index.es446.js

@@ -1,22 +1,109 @@
-import { getOwnerWindow as c } from "./index.es429.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";
-  }
+import { getOwnerWindow as i, getOwnerDocument as $ } from "./index.es425.js";
+import { isMac as T } from "./index.es428.js";
+import { isVirtualClick as h } from "./index.es441.js";
+import { useEffect as E, useState as k } from "react";
+import { useIsSSR as x } from "./index.es350.js";
+let a = null, u = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Map(), d = !1, b = !1;
+const H = {
+  Tab: !0,
+  Escape: !0
+};
+function p(t, n) {
+  for (let e of u) e(t, n);
+}
+function I(t) {
+  return !(t.metaKey || !T() && t.altKey || t.ctrlKey || t.key === "Control" || t.key === "Shift" || t.key === "Meta");
+}
+function c(t) {
+  d = !0, I(t) && (a = "keyboard", p("keyboard", t));
+}
+function o(t) {
+  a = "pointer", (t.type === "mousedown" || t.type === "pointerdown") && (d = !0, p("pointer", t));
+}
+function m(t) {
+  h(t) && (d = !0, a = "virtual");
+}
+function y(t) {
+  t.target === window || t.target === document || (!d && !b && (a = "virtual", p("virtual", t)), d = !1, b = !1);
+}
+function L() {
+  d = !1, b = !0;
+}
+function s(t) {
+  if (typeof window > "u" || f.get(i(t))) return;
+  const n = i(t), e = $(t);
+  let r = n.HTMLElement.prototype.focus;
+  n.HTMLElement.prototype.focus = function() {
+    d = !0, r.apply(this, arguments);
+  }, e.addEventListener("keydown", c, !0), e.addEventListener("keyup", c, !0), e.addEventListener("click", m, !0), n.addEventListener("focus", y, !0), n.addEventListener("blur", L, !1), typeof PointerEvent < "u" ? (e.addEventListener("pointerdown", o, !0), e.addEventListener("pointermove", o, !0), e.addEventListener("pointerup", o, !0)) : (e.addEventListener("mousedown", o, !0), e.addEventListener("mousemove", o, !0), e.addEventListener("mouseup", o, !0)), n.addEventListener("beforeunload", () => {
+    w(t);
+  }, {
+    once: !0
+  }), f.set(n, {
+    focus: r
+  });
+}
+const w = (t, n) => {
+  const e = i(t), r = $(t);
+  n && r.removeEventListener("DOMContentLoaded", n), f.has(e) && (e.HTMLElement.prototype.focus = f.get(e).focus, r.removeEventListener("keydown", c, !0), r.removeEventListener("keyup", c, !0), r.removeEventListener("click", m, !0), e.removeEventListener("focus", y, !0), e.removeEventListener("blur", L, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", o, !0), r.removeEventListener("pointermove", o, !0), r.removeEventListener("pointerup", o, !0)) : (r.removeEventListener("mousedown", o, !0), r.removeEventListener("mousemove", o, !0), r.removeEventListener("mouseup", o, !0)), f.delete(e));
+};
+function S(t) {
+  const n = $(t);
+  let e;
+  return n.readyState !== "loading" ? s(t) : (e = () => {
+    s(t);
+  }, n.addEventListener("DOMContentLoaded", e)), () => w(t, e);
+}
+typeof document < "u" && S();
+function K() {
+  return a !== "pointer";
+}
+function B() {
   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 D() {
+  s();
+  let [t, n] = k(a);
+  return E(() => {
+    let e = () => {
+      n(a);
+    };
+    return u.add(e), () => {
+      u.delete(e);
+    };
+  }, []), x() ? null : t;
+}
+const O = /* @__PURE__ */ new Set([
+  "checkbox",
+  "radio",
+  "range",
+  "color",
+  "file",
+  "image",
+  "button",
+  "submit",
+  "reset"
+]);
+function F(t, n, e) {
+  var r;
+  const l = typeof window < "u" ? i(e == null ? void 0 : e.target).HTMLInputElement : HTMLInputElement, v = typeof window < "u" ? i(e == null ? void 0 : e.target).HTMLTextAreaElement : HTMLTextAreaElement, g = typeof window < "u" ? i(e == null ? void 0 : e.target).HTMLElement : HTMLElement, M = typeof window < "u" ? i(e == null ? void 0 : e.target).KeyboardEvent : KeyboardEvent;
+  return t = t || (e == null ? void 0 : e.target) instanceof l && !O.has(e == null || (r = e.target) === null || r === void 0 ? void 0 : r.type) || (e == null ? void 0 : e.target) instanceof v || (e == null ? void 0 : e.target) instanceof g && (e == null ? void 0 : e.target.isContentEditable), !(t && n === "keyboard" && e instanceof M && !H[e.key]);
 }
-function u(i, t) {
-  return i.nodeName !== "#comment" && d(i) && f(i, t) && (!i.parentElement || u(i.parentElement, i));
+function P(t, n, e) {
+  s(), E(() => {
+    let r = (l, v) => {
+      F(!!(e != null && e.isTextInput), l, v) && t(K());
+    };
+    return u.add(r), () => {
+      u.delete(r);
+    };
+  }, n);
 }
 export {
-  u as isElementVisible
+  S as addWindowFocusTracking,
+  B as getInteractionModality,
+  f as hasSetupGlobalListeners,
+  K as isFocusVisible,
+  P as useFocusVisibleListener,
+  D as useInteractionModality
 };

package/dist/index.es447.js

@@ -1,6 +1,6 @@
-import { focusSafely as d } from "./index.es445.js";
-import { mergeProps as a } from "./index.es283.js";
-import { useSyncRef as b } from "./index.es436.js";
+import { focusSafely as d } from "./index.es444.js";
+import { mergeProps as a } from "./index.es279.js";
+import { useSyncRef as b } from "./index.es433.js";
 import n, { useRef as $, useEffect as l, useContext as i } from "react";
 import { useFocus as x } from "./index.es448.js";
 import { useKeyboard as m } from "./index.es449.js";

package/dist/index.es448.js

@@ -1,6 +1,6 @@
-import { useSyntheticBlurEvent as d } from "./index.es453.js";
+import { useSyntheticBlurEvent as d } from "./index.es452.js";
 import { useCallback as s } from "react";
-import { getOwnerDocument as l } from "./index.es429.js";
+import { getOwnerDocument as l } from "./index.es425.js";
 function $(a) {
   let { isDisabled: n, onFocus: r, onBlur: e, onFocusChange: t } = a;
   const c = s((o) => {

package/dist/index.es449.js

@@ -1,4 +1,4 @@
-import { createEventHandler as o } from "./index.es454.js";
+import { createEventHandler as o } from "./index.es453.js";
 function r(e) {
   return {
     keyboardProps: e.isDisabled ? {} : {

package/dist/index.es45.js

@@ -1,70 +1,70 @@
 import { j as e } from "./index.es101.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.es44.js";
-import M from "./index.es125.js";
-import { cn as s } from "./index.es90.js";
+import M from "./index.es121.js";
+import { cn as a } from "./index.es90.js";
 const B = ({
-  onFileAdd: u,
-  onFileRemove: a,
-  onChangeFiles: d = () => {
+  onFileAdd: d,
+  onFileRemove: i,
+  onChangeFiles: l = () => {
   },
-  files: l,
-  maxFiles: n = 1,
+  files: n,
+  maxFiles: m = 1,
   allowedExtensions: r = [],
-  maxFileSize: i = 5 * 1024 * 1024,
-  multiple: m,
-  renderAcceptedFile: c,
-  renderRejectedFile: p,
+  maxFileSize: t = 5 * 1024 * 1024,
+  multiple: c,
+  renderAcceptedFile: p,
+  renderRejectedFile: u,
   showRejected: h = !1,
   className: x,
   icon: j = M,
-  iconSize: t = 40,
+  iconSize: o = 40,
   ...f
 }) => {
   const g = b(() => r.map((v) => {
-    var o;
-    return (o = v.split("/")) == null ? void 0 : o[1];
+    var s;
+    return (s = v.split("/")) == null ? void 0 : s[1];
   }).join(", "), [r]);
   return /* @__PURE__ */ e.jsxs(
     N,
     {
-      onFileAdd: u,
-      onFileRemove: a,
-      files: l,
-      onChangeFiles: d,
-      maxFiles: n,
+      onFileAdd: d,
+      onFileRemove: i,
+      files: n,
+      onChangeFiles: l,
+      maxFiles: m,
       allowedExtensions: r,
-      maxFileSize: i,
-      multiple: m ? !0 : void 0,
-      className: s("ui-w-full", x),
+      maxFileSize: t,
+      multiple: c ? !0 : void 0,
+      className: a("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"
+            className: a(
+              "w-full min-h-[150px] border-2 border-dashed rounded-lg border-muted p-4",
+              "hover:bg-muted/50 data-[drag-active=true]:border-primary data-[drag-active=true]:bg-primary/10",
+              "transition-colors flex flex-col items-center justify-center gap-4",
+              "pointer-events-auto"
             ),
             children: [
               /* @__PURE__ */ e.jsx(
                 j,
                 {
-                  className: "ui-text-muted-foreground ui-pointer-events-none",
-                  style: { width: t, height: t }
+                  className: "text-muted-foreground pointer-events-none",
+                  style: { width: o, height: o }
                 }
               ),
-              /* @__PURE__ */ e.jsxs("div", { className: "ui-text-center ui-text-muted-foreground ui-pointer-events-none", children: [
+              /* @__PURE__ */ e.jsxs("div", { className: "text-center text-muted-foreground 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: [
+                r.length > 0 && /* @__PURE__ */ e.jsxs("p", { className: "text-sm", children: [
                   "Tipos permitidos: ",
                   g
                 ] }),
-                /* @__PURE__ */ e.jsxs("p", { className: "ui-text-sm", children: [
+                /* @__PURE__ */ e.jsxs("p", { className: "text-sm", children: [
                   "Tamaño máximo: ",
-                  Math.floor(i / 1024 / 1024),
+                  Math.floor(t / 1024 / 1024),
                   "MB"
                 ] })
               ] })
@@ -72,8 +72,8 @@ const B = ({
           }
         ) }),
         /* @__PURE__ */ e.jsxs(y, { children: [
-          /* @__PURE__ */ e.jsx(C, { renderFile: c }),
-          h && /* @__PURE__ */ e.jsx(F, { renderFile: p })
+          /* @__PURE__ */ e.jsx(C, { renderFile: p }),
+          h && /* @__PURE__ */ e.jsx(F, { renderFile: u })
         ] })
       ]
     }

package/dist/index.es450.js

@@ -1,109 +1,34 @@
-import { getOwnerDocument as $, getOwnerWindow as i } from "./index.es429.js";
-import { isMac as T } from "./index.es432.js";
-import { isVirtualClick as h } from "./index.es444.js";
-import { useEffect as E, useState as k } from "react";
-import { useIsSSR as x } from "./index.es368.js";
-let a = null, u = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Map(), d = !1, b = !1;
-const H = {
-  Tab: !0,
-  Escape: !0
-};
-function p(t, n) {
-  for (let e of u) e(t, n);
-}
-function I(t) {
-  return !(t.metaKey || !T() && t.altKey || t.ctrlKey || t.key === "Control" || t.key === "Shift" || t.key === "Meta");
-}
-function c(t) {
-  d = !0, I(t) && (a = "keyboard", p("keyboard", t));
-}
-function o(t) {
-  a = "pointer", (t.type === "mousedown" || t.type === "pointerdown") && (d = !0, p("pointer", t));
-}
-function m(t) {
-  h(t) && (d = !0, a = "virtual");
-}
-function y(t) {
-  t.target === window || t.target === document || (!d && !b && (a = "virtual", p("virtual", t)), d = !1, b = !1);
-}
-function L() {
-  d = !1, b = !0;
-}
-function s(t) {
-  if (typeof window > "u" || f.get(i(t))) return;
-  const n = i(t), e = $(t);
-  let r = n.HTMLElement.prototype.focus;
-  n.HTMLElement.prototype.focus = function() {
-    d = !0, r.apply(this, arguments);
-  }, e.addEventListener("keydown", c, !0), e.addEventListener("keyup", c, !0), e.addEventListener("click", m, !0), n.addEventListener("focus", y, !0), n.addEventListener("blur", L, !1), typeof PointerEvent < "u" ? (e.addEventListener("pointerdown", o, !0), e.addEventListener("pointermove", o, !0), e.addEventListener("pointerup", o, !0)) : (e.addEventListener("mousedown", o, !0), e.addEventListener("mousemove", o, !0), e.addEventListener("mouseup", o, !0)), n.addEventListener("beforeunload", () => {
-    w(t);
-  }, {
-    once: !0
-  }), f.set(n, {
-    focus: r
-  });
-}
-const w = (t, n) => {
-  const e = i(t), r = $(t);
-  n && r.removeEventListener("DOMContentLoaded", n), f.has(e) && (e.HTMLElement.prototype.focus = f.get(e).focus, r.removeEventListener("keydown", c, !0), r.removeEventListener("keyup", c, !0), r.removeEventListener("click", m, !0), e.removeEventListener("focus", y, !0), e.removeEventListener("blur", L, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", o, !0), r.removeEventListener("pointermove", o, !0), r.removeEventListener("pointerup", o, !0)) : (r.removeEventListener("mousedown", o, !0), r.removeEventListener("mousemove", o, !0), r.removeEventListener("mouseup", o, !0)), f.delete(e));
-};
-function S(t) {
-  const n = $(t);
-  let e;
-  return n.readyState !== "loading" ? s(t) : (e = () => {
-    s(t);
-  }, n.addEventListener("DOMContentLoaded", e)), () => w(t, e);
-}
-typeof document < "u" && S();
-function K() {
-  return a !== "pointer";
-}
-function B() {
-  return a;
-}
-function D() {
-  s();
-  let [t, n] = k(a);
-  return E(() => {
-    let e = () => {
-      n(a);
-    };
-    return u.add(e), () => {
-      u.delete(e);
-    };
-  }, []), x() ? null : t;
-}
-const O = /* @__PURE__ */ new Set([
-  "checkbox",
-  "radio",
-  "range",
-  "color",
-  "file",
-  "image",
-  "button",
-  "submit",
-  "reset"
-]);
-function F(t, n, e) {
-  var r;
-  const l = typeof window < "u" ? i(e == null ? void 0 : e.target).HTMLInputElement : HTMLInputElement, v = typeof window < "u" ? i(e == null ? void 0 : e.target).HTMLTextAreaElement : HTMLTextAreaElement, g = typeof window < "u" ? i(e == null ? void 0 : e.target).HTMLElement : HTMLElement, M = typeof window < "u" ? i(e == null ? void 0 : e.target).KeyboardEvent : KeyboardEvent;
-  return t = t || (e == null ? void 0 : e.target) instanceof l && !O.has(e == null || (r = e.target) === null || r === void 0 ? void 0 : r.type) || (e == null ? void 0 : e.target) instanceof v || (e == null ? void 0 : e.target) instanceof g && (e == null ? void 0 : e.target.isContentEditable), !(t && n === "keyboard" && e instanceof M && !H[e.key]);
-}
-function P(t, n, e) {
-  s(), E(() => {
-    let r = (l, v) => {
-      F(!!(e != null && e.isTextInput), l, v) && t(K());
-    };
-    return u.add(r), () => {
-      u.delete(r);
-    };
-  }, n);
+import { useSyntheticBlurEvent as f } from "./index.es452.js";
+import { useRef as h, useCallback as c } from "react";
+function d(r) {
+  let { isDisabled: a, onBlurWithin: e, onFocusWithin: o, onFocusWithinChange: t } = r, n = h({
+    isFocusWithin: !1
+  }), u = c((i) => {
+    n.current.isFocusWithin && !i.currentTarget.contains(i.relatedTarget) && (n.current.isFocusWithin = !1, e && e(i), t && t(!1));
+  }, [
+    e,
+    t,
+    n
+  ]), s = f(u), l = c((i) => {
+    !n.current.isFocusWithin && document.activeElement === i.target && (o && o(i), t && t(!0), n.current.isFocusWithin = !0, s(i));
+  }, [
+    o,
+    t,
+    s
+  ]);
+  return a ? {
+    focusWithinProps: {
+      // These should not have been null, that would conflict in mergeProps
+      onFocus: void 0,
+      onBlur: void 0
+    }
+  } : {
+    focusWithinProps: {
+      onFocus: l,
+      onBlur: u
+    }
+  };
 }
 export {
-  S as addWindowFocusTracking,
-  B as getInteractionModality,
-  f as hasSetupGlobalListeners,
-  K as isFocusVisible,
-  P as useFocusVisibleListener,
-  D as useInteractionModality
+  d as useFocusWithin
 };

package/dist/index.es451.js

@@ -1,34 +1,34 @@
-import { useSyntheticBlurEvent as f } from "./index.es453.js";
-import { useRef as h, useCallback as c } from "react";
-function d(r) {
-  let { isDisabled: a, onBlurWithin: e, onFocusWithin: o, onFocusWithinChange: t } = r, n = h({
-    isFocusWithin: !1
-  }), u = c((i) => {
-    n.current.isFocusWithin && !i.currentTarget.contains(i.relatedTarget) && (n.current.isFocusWithin = !1, e && e(i), t && t(!1));
-  }, [
-    e,
-    t,
-    n
-  ]), s = f(u), l = c((i) => {
-    !n.current.isFocusWithin && document.activeElement === i.target && (o && o(i), t && t(!0), n.current.isFocusWithin = !0, s(i));
-  }, [
-    o,
-    t,
-    s
-  ]);
-  return a ? {
-    focusWithinProps: {
-      // These should not have been null, that would conflict in mergeProps
-      onFocus: void 0,
-      onBlur: void 0
+import { getFocusableTreeWalker as s } from "./index.es291.js";
+import { useLayoutEffect as u } from "./index.es351.js";
+import { useState as c } from "react";
+function $(e, t) {
+  let a = t == null ? void 0 : t.isDisabled, [l, d] = c(!1);
+  return u(() => {
+    if (e != null && e.current && !a) {
+      let r = () => {
+        if (e.current) {
+          let i = s(e.current, {
+            tabbable: !0
+          });
+          d(!!i.nextNode());
+        }
+      };
+      r();
+      let b = new MutationObserver(r);
+      return b.observe(e.current, {
+        subtree: !0,
+        childList: !0,
+        attributes: !0,
+        attributeFilter: [
+          "tabIndex",
+          "disabled"
+        ]
+      }), () => {
+        b.disconnect();
+      };
     }
-  } : {
-    focusWithinProps: {
-      onFocus: l,
-      onBlur: u
-    }
-  };
+  }), a ? !1 : l;
 }
 export {
-  d as useFocusWithin
+  $ as useHasTabbableChild
 };

package/dist/index.es452.js

@@ -1,34 +1,71 @@
-import { getFocusableTreeWalker as s } from "./index.es295.js";
-import { useLayoutEffect as u } from "./index.es369.js";
-import { useState as c } from "react";
-function $(e, t) {
-  let a = t == null ? void 0 : t.isDisabled, [l, d] = c(!1);
-  return u(() => {
-    if (e != null && e.current && !a) {
-      let r = () => {
-        if (e.current) {
-          let i = s(e.current, {
-            tabbable: !0
-          });
-          d(!!i.nextNode());
-        }
+import { useRef as o, useCallback as i } from "react";
+import { useLayoutEffect as l } from "./index.es351.js";
+import { useEffectEvent as d } from "./index.es439.js";
+class f {
+  isDefaultPrevented() {
+    return this.nativeEvent.defaultPrevented;
+  }
+  preventDefault() {
+    this.defaultPrevented = !0, this.nativeEvent.preventDefault();
+  }
+  stopPropagation() {
+    this.nativeEvent.stopPropagation(), this.isPropagationStopped = () => !0;
+  }
+  isPropagationStopped() {
+    return !1;
+  }
+  persist() {
+  }
+  constructor(t, e) {
+    this.nativeEvent = e, this.target = e.target, this.currentTarget = e.currentTarget, this.relatedTarget = e.relatedTarget, this.bubbles = e.bubbles, this.cancelable = e.cancelable, this.defaultPrevented = e.defaultPrevented, this.eventPhase = e.eventPhase, this.isTrusted = e.isTrusted, this.timeStamp = e.timeStamp, this.type = t;
+  }
+}
+function h(n) {
+  let t = o({
+    isFocused: !1,
+    observer: null
+  });
+  l(() => {
+    const r = t.current;
+    return () => {
+      r.observer && (r.observer.disconnect(), r.observer = null);
+    };
+  }, []);
+  let e = d((r) => {
+    n == null || n(r);
+  });
+  return i((r) => {
+    if (r.target instanceof HTMLButtonElement || r.target instanceof HTMLInputElement || r.target instanceof HTMLTextAreaElement || r.target instanceof HTMLSelectElement) {
+      t.current.isFocused = !0;
+      let s = r.target, u = (a) => {
+        t.current.isFocused = !1, s.disabled && e(new f("blur", a)), t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
       };
-      r();
-      let b = new MutationObserver(r);
-      return b.observe(e.current, {
-        subtree: !0,
-        childList: !0,
+      s.addEventListener("focusout", u, {
+        once: !0
+      }), t.current.observer = new MutationObserver(() => {
+        if (t.current.isFocused && s.disabled) {
+          var a;
+          (a = t.current.observer) === null || a === void 0 || a.disconnect();
+          let c = s === document.activeElement ? null : document.activeElement;
+          s.dispatchEvent(new FocusEvent("blur", {
+            relatedTarget: c
+          })), s.dispatchEvent(new FocusEvent("focusout", {
+            bubbles: !0,
+            relatedTarget: c
+          }));
+        }
+      }), t.current.observer.observe(s, {
         attributes: !0,
         attributeFilter: [
-          "tabIndex",
           "disabled"
         ]
-      }), () => {
-        b.disconnect();
-      };
+      });
     }
-  }), a ? !1 : l;
+  }, [
+    e
+  ]);
 }
 export {
-  $ as useHasTabbableChild
+  f as SyntheticFocusEvent,
+  h as useSyntheticBlurEvent
 };