@new-black/lyra 0.0.7 → 0.0.9

package/dist/lyra64.js

@@ -1,826 +1,51 @@
-import E, { useEffect as Z, useState as j, useMemo as ie, useCallback as J, useRef as et, useContext as G } from "react";
-import { useId as tt, useLabels as ot, useLayoutEffect as I, mergeProps as rt, useResizeObserver as nt, isIOS as lt, chain as Y, getScrollParent as se } from "./lyra33.js";
-import { FocusScope as at, isElementInChildOfActiveScope as it } from "./lyra40.js";
-import { useInteractOutside as st, useFocusWithin as ct } from "./lyra36.js";
-import ce from "react-dom";
-import { useIsSSR as de } from "./lyra28.js";
-import { VisuallyHidden as dt } from "./lyra66.js";
-import { clamp as V } from "./lyra67.js";
-import { useLocalizedStringFormatter as ft, useLocale as pt } from "./lyra29.js";
-function ut(e) {
-  return e && e.__esModule ? e.default : e;
-}
-const Q = {
-  top: "top",
-  bottom: "top",
-  left: "left",
-  right: "left"
-}, k = {
-  top: "bottom",
-  bottom: "top",
-  left: "right",
-  right: "left"
-}, $t = {
-  top: "left",
-  left: "top"
-}, U = {
-  top: "height",
-  left: "width"
-}, mt = {
-  width: "totalWidth",
-  height: "totalHeight"
-}, N = {};
-let S = typeof window < "u" && window.visualViewport;
-function vt(e) {
-  let t = 0, o = 0, r = 0, n = 0, a = 0, s = 0, l = {};
-  if (e.tagName === "BODY") {
-    let d = document.documentElement;
-    r = d.clientWidth, n = d.clientHeight;
-    var i;
-    t = (i = S == null ? void 0 : S.width) !== null && i !== void 0 ? i : r;
-    var p;
-    o = (p = S == null ? void 0 : S.height) !== null && p !== void 0 ? p : n, l.top = d.scrollTop || e.scrollTop, l.left = d.scrollLeft || e.scrollLeft;
-  } else
-    ({ width: t, height: o, top: a, left: s } = R(e)), l.top = e.scrollTop, l.left = e.scrollLeft, r = t, n = o;
-  return {
-    width: t,
-    height: o,
-    totalWidth: r,
-    totalHeight: n,
-    scroll: l,
-    top: a,
-    left: s
-  };
-}
-function bt(e) {
-  return {
-    top: e.scrollTop,
-    left: e.scrollLeft,
-    width: e.scrollWidth,
-    height: e.scrollHeight
-  };
-}
-function ee(e, t, o, r, n) {
-  let a = r.scroll[e], s = r[U[e]], l = t - n - a, i = t + n - a + o;
-  return l < 0 ? -l : i > s ? Math.max(s - i, -l) : 0;
-}
-function gt(e) {
-  let t = window.getComputedStyle(e);
-  return {
-    top: parseInt(t.marginTop, 10) || 0,
-    bottom: parseInt(t.marginBottom, 10) || 0,
-    left: parseInt(t.marginLeft, 10) || 0,
-    right: parseInt(t.marginRight, 10) || 0
-  };
-}
-function te(e) {
-  if (N[e])
-    return N[e];
-  let [t, o] = e.split(" "), r = Q[t] || "right", n = $t[r];
-  Q[o] || (o = "center");
-  let a = U[r], s = U[n];
-  return N[e] = {
-    placement: t,
-    crossPlacement: o,
-    axis: r,
-    crossAxis: n,
-    size: a,
-    crossSize: s
-  }, N[e];
-}
-function K(e, t, o, r, n, a, s, l, i, p) {
-  let { placement: d, crossPlacement: $, axis: c, crossAxis: u, size: f, crossSize: v } = r, b = {};
-  b[u] = e[u], $ === "center" ? b[u] += (e[v] - o[v]) / 2 : $ !== u && (b[u] += e[v] - o[v]), b[u] += a;
-  const m = e[u] - o[v] + i + p, h = e[u] + e[v] - i - p;
-  if (b[u] = V(b[u], m, h), d === c) {
-    const P = l ? s[f] : t[mt[f]];
-    b[k[c]] = Math.floor(P - e[c] + n);
-  } else
-    b[c] = Math.floor(e[c] + e[f] + n);
-  return b;
-}
-function ht(e, t, o, r, n, a) {
-  return e.top != null ? Math.max(0, t.height + t.top + t.scroll.top - (o.top + e.top) - (n.top + n.bottom + a)) : Math.max(0, r.top + o.top - (t.top + t.scroll.top) - (n.top + n.bottom + a));
-}
-function oe(e, t, o, r, n, a) {
-  let { placement: s, axis: l, size: i } = a;
-  return s === l ? Math.max(0, o[l] - e[l] - e.scroll[l] + t[l] - r[l] - r[k[l]] - n) : Math.max(0, e[i] + e[l] + e.scroll[l] - t[l] - o[l] - o[i] - r[l] - r[k[l]] - n);
-}
-function xt(e, t, o, r, n, a, s, l, i, p, d, $, c, u, f) {
-  let v = te(e), { size: b, crossAxis: m, crossSize: h, placement: P, crossPlacement: y } = v, g = K(t, l, o, v, p, d, i, $, u, f), O = p, x = oe(l, i, t, n, a + p, v);
-  if (s && r[b] > x) {
-    let z = te(`${k[P]} ${y}`), Qe = K(t, l, o, z, p, d, i, $, u, f);
-    oe(l, i, t, n, a + p, z) > x && (v = z, g = Qe, O = p);
-  }
-  let w = ee(m, g[m], o[h], l, a);
-  g[m] += w;
-  let F = ht(g, l, i, t, n, a);
-  c && c < F && (F = c), o.height = Math.min(o.height, F), g = K(t, l, o, v, O, d, i, $, u, f), w = ee(m, g[m], o[h], l, a), g[m] += w;
-  let W = {}, qe = t[m] + 0.5 * t[h] - o[m];
-  const Xe = u / 2 + f, Ze = o[h] - u / 2 - f, je = t[m] - o[m] + u / 2, Ge = t[m] + t[h] - o[m] - u / 2, Je = V(qe, je, Ge);
-  return W[m] = V(Je, Xe, Ze), {
-    position: g,
-    maxHeight: F,
-    arrowOffsetLeft: W.left,
-    arrowOffsetTop: W.top,
-    placement: v.placement
-  };
-}
-function wt(e) {
-  let { placement: t, targetNode: o, overlayNode: r, scrollNode: n, padding: a, shouldFlip: s, boundaryElement: l, offset: i, crossOffset: p, maxHeight: d, arrowSize: $, arrowBoundaryOffset: c = 0 } = e, u = r instanceof HTMLElement ? Et(r) : document.documentElement, f = u === document.documentElement;
-  const v = window.getComputedStyle(u).position;
-  let b = !!v && v !== "static", m = f ? R(o) : re(o, u);
-  if (!f) {
-    let { marginTop: x, marginLeft: w } = window.getComputedStyle(o);
-    m.top += parseInt(x, 10) || 0, m.left += parseInt(w, 10) || 0;
-  }
-  let h = R(r), P = gt(r);
-  h.width += P.left + P.right, h.height += P.top + P.bottom;
-  let y = bt(n), g = vt(l), O = l.tagName === "BODY" ? R(u) : re(u, l);
-  return xt(t, m, h, y, P, a, s, g, O, i, p, b, d, $, c);
-}
-function R(e) {
-  let { top: t, left: o, width: r, height: n } = e.getBoundingClientRect(), { scrollTop: a, scrollLeft: s, clientTop: l, clientLeft: i } = document.documentElement;
-  return {
-    top: t + a - l,
-    left: o + s - i,
-    width: r,
-    height: n
-  };
-}
-function re(e, t) {
-  let o = window.getComputedStyle(e), r;
-  if (o.position === "fixed") {
-    let { top: n, left: a, width: s, height: l } = e.getBoundingClientRect();
-    r = {
-      top: n,
-      left: a,
-      width: s,
-      height: l
-    };
-  } else {
-    r = R(e);
-    let n = R(t), a = window.getComputedStyle(t);
-    n.top += (parseInt(a.borderTopWidth, 10) || 0) - t.scrollTop, n.left += (parseInt(a.borderLeftWidth, 10) || 0) - t.scrollLeft, r.top -= n.top, r.left -= n.left;
-  }
-  return r.top -= parseInt(o.marginTop, 10) || 0, r.left -= parseInt(o.marginLeft, 10) || 0, r;
-}
-function Et(e) {
-  let t = e.offsetParent;
-  if (t && t === document.body && window.getComputedStyle(t).position === "static" && !ne(t) && (t = document.documentElement), t == null)
-    for (t = e.parentElement; t && !ne(t); )
-      t = t.parentElement;
-  return t || document.documentElement;
-}
-function ne(e) {
-  let t = window.getComputedStyle(e);
-  return t.transform !== "none" || /transform|perspective/.test(t.willChange) || t.filter !== "none" || t.contain === "paint" || // @ts-ignore
-  "backdropFilter" in t && t.backdropFilter !== "none" || // @ts-ignore
-  "WebkitBackdropFilter" in t && t.WebkitBackdropFilter !== "none";
-}
-const fe = /* @__PURE__ */ new WeakMap();
-function Pt(e) {
-  let { triggerRef: t, isOpen: o, onClose: r } = e;
-  Z(() => {
-    if (!o || r === null)
-      return;
-    let n = (a) => {
-      let s = a.target;
-      if (!t.current || s instanceof Node && !s.contains(t.current))
-        return;
-      let l = r || fe.get(t.current);
-      l && l();
-    };
-    return window.addEventListener("scroll", n, !0), () => {
-      window.removeEventListener("scroll", n, !0);
-    };
-  }, [
-    o,
-    r,
-    t
-  ]);
-}
-let C = typeof window < "u" && window.visualViewport;
-function Ct(e) {
-  let { direction: t } = pt(), { arrowSize: o = 0, targetRef: r, overlayRef: n, scrollRef: a = n, placement: s = "bottom", containerPadding: l = 12, shouldFlip: i = !0, boundaryElement: p = typeof document < "u" ? document.body : null, offset: d = 0, crossOffset: $ = 0, shouldUpdatePosition: c = !0, isOpen: u = !0, onClose: f, maxHeight: v, arrowBoundaryOffset: b = 0 } = e, [m, h] = j({
-    position: {},
-    arrowOffsetLeft: void 0,
-    arrowOffsetTop: void 0,
-    maxHeight: void 0,
-    placement: void 0
-  }), P = [
-    c,
-    s,
-    n.current,
-    r.current,
-    a.current,
-    l,
-    i,
-    p,
-    d,
-    $,
-    u,
-    t,
-    v,
-    b,
-    o
-  ], y = J(() => {
-    if (c === !1 || !u || !n.current || !r.current || !a.current || !p)
-      return;
-    let x = wt({
-      placement: yt(s, t),
-      overlayNode: n.current,
-      targetNode: r.current,
-      scrollNode: a.current,
-      padding: l,
-      shouldFlip: i,
-      boundaryElement: p,
-      offset: d,
-      crossOffset: $,
-      maxHeight: v,
-      arrowSize: o,
-      arrowBoundaryOffset: b
-    });
-    Object.keys(x.position).forEach((w) => n.current.style[w] = x.position[w] + "px"), n.current.style.maxHeight = x.maxHeight != null ? x.maxHeight + "px" : void 0, h(x);
-  }, P);
-  I(y, P), Tt(y), nt({
-    ref: n,
-    onResize: y
-  });
-  let g = et(!1);
-  I(() => {
-    let x, w = () => {
-      g.current = !0, clearTimeout(x), x = setTimeout(() => {
-        g.current = !1;
-      }, 500), y();
-    };
-    return C == null || C.addEventListener("resize", w), C == null || C.addEventListener("scroll", w), () => {
-      C == null || C.removeEventListener("resize", w), C == null || C.removeEventListener("scroll", w);
-    };
-  }, [
-    y
-  ]);
-  let O = J(() => {
-    g.current || f();
-  }, [
-    f,
-    g
-  ]);
-  return Pt({
-    triggerRef: r,
-    isOpen: u,
-    onClose: f && O
-  }), {
-    overlayProps: {
-      style: {
-        position: "absolute",
-        zIndex: 1e5,
-        ...m.position,
-        maxHeight: m.maxHeight
-      }
-    },
-    placement: m.placement,
-    arrowProps: {
-      style: {
-        left: m.arrowOffsetLeft,
-        top: m.arrowOffsetTop
-      }
-    },
-    updatePosition: y
-  };
-}
-function Tt(e) {
-  I(() => (window.addEventListener("resize", e, !1), () => {
-    window.removeEventListener("resize", e, !1);
-  }), [
-    e
-  ]);
-}
-function yt(e, t) {
-  return t === "rtl" ? e.replace("start", "right").replace("end", "left") : e.replace("start", "left").replace("end", "right");
-}
-const L = [];
-function Lt(e, t) {
-  let { onClose: o, shouldCloseOnBlur: r, isOpen: n, isDismissable: a = !1, isKeyboardDismissDisabled: s = !1, shouldCloseOnInteractOutside: l } = e;
-  Z(() => (n && L.push(t), () => {
-    let f = L.indexOf(t);
-    f >= 0 && L.splice(f, 1);
-  }), [
-    n,
-    t
-  ]);
-  let i = () => {
-    L[L.length - 1] === t && o && o();
-  }, p = (f) => {
-    (!l || l(f.target)) && L[L.length - 1] === t && (f.stopPropagation(), f.preventDefault());
-  }, d = (f) => {
-    (!l || l(f.target)) && (L[L.length - 1] === t && (f.stopPropagation(), f.preventDefault()), i());
-  }, $ = (f) => {
-    f.key === "Escape" && !s && (f.stopPropagation(), f.preventDefault(), i());
-  };
-  st({
-    ref: t,
-    onInteractOutside: a ? d : null,
-    onInteractOutsideStart: p
-  });
-  let { focusWithinProps: c } = ct({
-    isDisabled: !r,
-    onBlurWithin: (f) => {
-      f.relatedTarget && it(f.relatedTarget) || (!l || l(f.relatedTarget)) && o();
-    }
-  }), u = (f) => {
-    f.target === f.currentTarget && f.preventDefault();
-  };
-  return {
-    overlayProps: {
-      onKeyDown: $,
-      ...c
-    },
-    underlayProps: {
-      onPointerDown: u
-    }
-  };
-}
-function qt(e, t, o) {
-  let { type: r } = e, { isOpen: n } = t;
-  Z(() => {
-    o && o.current && fe.set(o.current, t.close);
+import { useSlotId as s, mergeProps as f, useId as t, useLabels as p } from "./lyra35.js";
+function c(r) {
+  let { id: a, label: d, "aria-labelledby": e, "aria-label": b, labelElementType: o = "label" } = r;
+  a = t(a);
+  let l = t(), i = {};
+  d ? (e = e ? `${l} ${e}` : l, i = {
+    id: l,
+    htmlFor: o === "label" ? a : void 0
+  }) : !e && !b && console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility");
+  let n = p({
+    id: a,
+    "aria-label": b,
+    "aria-labelledby": e
   });
-  let a;
-  r === "menu" ? a = !0 : r === "listbox" && (a = "listbox");
-  let s = tt();
   return {
-    triggerProps: {
-      "aria-haspopup": a,
-      "aria-expanded": n,
-      "aria-controls": n ? s : null,
-      onPress: t.toggle
-    },
-    overlayProps: {
-      id: s
-    }
-  };
-}
-const B = typeof window < "u" && window.visualViewport, Ot = /* @__PURE__ */ new Set([
-  "checkbox",
-  "radio",
-  "range",
-  "color",
-  "file",
-  "image",
-  "button",
-  "submit",
-  "reset"
-]);
-let D = 0, _;
-function St(e = {}) {
-  let { isDisabled: t } = e;
-  I(() => {
-    if (!t)
-      return D++, D === 1 && (lt() ? _ = It() : _ = Rt()), () => {
-        D--, D === 0 && _();
-      };
-  }, [
-    t
-  ]);
-}
-function Rt() {
-  return Y(A(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), A(document.documentElement, "overflow", "hidden"));
-}
-function It() {
-  let e, t = 0, o = ($) => {
-    e = se($.target), !(e === document.documentElement && e === document.body) && (t = $.changedTouches[0].pageY);
-  }, r = ($) => {
-    if (!e || e === document.documentElement || e === document.body) {
-      $.preventDefault();
-      return;
-    }
-    let c = $.changedTouches[0].pageY, u = e.scrollTop, f = e.scrollHeight - e.clientHeight;
-    f !== 0 && ((u <= 0 && c > t || u >= f && c < t) && $.preventDefault(), t = c);
-  }, n = ($) => {
-    let c = $.target;
-    ae(c) && c !== document.activeElement && ($.preventDefault(), c.style.transform = "translateY(-2000px)", c.focus(), requestAnimationFrame(() => {
-      c.style.transform = "";
-    }));
-  }, a = ($) => {
-    let c = $.target;
-    ae(c) && (c.style.transform = "translateY(-2000px)", requestAnimationFrame(() => {
-      c.style.transform = "", B && (B.height < window.innerHeight ? requestAnimationFrame(() => {
-        le(c);
-      }) : B.addEventListener("resize", () => le(c), {
-        once: !0
-      }));
-    }));
-  }, s = () => {
-    window.scrollTo(0, 0);
-  }, l = window.pageXOffset, i = window.pageYOffset, p = Y(A(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), A(document.documentElement, "overflow", "hidden"), A(document.body, "marginTop", `-${i}px`));
-  window.scrollTo(0, 0);
-  let d = Y(M(document, "touchstart", o, {
-    passive: !1,
-    capture: !0
-  }), M(document, "touchmove", r, {
-    passive: !1,
-    capture: !0
-  }), M(document, "touchend", n, {
-    passive: !1,
-    capture: !0
-  }), M(document, "focus", a, !0), M(window, "scroll", s));
-  return () => {
-    p(), d(), window.scrollTo(l, i);
+    labelProps: i,
+    fieldProps: n
   };
 }
-function A(e, t, o) {
-  let r = e.style[t];
-  return e.style[t] = o, () => {
-    e.style[t] = r;
-  };
-}
-function M(e, t, o, r) {
-  return e.addEventListener(t, o, r), () => {
-    e.removeEventListener(t, o, r);
-  };
-}
-function le(e) {
-  let t = document.scrollingElement || document.documentElement;
-  for (; e && e !== t; ) {
-    let o = se(e);
-    if (o !== document.documentElement && o !== document.body && o !== e) {
-      let r = o.getBoundingClientRect().top, n = e.getBoundingClientRect().top;
-      n > r + e.clientHeight && (o.scrollTop += n - r);
-    }
-    e = o.parentElement;
-  }
-}
-function ae(e) {
-  return e instanceof HTMLInputElement && !Ot.has(e.type) || e instanceof HTMLTextAreaElement || e instanceof HTMLElement && e.isContentEditable;
-}
-const q = /* @__PURE__ */ E.createContext(null);
-function Mt(e) {
-  let { children: t } = e, o = G(q), [r, n] = j(0), a = ie(() => ({
-    parent: o,
-    modalCount: r,
-    addModal() {
-      n((s) => s + 1), o && o.addModal();
-    },
-    removeModal() {
-      n((s) => s - 1), o && o.removeModal();
-    }
-  }), [
-    o,
-    r
+function u(r) {
+  let { description: a, errorMessage: d, validationState: e } = r, { labelProps: b, fieldProps: o } = c(r), l = s([
+    !!a,
+    !!d,
+    e
+  ]), i = s([
+    !!a,
+    !!d,
+    e
   ]);
-  return /* @__PURE__ */ E.createElement(q.Provider, {
-    value: a
-  }, t);
-}
-function Ht() {
-  let e = G(q);
-  return {
-    modalProviderProps: {
-      "aria-hidden": e && e.modalCount > 0 ? !0 : null
-    }
-  };
-}
-function At(e) {
-  let { modalProviderProps: t } = Ht();
-  return /* @__PURE__ */ E.createElement("div", {
-    "data-overlay-container": !0,
-    ...e,
-    ...t
-  });
-}
-function Ft(e) {
-  return /* @__PURE__ */ E.createElement(Mt, null, /* @__PURE__ */ E.createElement(At, e));
-}
-function Xt(e) {
-  let t = de(), { portalContainer: o = t ? null : document.body, ...r } = e;
-  if (E.useEffect(() => {
-    if (o != null && o.closest("[data-overlay-container]"))
-      throw new Error("An OverlayContainer must not be inside another container. Please change the portalContainer prop.");
-  }, [
-    o
-  ]), !o)
-    return null;
-  let n = /* @__PURE__ */ E.createElement(Ft, r);
-  return /* @__PURE__ */ ce.createPortal(n, o);
-}
-var pe = {}, ue = {};
-ue = {
-  dismiss: "تجاهل"
-};
-var $e = {};
-$e = {
-  dismiss: "Отхвърляне"
-};
-var me = {};
-me = {
-  dismiss: "Odstranit"
-};
-var ve = {};
-ve = {
-  dismiss: "Luk"
-};
-var be = {};
-be = {
-  dismiss: "Schließen"
-};
-var ge = {};
-ge = {
-  dismiss: "Απόρριψη"
-};
-var he = {};
-he = {
-  dismiss: "Dismiss"
-};
-var xe = {};
-xe = {
-  dismiss: "Descartar"
-};
-var we = {};
-we = {
-  dismiss: "Lõpeta"
-};
-var Ee = {};
-Ee = {
-  dismiss: "Hylkää"
-};
-var Pe = {};
-Pe = {
-  dismiss: "Rejeter"
-};
-var Ce = {};
-Ce = {
-  dismiss: "התעלם"
-};
-var Te = {};
-Te = {
-  dismiss: "Odbaci"
-};
-var ye = {};
-ye = {
-  dismiss: "Elutasítás"
-};
-var Le = {};
-Le = {
-  dismiss: "Ignora"
-};
-var Oe = {};
-Oe = {
-  dismiss: "閉じる"
-};
-var Se = {};
-Se = {
-  dismiss: "무시"
-};
-var Re = {};
-Re = {
-  dismiss: "Atmesti"
-};
-var Ie = {};
-Ie = {
-  dismiss: "Nerādīt"
-};
-var Me = {};
-Me = {
-  dismiss: "Lukk"
-};
-var He = {};
-He = {
-  dismiss: "Negeren"
-};
-var Ae = {};
-Ae = {
-  dismiss: "Zignoruj"
-};
-var Fe = {};
-Fe = {
-  dismiss: "Descartar"
-};
-var Ne = {};
-Ne = {
-  dismiss: "Dispensar"
-};
-var De = {};
-De = {
-  dismiss: "Revocare"
-};
-var ke = {};
-ke = {
-  dismiss: "Пропустить"
-};
-var We = {};
-We = {
-  dismiss: "Zrušiť"
-};
-var ze = {};
-ze = {
-  dismiss: "Opusti"
-};
-var Ke = {};
-Ke = {
-  dismiss: "Odbaci"
-};
-var Be = {};
-Be = {
-  dismiss: "Avvisa"
-};
-var _e = {};
-_e = {
-  dismiss: "Kapat"
-};
-var Ye = {};
-Ye = {
-  dismiss: "Скасувати"
-};
-var Ve = {};
-Ve = {
-  dismiss: "取消"
-};
-var Ue = {};
-Ue = {
-  dismiss: "關閉"
-};
-pe = {
-  "ar-AE": ue,
-  "bg-BG": $e,
-  "cs-CZ": me,
-  "da-DK": ve,
-  "de-DE": be,
-  "el-GR": ge,
-  "en-US": he,
-  "es-ES": xe,
-  "et-EE": we,
-  "fi-FI": Ee,
-  "fr-FR": Pe,
-  "he-IL": Ce,
-  "hr-HR": Te,
-  "hu-HU": ye,
-  "it-IT": Le,
-  "ja-JP": Oe,
-  "ko-KR": Se,
-  "lt-LT": Re,
-  "lv-LV": Ie,
-  "nb-NO": Me,
-  "nl-NL": He,
-  "pl-PL": Ae,
-  "pt-BR": Fe,
-  "pt-PT": Ne,
-  "ro-RO": De,
-  "ru-RU": ke,
-  "sk-SK": We,
-  "sl-SI": ze,
-  "sr-SP": Ke,
-  "sv-SE": Be,
-  "tr-TR": _e,
-  "uk-UA": Ye,
-  "zh-CN": Ve,
-  "zh-TW": Ue
-};
-function Zt(e) {
-  let { onDismiss: t, ...o } = e, r = ft(/* @__PURE__ */ ut(pe)), n = ot(o, r.format("dismiss")), a = () => {
-    t && t();
-  };
-  return /* @__PURE__ */ E.createElement(dt, null, /* @__PURE__ */ E.createElement("button", {
-    ...n,
-    tabIndex: -1,
-    onClick: a
-  }));
-}
-let H = /* @__PURE__ */ new WeakMap(), T = [];
-function Nt(e, t = document.body) {
-  let o = new Set(e), r = /* @__PURE__ */ new Set(), n = (i) => {
-    for (let c of i.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]"))
-      o.add(c);
-    let p = (c) => {
-      if (o.has(c) || r.has(c.parentElement) && c.parentElement.getAttribute("role") !== "row")
-        return NodeFilter.FILTER_REJECT;
-      for (let u of o)
-        if (c.contains(u))
-          return NodeFilter.FILTER_SKIP;
-      return NodeFilter.FILTER_ACCEPT;
-    }, d = document.createTreeWalker(i, NodeFilter.SHOW_ELEMENT, {
-      acceptNode: p
-    }), $ = p(i);
-    if ($ === NodeFilter.FILTER_ACCEPT && a(i), $ !== NodeFilter.FILTER_REJECT) {
-      let c = d.nextNode();
-      for (; c != null; )
-        a(c), c = d.nextNode();
-    }
-  }, a = (i) => {
-    var p;
-    let d = (p = H.get(i)) !== null && p !== void 0 ? p : 0;
-    i.getAttribute("aria-hidden") === "true" && d === 0 || (d === 0 && i.setAttribute("aria-hidden", "true"), r.add(i), H.set(i, d + 1));
-  };
-  T.length && T[T.length - 1].disconnect(), n(t);
-  let s = new MutationObserver((i) => {
-    for (let p of i)
-      if (!(p.type !== "childList" || p.addedNodes.length === 0) && ![
-        ...o,
-        ...r
-      ].some((d) => d.contains(p.target))) {
-        for (let d of p.removedNodes)
-          d instanceof Element && (o.delete(d), r.delete(d));
-        for (let d of p.addedNodes)
-          (d instanceof HTMLElement || d instanceof SVGElement) && (d.dataset.liveAnnouncer === "true" || d.dataset.reactAriaTopLayer === "true") ? o.add(d) : d instanceof Element && n(d);
-      }
-  });
-  s.observe(t, {
-    childList: !0,
-    subtree: !0
-  });
-  let l = {
-    observe() {
-      s.observe(t, {
-        childList: !0,
-        subtree: !0
-      });
+  return o = f(o, {
+    "aria-describedby": [
+      l,
+      // Use aria-describedby for error message because aria-errormessage is unsupported using VoiceOver or NVDA. See https://github.com/adobe/react-spectrum/issues/1346#issuecomment-740136268
+      i,
+      r["aria-describedby"]
+    ].filter(Boolean).join(" ") || void 0
+  }), {
+    labelProps: b,
+    fieldProps: o,
+    descriptionProps: {
+      id: l
     },
-    disconnect() {
-      s.disconnect();
-    }
-  };
-  return T.push(l), () => {
-    s.disconnect();
-    for (let i of r) {
-      let p = H.get(i);
-      p === 1 ? (i.removeAttribute("aria-hidden"), H.delete(i)) : H.set(i, p - 1);
+    errorMessageProps: {
+      id: i
     }
-    l === T[T.length - 1] ? (T.pop(), T.length && T[T.length - 1].observe()) : T.splice(T.indexOf(l), 1);
   };
 }
-function jt(e, t) {
-  let { triggerRef: o, popoverRef: r, isNonModal: n, isKeyboardDismissDisabled: a, ...s } = e, { overlayProps: l, underlayProps: i } = Lt({
-    isOpen: t.isOpen,
-    onClose: t.close,
-    shouldCloseOnBlur: !0,
-    isDismissable: !n,
-    isKeyboardDismissDisabled: a
-  }, r), { overlayProps: p, arrowProps: d, placement: $ } = Ct({
-    ...s,
-    targetRef: o,
-    overlayRef: r,
-    isOpen: t.isOpen,
-    onClose: null
-  });
-  return St({
-    isDisabled: n
-  }), I(() => {
-    if (t.isOpen && !n && r.current)
-      return Nt([
-        r.current
-      ]);
-  }, [
-    n,
-    t.isOpen,
-    r
-  ]), {
-    popoverProps: rt(l, p),
-    arrowProps: d,
-    underlayProps: i,
-    placement: $
-  };
-}
-const X = /* @__PURE__ */ E.createContext(null);
-function Gt(e) {
-  let t = de(), { portalContainer: o = t ? null : document.body } = e, [r, n] = j(!1), a = ie(() => ({
-    contain: r,
-    setContain: n
-  }), [
-    r,
-    n
-  ]);
-  if (!o)
-    return null;
-  let s;
-  return e.disableFocusManagement ? s = /* @__PURE__ */ E.createElement(X.Provider, {
-    value: a
-  }, e.children) : s = /* @__PURE__ */ E.createElement(X.Provider, {
-    value: a
-  }, /* @__PURE__ */ E.createElement(at, {
-    restoreFocus: !0,
-    contain: r
-  }, e.children)), /* @__PURE__ */ ce.createPortal(s, o);
-}
-function Jt() {
-  let e = G(X), t = e == null ? void 0 : e.setContain;
-  I(() => {
-    t == null || t(!0);
-  }, [
-    t
-  ]);
-}
 export {
-  Zt as DismissButton,
-  Mt as ModalProvider,
-  Gt as Overlay,
-  Xt as OverlayContainer,
-  Ft as OverlayProvider,
-  Nt as ariaHideOutside,
-  Ht as useModalProvider,
-  Lt as useOverlay,
-  Jt as useOverlayFocusContain,
-  Ct as useOverlayPosition,
-  qt as useOverlayTrigger,
-  jt as usePopover,
-  St as usePreventScroll
+  u as useField,
+  c as useLabel
 };