@boxcustodia/library 1.7.2 → 1.7.4

package/dist/index.es153.js

@@ -1,226 +1,71 @@
-import * as s from "react";
-import { composeEventHandlers as w } from "./index.es174.js";
-import { composeRefs as L } from "./index.es175.js";
-import { createContextScope as K } from "./index.es176.js";
-import { useControllableState as g } from "./index.es90.js";
-import { Primitive as U } from "./index.es181.js";
-import { createMenuScope as D, CheckboxItem as B, ItemIndicator as F, Portal as H, Content as W, Group as $, Item as X, Label as q, RadioGroup as z, RadioItem as J, Root as Q, Separator as V, Sub as Y, SubContent as Z, SubTrigger as oo, Anchor as eo, Arrow as ro } from "./index.es203.js";
-import { useId as M } from "./index.es177.js";
-import { j as t } from "./index.es104.js";
-var v = "DropdownMenu", [no, No] = K(
-  v,
-  [D]
-), u = D(), [ao, x] = no(v), _ = (o) => {
-  const {
-    __scopeDropdownMenu: n,
-    children: r,
-    dir: e,
-    open: a,
-    defaultOpen: d,
-    onOpenChange: c,
-    modal: p = !0
-  } = o, i = u(n), f = s.useRef(null), [l = !1, m] = g({
-    prop: a,
-    defaultProp: d,
-    onChange: c
-  });
-  return /* @__PURE__ */ t.jsx(
-    ao,
-    {
-      scope: n,
-      triggerId: M(),
-      triggerRef: f,
-      contentId: M(),
-      open: l,
-      onOpenChange: m,
-      onOpenToggle: s.useCallback(() => m((k) => !k), [m]),
-      modal: p,
-      children: /* @__PURE__ */ t.jsx(Q, { ...i, open: l, onOpenChange: m, dir: e, modal: p, children: r })
-    }
-  );
-};
-_.displayName = v;
-var h = "DropdownMenuTrigger", R = s.forwardRef(
-  (o, n) => {
-    const { __scopeDropdownMenu: r, disabled: e = !1, ...a } = o, d = x(h, r), c = u(r);
-    return /* @__PURE__ */ t.jsx(eo, { asChild: !0, ...c, children: /* @__PURE__ */ t.jsx(
-      U.button,
-      {
-        type: "button",
-        id: d.triggerId,
-        "aria-haspopup": "menu",
-        "aria-expanded": d.open,
-        "aria-controls": d.open ? d.contentId : void 0,
-        "data-state": d.open ? "open" : "closed",
-        "data-disabled": e ? "" : void 0,
-        disabled: e,
-        ...a,
-        ref: L(n, d.triggerRef),
-        onPointerDown: w(o.onPointerDown, (p) => {
-          !e && p.button === 0 && p.ctrlKey === !1 && (d.onOpenToggle(), d.open || p.preventDefault());
-        }),
-        onKeyDown: w(o.onKeyDown, (p) => {
-          e || (["Enter", " "].includes(p.key) && d.onOpenToggle(), p.key === "ArrowDown" && d.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(p.key) && p.preventDefault());
-        })
-      }
-    ) });
-  }
-);
-R.displayName = h;
-var to = "DropdownMenuPortal", I = (o) => {
-  const { __scopeDropdownMenu: n, ...r } = o, e = u(n);
-  return /* @__PURE__ */ t.jsx(H, { ...e, ...r });
+import * as a from "react";
+import { useComposedRefs as E } from "./index.es175.js";
+import { useLayoutEffect as A } from "./index.es195.js";
+function T(n, e) {
+  return a.useReducer((r, t) => e[r][t] ?? r, n);
+}
+var R = (n) => {
+  const { present: e, children: r } = n, t = v(e), i = typeof r == "function" ? r({ present: t.isPresent }) : a.Children.only(r), c = E(t.ref, P(i));
+  return typeof r == "function" || t.isPresent ? a.cloneElement(i, { ref: c }) : null;
 };
-I.displayName = to;
-var b = "DropdownMenuContent", S = s.forwardRef(
-  (o, n) => {
-    const { __scopeDropdownMenu: r, ...e } = o, a = x(b, r), d = u(r), c = s.useRef(!1);
-    return /* @__PURE__ */ t.jsx(
-      W,
-      {
-        id: a.contentId,
-        "aria-labelledby": a.triggerId,
-        ...d,
-        ...e,
-        ref: n,
-        onCloseAutoFocus: w(o.onCloseAutoFocus, (p) => {
-          var i;
-          c.current || (i = a.triggerRef.current) == null || i.focus(), c.current = !1, p.preventDefault();
-        }),
-        onInteractOutside: w(o.onInteractOutside, (p) => {
-          const i = p.detail.originalEvent, f = i.button === 0 && i.ctrlKey === !0, l = i.button === 2 || f;
-          (!a.modal || l) && (c.current = !0);
-        }),
-        style: {
-          ...o.style,
-          "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
-          "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
-          "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
-          "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
-          "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
-        }
-      }
-    );
-  }
-);
-S.displayName = b;
-var po = "DropdownMenuGroup", C = s.forwardRef(
-  (o, n) => {
-    const { __scopeDropdownMenu: r, ...e } = o, a = u(r);
-    return /* @__PURE__ */ t.jsx($, { ...a, ...e, ref: n });
-  }
-);
-C.displayName = po;
-var so = "DropdownMenuLabel", N = s.forwardRef(
-  (o, n) => {
-    const { __scopeDropdownMenu: r, ...e } = o, a = u(r);
-    return /* @__PURE__ */ t.jsx(q, { ...a, ...e, ref: n });
-  }
-);
-N.displayName = so;
-var uo = "DropdownMenuItem", A = s.forwardRef(
-  (o, n) => {
-    const { __scopeDropdownMenu: r, ...e } = o, a = u(r);
-    return /* @__PURE__ */ t.jsx(X, { ...a, ...e, ref: n });
-  }
-);
-A.displayName = uo;
-var io = "DropdownMenuCheckboxItem", E = s.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, a = u(r);
-  return /* @__PURE__ */ t.jsx(B, { ...a, ...e, ref: n });
-});
-E.displayName = io;
-var co = "DropdownMenuRadioGroup", P = s.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, a = u(r);
-  return /* @__PURE__ */ t.jsx(z, { ...a, ...e, ref: n });
-});
-P.displayName = co;
-var lo = "DropdownMenuRadioItem", O = s.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, a = u(r);
-  return /* @__PURE__ */ t.jsx(J, { ...a, ...e, ref: n });
-});
-O.displayName = lo;
-var mo = "DropdownMenuItemIndicator", y = s.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, a = u(r);
-  return /* @__PURE__ */ t.jsx(F, { ...a, ...e, ref: n });
-});
-y.displayName = mo;
-var wo = "DropdownMenuSeparator", T = s.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, a = u(r);
-  return /* @__PURE__ */ t.jsx(V, { ...a, ...e, ref: n });
-});
-T.displayName = wo;
-var fo = "DropdownMenuArrow", vo = s.forwardRef(
-  (o, n) => {
-    const { __scopeDropdownMenu: r, ...e } = o, a = u(r);
-    return /* @__PURE__ */ t.jsx(ro, { ...a, ...e, ref: n });
-  }
-);
-vo.displayName = fo;
-var Mo = (o) => {
-  const { __scopeDropdownMenu: n, children: r, open: e, onOpenChange: a, defaultOpen: d } = o, c = u(n), [p = !1, i] = g({
-    prop: e,
-    defaultProp: d,
-    onChange: a
+R.displayName = "Presence";
+function v(n) {
+  const [e, r] = a.useState(), t = a.useRef({}), i = a.useRef(n), c = a.useRef("none"), p = n ? "mounted" : "unmounted", [N, s] = T(p, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
   });
-  return /* @__PURE__ */ t.jsx(Y, { ...c, open: p, onOpenChange: i, children: r });
-}, go = "DropdownMenuSubTrigger", j = s.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, a = u(r);
-  return /* @__PURE__ */ t.jsx(oo, { ...a, ...e, ref: n });
-});
-j.displayName = go;
-var Do = "DropdownMenuSubContent", G = s.forwardRef((o, n) => {
-  const { __scopeDropdownMenu: r, ...e } = o, a = u(r);
-  return /* @__PURE__ */ t.jsx(
-    Z,
-    {
-      ...a,
-      ...e,
-      ref: n,
-      style: {
-        ...o.style,
-        "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
-        "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
-        "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
-        "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
-        "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
-      }
+  return a.useEffect(() => {
+    const o = l(t.current);
+    c.current = N === "mounted" ? o : "none";
+  }, [N]), A(() => {
+    const o = t.current, m = i.current;
+    if (m !== n) {
+      const f = c.current, u = l(o);
+      n ? s("MOUNT") : u === "none" || (o == null ? void 0 : o.display) === "none" ? s("UNMOUNT") : s(m && f !== u ? "ANIMATION_OUT" : "UNMOUNT"), i.current = n;
     }
-  );
-});
-G.displayName = Do;
-var Ao = _, Eo = R, Po = I, Oo = S, yo = C, To = N, jo = A, Go = E, ko = P, Lo = O, Ko = y, Uo = T, Bo = Mo, Fo = j, Ho = G;
+  }, [n, s]), A(() => {
+    if (e) {
+      let o;
+      const m = e.ownerDocument.defaultView ?? window, d = (u) => {
+        const g = l(t.current).includes(u.animationName);
+        if (u.target === e && g && (s("ANIMATION_END"), !i.current)) {
+          const O = e.style.animationFillMode;
+          e.style.animationFillMode = "forwards", o = m.setTimeout(() => {
+            e.style.animationFillMode === "forwards" && (e.style.animationFillMode = O);
+          });
+        }
+      }, f = (u) => {
+        u.target === e && (c.current = l(t.current));
+      };
+      return e.addEventListener("animationstart", f), e.addEventListener("animationcancel", d), e.addEventListener("animationend", d), () => {
+        m.clearTimeout(o), e.removeEventListener("animationstart", f), e.removeEventListener("animationcancel", d), e.removeEventListener("animationend", d);
+      };
+    } else
+      s("ANIMATION_END");
+  }, [e, s]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(N),
+    ref: a.useCallback((o) => {
+      o && (t.current = getComputedStyle(o)), r(o);
+    }, [])
+  };
+}
+function l(n) {
+  return (n == null ? void 0 : n.animationName) || "none";
+}
+function P(n) {
+  var t, i;
+  let e = (t = Object.getOwnPropertyDescriptor(n.props, "ref")) == null ? void 0 : t.get, r = e && "isReactWarning" in e && e.isReactWarning;
+  return r ? n.ref : (e = (i = Object.getOwnPropertyDescriptor(n, "ref")) == null ? void 0 : i.get, r = e && "isReactWarning" in e && e.isReactWarning, r ? n.props.ref : n.props.ref || n.ref);
+}
 export {
-  Go as CheckboxItem,
-  Oo as Content,
-  _ as DropdownMenu,
-  vo as DropdownMenuArrow,
-  E as DropdownMenuCheckboxItem,
-  S as DropdownMenuContent,
-  C as DropdownMenuGroup,
-  A as DropdownMenuItem,
-  y as DropdownMenuItemIndicator,
-  N as DropdownMenuLabel,
-  I as DropdownMenuPortal,
-  P as DropdownMenuRadioGroup,
-  O as DropdownMenuRadioItem,
-  T as DropdownMenuSeparator,
-  Mo as DropdownMenuSub,
-  G as DropdownMenuSubContent,
-  j as DropdownMenuSubTrigger,
-  R as DropdownMenuTrigger,
-  yo as Group,
-  jo as Item,
-  Ko as ItemIndicator,
-  To as Label,
-  Po as Portal,
-  ko as RadioGroup,
-  Lo as RadioItem,
-  Ao as Root,
-  Uo as Separator,
-  Bo as Sub,
-  Ho as SubContent,
-  Fo as SubTrigger,
-  Eo as Trigger,
-  No as createDropdownMenuScope
+  R as Presence
 };