@new-black/lyra 0.0.25 → 0.0.28

package/dist/lyra46.js

@@ -1,689 +1,477 @@
-import { useGlobalListeners as le, useEffectEvent as S, isVirtualPointerEvent as ye, focusWithoutScrolling as G, isVirtualClick as J, mergeProps as re, isIOS as de, runAfterTransition as me, useSyncRef as Te, useLayoutEffect as Pe, useEvent as Ee, isMac as he, useDescription as Le } from "./lyra44.js";
-import Se, { useState as ne, useRef as W, useMemo as pe, useEffect as C, useCallback as U, useContext as Ke } from "react";
-import { useIsSSR as Me } from "./lyra42.js";
-let I = "default", Q = "", Y = /* @__PURE__ */ new WeakMap();
-function oe(t) {
-  de() ? (I === "default" && (Q = document.documentElement.style.webkitUserSelect, document.documentElement.style.webkitUserSelect = "none"), I = "disabled") : (t instanceof HTMLElement || t instanceof SVGElement) && (Y.set(t, t.style.userSelect), t.style.userSelect = "none");
-}
-function R(t) {
-  if (de()) {
-    if (I !== "disabled")
+import z, { useRef as s, useMemo as O, useState as x, useCallback as d, useEffect as $ } from "react";
+import { useSSRSafeId as N } from "./lyra44.js";
+import { clsx as k } from "./lyra76.js";
+const b = typeof document < "u" ? z.useLayoutEffect : () => {
+};
+function D(e) {
+  let [t, r] = x(e), n = s(t), o = s(null), l = d(() => {
+    let i = o.current.next();
+    for (; !i.done && n.current === i.value; )
+      i = o.current.next();
+    if (i.done) {
+      o.current = null;
       return;
-    I = "restoring", setTimeout(() => {
-      me(() => {
-        I === "restoring" && (document.documentElement.style.webkitUserSelect === "none" && (document.documentElement.style.webkitUserSelect = Q || ""), Q = "", I = "default");
-      });
-    }, 300);
-  } else if ((t instanceof HTMLElement || t instanceof SVGElement) && t && Y.has(t)) {
-    let r = Y.get(t);
-    t.style.userSelect === "none" && (t.style.userSelect = r), t.getAttribute("style") === "" && t.removeAttribute("style"), Y.delete(t);
-  }
-}
-const ge = Se.createContext(null);
-ge.displayName = "PressResponderContext";
-function De(t) {
-  let r = Ke(ge);
-  if (r) {
-    let { register: n, ...i } = r;
-    t = re(i, t), n();
-  }
-  return Te(r, t.ref), t;
-}
-function we(t) {
-  let {
-    onPress: r,
-    onPressChange: n,
-    onPressStart: i,
-    onPressEnd: s,
-    onPressUp: l,
-    isDisabled: f,
-    isPressed: d,
-    preventFocusOnPress: c,
-    shouldCancelOnPointerExit: b,
-    allowTextSelectionOnPress: $,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    ref: m,
-    ...v
-  } = De(t), [g, T] = ne(!1), P = W({
-    isPressed: !1,
-    ignoreEmulatedMouseEvents: !1,
-    ignoreClickAfterPress: !1,
-    didFirePressStart: !1,
-    activePointerId: null,
-    target: null,
-    isOverTarget: !1,
-    pointerType: null
-  }), { addGlobalListener: K, removeAllGlobalListeners: w } = le(), E = S((e, p) => {
-    let F = P.current;
-    f || F.didFirePressStart || (i && i({
-      type: "pressstart",
-      pointerType: p,
-      target: e.currentTarget,
-      shiftKey: e.shiftKey,
-      metaKey: e.metaKey,
-      ctrlKey: e.ctrlKey,
-      altKey: e.altKey
-    }), n && n(!0), F.didFirePressStart = !0, T(!0));
-  }), y = S((e, p, F = !0) => {
-    let u = P.current;
-    u.didFirePressStart && (u.ignoreClickAfterPress = !0, u.didFirePressStart = !1, s && s({
-      type: "pressend",
-      pointerType: p,
-      target: e.currentTarget,
-      shiftKey: e.shiftKey,
-      metaKey: e.metaKey,
-      ctrlKey: e.ctrlKey,
-      altKey: e.altKey
-    }), n && n(!1), T(!1), r && F && !f && r({
-      type: "press",
-      pointerType: p,
-      target: e.currentTarget,
-      shiftKey: e.shiftKey,
-      metaKey: e.metaKey,
-      ctrlKey: e.ctrlKey,
-      altKey: e.altKey
-    }));
-  }), x = S((e, p) => {
-    f || l && l({
-      type: "pressup",
-      pointerType: p,
-      target: e.currentTarget,
-      shiftKey: e.shiftKey,
-      metaKey: e.metaKey,
-      ctrlKey: e.ctrlKey,
-      altKey: e.altKey
-    });
-  }), M = S((e) => {
-    let p = P.current;
-    p.isPressed && (p.isOverTarget && y(h(p.target, e), p.pointerType, !1), p.isPressed = !1, p.isOverTarget = !1, p.activePointerId = null, p.pointerType = null, w(), $ || R(p.target));
-  }), B = S((e) => {
-    b && M(e);
-  }), $e = pe(() => {
-    let e = P.current, p = {
-      onKeyDown(u) {
-        q(u.nativeEvent, u.currentTarget) && u.currentTarget.contains(u.target) ? (ae(u.target, u.key) && u.preventDefault(), u.stopPropagation(), !e.isPressed && !u.repeat && (e.target = u.currentTarget, e.isPressed = !0, E(u, "keyboard"), K(document, "keyup", F, !1))) : u.key === "Enter" && Z(u.currentTarget) && u.stopPropagation();
-      },
-      onKeyUp(u) {
-        q(u.nativeEvent, u.currentTarget) && !u.repeat && u.currentTarget.contains(u.target) && x(h(e.target, u), "keyboard");
-      },
-      onClick(u) {
-        u && !u.currentTarget.contains(u.target) || u && u.button === 0 && (u.stopPropagation(), f && u.preventDefault(), !e.ignoreClickAfterPress && !e.ignoreEmulatedMouseEvents && (e.pointerType === "virtual" || J(u.nativeEvent)) && (!f && !c && G(u.currentTarget), E(u, "virtual"), x(u, "virtual"), y(u, "virtual")), e.ignoreEmulatedMouseEvents = !1, e.ignoreClickAfterPress = !1);
-      }
-    }, F = (u) => {
-      if (e.isPressed && q(u, e.target)) {
-        ae(u.target, u.key) && u.preventDefault(), u.stopPropagation(), e.isPressed = !1;
-        let O = u.target;
-        y(h(e.target, u), "keyboard", e.target.contains(O)), w(), e.target instanceof HTMLElement && e.target.contains(O) && (Z(e.target) || e.target.getAttribute("role") === "link") && e.target.click();
-      }
-    };
-    if (typeof PointerEvent < "u") {
-      p.onPointerDown = (a) => {
-        if (!(a.button !== 0 || !a.currentTarget.contains(a.target))) {
-          if (ye(a.nativeEvent)) {
-            e.pointerType = "virtual";
-            return;
-          }
-          j(a.currentTarget) && a.preventDefault(), e.pointerType = a.pointerType, a.stopPropagation(), e.isPressed || (e.isPressed = !0, e.isOverTarget = !0, e.activePointerId = a.pointerId, e.target = a.currentTarget, !f && !c && G(a.currentTarget), $ || oe(e.target), E(a, e.pointerType), K(document, "pointermove", u, !1), K(document, "pointerup", O, !1), K(document, "pointercancel", o, !1));
-        }
-      }, p.onMouseDown = (a) => {
-        a.currentTarget.contains(a.target) && a.button === 0 && (j(a.currentTarget) && a.preventDefault(), a.stopPropagation());
-      }, p.onPointerUp = (a) => {
-        !a.currentTarget.contains(a.target) || e.pointerType === "virtual" || a.button === 0 && H(a, a.currentTarget) && x(a, e.pointerType || a.pointerType);
-      };
-      let u = (a) => {
-        a.pointerId === e.activePointerId && (H(a, e.target) ? e.isOverTarget || (e.isOverTarget = !0, E(h(e.target, a), e.pointerType)) : e.isOverTarget && (e.isOverTarget = !1, y(h(e.target, a), e.pointerType, !1), B(a)));
-      }, O = (a) => {
-        a.pointerId === e.activePointerId && e.isPressed && a.button === 0 && (H(a, e.target) ? y(h(e.target, a), e.pointerType) : e.isOverTarget && y(h(e.target, a), e.pointerType, !1), e.isPressed = !1, e.isOverTarget = !1, e.activePointerId = null, e.pointerType = null, w(), $ || R(e.target));
-      }, o = (a) => {
-        M(a);
-      };
-      p.onDragStart = (a) => {
-        a.currentTarget.contains(a.target) && M(a);
-      };
-    } else {
-      p.onMouseDown = (o) => {
-        o.button !== 0 || !o.currentTarget.contains(o.target) || (j(o.currentTarget) && o.preventDefault(), o.stopPropagation(), !e.ignoreEmulatedMouseEvents && (e.isPressed = !0, e.isOverTarget = !0, e.target = o.currentTarget, e.pointerType = J(o.nativeEvent) ? "virtual" : "mouse", !f && !c && G(o.currentTarget), E(o, e.pointerType), K(document, "mouseup", u, !1)));
-      }, p.onMouseEnter = (o) => {
-        o.currentTarget.contains(o.target) && (o.stopPropagation(), e.isPressed && !e.ignoreEmulatedMouseEvents && (e.isOverTarget = !0, E(o, e.pointerType)));
-      }, p.onMouseLeave = (o) => {
-        o.currentTarget.contains(o.target) && (o.stopPropagation(), e.isPressed && !e.ignoreEmulatedMouseEvents && (e.isOverTarget = !1, y(o, e.pointerType, !1), B(o)));
-      }, p.onMouseUp = (o) => {
-        o.currentTarget.contains(o.target) && !e.ignoreEmulatedMouseEvents && o.button === 0 && x(o, e.pointerType);
-      };
-      let u = (o) => {
-        if (o.button === 0) {
-          if (e.isPressed = !1, w(), e.ignoreEmulatedMouseEvents) {
-            e.ignoreEmulatedMouseEvents = !1;
-            return;
-          }
-          H(o, e.target) ? y(h(e.target, o), e.pointerType) : e.isOverTarget && y(h(e.target, o), e.pointerType, !1), e.isOverTarget = !1;
-        }
-      };
-      p.onTouchStart = (o) => {
-        if (!o.currentTarget.contains(o.target))
-          return;
-        o.stopPropagation();
-        let a = xe(o.nativeEvent);
-        a && (e.activePointerId = a.identifier, e.ignoreEmulatedMouseEvents = !0, e.isOverTarget = !0, e.isPressed = !0, e.target = o.currentTarget, e.pointerType = "touch", !f && !c && G(o.currentTarget), $ || oe(e.target), E(o, e.pointerType), K(window, "scroll", O, !0));
-      }, p.onTouchMove = (o) => {
-        if (!o.currentTarget.contains(o.target) || (o.stopPropagation(), !e.isPressed))
-          return;
-        let a = se(o.nativeEvent, e.activePointerId);
-        a && H(a, o.currentTarget) ? e.isOverTarget || (e.isOverTarget = !0, E(o, e.pointerType)) : e.isOverTarget && (e.isOverTarget = !1, y(o, e.pointerType, !1), B(o));
-      }, p.onTouchEnd = (o) => {
-        if (!o.currentTarget.contains(o.target) || (o.stopPropagation(), !e.isPressed))
-          return;
-        let a = se(o.nativeEvent, e.activePointerId);
-        a && H(a, o.currentTarget) ? (x(o, e.pointerType), y(o, e.pointerType)) : e.isOverTarget && y(o, e.pointerType, !1), e.isPressed = !1, e.activePointerId = null, e.isOverTarget = !1, e.ignoreEmulatedMouseEvents = !0, $ || R(e.target), w();
-      }, p.onTouchCancel = (o) => {
-        o.currentTarget.contains(o.target) && (o.stopPropagation(), e.isPressed && M(o));
-      };
-      let O = (o) => {
-        e.isPressed && o.target.contains(e.target) && M({
-          currentTarget: e.target,
-          shiftKey: !1,
-          ctrlKey: !1,
-          metaKey: !1,
-          altKey: !1
-        });
-      };
-      p.onDragStart = (o) => {
-        o.currentTarget.contains(o.target) && M(o);
-      };
     }
-    return p;
+    r(i.value), n.current = i.value;
   }, [
-    K,
-    f,
-    c,
-    w,
-    $,
-    M,
-    B,
-    y,
-    E,
-    x
+    r,
+    n,
+    o
   ]);
-  return C(() => () => {
-    $ || R(P.current.target);
+  b(() => {
+    o.current && l();
+  });
+  let a = d((i) => {
+    o.current = i(n.current), l();
   }, [
-    $
-  ]), {
-    isPressed: d || g,
-    pressProps: re(v, $e)
+    l,
+    o,
+    n
+  ]);
+  return [
+    t,
+    a
+  ];
+}
+let m = /* @__PURE__ */ new Map();
+function A(e) {
+  let [t, r] = x(e), n = s(null), o = N(t), l = d((a) => {
+    n.current = a;
+  }, []);
+  return m.set(o, l), b(() => {
+    let a = o;
+    return () => {
+      m.delete(a);
+    };
+  }, [
+    o
+  ]), $(() => {
+    let a = n.current;
+    a && (n.current = null, r(a));
+  }), o;
+}
+function W(e, t) {
+  if (e === t)
+    return e;
+  let r = m.get(e);
+  if (r)
+    return r(t), t;
+  let n = m.get(t);
+  return n ? (n(e), e) : t;
+}
+function ne(e = []) {
+  let t = A(), [r, n] = D(t), o = d(() => {
+    n(function* () {
+      yield t, yield document.getElementById(t) ? t : void 0;
+    });
+  }, [
+    t,
+    n
+  ]);
+  return b(o, [
+    t,
+    o,
+    ...e
+  ]), r;
+}
+function G(...e) {
+  return (...t) => {
+    for (let r of e)
+      typeof r == "function" && r(...t);
   };
 }
-function Z(t) {
-  return t.tagName === "A" && t.hasAttribute("href");
-}
-function q(t, r) {
-  const { key: n, code: i } = t, s = r, l = s.getAttribute("role");
-  return (n === "Enter" || n === " " || n === "Spacebar" || i === "Space") && !(s instanceof HTMLInputElement && !ve(s, n) || s instanceof HTMLTextAreaElement || s.isContentEditable) && // A link with a valid href should be handled natively,
-  // unless it also has role='button' and was triggered using Space.
-  (!Z(s) || l === "button" && n !== "Enter") && // An element with role='link' should only trigger with Enter key
-  !(l === "link" && n !== "Enter");
-}
-function xe(t) {
-  const { targetTouches: r } = t;
-  return r.length > 0 ? r[0] : null;
-}
-function se(t, r) {
-  const n = t.changedTouches;
-  for (let i = 0; i < n.length; i++) {
-    const s = n[i];
-    if (s.identifier === r)
-      return s;
-  }
-  return null;
-}
-function h(t, r) {
-  return {
-    currentTarget: t,
-    shiftKey: r.shiftKey,
-    ctrlKey: r.ctrlKey,
-    metaKey: r.metaKey,
-    altKey: r.altKey
+function oe(...e) {
+  let t = {
+    ...e[0]
   };
+  for (let r = 1; r < e.length; r++) {
+    let n = e[r];
+    for (let o in n) {
+      let l = t[o], a = n[o];
+      typeof l == "function" && typeof a == "function" && // This is a lot faster than a regex.
+      o[0] === "o" && o[1] === "n" && o.charCodeAt(2) >= /* 'A' */
+      65 && o.charCodeAt(2) <= /* 'Z' */
+      90 ? t[o] = G(l, a) : (o === "className" || o === "UNSAFE_className") && typeof l == "string" && typeof a == "string" ? t[o] = k(l, a) : o === "id" && l && a ? t.id = W(l, a) : t[o] = a !== void 0 ? a : l;
+    }
+  }
+  return t;
 }
-function Fe(t) {
-  let r = t.width / 2 || t.radiusX || 0, n = t.height / 2 || t.radiusY || 0;
-  return {
-    top: t.clientY - n,
-    right: t.clientX + r,
-    bottom: t.clientY + n,
-    left: t.clientX - r
+function le(...e) {
+  return e.length === 1 ? e[0] : (t) => {
+    for (let r of e)
+      typeof r == "function" ? r(t) : r != null && (r.current = t);
   };
 }
-function Oe(t, r) {
-  return !(t.left > r.right || r.left > t.right || t.top > r.bottom || r.top > t.bottom);
-}
-function H(t, r) {
-  let n = r.getBoundingClientRect(), i = Fe(t);
-  return Oe(n, i);
-}
-function j(t) {
-  return !(t instanceof HTMLElement) || !t.draggable;
-}
-function ae(t, r) {
-  return t instanceof HTMLInputElement ? !ve(t, r) : t instanceof HTMLButtonElement ? t.type !== "submit" : !0;
-}
-const He = /* @__PURE__ */ new Set([
-  "checkbox",
-  "radio",
-  "range",
-  "color",
-  "file",
-  "image",
-  "button",
-  "submit",
-  "reset"
-]);
-function ve(t, r) {
-  return t.type === "checkbox" || t.type === "radio" ? r === " " : He.has(t.type);
-}
-class ke {
-  isDefaultPrevented() {
-    return this.nativeEvent.defaultPrevented;
-  }
-  preventDefault() {
-    this.defaultPrevented = !0, this.nativeEvent.preventDefault();
-  }
-  stopPropagation() {
-    this.nativeEvent.stopPropagation(), this.isPropagationStopped = () => !0;
-  }
-  isPropagationStopped() {
-    return !1;
-  }
-  persist() {
-  }
-  constructor(r, n) {
-    this.nativeEvent = n, this.target = n.target, this.currentTarget = n.currentTarget, this.relatedTarget = n.relatedTarget, this.bubbles = n.bubbles, this.cancelable = n.cancelable, this.defaultPrevented = n.defaultPrevented, this.eventPhase = n.eventPhase, this.isTrusted = n.isTrusted, this.timeStamp = n.timeStamp, this.type = r;
+const j = /* @__PURE__ */ new Set([
+  "id"
+]), H = /* @__PURE__ */ new Set([
+  "aria-label",
+  "aria-labelledby",
+  "aria-describedby",
+  "aria-details"
+]), X = /^(data-.*)$/;
+function ae(e, t = {}) {
+  let { labelable: r, propNames: n } = t, o = {};
+  for (const l in e)
+    Object.prototype.hasOwnProperty.call(e, l) && (j.has(l) || r && H.has(l) || n != null && n.has(l) || X.test(l)) && (o[l] = e[l]);
+  return o;
+}
+function ie(e) {
+  if (Y())
+    e.focus({
+      preventScroll: !0
+    });
+  else {
+    let t = q(e);
+    e.focus(), F(t);
   }
 }
-function be(t) {
-  let r = W({
-    isFocused: !1,
-    observer: null
-  });
-  Pe(() => {
-    const i = r.current;
-    return () => {
-      i.observer && (i.observer.disconnect(), i.observer = null);
-    };
-  }, []);
-  let n = S((i) => {
-    t == null || t(i);
-  });
-  return U((i) => {
-    if (i.target instanceof HTMLButtonElement || i.target instanceof HTMLInputElement || i.target instanceof HTMLTextAreaElement || i.target instanceof HTMLSelectElement) {
-      r.current.isFocused = !0;
-      let s = i.target, l = (f) => {
-        r.current.isFocused = !1, s.disabled && n(new ke("blur", f)), r.current.observer && (r.current.observer.disconnect(), r.current.observer = null);
-      };
-      s.addEventListener("focusout", l, {
-        once: !0
-      }), r.current.observer = new MutationObserver(() => {
-        if (r.current.isFocused && s.disabled) {
-          r.current.observer.disconnect();
-          let f = s === document.activeElement ? null : document.activeElement;
-          s.dispatchEvent(new FocusEvent("blur", {
-            relatedTarget: f
-          })), s.dispatchEvent(new FocusEvent("focusout", {
-            bubbles: !0,
-            relatedTarget: f
-          }));
+let v = null;
+function Y() {
+  if (v == null) {
+    v = !1;
+    try {
+      var e = document.createElement("div");
+      e.focus({
+        get preventScroll() {
+          return v = !0, !0;
         }
-      }), r.current.observer.observe(s, {
-        attributes: !0,
-        attributeFilter: [
-          "disabled"
-        ]
       });
+    } catch {
     }
+  }
+  return v;
+}
+function q(e) {
+  for (var t = e.parentNode, r = [], n = document.scrollingElement || document.documentElement; t instanceof HTMLElement && t !== n; )
+    (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && r.push({
+      element: t,
+      scrollTop: t.scrollTop,
+      scrollLeft: t.scrollLeft
+    }), t = t.parentNode;
+  return n instanceof HTMLElement && r.push({
+    element: n,
+    scrollTop: n.scrollTop,
+    scrollLeft: n.scrollLeft
+  }), r;
+}
+function F(e) {
+  for (let { element: t, scrollTop: r, scrollLeft: n } of e)
+    t.scrollTop = r, t.scrollLeft = n;
+}
+let u = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Set();
+function P() {
+  if (typeof window > "u")
+    return;
+  let e = (r) => {
+    let n = u.get(r.target);
+    n || (n = /* @__PURE__ */ new Set(), u.set(r.target, n), r.target.addEventListener("transitioncancel", t)), n.add(r.propertyName);
+  }, t = (r) => {
+    let n = u.get(r.target);
+    if (n && (n.delete(r.propertyName), n.size === 0 && (r.target.removeEventListener("transitioncancel", t), u.delete(r.target)), u.size === 0)) {
+      for (let o of w)
+        o();
+      w.clear();
+    }
+  };
+  document.body.addEventListener("transitionrun", e), document.body.addEventListener("transitionend", t);
+}
+typeof document < "u" && (document.readyState !== "loading" ? P() : document.addEventListener("DOMContentLoaded", P));
+function fe(e) {
+  requestAnimationFrame(() => {
+    u.size === 0 ? e() : w.add(e);
+  });
+}
+function ce() {
+  let e = s(/* @__PURE__ */ new Map()), t = d((o, l, a, i) => {
+    let f = i != null && i.once ? (...c) => {
+      e.current.delete(a), a(...c);
+    } : a;
+    e.current.set(a, {
+      type: l,
+      eventTarget: o,
+      fn: f,
+      options: i
+    }), o.addEventListener(l, a, i);
+  }, []), r = d((o, l, a, i) => {
+    var f;
+    let c = ((f = e.current.get(a)) === null || f === void 0 ? void 0 : f.fn) || a;
+    o.removeEventListener(l, c, i), e.current.delete(a);
+  }, []), n = d(() => {
+    e.current.forEach((o, l) => {
+      r(o.eventTarget, o.type, l, o.options);
+    });
   }, [
+    r
+  ]);
+  return $(() => n, [
     n
+  ]), {
+    addGlobalListener: t,
+    removeGlobalListener: r,
+    removeAllGlobalListeners: n
+  };
+}
+function de(e, t) {
+  let { id: r, "aria-label": n, "aria-labelledby": o } = e;
+  return r = A(r), o && n ? o = [
+    .../* @__PURE__ */ new Set([
+      r,
+      ...o.trim().split(/\s+/)
+    ])
+  ].join(" ") : o && (o = o.trim().split(/\s+/).join(" ")), !n && !o && t && (n = t), {
+    id: r,
+    "aria-label": n,
+    "aria-labelledby": o
+  };
+}
+function se(e) {
+  const t = s();
+  return O(() => ({
+    get current() {
+      return t.current;
+    },
+    set current(r) {
+      t.current = r, typeof e == "function" ? e(r) : e && (e.current = r);
+    }
+  }), [
+    e
   ]);
 }
-function Ne(t) {
-  let { isDisabled: r, onFocus: n, onBlur: i, onFocusChange: s } = t;
-  const l = U((c) => {
-    if (c.target === c.currentTarget)
-      return i && i(c), s && s(!1), !0;
+function U() {
+  return typeof window.ResizeObserver < "u";
+}
+function ue(e) {
+  const { ref: t, onResize: r } = e;
+  $(() => {
+    let n = t == null ? void 0 : t.current;
+    if (n)
+      if (U()) {
+        const o = new window.ResizeObserver((l) => {
+          l.length && r();
+        });
+        return o.observe(n), () => {
+          n && o.unobserve(n);
+        };
+      } else
+        return window.addEventListener("resize", r, !1), () => {
+          window.removeEventListener("resize", r, !1);
+        };
   }, [
-    i,
-    s
-  ]), f = be(l), d = U((c) => {
-    c.target === c.currentTarget && document.activeElement === c.target && (n && n(c), s && s(!0), f(c));
+    r,
+    t
+  ]);
+}
+function be(e, t) {
+  b(() => {
+    if (e && e.ref && t)
+      return e.ref.current = t.current, () => {
+        e.ref.current = null;
+      };
   }, [
-    s,
-    n,
-    f
+    e,
+    t
   ]);
-  return {
-    focusProps: {
-      onFocus: !r && (n || s || i) ? d : void 0,
-      onBlur: !r && (i || s) ? l : void 0
+}
+function E(e) {
+  for (I(e) && (e = e.parentElement); e && !I(e); )
+    e = e.parentElement;
+  return e || document.scrollingElement || document.documentElement;
+}
+function I(e) {
+  let t = window.getComputedStyle(e);
+  return /(auto|scroll)/.test(t.overflow + t.overflowX + t.overflowY);
+}
+let B = 0;
+const y = /* @__PURE__ */ new Map();
+function $e(e) {
+  let [t, r] = x(void 0);
+  return b(() => {
+    if (!e)
+      return;
+    let n = y.get(e);
+    if (n)
+      r(n.element.id);
+    else {
+      let o = `react-aria-description-${B++}`;
+      r(o);
+      let l = document.createElement("div");
+      l.id = o, l.style.display = "none", l.textContent = e, document.body.appendChild(l), n = {
+        refCount: 0,
+        element: l
+      }, y.set(e, n);
     }
+    return n.refCount++, () => {
+      --n.refCount === 0 && (n.element.remove(), y.delete(e));
+    };
+  }, [
+    e
+  ]), {
+    "aria-describedby": e ? t : void 0
   };
 }
-let L = null, A = /* @__PURE__ */ new Set(), ie = !1, D = !1, ee = !1;
-const Ie = {
-  Tab: !0,
-  Escape: !0
-};
-function N(t, r) {
-  for (let n of A)
-    n(t, r);
+function g(e) {
+  var t;
+  return typeof window > "u" || window.navigator == null ? !1 : ((t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.brands.some((r) => e.test(r.brand))) || e.test(window.navigator.userAgent);
 }
-function Ce(t) {
-  return !(t.metaKey || !he() && t.altKey || t.ctrlKey || t.key === "Control" || t.key === "Shift" || t.key === "Meta");
+function L(e) {
+  var t;
+  return typeof window < "u" && window.navigator != null ? e.test(((t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.platform) || window.navigator.platform) : !1;
 }
-function ue(t) {
-  D = !0, Ce(t) && (L = "keyboard", N("keyboard", t));
+function M() {
+  return L(/^Mac/i);
 }
-function k(t) {
-  L = "pointer", (t.type === "mousedown" || t.type === "pointerdown") && (D = !0, N("pointer", t));
+function K() {
+  return L(/^iPhone/i);
 }
-function Ue(t) {
-  J(t) && (D = !0, L = "virtual");
+function J() {
+  return L(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+  M() && navigator.maxTouchPoints > 1;
 }
-function We(t) {
-  t.target === window || t.target === document || (!D && !ee && (L = "virtual", N("virtual", t)), D = !1, ee = !1);
+function Q() {
+  return K() || J();
 }
-function Ae() {
-  D = !1, ee = !0;
+function pe() {
+  return M() || Q();
 }
-function _() {
-  if (typeof window > "u" || ie)
-    return;
-  let t = HTMLElement.prototype.focus;
-  HTMLElement.prototype.focus = function() {
-    D = !0, t.apply(this, arguments);
-  }, document.addEventListener("keydown", ue, !0), document.addEventListener("keyup", ue, !0), document.addEventListener("click", Ue, !0), window.addEventListener("focus", We, !0), window.addEventListener("blur", Ae, !1), typeof PointerEvent < "u" ? (document.addEventListener("pointerdown", k, !0), document.addEventListener("pointermove", k, !0), document.addEventListener("pointerup", k, !0)) : (document.addEventListener("mousedown", k, !0), document.addEventListener("mousemove", k, !0), document.addEventListener("mouseup", k, !0)), ie = !0;
-}
-typeof document < "u" && (document.readyState !== "loading" ? _() : document.addEventListener("DOMContentLoaded", _));
-function Be() {
-  return L !== "pointer";
-}
-function qe() {
-  return L;
-}
-function je(t) {
-  L = t, N(t, null);
-}
-function ze() {
-  _();
-  let [t, r] = ne(L);
-  return C(() => {
-    let n = () => {
-      r(L);
-    };
-    return A.add(n), () => {
-      A.delete(n);
-    };
-  }, []), Me() ? null : t;
+function ve() {
+  return g(/AppleWebKit/i) && !Z();
 }
-function Ge(t, r, n) {
-  return !(t && r === "keyboard" && n instanceof KeyboardEvent && !Ie[n.key]);
+function Z() {
+  return g(/Chrome/i);
 }
-function Je(t, r, n) {
-  _(), C(() => {
-    let i = (s, l) => {
-      Ge(n == null ? void 0 : n.isTextInput, s, l) && t(Be());
-    };
-    return A.add(i), () => {
-      A.delete(i);
-    };
-  }, r);
+function V() {
+  return g(/Android/i);
 }
-function Qe(t) {
-  let { isDisabled: r, onBlurWithin: n, onFocusWithin: i, onFocusWithinChange: s } = t, l = W({
-    isFocusWithin: !1
-  }), f = U((b) => {
-    l.current.isFocusWithin && !b.currentTarget.contains(b.relatedTarget) && (l.current.isFocusWithin = !1, n && n(b), s && s(!1));
-  }, [
-    n,
-    s,
-    l
-  ]), d = be(f), c = U((b) => {
-    !l.current.isFocusWithin && document.activeElement === b.target && (i && i(b), s && s(!0), l.current.isFocusWithin = !0, d(b));
+function R(e) {
+  const t = s(null);
+  return b(() => {
+    t.current = e;
   }, [
-    i,
-    s,
-    d
-  ]);
-  return r ? {
-    focusWithinProps: {
-      onFocus: null,
-      onBlur: null
-    }
-  } : {
-    focusWithinProps: {
-      onFocus: c,
-      onBlur: f
-    }
-  };
-}
-let X = !1, z = 0;
-function te() {
-  X = !0, setTimeout(() => {
-    X = !1;
-  }, 50);
-}
-function ce(t) {
-  t.pointerType === "touch" && te();
-}
-function Re() {
-  if (!(typeof document > "u"))
-    return typeof PointerEvent < "u" ? document.addEventListener("pointerup", ce) : document.addEventListener("touchend", te), z++, () => {
-      z--, !(z > 0) && (typeof PointerEvent < "u" ? document.removeEventListener("pointerup", ce) : document.removeEventListener("touchend", te));
-    };
+    e
+  ]), d((...r) => {
+    const n = t.current;
+    return n(...r);
+  }, []);
 }
-function Ze(t) {
-  let { onHoverStart: r, onHoverChange: n, onHoverEnd: i, isDisabled: s } = t, [l, f] = ne(!1), d = W({
-    isHovered: !1,
-    ignoreEmulatedMouseEvents: !1,
-    pointerType: "",
-    target: null
-  }).current;
-  C(Re, []);
-  let { hoverProps: c, triggerHoverEnd: b } = pe(() => {
-    let $ = (g, T) => {
-      if (d.pointerType = T, s || T === "touch" || d.isHovered || !g.currentTarget.contains(g.target))
-        return;
-      d.isHovered = !0;
-      let P = g.currentTarget;
-      d.target = P, r && r({
-        type: "hoverstart",
-        target: P,
-        pointerType: T
-      }), n && n(!0), f(!0);
-    }, m = (g, T) => {
-      if (d.pointerType = "", d.target = null, T === "touch" || !d.isHovered)
-        return;
-      d.isHovered = !1;
-      let P = g.currentTarget;
-      i && i({
-        type: "hoverend",
-        target: P,
-        pointerType: T
-      }), n && n(!1), f(!1);
-    }, v = {};
-    return typeof PointerEvent < "u" ? (v.onPointerEnter = (g) => {
-      X && g.pointerType === "mouse" || $(g, g.pointerType);
-    }, v.onPointerLeave = (g) => {
-      !s && g.currentTarget.contains(g.target) && m(g, g.pointerType);
-    }) : (v.onTouchStart = () => {
-      d.ignoreEmulatedMouseEvents = !0;
-    }, v.onMouseEnter = (g) => {
-      !d.ignoreEmulatedMouseEvents && !X && $(g, "mouse"), d.ignoreEmulatedMouseEvents = !1;
-    }, v.onMouseLeave = (g) => {
-      !s && g.currentTarget.contains(g.target) && m(g, "mouse");
-    }), {
-      hoverProps: v,
-      triggerHoverEnd: m
+function me(e, t, r, n) {
+  let o = R(r), l = r == null;
+  $(() => {
+    if (l)
+      return;
+    let a = e.current;
+    return a.addEventListener(t, o, n), () => {
+      a.removeEventListener(t, o, n);
     };
   }, [
-    r,
+    e,
+    t,
     n,
-    i,
-    s,
-    d
+    l,
+    o
   ]);
-  return C(() => {
-    s && b({
-      currentTarget: d.target
-    }, d.pointerType);
-  }, [
-    s
-  ]), {
-    hoverProps: c,
-    isHovered: l
-  };
 }
-function et(t) {
-  let { ref: r, onInteractOutside: n, isDisabled: i, onInteractOutsideStart: s } = t, l = W({
-    isPointerDown: !1,
-    ignoreEmulatedMouseEvents: !1
-  }), f = S((c) => {
-    n && V(c, r) && (s && s(c), l.current.isPointerDown = !0);
-  }), d = S((c) => {
-    n && n(c);
-  });
-  C(() => {
-    let c = l.current;
-    if (!i)
-      if (typeof PointerEvent < "u") {
-        let b = ($) => {
-          c.isPointerDown && V($, r) && d($), c.isPointerDown = !1;
-        };
-        return document.addEventListener("pointerdown", f, !0), document.addEventListener("pointerup", b, !0), () => {
-          document.removeEventListener("pointerdown", f, !0), document.removeEventListener("pointerup", b, !0);
-        };
-      } else {
-        let b = (m) => {
-          c.ignoreEmulatedMouseEvents ? c.ignoreEmulatedMouseEvents = !1 : c.isPointerDown && V(m, r) && d(m), c.isPointerDown = !1;
-        }, $ = (m) => {
-          c.ignoreEmulatedMouseEvents = !0, c.isPointerDown && V(m, r) && d(m), c.isPointerDown = !1;
-        };
-        return document.addEventListener("mousedown", f, !0), document.addEventListener("mouseup", b, !0), document.addEventListener("touchstart", f, !0), document.addEventListener("touchend", $, !0), () => {
-          document.removeEventListener("mousedown", f, !0), document.removeEventListener("mouseup", b, !0), document.removeEventListener("touchstart", f, !0), document.removeEventListener("touchend", $, !0);
-        };
+function _(e, t) {
+  let r = C(e, t, "left"), n = C(e, t, "top"), o = t.offsetWidth, l = t.offsetHeight, a = e.scrollLeft, i = e.scrollTop, { borderTopWidth: f, borderLeftWidth: c } = getComputedStyle(e), h = e.scrollLeft + parseInt(c, 10), p = e.scrollTop + parseInt(f, 10), S = h + e.clientWidth, T = p + e.clientHeight;
+  r <= a ? a = r - parseInt(c, 10) : r + o > S && (a += r + o - S), n <= p ? i = n - parseInt(f, 10) : n + l > T && (i += n + l - T), e.scrollLeft = a, e.scrollTop = i;
+}
+function C(e, t, r) {
+  const n = r === "left" ? "offsetLeft" : "offsetTop";
+  let o = 0;
+  for (; t.offsetParent && (o += t[n], t.offsetParent !== e); ) {
+    if (t.offsetParent.contains(e)) {
+      o -= e[n];
+      break;
+    }
+    t = t.offsetParent;
+  }
+  return o;
+}
+function he(e, t) {
+  if (document.contains(e)) {
+    let a = document.scrollingElement || document.documentElement;
+    if (window.getComputedStyle(a).overflow === "hidden") {
+      let f = E(e);
+      for (; e && f && e !== a && f !== a; )
+        _(f, e), e = f, f = E(e);
+    } else {
+      var r;
+      let { left: f, top: c } = e.getBoundingClientRect();
+      e == null || (r = e.scrollIntoView) === null || r === void 0 || r.call(e, {
+        block: "nearest"
+      });
+      let { left: h, top: p } = e.getBoundingClientRect();
+      if (Math.abs(f - h) > 1 || Math.abs(c - p) > 1) {
+        var n, o, l;
+        t == null || (n = t.containingElement) === null || n === void 0 || (o = n.scrollIntoView) === null || o === void 0 || o.call(n, {
+          block: "center",
+          inline: "center"
+        }), (l = e.scrollIntoView) === null || l === void 0 || l.call(e, {
+          block: "nearest"
+        });
       }
-  }, [
-    r,
-    i,
-    f,
-    d
-  ]);
-}
-function V(t, r) {
-  if (t.button > 0)
-    return !1;
-  if (t.target) {
-    const n = t.target.ownerDocument;
-    if (!n || !n.documentElement.contains(t.target) || t.target.closest("[data-react-aria-top-layer]"))
-      return !1;
+    }
   }
-  return r.current && !r.current.contains(t.target);
 }
-function fe(t) {
-  if (!t)
-    return;
-  let r = !0;
-  return (n) => {
-    let i = {
-      ...n,
-      preventDefault() {
-        n.preventDefault();
-      },
-      isDefaultPrevented() {
-        return n.isDefaultPrevented();
-      },
-      stopPropagation() {
-        console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior.");
-      },
-      continuePropagation() {
-        r = !1;
-      }
-    };
-    t(i), r && n.stopPropagation();
-  };
+function ye(e) {
+  return e.mozInputSource === 0 && e.isTrusted ? !0 : V() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
 }
-function tt(t) {
-  return {
-    keyboardProps: t.isDisabled ? {} : {
-      onKeyDown: fe(t.onKeyDown),
-      onKeyUp: fe(t.onKeyUp)
-    }
-  };
+function we(e) {
+  return e.width === 0 && e.height === 0 || e.width === 1 && e.height === 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "mouse";
+}
+function xe(e, t) {
+  let r = s(null);
+  return e && r.current && t(e, r.current) && (e = r.current), r.current = e, e;
 }
-function rt(t, r) {
-  let { onScroll: n, isDisabled: i } = t, s = U((l) => {
-    l.ctrlKey || (l.preventDefault(), l.stopPropagation(), n && n({
-      deltaX: l.deltaX,
-      deltaY: l.deltaY
-    }));
+function ge(e, t, r) {
+  let n = s(t), o = R(() => {
+    r && r(n.current);
+  });
+  $(() => {
+    var l;
+    let a = e == null || (l = e.current) === null || l === void 0 ? void 0 : l.form;
+    return a == null || a.addEventListener("reset", o), () => {
+      a == null || a.removeEventListener("reset", o);
+    };
   }, [
-    n
+    e,
+    o
   ]);
-  Ee(r, "wheel", i ? null : s);
-}
-const Ve = 500;
-function nt(t) {
-  let { isDisabled: r, onLongPressStart: n, onLongPressEnd: i, onLongPress: s, threshold: l = Ve, accessibilityDescription: f } = t;
-  const d = W(null);
-  let { addGlobalListener: c, removeGlobalListener: b } = le(), { pressProps: $ } = we({
-    isDisabled: r,
-    onPressStart(v) {
-      if ((v.pointerType === "mouse" || v.pointerType === "touch") && (n && n({
-        ...v,
-        type: "longpressstart"
-      }), d.current = setTimeout(() => {
-        v.target.dispatchEvent(new PointerEvent("pointercancel", {
-          bubbles: !0
-        })), s && s({
-          ...v,
-          type: "longpress"
-        }), d.current = null;
-      }, l), v.pointerType === "touch")) {
-        let g = (T) => {
-          T.preventDefault();
-        };
-        c(v.target, "contextmenu", g, {
-          once: !0
-        }), c(window, "pointerup", () => {
-          setTimeout(() => {
-            b(v.target, "contextmenu", g);
-          }, 30);
-        }, {
-          once: !0
-        });
-      }
-    },
-    onPressEnd(v) {
-      d.current && clearTimeout(d.current), i && (v.pointerType === "mouse" || v.pointerType === "touch") && i({
-        ...v,
-        type: "longpressend"
-      });
-    }
-  }), m = Le(s && !r ? f : null);
-  return {
-    longPressProps: re($, m)
-  };
 }
 export {
-  qe as getInteractionModality,
-  Be as isFocusVisible,
-  je as setInteractionModality,
-  Ne as useFocus,
-  Je as useFocusVisibleListener,
-  Qe as useFocusWithin,
-  Ze as useHover,
-  et as useInteractOutside,
-  ze as useInteractionModality,
-  tt as useKeyboard,
-  nt as useLongPress,
-  we as usePress,
-  rt as useScrollWheel
+  G as chain,
+  ae as filterDOMProps,
+  ie as focusWithoutScrolling,
+  E as getScrollParent,
+  V as isAndroid,
+  pe as isAppleDevice,
+  Z as isChrome,
+  Q as isIOS,
+  J as isIPad,
+  K as isIPhone,
+  M as isMac,
+  I as isScrollable,
+  ye as isVirtualClick,
+  we as isVirtualPointerEvent,
+  ve as isWebKit,
+  W as mergeIds,
+  oe as mergeProps,
+  le as mergeRefs,
+  fe as runAfterTransition,
+  _ as scrollIntoView,
+  he as scrollIntoViewport,
+  xe as useDeepMemo,
+  $e as useDescription,
+  R as useEffectEvent,
+  me as useEvent,
+  ge as useFormReset,
+  ce as useGlobalListeners,
+  A as useId,
+  de as useLabels,
+  b as useLayoutEffect,
+  se as useObjectRef,
+  ue as useResizeObserver,
+  ne as useSlotId,
+  be as useSyncRef,
+  D as useValueEffect
 };