@boxcustodia/library 0.5.4 → 0.5.6

package/dist/index.es28.js

@@ -1,45 +1,117 @@
-import { j as o } from "./index.es100.js";
-import { AutoCompleteRoot as C, AutoCompleteInput as d, AutoCompleteList as N, AutoCompleteItem as i, AutoCompleteShortcut as f, AutoCompleteEmpty as v } from "./index.es27.js";
-const y = ({
-  items: e,
-  placeholder: l = "Buscar...",
-  emptyMessage: a = "No se encontraron resultados",
-  onSelect: t,
-  containerClassName: r,
-  containerProps: u,
-  inputClassName: m,
-  inputProps: p,
-  listClassName: c,
-  listProps: n,
-  itemClassName: x,
-  itemProps: h,
-  emptyClassName: j,
-  emptyProps: A
-}) => /* @__PURE__ */ o.jsxs(C, { className: r, ...u, children: [
+import { j as o } from "./index.es101.js";
+import * as a from "react";
+import { Command as u } from "./index.es102.js";
+import { cn as r } from "./index.es90.js";
+import m from "./index.es103.js";
+import { DialogRoot as s, DialogContent as p } from "./index.es41.js";
+const d = a.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ o.jsx(
+  u,
+  {
+    ref: t,
+    className: r(
+      "ui-flex ui-h-full ui-w-full ui-flex-col ui-overflow-hidden ui-rounded-md ui-bg-popover ui-text-popover-foreground",
+      e
+    ),
+    ...i
+  }
+));
+d.displayName = u.displayName;
+const j = ({
+  children: e,
+  ...i
+}) => /* @__PURE__ */ o.jsx(s, { ...i, children: /* @__PURE__ */ o.jsx(p, { className: "ui-overflow-hidden ui-p-0 ui-shadow-lg", children: /* @__PURE__ */ o.jsx(d, { className: "[&_[cmdk-group-heading]]:ui-px-2 [&_[cmdk-group-heading]]:ui-font-medium [&_[cmdk-group-heading]]:ui-text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:ui-pt-0 [&_[cmdk-group]]:ui-px-2 [&_[cmdk-input-wrapper]_svg]:ui-h-5 [&_[cmdk-input-wrapper]_svg]:ui-w-5 [&_[cmdk-input]]:ui-h-12 [&_[cmdk-item]]:ui-px-2 [&_[cmdk-item]]:ui-py-3 [&_[cmdk-item]_svg]:ui-h-5 [&_[cmdk-item]_svg]:ui-w-5", children: e }) }) }), l = a.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ o.jsxs("div", { className: "ui-flex ui-items-center ui-border-b ui-px-3", children: [
+  /* @__PURE__ */ o.jsx(m, { className: "ui-mr-2 ui-h-4 ui-w-4 ui-shrink-0 ui-opacity-50" }),
   /* @__PURE__ */ o.jsx(
-    d,
+    u.Input,
     {
-      placeholder: l,
-      className: m,
-      ...p
+      ref: t,
+      className: r(
+        "ui-flex ui-h-11 ui-w-full ui-rounded-md ui-bg-transparent ui-py-3 ui-text-sm ui-outline-none placeholder:ui-text-muted-foreground disabled:ui-cursor-not-allowed disabled:ui-opacity-50",
+        e
+      ),
+      ...i
     }
-  ),
-  /* @__PURE__ */ o.jsx(N, { className: c, ...n, children: e.map((s) => /* @__PURE__ */ o.jsxs(
-    i,
-    {
-      className: x,
-      onSelect: () => t == null ? void 0 : t(s.value, s),
-      ...h,
-      children: [
-        s.label,
-        s.shortcut && /* @__PURE__ */ o.jsx(f, { children: s.shortcut })
-      ]
-    },
-    s.value
-  )) }),
-  /* @__PURE__ */ o.jsx(v, { className: j, ...A, children: a })
-] });
-y.displayName = "AutoComplete";
+  )
+] }));
+l.displayName = u.Input.displayName;
+const n = a.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ o.jsx(
+  u.List,
+  {
+    ref: t,
+    className: r(
+      "ui-max-h-[300px] ui-overflow-y-auto ui-overflow-x-hidden",
+      e
+    ),
+    ...i
+  }
+));
+n.displayName = u.List.displayName;
+const c = a.forwardRef((e, i) => /* @__PURE__ */ o.jsx(
+  u.Empty,
+  {
+    ref: i,
+    className: "ui-py-6 ui-text-center ui-text-sm",
+    ...e
+  }
+));
+c.displayName = u.Empty.displayName;
+const x = a.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ o.jsx(
+  u.Group,
+  {
+    ref: t,
+    className: r(
+      "ui-overflow-hidden ui-p-1 ui-text-foreground [&_[cmdk-group-heading]]:ui-px-2 [&_[cmdk-group-heading]]:ui-py-1.5 [&_[cmdk-group-heading]]:ui-text-xs [&_[cmdk-group-heading]]:ui-font-medium [&_[cmdk-group-heading]]:ui-text-muted-foreground",
+      e
+    ),
+    ...i
+  }
+));
+x.displayName = u.Group.displayName;
+const f = a.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ o.jsx(
+  u.Separator,
+  {
+    ref: t,
+    className: r("-ui-mx-1 ui-h-px ui-bg-border", e),
+    ...i
+  }
+));
+f.displayName = u.Separator.displayName;
+const g = a.forwardRef(({ className: e, ...i }, t) => /* @__PURE__ */ o.jsx(
+  u.Item,
+  {
+    ref: t,
+    className: r(
+      "aria-selected:ui-bg-accent aria-selected:ui-text-accent-foreground",
+      "aria-disabled:ui-pointer-events-none aria-disabled:ui-opacity-50",
+      "ui-relative ui-flex ui-gap-2 ui-cursor-default ui-select-none ui-items-center ui-rounded-sm ui-px-2 ui-py-1.5 ui-text-sm ui-outline-none",
+      e
+    ),
+    ...i
+  }
+));
+g.displayName = u.Item.displayName;
+const h = ({
+  className: e,
+  ...i
+}) => /* @__PURE__ */ o.jsx(
+  "span",
+  {
+    className: r(
+      "ui-ml-auto ui-text-xs ui-tracking-widest ui-text-muted-foreground",
+      e
+    ),
+    ...i
+  }
+);
+h.displayName = "CommandShortcut";
 export {
-  y as AutoComplete
+  j as AutoCompleteDialog,
+  c as AutoCompleteEmpty,
+  x as AutoCompleteGroup,
+  l as AutoCompleteInput,
+  g as AutoCompleteItem,
+  n as AutoCompleteList,
+  d as AutoCompleteRoot,
+  f as AutoCompleteSeparator,
+  h as AutoCompleteShortcut
 };

package/dist/index.es280.js

@@ -1,65 +1,47 @@
-import { mergeProps as i } from "./index.es278.js";
-import { filterDOMProps as D } from "./index.es279.js";
-import { useFocusable as F } from "./index.es444.js";
-import { usePress as O } from "./index.es452.js";
-function I(s, t) {
-  let {
-    elementType: r = "button",
-    isDisabled: e,
-    onPress: l,
-    onPressStart: p,
-    onPressEnd: u,
-    onPressUp: c,
-    onPressChange: P,
-    preventFocusOnPress: b,
-    allowFocusWhenDisabled: f,
-    // @ts-ignore
-    onClick: o,
-    href: $,
-    target: m,
-    rel: x,
-    type: d = "button"
-  } = s, n;
-  r === "button" ? n = {
-    type: d,
-    disabled: e
-  } : n = {
-    role: "button",
-    tabIndex: e ? void 0 : 0,
-    href: r === "a" && !e ? $ : void 0,
-    target: r === "a" ? m : void 0,
-    type: r === "input" ? d : void 0,
-    disabled: r === "input" ? e : void 0,
-    "aria-disabled": !e || r === "input" ? void 0 : e,
-    rel: r === "a" ? x : void 0
-  };
-  let { pressProps: h, isPressed: g } = O({
-    onPressStart: p,
-    onPressEnd: u,
-    onPressChange: P,
-    onPress: l,
-    onPressUp: c,
-    isDisabled: e,
-    preventFocusOnPress: b,
-    ref: t
-  }), { focusableProps: a } = F(s, t);
-  f && (a.tabIndex = e ? -1 : a.tabIndex);
-  let C = i(a, h, D(s, {
-    labelable: !0
-  }));
-  return {
-    isPressed: g,
-    buttonProps: i(n, C, {
-      "aria-haspopup": s["aria-haspopup"],
-      "aria-expanded": s["aria-expanded"],
-      "aria-controls": s["aria-controls"],
-      "aria-pressed": s["aria-pressed"],
-      onClick: (y) => {
-        o && (o(y), console.warn("onClick is deprecated, please use onPress"));
-      }
-    })
-  };
+let i = null;
+function s(n, e = "assertive", t = 7e3) {
+  i ? i.announce(n, e, t) : (i = new a(), (typeof IS_REACT_ACT_ENVIRONMENT == "boolean" ? IS_REACT_ACT_ENVIRONMENT : typeof jest < "u") ? i.announce(n, e, t) : setTimeout(() => {
+    i != null && i.isAttached() && (i == null || i.announce(n, e, t));
+  }, 100));
+}
+class a {
+  isAttached() {
+    var e;
+    return (e = this.node) === null || e === void 0 ? void 0 : e.isConnected;
+  }
+  createLog(e) {
+    let t = document.createElement("div");
+    return t.setAttribute("role", "log"), t.setAttribute("aria-live", e), t.setAttribute("aria-relevant", "additions"), t;
+  }
+  destroy() {
+    this.node && (document.body.removeChild(this.node), this.node = null);
+  }
+  announce(e, t = "assertive", r = 7e3) {
+    var d, l;
+    if (!this.node) return;
+    let o = document.createElement("div");
+    typeof e == "object" ? (o.setAttribute("role", "img"), o.setAttribute("aria-labelledby", e["aria-labelledby"])) : o.textContent = e, t === "assertive" ? (d = this.assertiveLog) === null || d === void 0 || d.appendChild(o) : (l = this.politeLog) === null || l === void 0 || l.appendChild(o), e !== "" && setTimeout(() => {
+      o.remove();
+    }, r);
+  }
+  clear(e) {
+    this.node && ((!e || e === "assertive") && this.assertiveLog && (this.assertiveLog.innerHTML = ""), (!e || e === "polite") && this.politeLog && (this.politeLog.innerHTML = ""));
+  }
+  constructor() {
+    this.node = null, this.assertiveLog = null, this.politeLog = null, typeof document < "u" && (this.node = document.createElement("div"), this.node.dataset.liveAnnouncer = "true", Object.assign(this.node.style, {
+      border: 0,
+      clip: "rect(0 0 0 0)",
+      clipPath: "inset(50%)",
+      height: "1px",
+      margin: "-1px",
+      overflow: "hidden",
+      padding: 0,
+      position: "absolute",
+      width: "1px",
+      whiteSpace: "nowrap"
+    }), this.assertiveLog = this.createLog("assertive"), this.node.appendChild(this.assertiveLog), this.politeLog = this.createLog("polite"), this.node.appendChild(this.politeLog), document.body.prepend(this.node));
+  }
 }
 export {
-  I as useButton
+  s as announce
 };

package/dist/index.es281.js

@@ -1,34 +1,34 @@
-import { useFocus as $ } from "./index.es445.js";
-import { isFocusVisible as h, useFocusVisibleListener as x } from "./index.es447.js";
-import { useFocusWithin as V } from "./index.es448.js";
-import { useRef as m, useState as u, useCallback as c } from "react";
-function I(r = {}) {
-  let { autoFocus: a = !1, isTextInput: f, within: i } = r, s = m({
-    isFocused: !1,
-    isFocusVisible: a || h()
-  }), [n, b] = u(!1), [l, d] = u(() => s.current.isFocused && s.current.isFocusVisible), o = c(() => d(s.current.isFocused && s.current.isFocusVisible), []), t = c((e) => {
-    s.current.isFocused = e, b(e), o();
-  }, [
-    o
-  ]);
-  x((e) => {
-    s.current.isFocusVisible = e, o();
-  }, [], {
-    isTextInput: f
+import { createPortal as l } from "react-dom";
+import a, { forwardRef as o, useContext as d, createContext as c } from "react";
+import { useIsSSR as f } from "./index.es368.js";
+if (typeof HTMLTemplateElement < "u") {
+  const e = Object.getOwnPropertyDescriptor(Node.prototype, "firstChild").get;
+  Object.defineProperty(HTMLTemplateElement.prototype, "firstChild", {
+    configurable: !0,
+    enumerable: !0,
+    get: function() {
+      return this.dataset.reactAriaHidden ? this.content.firstChild : e.call(this);
+    }
   });
-  let { focusProps: F } = $({
-    isDisabled: i,
-    onFocusChange: t
-  }), { focusWithinProps: p } = V({
-    isDisabled: !i,
-    onFocusWithinChange: t
-  });
-  return {
-    isFocused: n,
-    isFocusVisible: l,
-    focusProps: i ? p : F
-  };
+}
+const i = /* @__PURE__ */ c(!1), u = typeof DocumentFragment < "u" ? new DocumentFragment() : null;
+function $(e) {
+  let t = d(i), n = f();
+  if (t)
+    return /* @__PURE__ */ a.createElement(a.Fragment, null, e.children);
+  let r = /* @__PURE__ */ a.createElement(i.Provider, {
+    value: !0
+  }, e.children);
+  return n ? /* @__PURE__ */ a.createElement("template", {
+    "data-react-aria-hidden": !0
+  }, r) : /* @__PURE__ */ l(r, u);
+}
+function h(e) {
+  let t = (n, r) => d(i) ? null : e(n, r);
+  return t.displayName = e.displayName || e.name, o(t);
 }
 export {
-  I as useFocusRing
+  $ as Hidden,
+  i as HiddenContext,
+  h as createHideableComponent
 };

package/dist/index.es282.js

@@ -1,79 +1,54 @@
-import { useState as T, useRef as y, useEffect as c, useMemo as b } from "react";
-let s = !1, f = 0;
-function g() {
-  s = !0, setTimeout(() => {
-    s = !1;
-  }, 50);
-}
-function m(a) {
-  a.pointerType === "touch" && g();
-}
-function P() {
-  if (!(typeof document > "u"))
-    return typeof PointerEvent < "u" ? document.addEventListener("pointerup", m) : document.addEventListener("touchend", g), f++, () => {
-      f--, !(f > 0) && (typeof PointerEvent < "u" ? document.removeEventListener("pointerup", m) : document.removeEventListener("touchend", g));
+import { useLayoutEffect as a } from "./index.es369.js";
+import { useValueEffect as o } from "./index.es427.js";
+import { useState as s, useRef as $, useCallback as l, useEffect as b } from "react";
+import { useSSRSafeId as p } from "./index.es368.js";
+let i = !!(typeof window < "u" && window.document && window.document.createElement), d = /* @__PURE__ */ new Map();
+function m(r) {
+  let [t, n] = s(r), f = $(null), e = p(t), c = l((u) => {
+    f.current = u;
+  }, []);
+  return i && (d.has(e) && !d.get(e).includes(c) ? d.set(e, [
+    ...d.get(e),
+    c
+  ]) : d.set(e, [
+    c
+  ])), a(() => {
+    let u = e;
+    return () => {
+      d.delete(u);
     };
+  }, [
+    e
+  ]), b(() => {
+    let u = f.current;
+    u && (f.current = null, n(u));
+  }), e;
 }
-function L(a) {
-  let { onHoverStart: d, onHoverChange: i, onHoverEnd: v, isDisabled: r } = a, [H, p] = T(!1), t = y({
-    isHovered: !1,
-    ignoreEmulatedMouseEvents: !1,
-    pointerType: "",
-    target: null
-  }).current;
-  c(P, []);
-  let { hoverProps: h, triggerHoverEnd: $ } = b(() => {
-    let E = (e, n) => {
-      if (t.pointerType = n, r || n === "touch" || t.isHovered || !e.currentTarget.contains(e.target)) return;
-      t.isHovered = !0;
-      let u = e.currentTarget;
-      t.target = u, d && d({
-        type: "hoverstart",
-        target: u,
-        pointerType: n
-      }), i && i(!0), p(!0);
-    }, l = (e, n) => {
-      if (t.pointerType = "", t.target = null, n === "touch" || !t.isHovered) return;
-      t.isHovered = !1;
-      let u = e.currentTarget;
-      v && v({
-        type: "hoverend",
-        target: u,
-        pointerType: n
-      }), i && i(!1), p(!1);
-    }, o = {};
-    return typeof PointerEvent < "u" ? (o.onPointerEnter = (e) => {
-      s && e.pointerType === "mouse" || E(e, e.pointerType);
-    }, o.onPointerLeave = (e) => {
-      !r && e.currentTarget.contains(e.target) && l(e, e.pointerType);
-    }) : (o.onTouchStart = () => {
-      t.ignoreEmulatedMouseEvents = !0;
-    }, o.onMouseEnter = (e) => {
-      !t.ignoreEmulatedMouseEvents && !s && E(e, "mouse"), t.ignoreEmulatedMouseEvents = !1;
-    }, o.onMouseLeave = (e) => {
-      !r && e.currentTarget.contains(e.target) && l(e, "mouse");
-    }), {
-      hoverProps: o,
-      triggerHoverEnd: l
-    };
+function g(r, t) {
+  if (r === t) return r;
+  let n = d.get(r);
+  if (n)
+    return n.forEach((e) => e(t)), t;
+  let f = d.get(t);
+  return f ? (f.forEach((e) => e(r)), r) : t;
+}
+function v(r = []) {
+  let t = m(), [n, f] = o(t), e = l(() => {
+    f(function* () {
+      yield t, yield document.getElementById(t) ? t : void 0;
+    });
   }, [
-    d,
-    i,
-    v,
-    r,
-    t
+    t,
+    f
   ]);
-  return c(() => {
-    r && $({
-      currentTarget: t.target
-    }, t.pointerType);
-  }, [
-    r
-  ]), {
-    hoverProps: h,
-    isHovered: H
-  };
+  return a(e, [
+    t,
+    e,
+    ...r
+  ]), n;
 }
 export {
-  L as useHover
+  g as mergeIds,
+  m as useId,
+  v as useSlotId
 };

package/dist/index.es283.js

@@ -1,9 +1,22 @@
-function f(...e) {
-  return e.length === 1 && e[0] ? e[0] : (n) => {
-    for (let t of e)
-      typeof t == "function" ? t(n) : t != null && (t.current = n);
+import { chain as n } from "./index.es428.js";
+import { mergeIds as s } from "./index.es282.js";
+import { clsx as l } from "./index.es98.js";
+function a(...r) {
+  let o = {
+    ...r[0]
   };
+  for (let c = 1; c < r.length; c++) {
+    let i = r[c];
+    for (let e in i) {
+      let f = o[e], t = i[e];
+      typeof f == "function" && typeof t == "function" && // This is a lot faster than a regex.
+      e[0] === "o" && e[1] === "n" && e.charCodeAt(2) >= /* 'A' */
+      65 && e.charCodeAt(2) <= /* 'Z' */
+      90 ? o[e] = n(f, t) : (e === "className" || e === "UNSAFE_className") && typeof f == "string" && typeof t == "string" ? o[e] = l(f, t) : e === "id" && f && t ? o.id = s(f, t) : o[e] = t !== void 0 ? t : f;
+    }
+  }
+  return o;
 }
 export {
-  f as mergeRefs
+  a as mergeProps
 };

package/dist/index.es284.js

@@ -1,17 +1,24 @@
-import { useRef as u, useMemo as r } from "react";
-function s(t) {
-  const n = u(null);
-  return r(() => ({
-    get current() {
-      return n.current;
-    },
-    set current(e) {
-      n.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
-    }
-  }), [
-    t
-  ]);
+const b = /* @__PURE__ */ new Set([
+  "id"
+]), i = /* @__PURE__ */ new Set([
+  "aria-label",
+  "aria-labelledby",
+  "aria-describedby",
+  "aria-details"
+]), s = /* @__PURE__ */ new Set([
+  "href",
+  "hrefLang",
+  "target",
+  "rel",
+  "download",
+  "ping",
+  "referrerPolicy"
+]), n = /^(data-.*)$/;
+function c(a, t = {}) {
+  let { labelable: d, isLink: o, propNames: r } = t, l = {};
+  for (const e in a) Object.prototype.hasOwnProperty.call(a, e) && (b.has(e) || d && i.has(e) || o && s.has(e) || r != null && r.has(e) || n.test(e)) && (l[e] = a[e]);
+  return l;
 }
 export {
-  s as useObjectRef
+  c as filterDOMProps
 };

package/dist/index.es285.js

@@ -1,46 +1,65 @@
-import { useCachedChildren as u } from "./index.es286.js";
-import c, { createContext as a, useMemo as s } from "react";
-const $ = {
-  CollectionRoot({ collection: e, renderDropIndicator: t }) {
-    return d(e, null, t);
-  },
-  CollectionBranch({ collection: e, parent: t, renderDropIndicator: r }) {
-    return d(e, t, r);
-  }
-};
-function d(e, t, r) {
-  return u({
-    items: t ? e.getChildren(t.key) : e,
-    dependencies: [
-      r
-    ],
-    children(n) {
-      var l;
-      let f = n.render(n);
-      if (!r || n.type !== "item") return f;
-      let o = n.key, i = e.getKeyAfter(o);
-      return /* @__PURE__ */ c.createElement(c.Fragment, null, r({
-        type: "item",
-        key: o,
-        dropPosition: "before"
-      }), f, (i == null || ((l = e.getItem(i)) === null || l === void 0 ? void 0 : l.type) !== "item") && r({
-        type: "item",
-        key: o,
-        dropPosition: "after"
-      }));
-    }
-  });
-}
-const y = /* @__PURE__ */ a($);
-function C(e) {
-  return s(() => e != null ? /* @__PURE__ */ new Set([
-    e
-  ]) : null, [
-    e
-  ]);
+import { mergeProps as i } from "./index.es283.js";
+import { filterDOMProps as D } from "./index.es284.js";
+import { useFocusable as F } from "./index.es447.js";
+import { usePress as O } from "./index.es455.js";
+function I(s, t) {
+  let {
+    elementType: r = "button",
+    isDisabled: e,
+    onPress: l,
+    onPressStart: p,
+    onPressEnd: u,
+    onPressUp: c,
+    onPressChange: P,
+    preventFocusOnPress: b,
+    allowFocusWhenDisabled: f,
+    // @ts-ignore
+    onClick: o,
+    href: $,
+    target: m,
+    rel: x,
+    type: d = "button"
+  } = s, n;
+  r === "button" ? n = {
+    type: d,
+    disabled: e
+  } : n = {
+    role: "button",
+    tabIndex: e ? void 0 : 0,
+    href: r === "a" && !e ? $ : void 0,
+    target: r === "a" ? m : void 0,
+    type: r === "input" ? d : void 0,
+    disabled: r === "input" ? e : void 0,
+    "aria-disabled": !e || r === "input" ? void 0 : e,
+    rel: r === "a" ? x : void 0
+  };
+  let { pressProps: h, isPressed: g } = O({
+    onPressStart: p,
+    onPressEnd: u,
+    onPressChange: P,
+    onPress: l,
+    onPressUp: c,
+    isDisabled: e,
+    preventFocusOnPress: b,
+    ref: t
+  }), { focusableProps: a } = F(s, t);
+  f && (a.tabIndex = e ? -1 : a.tabIndex);
+  let C = i(a, h, D(s, {
+    labelable: !0
+  }));
+  return {
+    isPressed: g,
+    buttonProps: i(n, C, {
+      "aria-haspopup": s["aria-haspopup"],
+      "aria-expanded": s["aria-expanded"],
+      "aria-controls": s["aria-controls"],
+      "aria-pressed": s["aria-pressed"],
+      onClick: (y) => {
+        o && (o(y), console.warn("onClick is deprecated, please use onPress"));
+      }
+    })
+  };
 }
 export {
-  y as CollectionRendererContext,
-  $ as DefaultCollectionRenderer,
-  C as usePersistedKeys
+  I as useButton
 };