@boxcustodia/library 0.5.4 → 0.5.6

package/dist/index.es268.js

@@ -1,52 +1,180 @@
-import * as i from "react";
-import { j as _ } from "./index.es100.js";
-function P(t, x = []) {
-  let o = [];
-  function f(u, e) {
-    const n = i.createContext(e), r = o.length;
-    o = [...o, e];
-    function m(a) {
-      const { scope: c, children: C, ...p } = a, d = (c == null ? void 0 : c[t][r]) || n, v = i.useMemo(() => p, Object.values(p));
-      return /* @__PURE__ */ _.jsx(d.Provider, { value: v, children: C });
+import * as s from "react";
+import { composeEventHandlers as p } from "./index.es178.js";
+import { createCollection as H } from "./index.es190.js";
+import { useComposedRefs as V } from "./index.es176.js";
+import { createContextScope as z } from "./index.es360.js";
+import { useId as q } from "./index.es167.js";
+import { Primitive as P } from "./index.es166.js";
+import { useCallbackRef as J } from "./index.es100.js";
+import { useControllableState as Q } from "./index.es89.js";
+import { useDirection as W } from "./index.es191.js";
+import { j as d } from "./index.es101.js";
+var _ = "rovingFocusGroup.onEntryFocus", X = { bubbles: !1, cancelable: !0 }, b = "RovingFocusGroup", [h, G, Z] = H(b), [$, Fe] = z(
+  b,
+  [Z]
+), [ee, oe] = $(b), N = s.forwardRef(
+  (e, r) => /* @__PURE__ */ d.jsx(h.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d.jsx(h.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d.jsx(te, { ...e, ref: r }) }) })
+);
+N.displayName = b;
+var te = s.forwardRef((e, r) => {
+  const {
+    __scopeRovingFocusGroup: c,
+    orientation: o,
+    loop: F = !1,
+    dir: g,
+    currentTabStopId: R,
+    defaultCurrentTabStopId: E,
+    onCurrentTabStopIdChange: m,
+    onEntryFocus: u,
+    preventScrollOnEntryFocus: w = !1,
+    ...C
+  } = e, v = s.useRef(null), I = V(r, v), t = W(g), [f = null, T] = Q({
+    prop: R,
+    defaultProp: E,
+    onChange: m
+  }), [a, i] = s.useState(!1), S = J(u), M = G(c), x = s.useRef(!1), [k, y] = s.useState(0);
+  return s.useEffect(() => {
+    const n = v.current;
+    if (n)
+      return n.addEventListener(_, S), () => n.removeEventListener(_, S);
+  }, [S]), /* @__PURE__ */ d.jsx(
+    ee,
+    {
+      scope: c,
+      orientation: o,
+      dir: t,
+      loop: F,
+      currentTabStopId: f,
+      onItemFocus: s.useCallback(
+        (n) => T(n),
+        [T]
+      ),
+      onItemShiftTab: s.useCallback(() => i(!0), []),
+      onFocusableItemAdd: s.useCallback(
+        () => y((n) => n + 1),
+        []
+      ),
+      onFocusableItemRemove: s.useCallback(
+        () => y((n) => n - 1),
+        []
+      ),
+      children: /* @__PURE__ */ d.jsx(
+        P.div,
+        {
+          tabIndex: a || k === 0 ? -1 : 0,
+          "data-orientation": o,
+          ...C,
+          ref: I,
+          style: { outline: "none", ...e.style },
+          onMouseDown: p(e.onMouseDown, () => {
+            x.current = !0;
+          }),
+          onFocus: p(e.onFocus, (n) => {
+            const L = !x.current;
+            if (n.target === n.currentTarget && L && !a) {
+              const D = new CustomEvent(_, X);
+              if (n.currentTarget.dispatchEvent(D), !D.defaultPrevented) {
+                const A = M().filter((l) => l.focusable), U = A.find((l) => l.active), B = A.find((l) => l.id === f), Y = [U, B, ...A].filter(
+                  Boolean
+                ).map((l) => l.ref.current);
+                j(Y, w);
+              }
+            }
+            x.current = !1;
+          }),
+          onBlur: p(e.onBlur, () => i(!1))
+        }
+      )
     }
-    function S(a, c) {
-      const C = (c == null ? void 0 : c[t][r]) || n, p = i.useContext(C);
-      if (p) return p;
-      if (e !== void 0) return e;
-      throw new Error(`\`${a}\` must be used within \`${u}\``);
-    }
-    return m.displayName = u + "Provider", [m, S];
+  );
+}), O = "RovingFocusGroupItem", K = s.forwardRef(
+  (e, r) => {
+    const {
+      __scopeRovingFocusGroup: c,
+      focusable: o = !0,
+      active: F = !1,
+      tabStopId: g,
+      ...R
+    } = e, E = q(), m = g || E, u = oe(O, c), w = u.currentTabStopId === m, C = G(c), { onFocusableItemAdd: v, onFocusableItemRemove: I } = u;
+    return s.useEffect(() => {
+      if (o)
+        return v(), () => I();
+    }, [o, v, I]), /* @__PURE__ */ d.jsx(
+      h.ItemSlot,
+      {
+        scope: c,
+        id: m,
+        focusable: o,
+        active: F,
+        children: /* @__PURE__ */ d.jsx(
+          P.span,
+          {
+            tabIndex: w ? 0 : -1,
+            "data-orientation": u.orientation,
+            ...R,
+            ref: r,
+            onMouseDown: p(e.onMouseDown, (t) => {
+              o ? u.onItemFocus(m) : t.preventDefault();
+            }),
+            onFocus: p(e.onFocus, () => u.onItemFocus(m)),
+            onKeyDown: p(e.onKeyDown, (t) => {
+              if (t.key === "Tab" && t.shiftKey) {
+                u.onItemShiftTab();
+                return;
+              }
+              if (t.target !== t.currentTarget) return;
+              const f = se(t, u.orientation, u.dir);
+              if (f !== void 0) {
+                if (t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) return;
+                t.preventDefault();
+                let a = C().filter((i) => i.focusable).map((i) => i.ref.current);
+                if (f === "last") a.reverse();
+                else if (f === "prev" || f === "next") {
+                  f === "prev" && a.reverse();
+                  const i = a.indexOf(t.currentTarget);
+                  a = u.loop ? ce(a, i + 1) : a.slice(i + 1);
+                }
+                setTimeout(() => j(a));
+              }
+            })
+          }
+        )
+      }
+    );
   }
-  const s = () => {
-    const u = o.map((e) => i.createContext(e));
-    return function(n) {
-      const r = (n == null ? void 0 : n[t]) || u;
-      return i.useMemo(
-        () => ({ [`__scope${t}`]: { ...n, [t]: r } }),
-        [n, r]
-      );
-    };
-  };
-  return s.scopeName = t, [f, h(s, ...x)];
+);
+K.displayName = O;
+var re = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function ne(e, r) {
+  return r !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function se(e, r, c) {
+  const o = ne(e.key, c);
+  if (!(r === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(r === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
+    return re[o];
+}
+function j(e, r = !1) {
+  const c = document.activeElement;
+  for (const o of e)
+    if (o === c || (o.focus({ preventScroll: r }), document.activeElement !== c)) return;
 }
-function h(...t) {
-  const x = t[0];
-  if (t.length === 1) return x;
-  const o = () => {
-    const f = t.map((s) => ({
-      useScope: s(),
-      scopeName: s.scopeName
-    }));
-    return function(u) {
-      const e = f.reduce((n, { useScope: r, scopeName: m }) => {
-        const a = r(u)[`__scope${m}`];
-        return { ...n, ...a };
-      }, {});
-      return i.useMemo(() => ({ [`__scope${x.scopeName}`]: e }), [e]);
-    };
-  };
-  return o.scopeName = x.scopeName, o;
+function ce(e, r) {
+  return e.map((c, o) => e[(r + o) % e.length]);
 }
+var ge = N, Re = K;
 export {
-  P as createContextScope
+  Re as Item,
+  ge as Root,
+  N as RovingFocusGroup,
+  K as RovingFocusGroupItem,
+  Fe as createRovingFocusGroupScope
 };

package/dist/index.es269.js

@@ -1,27 +1,207 @@
-import * as h from "react";
-import { useLayoutEffect as z } from "./index.es186.js";
-function c(r) {
-  const [d, e] = h.useState(void 0);
-  return z(() => {
-    if (r) {
-      e({ width: r.offsetWidth, height: r.offsetHeight });
-      const f = new ResizeObserver((i) => {
-        if (!Array.isArray(i) || !i.length)
-          return;
-        const b = i[0];
-        let o, t;
-        if ("borderBoxSize" in b) {
-          const s = b.borderBoxSize, u = Array.isArray(s) ? s[0] : s;
-          o = u.inlineSize, t = u.blockSize;
-        } else
-          o = r.offsetWidth, t = r.offsetHeight;
-        e({ width: o, height: t });
-      });
-      return f.observe(r, { box: "border-box" }), () => f.unobserve(r);
-    } else
-      e(void 0);
-  }, [r]), d;
+import { computePosition as I, offset as J, shift as K, flip as N, size as Q, hide as T, arrow as L, limitShift as X } from "./index.es273.js";
+import { autoUpdate as me, platform as pe } from "./index.es273.js";
+import * as f from "react";
+import { useLayoutEffect as Y, useEffect as Z } from "react";
+import * as b from "react-dom";
+var w = typeof document < "u" ? Y : Z;
+function R(e, t) {
+  if (e === t)
+    return !0;
+  if (typeof e != typeof t)
+    return !1;
+  if (typeof e == "function" && e.toString() === t.toString())
+    return !0;
+  let n, r, s;
+  if (e && t && typeof e == "object") {
+    if (Array.isArray(e)) {
+      if (n = e.length, n !== t.length) return !1;
+      for (r = n; r-- !== 0; )
+        if (!R(e[r], t[r]))
+          return !1;
+      return !0;
+    }
+    if (s = Object.keys(e), n = s.length, n !== Object.keys(t).length)
+      return !1;
+    for (r = n; r-- !== 0; )
+      if (!{}.hasOwnProperty.call(t, s[r]))
+        return !1;
+    for (r = n; r-- !== 0; ) {
+      const p = s[r];
+      if (!(p === "_owner" && e.$$typeof) && !R(e[p], t[p]))
+        return !1;
+    }
+    return !0;
+  }
+  return e !== e && t !== t;
 }
+function A(e) {
+  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function v(e, t) {
+  const n = A(e);
+  return Math.round(t * n) / n;
+}
+function E(e) {
+  const t = f.useRef(e);
+  return w(() => {
+    t.current = e;
+  }), t;
+}
+function re(e) {
+  e === void 0 && (e = {});
+  const {
+    placement: t = "bottom",
+    strategy: n = "absolute",
+    middleware: r = [],
+    platform: s,
+    elements: {
+      reference: p,
+      floating: q
+    } = {},
+    transform: k = !0,
+    whileElementsMounted: D,
+    open: x
+  } = e, [i, O] = f.useState({
+    x: 0,
+    y: 0,
+    strategy: n,
+    placement: t,
+    middlewareData: {},
+    isPositioned: !1
+  }), [M, B] = f.useState(r);
+  R(M, r) || B(r);
+  const [U, V] = f.useState(null), [W, G] = f.useState(null), _ = f.useCallback((o) => {
+    o !== a.current && (a.current = o, V(o));
+  }, []), C = f.useCallback((o) => {
+    o !== d.current && (d.current = o, G(o));
+  }, []), u = p || U, l = q || W, a = f.useRef(null), d = f.useRef(null), y = f.useRef(i), H = D != null, S = E(D), P = E(s), F = E(x), g = f.useCallback(() => {
+    if (!a.current || !d.current)
+      return;
+    const o = {
+      placement: t,
+      strategy: n,
+      middleware: M
+    };
+    P.current && (o.platform = P.current), I(a.current, d.current, o).then((h) => {
+      const m = {
+        ...h,
+        // The floating element's position may be recomputed while it's closed
+        // but still mounted (such as when transitioning out). To ensure
+        // `isPositioned` will be `false` initially on the next open, avoid
+        // setting it to `true` when `open === false` (must be specified).
+        isPositioned: F.current !== !1
+      };
+      $.current && !R(y.current, m) && (y.current = m, b.flushSync(() => {
+        O(m);
+      }));
+    });
+  }, [M, t, n, P, F]);
+  w(() => {
+    x === !1 && y.current.isPositioned && (y.current.isPositioned = !1, O((o) => ({
+      ...o,
+      isPositioned: !1
+    })));
+  }, [x]);
+  const $ = f.useRef(!1);
+  w(() => ($.current = !0, () => {
+    $.current = !1;
+  }), []), w(() => {
+    if (u && (a.current = u), l && (d.current = l), u && l) {
+      if (S.current)
+        return S.current(u, l, g);
+      g();
+    }
+  }, [u, l, g, S, H]);
+  const j = f.useMemo(() => ({
+    reference: a,
+    floating: d,
+    setReference: _,
+    setFloating: C
+  }), [_, C]), c = f.useMemo(() => ({
+    reference: u,
+    floating: l
+  }), [u, l]), z = f.useMemo(() => {
+    const o = {
+      position: n,
+      left: 0,
+      top: 0
+    };
+    if (!c.floating)
+      return o;
+    const h = v(c.floating, i.x), m = v(c.floating, i.y);
+    return k ? {
+      ...o,
+      transform: "translate(" + h + "px, " + m + "px)",
+      ...A(c.floating) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: n,
+      left: h,
+      top: m
+    };
+  }, [n, k, c.floating, i.x, i.y]);
+  return f.useMemo(() => ({
+    ...i,
+    update: g,
+    refs: j,
+    elements: c,
+    floatingStyles: z
+  }), [i, g, j, c, z]);
+}
+const ee = (e) => {
+  function t(n) {
+    return {}.hasOwnProperty.call(n, "current");
+  }
+  return {
+    name: "arrow",
+    options: e,
+    fn(n) {
+      const {
+        element: r,
+        padding: s
+      } = typeof e == "function" ? e(n) : e;
+      return r && t(r) ? r.current != null ? L({
+        element: r.current,
+        padding: s
+      }).fn(n) : {} : r ? L({
+        element: r,
+        padding: s
+      }).fn(n) : {};
+    }
+  };
+}, fe = (e, t) => ({
+  ...J(e),
+  options: [e, t]
+}), oe = (e, t) => ({
+  ...K(e),
+  options: [e, t]
+}), se = (e, t) => ({
+  ...X(e),
+  options: [e, t]
+}), ie = (e, t) => ({
+  ...N(e),
+  options: [e, t]
+}), ue = (e, t) => ({
+  ...Q(e),
+  options: [e, t]
+}), le = (e, t) => ({
+  ...T(e),
+  options: [e, t]
+}), ce = (e, t) => ({
+  ...ee(e),
+  options: [e, t]
+});
 export {
-  c as useSize
+  ce as arrow,
+  me as autoUpdate,
+  I as computePosition,
+  ie as flip,
+  le as hide,
+  se as limitShift,
+  fe as offset,
+  pe as platform,
+  oe as shift,
+  ue as size,
+  re as useFloating
 };

package/dist/index.es27.js

@@ -1,117 +1,61 @@
-import { j as o } from "./index.es100.js";
-import * as a from "react";
-import { Command as u } from "./index.es101.js";
-import { cn as r } from "./index.es89.js";
-import m from "./index.es102.js";
-import { DialogRoot as s, DialogContent as p } from "./index.es40.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(
-    u.Input,
-    {
-      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
-    }
-  )
-] }));
-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
-  }
+import { j as e } from "./index.es101.js";
+import { forwardRef as k } from "react";
+import { DialogRoot as y, DialogTrigger as A, DialogContent as E, DialogHeader as R, DialogTitle as b, DialogDescription as p, DialogFooter as T, DialogClose as t } from "./index.es41.js";
+import { Button as n } from "./index.es32.js";
+const v = k(
+  ({
+    title: a = "¿Estás seguro?",
+    description: d = "Esta acción no se puede deshacer",
+    trigger: r,
+    onClose: o,
+    onAction: s,
+    variant: h = "default",
+    triggerProps: x,
+    contentProps: c,
+    headerProps: j,
+    titleProps: g,
+    descriptionProps: D,
+    footerProps: m,
+    closeProps: i,
+    closeText: u = "Cancelar",
+    actionText: C = "Aceptar",
+    actionProps: l,
+    ...f
+  }) => /* @__PURE__ */ e.jsxs(y, { ...f, children: [
+    r && /* @__PURE__ */ e.jsx(A, { ...x, children: r }),
+    /* @__PURE__ */ e.jsxs(E, { ...c, children: [
+      /* @__PURE__ */ e.jsxs(R, { ...j, children: [
+        /* @__PURE__ */ e.jsx(b, { ...g, children: a }),
+        /* @__PURE__ */ e.jsx(p, { ...D, children: d })
+      ] }),
+      /* @__PURE__ */ e.jsxs(T, { ...m, children: [
+        /* @__PURE__ */ e.jsx(
+          t,
+          {
+            asChild: !0,
+            type: "button",
+            variant: "secondary",
+            ...i,
+            onClick: o ?? (i == null ? void 0 : i.onClick),
+            children: /* @__PURE__ */ e.jsx(n, { children: u })
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          t,
+          {
+            asChild: !0,
+            type: "button",
+            variant: h,
+            ...l,
+            onClick: s ?? (l == null ? void 0 : l.onClick),
+            children: /* @__PURE__ */ e.jsx(n, { children: C })
+          }
+        )
+      ] })
+    ] })
+  ] })
 );
-h.displayName = "CommandShortcut";
+v.displayName = "AlertDialog";
 export {
-  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
+  v as AlertDialog
 };