@konstructio/ui 0.1.0-alpha.9 → 0.1.1-alpha.1

package/dist/index-BXuxPoz7.js

@@ -0,0 +1,435 @@
+import * as i from "react";
+import { a as Ee, c as he, b as _, d as ye } from "./index-BfXxHr_2.js";
+import { u as S, c as De } from "./index-DQH6odE9.js";
+import { u as w } from "./index-bwWKd82e.js";
+import { P as be, D as Ce } from "./index-CrBonFvu.js";
+import { P as N } from "./index-C9T9HQaa.js";
+import { u as j } from "./index-0ioNhtNM.js";
+import { jsx as l, jsxs as q, Fragment as B } from "react/jsx-runtime";
+import { P as U } from "./index-C1g_chDT.js";
+import { R as Ae } from "./Combination-VYaRRJBZ.js";
+var x = "focusScope.autoFocusOnMount", L = "focusScope.autoFocusOnUnmount", V = { bubbles: !1, cancelable: !0 }, Re = "FocusScope", Q = i.forwardRef((e, o) => {
+  const {
+    loop: t = !1,
+    trapped: n = !1,
+    onMountAutoFocus: r,
+    onUnmountAutoFocus: a,
+    ...d
+  } = e, [s, y] = i.useState(null), g = j(r), E = j(a), c = i.useRef(null), f = S(o, (u) => y(u)), p = i.useRef({
+    paused: !1,
+    pause() {
+      this.paused = !0;
+    },
+    resume() {
+      this.paused = !1;
+    }
+  }).current;
+  i.useEffect(() => {
+    if (n) {
+      let u = function(D) {
+        if (p.paused || !s) return;
+        const h = D.target;
+        s.contains(h) ? c.current = h : C(c.current, { select: !0 });
+      }, b = function(D) {
+        if (p.paused || !s) return;
+        const h = D.relatedTarget;
+        h !== null && (s.contains(h) || C(c.current, { select: !0 }));
+      }, v = function(D) {
+        if (document.activeElement === document.body)
+          for (const $ of D)
+            $.removedNodes.length > 0 && C(s);
+      };
+      document.addEventListener("focusin", u), document.addEventListener("focusout", b);
+      const O = new MutationObserver(v);
+      return s && O.observe(s, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", u), document.removeEventListener("focusout", b), O.disconnect();
+      };
+    }
+  }, [n, s, p.paused]), i.useEffect(() => {
+    if (s) {
+      Z.add(p);
+      const u = document.activeElement;
+      if (!s.contains(u)) {
+        const v = new CustomEvent(x, V);
+        s.addEventListener(x, g), s.dispatchEvent(v), v.defaultPrevented || (Ne(Fe(X(s)), { select: !0 }), document.activeElement === u && C(s));
+      }
+      return () => {
+        s.removeEventListener(x, g), setTimeout(() => {
+          const v = new CustomEvent(L, V);
+          s.addEventListener(L, E), s.dispatchEvent(v), v.defaultPrevented || C(u ?? document.body, { select: !0 }), s.removeEventListener(L, E), Z.remove(p);
+        }, 0);
+      };
+    }
+  }, [s, g, E, p]);
+  const P = i.useCallback(
+    (u) => {
+      if (!t && !n || p.paused) return;
+      const b = u.key === "Tab" && !u.altKey && !u.ctrlKey && !u.metaKey, v = document.activeElement;
+      if (b && v) {
+        const O = u.currentTarget, [D, h] = Oe(O);
+        D && h ? !u.shiftKey && v === h ? (u.preventDefault(), t && C(D, { select: !0 })) : u.shiftKey && v === D && (u.preventDefault(), t && C(h, { select: !0 })) : v === O && u.preventDefault();
+      }
+    },
+    [t, n, p.paused]
+  );
+  return /* @__PURE__ */ l(N.div, { tabIndex: -1, ...d, ref: f, onKeyDown: P });
+});
+Q.displayName = Re;
+function Ne(e, { select: o = !1 } = {}) {
+  const t = document.activeElement;
+  for (const n of e)
+    if (C(n, { select: o }), document.activeElement !== t) return;
+}
+function Oe(e) {
+  const o = X(e), t = Y(o, e), n = Y(o.reverse(), e);
+  return [t, n];
+}
+function X(e) {
+  const o = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (n) => {
+      const r = n.tagName === "INPUT" && n.type === "hidden";
+      return n.disabled || n.hidden || r ? NodeFilter.FILTER_SKIP : n.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; t.nextNode(); ) o.push(t.currentNode);
+  return o;
+}
+function Y(e, o) {
+  for (const t of e)
+    if (!_e(t, { upTo: o })) return t;
+}
+function _e(e, { upTo: o }) {
+  if (getComputedStyle(e).visibility === "hidden") return !0;
+  for (; e; ) {
+    if (o !== void 0 && e === o) return !1;
+    if (getComputedStyle(e).display === "none") return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+function Pe(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function C(e, { select: o = !1 } = {}) {
+  if (e && e.focus) {
+    const t = document.activeElement;
+    e.focus({ preventScroll: !0 }), e !== t && Pe(e) && o && e.select();
+  }
+}
+var Z = Te();
+function Te() {
+  let e = [];
+  return {
+    add(o) {
+      const t = e[0];
+      o !== t && t?.pause(), e = z(e, o), e.unshift(o);
+    },
+    remove(o) {
+      e = z(e, o), e[0]?.resume();
+    }
+  };
+}
+function z(e, o) {
+  const t = [...e], n = t.indexOf(o);
+  return n !== -1 && t.splice(n, 1), t;
+}
+function Fe(e) {
+  return e.filter((o) => o.tagName !== "A");
+}
+var k = 0;
+function Ie() {
+  i.useEffect(() => {
+    const e = document.querySelectorAll("[data-radix-focus-guard]");
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? J()), document.body.insertAdjacentElement("beforeend", e[1] ?? J()), k++, () => {
+      k === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((o) => o.remove()), k--;
+    };
+  }, []);
+}
+function J() {
+  const e = document.createElement("span");
+  return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
+}
+var Se = function(e) {
+  if (typeof document > "u")
+    return null;
+  var o = Array.isArray(e) ? e[0] : e;
+  return o.ownerDocument.body;
+}, R = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), F = {}, W = 0, ee = function(e) {
+  return e && (e.host || ee(e.parentNode));
+}, Me = function(e, o) {
+  return o.map(function(t) {
+    if (e.contains(t))
+      return t;
+    var n = ee(t);
+    return n && e.contains(n) ? n : (console.error("aria-hidden", t, "in not contained inside", e, ". Doing nothing"), null);
+  }).filter(function(t) {
+    return !!t;
+  });
+}, we = function(e, o, t, n) {
+  var r = Me(o, Array.isArray(e) ? e : [e]);
+  F[t] || (F[t] = /* @__PURE__ */ new WeakMap());
+  var a = F[t], d = [], s = /* @__PURE__ */ new Set(), y = new Set(r), g = function(c) {
+    !c || s.has(c) || (s.add(c), g(c.parentNode));
+  };
+  r.forEach(g);
+  var E = function(c) {
+    !c || y.has(c) || Array.prototype.forEach.call(c.children, function(f) {
+      if (s.has(f))
+        E(f);
+      else
+        try {
+          var p = f.getAttribute(n), P = p !== null && p !== "false", u = (R.get(f) || 0) + 1, b = (a.get(f) || 0) + 1;
+          R.set(f, u), a.set(f, b), d.push(f), u === 1 && P && T.set(f, !0), b === 1 && f.setAttribute(t, "true"), P || f.setAttribute(n, "true");
+        } catch (v) {
+          console.error("aria-hidden: cannot operate on ", f, v);
+        }
+    });
+  };
+  return E(o), s.clear(), W++, function() {
+    d.forEach(function(c) {
+      var f = R.get(c) - 1, p = a.get(c) - 1;
+      R.set(c, f), a.set(c, p), f || (T.has(c) || c.removeAttribute(n), T.delete(c)), p || c.removeAttribute(t);
+    }), W--, W || (R = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap(), T = /* @__PURE__ */ new WeakMap(), F = {});
+  };
+}, xe = function(e, o, t) {
+  t === void 0 && (t = "data-aria-hidden");
+  var n = Array.from(Array.isArray(e) ? e : [e]), r = Se(e);
+  return r ? (n.push.apply(n, Array.from(r.querySelectorAll("[aria-live]"))), we(n, r, t, "aria-hidden")) : function() {
+    return null;
+  };
+}, M = "Dialog", [te, et] = he(M), [Le, m] = te(M), oe = (e) => {
+  const {
+    __scopeDialog: o,
+    children: t,
+    open: n,
+    defaultOpen: r,
+    onOpenChange: a,
+    modal: d = !0
+  } = e, s = i.useRef(null), y = i.useRef(null), [g, E] = Ee({
+    prop: n,
+    defaultProp: r ?? !1,
+    onChange: a,
+    caller: M
+  });
+  return /* @__PURE__ */ l(
+    Le,
+    {
+      scope: o,
+      triggerRef: s,
+      contentRef: y,
+      contentId: w(),
+      titleId: w(),
+      descriptionId: w(),
+      open: g,
+      onOpenChange: E,
+      onOpenToggle: i.useCallback(() => E((c) => !c), [E]),
+      modal: d,
+      children: t
+    }
+  );
+};
+oe.displayName = M;
+var ne = "DialogTrigger", re = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: t, ...n } = e, r = m(ne, t), a = S(o, r.triggerRef);
+    return /* @__PURE__ */ l(
+      N.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": r.open,
+        "aria-controls": r.contentId,
+        "data-state": H(r.open),
+        ...n,
+        ref: a,
+        onClick: _(e.onClick, r.onOpenToggle)
+      }
+    );
+  }
+);
+re.displayName = ne;
+var K = "DialogPortal", [ke, ae] = te(K, {
+  forceMount: void 0
+}), se = (e) => {
+  const { __scopeDialog: o, forceMount: t, children: n, container: r } = e, a = m(K, o);
+  return /* @__PURE__ */ l(ke, { scope: o, forceMount: t, children: i.Children.map(n, (d) => /* @__PURE__ */ l(U, { present: t || a.open, children: /* @__PURE__ */ l(be, { asChild: !0, container: r, children: d }) })) });
+};
+se.displayName = K;
+var I = "DialogOverlay", ie = i.forwardRef(
+  (e, o) => {
+    const t = ae(I, e.__scopeDialog), { forceMount: n = t.forceMount, ...r } = e, a = m(I, e.__scopeDialog);
+    return a.modal ? /* @__PURE__ */ l(U, { present: n || a.open, children: /* @__PURE__ */ l(Ue, { ...r, ref: o }) }) : null;
+  }
+);
+ie.displayName = I;
+var We = De("DialogOverlay.RemoveScroll"), Ue = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: t, ...n } = e, r = m(I, t);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ l(Ae, { as: We, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ l(
+        N.div,
+        {
+          "data-state": H(r.open),
+          ...n,
+          ref: o,
+          style: { pointerEvents: "auto", ...n.style }
+        }
+      ) })
+    );
+  }
+), A = "DialogContent", ce = i.forwardRef(
+  (e, o) => {
+    const t = ae(A, e.__scopeDialog), { forceMount: n = t.forceMount, ...r } = e, a = m(A, e.__scopeDialog);
+    return /* @__PURE__ */ l(U, { present: n || a.open, children: a.modal ? /* @__PURE__ */ l(Ke, { ...r, ref: o }) : /* @__PURE__ */ l(Ge, { ...r, ref: o }) });
+  }
+);
+ce.displayName = A;
+var Ke = i.forwardRef(
+  (e, o) => {
+    const t = m(A, e.__scopeDialog), n = i.useRef(null), r = S(o, t.contentRef, n);
+    return i.useEffect(() => {
+      const a = n.current;
+      if (a) return xe(a);
+    }, []), /* @__PURE__ */ l(
+      ue,
+      {
+        ...e,
+        ref: r,
+        trapFocus: t.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: _(e.onCloseAutoFocus, (a) => {
+          a.preventDefault(), t.triggerRef.current?.focus();
+        }),
+        onPointerDownOutside: _(e.onPointerDownOutside, (a) => {
+          const d = a.detail.originalEvent, s = d.button === 0 && d.ctrlKey === !0;
+          (d.button === 2 || s) && a.preventDefault();
+        }),
+        onFocusOutside: _(
+          e.onFocusOutside,
+          (a) => a.preventDefault()
+        )
+      }
+    );
+  }
+), Ge = i.forwardRef(
+  (e, o) => {
+    const t = m(A, e.__scopeDialog), n = i.useRef(!1), r = i.useRef(!1);
+    return /* @__PURE__ */ l(
+      ue,
+      {
+        ...e,
+        ref: o,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (a) => {
+          e.onCloseAutoFocus?.(a), a.defaultPrevented || (n.current || t.triggerRef.current?.focus(), a.preventDefault()), n.current = !1, r.current = !1;
+        },
+        onInteractOutside: (a) => {
+          e.onInteractOutside?.(a), a.defaultPrevented || (n.current = !0, a.detail.originalEvent.type === "pointerdown" && (r.current = !0));
+          const d = a.target;
+          t.triggerRef.current?.contains(d) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && r.current && a.preventDefault();
+        }
+      }
+    );
+  }
+), ue = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: t, trapFocus: n, onOpenAutoFocus: r, onCloseAutoFocus: a, ...d } = e, s = m(A, t), y = i.useRef(null), g = S(o, y);
+    return Ie(), /* @__PURE__ */ q(B, { children: [
+      /* @__PURE__ */ l(
+        Q,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: n,
+          onMountAutoFocus: r,
+          onUnmountAutoFocus: a,
+          children: /* @__PURE__ */ l(
+            Ce,
+            {
+              role: "dialog",
+              id: s.contentId,
+              "aria-describedby": s.descriptionId,
+              "aria-labelledby": s.titleId,
+              "data-state": H(s.open),
+              ...d,
+              ref: g,
+              onDismiss: () => s.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ q(B, { children: [
+        /* @__PURE__ */ l(He, { titleId: s.titleId }),
+        /* @__PURE__ */ l(je, { contentRef: y, descriptionId: s.descriptionId })
+      ] })
+    ] });
+  }
+), G = "DialogTitle", le = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: t, ...n } = e, r = m(G, t);
+    return /* @__PURE__ */ l(N.h2, { id: r.titleId, ...n, ref: o });
+  }
+);
+le.displayName = G;
+var fe = "DialogDescription", de = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: t, ...n } = e, r = m(fe, t);
+    return /* @__PURE__ */ l(N.p, { id: r.descriptionId, ...n, ref: o });
+  }
+);
+de.displayName = fe;
+var pe = "DialogClose", ve = i.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: t, ...n } = e, r = m(pe, t);
+    return /* @__PURE__ */ l(
+      N.button,
+      {
+        type: "button",
+        ...n,
+        ref: o,
+        onClick: _(e.onClick, () => r.onOpenChange(!1))
+      }
+    );
+  }
+);
+ve.displayName = pe;
+function H(e) {
+  return e ? "open" : "closed";
+}
+var me = "DialogTitleWarning", [tt, ge] = ye(me, {
+  contentName: A,
+  titleName: G,
+  docsSlug: "dialog"
+}), He = ({ titleId: e }) => {
+  const o = ge(me), t = `\`${o.contentName}\` requires a \`${o.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${o.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${o.docsSlug}`;
+  return i.useEffect(() => {
+    e && (document.getElementById(e) || console.error(t));
+  }, [t, e]), null;
+}, $e = "DialogDescriptionWarning", je = ({ contentRef: e, descriptionId: o }) => {
+  const n = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${ge($e).contentName}}.`;
+  return i.useEffect(() => {
+    const r = e.current?.getAttribute("aria-describedby");
+    o && r && (document.getElementById(o) || console.warn(n));
+  }, [n, e, o]), null;
+}, ot = oe, nt = re, rt = se, at = ie, st = ce, it = le, ct = de, ut = ve;
+export {
+  st as C,
+  le as D,
+  at as O,
+  rt as P,
+  ot as R,
+  it as T,
+  tt as W,
+  se as a,
+  ut as b,
+  et as c,
+  ct as d,
+  nt as e
+};

package/dist/index-BfXxHr_2.js

@@ -0,0 +1,125 @@
+import * as c from "react";
+import { jsx as x } from "react/jsx-runtime";
+function R(e, s) {
+  const t = c.createContext(s), i = (u) => {
+    const { children: r, ...o } = u, l = c.useMemo(() => o, Object.values(o));
+    return /* @__PURE__ */ x(t.Provider, { value: l, children: r });
+  };
+  i.displayName = e + "Provider";
+  function n(u) {
+    const r = c.useContext(t);
+    if (r) return r;
+    if (s !== void 0) return s;
+    throw new Error(`\`${u}\` must be used within \`${e}\``);
+  }
+  return [i, n];
+}
+function g(e, s = []) {
+  let t = [];
+  function i(u, r) {
+    const o = c.createContext(r), l = t.length;
+    t = [...t, r];
+    const d = (f) => {
+      const { scope: m, children: p, ...v } = f, C = m?.[e]?.[l] || o, h = c.useMemo(() => v, Object.values(v));
+      return /* @__PURE__ */ x(C.Provider, { value: h, children: p });
+    };
+    d.displayName = u + "Provider";
+    function a(f, m) {
+      const p = m?.[e]?.[l] || o, v = c.useContext(p);
+      if (v) return v;
+      if (r !== void 0) return r;
+      throw new Error(`\`${f}\` must be used within \`${u}\``);
+    }
+    return [d, a];
+  }
+  const n = () => {
+    const u = t.map((r) => c.createContext(r));
+    return function(o) {
+      const l = o?.[e] || u;
+      return c.useMemo(
+        () => ({ [`__scope${e}`]: { ...o, [e]: l } }),
+        [o, l]
+      );
+    };
+  };
+  return n.scopeName = e, [i, S(n, ...s)];
+}
+function S(...e) {
+  const s = e[0];
+  if (e.length === 1) return s;
+  const t = () => {
+    const i = e.map((n) => ({
+      useScope: n(),
+      scopeName: n.scopeName
+    }));
+    return function(u) {
+      const r = i.reduce((o, { useScope: l, scopeName: d }) => {
+        const f = l(u)[`__scope${d}`];
+        return { ...o, ...f };
+      }, {});
+      return c.useMemo(() => ({ [`__scope${s.scopeName}`]: r }), [r]);
+    };
+  };
+  return t.scopeName = s.scopeName, t;
+}
+function _(e, s, { checkForDefaultPrevented: t = !0 } = {}) {
+  return function(n) {
+    if (e?.(n), t === !1 || !n.defaultPrevented)
+      return s?.(n);
+  };
+}
+var P = globalThis?.document ? c.useLayoutEffect : () => {
+}, b = c[" useInsertionEffect ".trim().toString()] || P;
+function y({
+  prop: e,
+  defaultProp: s,
+  onChange: t = () => {
+  },
+  caller: i
+}) {
+  const [n, u, r] = w({
+    defaultProp: s,
+    onChange: t
+  }), o = e !== void 0, l = o ? e : n;
+  {
+    const a = c.useRef(e !== void 0);
+    c.useEffect(() => {
+      const f = a.current;
+      f !== o && console.warn(
+        `${i} is changing from ${f ? "controlled" : "uncontrolled"} to ${o ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), a.current = o;
+    }, [o, i]);
+  }
+  const d = c.useCallback(
+    (a) => {
+      if (o) {
+        const f = E(a) ? a(e) : a;
+        f !== e && r.current?.(f);
+      } else
+        u(a);
+    },
+    [o, e, u, r]
+  );
+  return [l, d];
+}
+function w({
+  defaultProp: e,
+  onChange: s
+}) {
+  const [t, i] = c.useState(e), n = c.useRef(t), u = c.useRef(s);
+  return b(() => {
+    u.current = s;
+  }, [s]), c.useEffect(() => {
+    n.current !== t && (u.current?.(t), n.current = t);
+  }, [t, n]), [t, i, u];
+}
+function E(e) {
+  return typeof e == "function";
+}
+export {
+  y as a,
+  _ as b,
+  g as c,
+  R as d,
+  P as u
+};

package/dist/index-C1g_chDT.js

@@ -0,0 +1,70 @@
+import * as i from "react";
+import { u as y } from "./index-DQH6odE9.js";
+import { u as A } from "./index-BfXxHr_2.js";
+function T(n, e) {
+  return i.useReducer((t, r) => e[t][r] ?? t, n);
+}
+var E = (n) => {
+  const { present: e, children: t } = n, r = R(e), a = typeof t == "function" ? t({ present: r.isPresent }) : i.Children.only(t), c = y(r.ref, P(a));
+  return typeof t == "function" || r.isPresent ? i.cloneElement(a, { ref: c }) : null;
+};
+E.displayName = "Presence";
+function R(n) {
+  const [e, t] = i.useState(), r = i.useRef(null), a = i.useRef(n), c = i.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 i.useEffect(() => {
+    const o = l(r.current);
+    c.current = N === "mounted" ? o : "none";
+  }, [N]), A(() => {
+    const o = r.current, m = a.current;
+    if (m !== n) {
+      const f = c.current, u = l(o);
+      n ? s("MOUNT") : u === "none" || o?.display === "none" ? s("UNMOUNT") : s(m && f !== u ? "ANIMATION_OUT" : "UNMOUNT"), a.current = n;
+    }
+  }, [n, s]), A(() => {
+    if (e) {
+      let o;
+      const m = e.ownerDocument.defaultView ?? window, d = (u) => {
+        const g = l(r.current).includes(CSS.escape(u.animationName));
+        if (u.target === e && g && (s("ANIMATION_END"), !a.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(r.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: i.useCallback((o) => {
+      r.current = o ? getComputedStyle(o) : null, t(o);
+    }, [])
+  };
+}
+function l(n) {
+  return n?.animationName || "none";
+}
+function P(n) {
+  let e = Object.getOwnPropertyDescriptor(n.props, "ref")?.get, t = e && "isReactWarning" in e && e.isReactWarning;
+  return t ? n.ref : (e = Object.getOwnPropertyDescriptor(n, "ref")?.get, t = e && "isReactWarning" in e && e.isReactWarning, t ? n.props.ref : n.props.ref || n.ref);
+}
+export {
+  E as P
+};

package/dist/{index-BCGvACM9.js → index-C9T9HQaa.js}

@@ -1,7 +1,7 @@
 import * as D from "react";
 import R from "react";
 import { g as b } from "./_commonjsHelpers-C6fGbg64.js";
-import { c as w } from "./index-B5MIi2tR.js";
+import { c as w } from "./index-DQH6odE9.js";
 import { jsx as N } from "react/jsx-runtime";
 var v = { exports: {} }, u = {};
 /**

package/dist/{index-Bc1LNrRD.js → index-CZnD2QxM.js}

@@ -1,5 +1,5 @@
 import * as f from "react";
-import { u as a } from "./index-Cq1I1cG9.js";
+import { u as a } from "./index-BfXxHr_2.js";
 function h(r) {
   const e = f.useRef({ value: r, previous: r });
   return f.useMemo(() => (e.current.value !== r && (e.current.previous = e.current.value, e.current.value = r), e.current.previous), [r]);