@commercetools/nimbus 0.0.9-rc8 → 0.0.10

package/dist/chunks/Dialog-Ct6jqZ14.es.js

@@ -0,0 +1,870 @@
+import { $ as Ue } from "./Button-BOMjcccZ.es.js";
+import { $ as Q, a as ee, e as te, g as q } from "./utils-DB75DiMj.es.js";
+import { $ as Je } from "./RSPContexts-AkhSBHGO.es.js";
+import { g as Ye, d as Ze, b as Xe, $ as re, c as Qe, e as et, f as tt, a as rt } from "./OverlayArrow-BpI9oaqU.es.js";
+import $, { useMemo as H, useRef as y, useContext as S, useEffect as w, useState as P, forwardRef as ne, createContext as R, useCallback as nt } from "react";
+import { $ as K, c as U, a as oe, d as O, e as k, b as ot } from "./mergeProps-BUo0BHVY.es.js";
+import { $ as V } from "./filterDOMProps-D6KHYVBX.es.js";
+import { a as W } from "./usePress-Cjh8V0gi.es.js";
+import { $ as it } from "./useObjectRef-CaJ5pgjX.es.js";
+import { a as at, $ as B } from "./focusSafely-CahaQIyI.es.js";
+import { b as lt, c as st } from "./FocusScope-BacYMT5s.es.js";
+import dt from "react-dom";
+import { $ as ct } from "./SSRProvider-eIEwc-2s.es.js";
+import { a as ut } from "./Hidden-CeBYiBUb.es.js";
+import { $ as ft } from "./context-D3RF-nTI.es.js";
+import { $ as $t } from "./useFocusWithin-BxAgY02U.es.js";
+import { b as bt } from "./utils-4CMfmbln.es.js";
+import { a as ie } from "./getScrollParent-DE66eQI-.es.js";
+import { f as mt } from "./platform-Bc175Jt1.es.js";
+import { a as pt } from "./useLabel-CekSAnqJ.es.js";
+import { $ as vt } from "./useLocalizedStringFormatter-BfWBwLjq.es.js";
+import { $ as gt } from "./VisuallyHidden-D5E2DfM-.es.js";
+const xt = /* @__PURE__ */ $.forwardRef(({ children: t, ...e }, r) => {
+  let o = y(!1), n = S(W);
+  r = it(r || (n == null ? void 0 : n.ref));
+  let l = K(n || {}, {
+    ...e,
+    ref: r,
+    register() {
+      o.current = !0, n && n.register();
+    }
+  });
+  return at(n, r), w(() => {
+    o.current || (process.env.NODE_ENV !== "production" && console.warn("A PressResponder was rendered without a pressable child. Either call the usePress hook, or wrap your DOM node with <Pressable> component."), o.current = !0);
+  }, []), /* @__PURE__ */ $.createElement(W.Provider, {
+    value: l
+  }, t);
+});
+function Et({ children: t }) {
+  let e = H(() => ({
+    register: () => {
+    }
+  }), []);
+  return /* @__PURE__ */ $.createElement(W.Provider, {
+    value: e
+  }, t);
+}
+function ht(t) {
+  let { ref: e, onInteractOutside: r, isDisabled: o, onInteractOutsideStart: n } = t, l = y({
+    isPointerDown: !1,
+    ignoreEmulatedMouseEvents: !1
+  }), d = U((a) => {
+    r && N(a, e) && (n && n(a), l.current.isPointerDown = !0);
+  }), c = U((a) => {
+    r && r(a);
+  });
+  w(() => {
+    let a = l.current;
+    if (o) return;
+    const s = e.current, i = bt(s);
+    if (typeof PointerEvent < "u") {
+      let u = (b) => {
+        a.isPointerDown && N(b, e) && c(b), a.isPointerDown = !1;
+      };
+      return i.addEventListener("pointerdown", d, !0), i.addEventListener("click", u, !0), () => {
+        i.removeEventListener("pointerdown", d, !0), i.removeEventListener("click", u, !0);
+      };
+    } else if (process.env.NODE_ENV === "test") {
+      let u = (p) => {
+        a.ignoreEmulatedMouseEvents ? a.ignoreEmulatedMouseEvents = !1 : a.isPointerDown && N(p, e) && c(p), a.isPointerDown = !1;
+      }, b = (p) => {
+        a.ignoreEmulatedMouseEvents = !0, a.isPointerDown && N(p, e) && c(p), a.isPointerDown = !1;
+      };
+      return i.addEventListener("mousedown", d, !0), i.addEventListener("mouseup", u, !0), i.addEventListener("touchstart", d, !0), i.addEventListener("touchend", b, !0), () => {
+        i.removeEventListener("mousedown", d, !0), i.removeEventListener("mouseup", u, !0), i.removeEventListener("touchstart", d, !0), i.removeEventListener("touchend", b, !0);
+      };
+    }
+  }, [
+    e,
+    o,
+    d,
+    c
+  ]);
+}
+function N(t, e) {
+  if (t.button > 0) return !1;
+  if (t.target) {
+    const r = t.target.ownerDocument;
+    if (!r || !r.documentElement.contains(t.target) || t.target.closest("[data-react-aria-top-layer]")) return !1;
+  }
+  return e.current ? !t.composedPath().includes(e.current) : !1;
+}
+const g = [];
+function yt(t, e) {
+  let { onClose: r, shouldCloseOnBlur: o, isOpen: n, isDismissable: l = !1, isKeyboardDismissDisabled: d = !1, shouldCloseOnInteractOutside: c } = t;
+  w(() => {
+    if (n && !g.includes(e))
+      return g.push(e), () => {
+        let f = g.indexOf(e);
+        f >= 0 && g.splice(f, 1);
+      };
+  }, [
+    n,
+    e
+  ]);
+  let a = () => {
+    g[g.length - 1] === e && r && r();
+  }, s = (f) => {
+    (!c || c(f.target)) && g[g.length - 1] === e && (f.stopPropagation(), f.preventDefault());
+  }, i = (f) => {
+    (!c || c(f.target)) && (g[g.length - 1] === e && (f.stopPropagation(), f.preventDefault()), a());
+  }, u = (f) => {
+    f.key === "Escape" && !d && !f.nativeEvent.isComposing && (f.stopPropagation(), f.preventDefault(), a());
+  };
+  ht({
+    ref: e,
+    onInteractOutside: l && n ? i : void 0,
+    onInteractOutsideStart: s
+  });
+  let { focusWithinProps: b } = $t({
+    isDisabled: !o,
+    onBlurWithin: (f) => {
+      !f.relatedTarget || lt(f.relatedTarget) || (!c || c(f.relatedTarget)) && (r == null || r());
+    }
+  }), p = (f) => {
+    f.target === f.currentTarget && f.preventDefault();
+  };
+  return {
+    overlayProps: {
+      onKeyDown: u,
+      ...b
+    },
+    underlayProps: {
+      onPointerDown: p
+    }
+  };
+}
+function Pt(t, e, r) {
+  let { type: o } = t, { isOpen: n } = e;
+  w(() => {
+    r && r.current && Ye.set(r.current, e.close);
+  });
+  let l;
+  o === "menu" ? l = !0 : o === "listbox" && (l = "listbox");
+  let d = oe();
+  return {
+    triggerProps: {
+      "aria-haspopup": l,
+      "aria-expanded": n,
+      "aria-controls": n ? d : void 0,
+      onPress: e.toggle
+    },
+    overlayProps: {
+      id: d
+    }
+  };
+}
+const M = typeof document < "u" && window.visualViewport, wt = /* @__PURE__ */ new Set([
+  "checkbox",
+  "radio",
+  "range",
+  "color",
+  "file",
+  "image",
+  "button",
+  "submit",
+  "reset"
+]);
+let L = 0, A;
+function Dt(t = {}) {
+  let { isDisabled: e } = t;
+  O(() => {
+    if (!e)
+      return L++, L === 1 && (mt() ? A = Ot() : A = Ct()), () => {
+        L--, L === 0 && A();
+      };
+  }, [
+    e
+  ]);
+}
+function Ct() {
+  let t = window.innerWidth - document.documentElement.clientWidth;
+  return k(t > 0 && // Use scrollbar-gutter when supported because it also works for fixed positioned elements.
+  ("scrollbarGutter" in document.documentElement.style ? E(document.documentElement, "scrollbarGutter", "stable") : E(document.documentElement, "paddingRight", `${t}px`)), E(document.documentElement, "overflow", "hidden"));
+}
+function Ot() {
+  let t, e, r = (s) => {
+    t = ie(s.target, !0), !(t === document.documentElement && t === document.body) && t instanceof HTMLElement && window.getComputedStyle(t).overscrollBehavior === "auto" && (e = E(t, "overscrollBehavior", "contain"));
+  }, o = (s) => {
+    if (!t || t === document.documentElement || t === document.body) {
+      s.preventDefault();
+      return;
+    }
+    t.scrollHeight === t.clientHeight && t.scrollWidth === t.clientWidth && s.preventDefault();
+  }, n = () => {
+    e && e();
+  }, l = (s) => {
+    let i = s.target;
+    St(i) && (c(), i.style.transform = "translateY(-2000px)", requestAnimationFrame(() => {
+      i.style.transform = "", M && (M.height < window.innerHeight ? requestAnimationFrame(() => {
+        J(i);
+      }) : M.addEventListener("resize", () => J(i), {
+        once: !0
+      }));
+    }));
+  }, d = null, c = () => {
+    if (d) return;
+    let s = () => {
+      window.scrollTo(0, 0);
+    }, i = window.pageXOffset, u = window.pageYOffset;
+    d = k(D(window, "scroll", s), E(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), E(document.documentElement, "overflow", "hidden"), E(document.body, "marginTop", `-${u}px`), () => {
+      window.scrollTo(i, u);
+    }), window.scrollTo(0, 0);
+  }, a = k(D(document, "touchstart", r, {
+    passive: !1,
+    capture: !0
+  }), D(document, "touchmove", o, {
+    passive: !1,
+    capture: !0
+  }), D(document, "touchend", n, {
+    passive: !1,
+    capture: !0
+  }), D(document, "focus", l, !0));
+  return () => {
+    e == null || e(), d == null || d(), a();
+  };
+}
+function E(t, e, r) {
+  let o = t.style[e];
+  return t.style[e] = r, () => {
+    t.style[e] = o;
+  };
+}
+function D(t, e, r, o) {
+  return t.addEventListener(e, r, o), () => {
+    t.removeEventListener(e, r, o);
+  };
+}
+function J(t) {
+  let e = document.scrollingElement || document.documentElement, r = t;
+  for (; r && r !== e; ) {
+    let o = ie(r);
+    if (o !== document.documentElement && o !== document.body && o !== r) {
+      let n = o.getBoundingClientRect().top, l = r.getBoundingClientRect().top;
+      l > n + r.clientHeight && (o.scrollTop += l - n);
+    }
+    r = o.parentElement;
+  }
+}
+function St(t) {
+  return t instanceof HTMLInputElement && !wt.has(t.type) || t instanceof HTMLTextAreaElement || t instanceof HTMLElement && t.isContentEditable;
+}
+var ae = {};
+ae = {
+  dismiss: "تجاهل"
+};
+var le = {};
+le = {
+  dismiss: "Отхвърляне"
+};
+var se = {};
+se = {
+  dismiss: "Odstranit"
+};
+var de = {};
+de = {
+  dismiss: "Luk"
+};
+var ce = {};
+ce = {
+  dismiss: "Schließen"
+};
+var ue = {};
+ue = {
+  dismiss: "Απόρριψη"
+};
+var fe = {};
+fe = {
+  dismiss: "Dismiss"
+};
+var $e = {};
+$e = {
+  dismiss: "Descartar"
+};
+var be = {};
+be = {
+  dismiss: "Lõpeta"
+};
+var me = {};
+me = {
+  dismiss: "Hylkää"
+};
+var pe = {};
+pe = {
+  dismiss: "Rejeter"
+};
+var ve = {};
+ve = {
+  dismiss: "התעלם"
+};
+var ge = {};
+ge = {
+  dismiss: "Odbaci"
+};
+var xe = {};
+xe = {
+  dismiss: "Elutasítás"
+};
+var Ee = {};
+Ee = {
+  dismiss: "Ignora"
+};
+var he = {};
+he = {
+  dismiss: "閉じる"
+};
+var ye = {};
+ye = {
+  dismiss: "무시"
+};
+var Pe = {};
+Pe = {
+  dismiss: "Atmesti"
+};
+var we = {};
+we = {
+  dismiss: "Nerādīt"
+};
+var De = {};
+De = {
+  dismiss: "Lukk"
+};
+var Ce = {};
+Ce = {
+  dismiss: "Negeren"
+};
+var Oe = {};
+Oe = {
+  dismiss: "Zignoruj"
+};
+var Se = {};
+Se = {
+  dismiss: "Descartar"
+};
+var Re = {};
+Re = {
+  dismiss: "Dispensar"
+};
+var Te = {};
+Te = {
+  dismiss: "Revocare"
+};
+var Ne = {};
+Ne = {
+  dismiss: "Пропустить"
+};
+var Le = {};
+Le = {
+  dismiss: "Zrušiť"
+};
+var Ie = {};
+Ie = {
+  dismiss: "Opusti"
+};
+var Fe = {};
+Fe = {
+  dismiss: "Odbaci"
+};
+var Me = {};
+Me = {
+  dismiss: "Avvisa"
+};
+var Ae = {};
+Ae = {
+  dismiss: "Kapat"
+};
+var ke = {};
+ke = {
+  dismiss: "Скасувати"
+};
+var We = {};
+We = {
+  dismiss: "取消"
+};
+var Be = {};
+Be = {
+  dismiss: "關閉"
+};
+var He = {};
+He = {
+  "ar-AE": ae,
+  "bg-BG": le,
+  "cs-CZ": se,
+  "da-DK": de,
+  "de-DE": ce,
+  "el-GR": ue,
+  "en-US": fe,
+  "es-ES": $e,
+  "et-EE": be,
+  "fi-FI": me,
+  "fr-FR": pe,
+  "he-IL": ve,
+  "hr-HR": ge,
+  "hu-HU": xe,
+  "it-IT": Ee,
+  "ja-JP": he,
+  "ko-KR": ye,
+  "lt-LT": Pe,
+  "lv-LV": we,
+  "nb-NO": De,
+  "nl-NL": Ce,
+  "pl-PL": Oe,
+  "pt-BR": Se,
+  "pt-PT": Re,
+  "ro-RO": Te,
+  "ru-RU": Ne,
+  "sk-SK": Le,
+  "sl-SI": Ie,
+  "sr-SP": Fe,
+  "sv-SE": Me,
+  "tr-TR": Ae,
+  "uk-UA": ke,
+  "zh-CN": We,
+  "zh-TW": Be
+};
+function Rt(t) {
+  return t && t.__esModule ? t.default : t;
+}
+function Y(t) {
+  let { onDismiss: e, ...r } = t, o = vt(Rt(He), "@react-aria/overlays"), n = pt(r, o.format("dismiss")), l = () => {
+    e && e();
+  };
+  return /* @__PURE__ */ $.createElement(gt, null, /* @__PURE__ */ $.createElement("button", {
+    ...n,
+    tabIndex: -1,
+    onClick: l,
+    style: {
+      width: 1,
+      height: 1
+    }
+  }));
+}
+let C = /* @__PURE__ */ new WeakMap(), m = [];
+function Tt(t, e = document.body) {
+  let r = new Set(t), o = /* @__PURE__ */ new Set(), n = (a) => {
+    for (let b of a.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]")) r.add(b);
+    let s = (b) => {
+      if (r.has(b) || b.parentElement && o.has(b.parentElement) && b.parentElement.getAttribute("role") !== "row") return NodeFilter.FILTER_REJECT;
+      for (let p of r)
+        if (b.contains(p)) return NodeFilter.FILTER_SKIP;
+      return NodeFilter.FILTER_ACCEPT;
+    }, i = document.createTreeWalker(a, NodeFilter.SHOW_ELEMENT, {
+      acceptNode: s
+    }), u = s(a);
+    if (u === NodeFilter.FILTER_ACCEPT && l(a), u !== NodeFilter.FILTER_REJECT) {
+      let b = i.nextNode();
+      for (; b != null; )
+        l(b), b = i.nextNode();
+    }
+  }, l = (a) => {
+    var s;
+    let i = (s = C.get(a)) !== null && s !== void 0 ? s : 0;
+    a.getAttribute("aria-hidden") === "true" && i === 0 || (i === 0 && a.setAttribute("aria-hidden", "true"), o.add(a), C.set(a, i + 1));
+  };
+  m.length && m[m.length - 1].disconnect(), n(e);
+  let d = new MutationObserver((a) => {
+    for (let s of a)
+      if (!(s.type !== "childList" || s.addedNodes.length === 0) && ![
+        ...r,
+        ...o
+      ].some((i) => i.contains(s.target))) {
+        for (let i of s.removedNodes) i instanceof Element && (r.delete(i), o.delete(i));
+        for (let i of s.addedNodes)
+          (i instanceof HTMLElement || i instanceof SVGElement) && (i.dataset.liveAnnouncer === "true" || i.dataset.reactAriaTopLayer === "true") ? r.add(i) : i instanceof Element && n(i);
+      }
+  });
+  d.observe(e, {
+    childList: !0,
+    subtree: !0
+  });
+  let c = {
+    visibleNodes: r,
+    hiddenNodes: o,
+    observe() {
+      d.observe(e, {
+        childList: !0,
+        subtree: !0
+      });
+    },
+    disconnect() {
+      d.disconnect();
+    }
+  };
+  return m.push(c), () => {
+    d.disconnect();
+    for (let a of o) {
+      let s = C.get(a);
+      s != null && (s === 1 ? (a.removeAttribute("aria-hidden"), C.delete(a)) : C.set(a, s - 1));
+    }
+    c === m[m.length - 1] ? (m.pop(), m.length && m[m.length - 1].observe()) : m.splice(m.indexOf(c), 1);
+  };
+}
+function Nt(t) {
+  let e = m[m.length - 1];
+  if (e && !e.visibleNodes.has(t))
+    return e.visibleNodes.add(t), () => {
+      e.visibleNodes.delete(t);
+    };
+}
+function Lt(t, e) {
+  let { triggerRef: r, popoverRef: o, groupRef: n, isNonModal: l, isKeyboardDismissDisabled: d, shouldCloseOnInteractOutside: c, ...a } = t, s = a.trigger === "SubmenuTrigger", { overlayProps: i, underlayProps: u } = yt({
+    isOpen: e.isOpen,
+    onClose: e.close,
+    shouldCloseOnBlur: !0,
+    isDismissable: !l || s,
+    isKeyboardDismissDisabled: d,
+    shouldCloseOnInteractOutside: c
+  }, n ?? o), { overlayProps: b, arrowProps: p, placement: f } = Ze({
+    ...a,
+    targetRef: r,
+    overlayRef: o,
+    isOpen: e.isOpen,
+    onClose: l && !s ? e.close : null
+  });
+  return Dt({
+    isDisabled: l || !e.isOpen
+  }), O(() => {
+    if (e.isOpen && o.current) {
+      var x, v;
+      return l ? Nt((x = n == null ? void 0 : n.current) !== null && x !== void 0 ? x : o.current) : Tt([
+        (v = n == null ? void 0 : n.current) !== null && v !== void 0 ? v : o.current
+      ]);
+    }
+  }, [
+    l,
+    e.isOpen,
+    o,
+    n
+  ]), {
+    popoverProps: K(i, b),
+    arrowProps: p,
+    underlayProps: u,
+    placement: f
+  };
+}
+const Ke = /* @__PURE__ */ $.createContext(null);
+function Z(t) {
+  let e = ct(), { portalContainer: r = e ? null : document.body, isExiting: o } = t, [n, l] = P(!1), d = H(() => ({
+    contain: n,
+    setContain: l
+  }), [
+    n,
+    l
+  ]), { getContainer: c } = Xe();
+  if (!t.portalContainer && c && (r = c()), !r) return null;
+  let a = t.children;
+  return t.disableFocusManagement || (a = /* @__PURE__ */ $.createElement(st, {
+    restoreFocus: !0,
+    contain: (t.shouldContainFocus || n) && !o
+  }, a)), a = /* @__PURE__ */ $.createElement(Ke.Provider, {
+    value: d
+  }, /* @__PURE__ */ $.createElement(Et, null, a)), /* @__PURE__ */ dt.createPortal(a, r);
+}
+function It() {
+  let t = S(Ke), e = t == null ? void 0 : t.setContain;
+  O(() => {
+    e == null || e(!0);
+  }, [
+    e
+  ]);
+}
+function Ft(t, e) {
+  let { role: r = "dialog" } = t, o = ot();
+  o = t["aria-label"] ? void 0 : o;
+  let n = y(!1);
+  return w(() => {
+    if (e.current && !e.current.contains(document.activeElement)) {
+      B(e.current);
+      let l = setTimeout(() => {
+        document.activeElement === e.current && (n.current = !0, e.current && (e.current.blur(), B(e.current)), n.current = !1);
+      }, 500);
+      return () => {
+        clearTimeout(l);
+      };
+    }
+  }, [
+    e
+  ]), It(), {
+    dialogProps: {
+      ...V(t, {
+        labelable: !0
+      }),
+      role: r,
+      tabIndex: -1,
+      "aria-labelledby": t["aria-labelledby"] || o,
+      // Prevent blur events from reaching useOverlay, which may cause
+      // popovers to close. Since focus is contained within the dialog,
+      // we don't want this to occur due to the above useEffect.
+      onBlur: (l) => {
+        n.current && l.stopPropagation();
+      }
+    },
+    titleProps: {
+      id: o
+    }
+  };
+}
+function Mt(t) {
+  let e = re(t), [r, o] = P(null), [n, l] = P([]), d = () => {
+    l([]), e.close();
+  };
+  return {
+    focusStrategy: r,
+    ...e,
+    open(s = null) {
+      o(s), e.open();
+    },
+    toggle(s = null) {
+      o(s), e.toggle();
+    },
+    close() {
+      d();
+    },
+    expandedKeysStack: n,
+    openSubmenu: (s, i) => {
+      l((u) => i > u.length ? u : [
+        ...u.slice(0, i),
+        s
+      ]);
+    },
+    closeSubmenu: (s, i) => {
+      l((u) => u[i] === s ? u.slice(0, i) : u);
+    }
+  };
+}
+const Ve = /* @__PURE__ */ R(null), X = /* @__PURE__ */ R(null), ar = /* @__PURE__ */ ne(function(e, r) {
+  [e, r] = Q(e, r, Ve);
+  let o = S(_), n = re(e), l = e.isOpen != null || e.defaultOpen != null || !o ? n : o, d = Qe(r, l.isOpen) || e.isExiting || !1, c = ut(), { direction: a } = ft();
+  if (c) {
+    let s = e.children;
+    return typeof s == "function" && (s = s({
+      trigger: e.trigger || null,
+      placement: "bottom",
+      isEntering: !1,
+      isExiting: !1,
+      defaultChildren: null
+    })), /* @__PURE__ */ $.createElement($.Fragment, null, s);
+  }
+  return l && !l.isOpen && !d ? null : /* @__PURE__ */ $.createElement(At, {
+    ...e,
+    triggerRef: e.triggerRef,
+    state: l,
+    popoverRef: r,
+    isExiting: d,
+    dir: a
+  });
+});
+function At({ state: t, isExiting: e, UNSTABLE_portalContainer: r, clearContexts: o, ...n }) {
+  let l = y(null), [d, c] = P(0), a = y(null), s = S(X), i = s && n.trigger === "SubmenuTrigger";
+  O(() => {
+    l.current && t.isOpen && c(l.current.getBoundingClientRect().width);
+  }, [
+    t.isOpen,
+    l
+  ]);
+  var u;
+  let { popoverProps: b, underlayProps: p, arrowProps: f, placement: x } = Lt({
+    ...n,
+    offset: (u = n.offset) !== null && u !== void 0 ? u : 8,
+    arrowSize: d,
+    // If this is a submenu/subdialog, use the root popover's container
+    // to detect outside interaction and add aria-hidden.
+    groupRef: i ? s : a
+  }, t), v = n.popoverRef, z = et(v, !!x) || n.isEntering || !1, T = ee({
+    ...n,
+    defaultClassName: "react-aria-Popover",
+    values: {
+      trigger: n.trigger || null,
+      placement: x,
+      isEntering: z,
+      isExiting: e
+    }
+  }), G = !n.isNonModal || n.trigger === "SubmenuTrigger", [h, ze] = P(!1);
+  O(() => {
+    v.current && ze(G && !v.current.querySelector("[role=dialog]"));
+  }, [
+    v,
+    G
+  ]), w(() => {
+    h && v.current && !v.current.contains(document.activeElement) && B(v.current);
+  }, [
+    h,
+    v
+  ]);
+  let Ge = H(() => {
+    let F = T.children;
+    if (o) for (let qe of o) F = /* @__PURE__ */ $.createElement(qe.Provider, {
+      value: null
+    }, F);
+    return F;
+  }, [
+    T.children,
+    o
+  ]), je = {
+    ...b.style,
+    ...T.style
+  }, j = /* @__PURE__ */ $.createElement("div", {
+    ...K(V(n), b),
+    ...T,
+    role: h ? "dialog" : void 0,
+    tabIndex: h ? -1 : void 0,
+    "aria-label": n["aria-label"],
+    "aria-labelledby": n["aria-labelledby"],
+    ref: v,
+    slot: n.slot || void 0,
+    style: je,
+    dir: n.dir,
+    "data-trigger": n.trigger,
+    "data-placement": x,
+    "data-entering": z || void 0,
+    "data-exiting": e || void 0
+  }, !n.isNonModal && /* @__PURE__ */ $.createElement(Y, {
+    onDismiss: t.close
+  }), /* @__PURE__ */ $.createElement(tt.Provider, {
+    value: {
+      ...f,
+      placement: x,
+      ref: l
+    }
+  }, Ge), /* @__PURE__ */ $.createElement(Y, {
+    onDismiss: t.close
+  }));
+  if (!i) return /* @__PURE__ */ $.createElement(Z, {
+    ...n,
+    shouldContainFocus: h,
+    isExiting: e,
+    portalContainer: r
+  }, !n.isNonModal && t.isOpen && /* @__PURE__ */ $.createElement("div", {
+    "data-testid": "underlay",
+    ...p,
+    style: {
+      position: "fixed",
+      inset: 0
+    }
+  }), /* @__PURE__ */ $.createElement("div", {
+    ref: a,
+    style: {
+      display: "contents"
+    }
+  }, /* @__PURE__ */ $.createElement(X.Provider, {
+    value: a
+  }, j)));
+  var I;
+  return /* @__PURE__ */ $.createElement(Z, {
+    ...n,
+    shouldContainFocus: h,
+    isExiting: e,
+    portalContainer: (I = r ?? (s == null ? void 0 : s.current)) !== null && I !== void 0 ? I : void 0
+  }, j);
+}
+const kt = /* @__PURE__ */ R(null), _e = /* @__PURE__ */ R(null), _ = /* @__PURE__ */ R(null);
+function lr(t) {
+  let e = Mt(t), r = y(null), { triggerProps: o, overlayProps: n } = Pt({
+    type: "dialog"
+  }, e, r), [l, d] = P(null), c = nt(() => {
+    r.current && d(r.current.offsetWidth + "px");
+  }, [
+    r
+  ]);
+  return rt({
+    ref: r,
+    onResize: c
+  }), o.id = oe(), n["aria-labelledby"] = o.id, /* @__PURE__ */ $.createElement(te, {
+    values: [
+      [
+        _,
+        e
+      ],
+      [
+        kt,
+        e
+      ],
+      [
+        _e,
+        n
+      ],
+      [
+        Ve,
+        {
+          trigger: "DialogTrigger",
+          triggerRef: r,
+          "aria-labelledby": n["aria-labelledby"],
+          style: {
+            "--trigger-width": l
+          }
+        }
+      ]
+    ]
+  }, /* @__PURE__ */ $.createElement(xt, {
+    ...o,
+    ref: r,
+    isPressed: e.isOpen
+  }, t.children));
+}
+const sr = /* @__PURE__ */ ne(function(e, r) {
+  let o = e["aria-labelledby"];
+  [e, r] = Q(e, r, _e);
+  let { dialogProps: n, titleProps: l } = Ft({
+    ...e,
+    // Only pass aria-labelledby from props, not context.
+    // Context is used as a fallback below.
+    "aria-labelledby": o
+  }, r), d = S(_);
+  !n["aria-label"] && !n["aria-labelledby"] && (e["aria-labelledby"] ? n["aria-labelledby"] = e["aria-labelledby"] : process.env.NODE_ENV !== "production" && console.warn('If a Dialog does not contain a <Heading slot="title">, it must have an aria-label or aria-labelledby attribute for accessibility.'));
+  let c = ee({
+    defaultClassName: "react-aria-Dialog",
+    className: e.className,
+    style: e.style,
+    children: e.children,
+    values: {
+      close: (d == null ? void 0 : d.close) || (() => {
+      })
+    }
+  });
+  return /* @__PURE__ */ $.createElement("section", {
+    ...V(e),
+    ...n,
+    ...c,
+    ref: r,
+    slot: e.slot || void 0
+  }, /* @__PURE__ */ $.createElement(te, {
+    values: [
+      [
+        Je,
+        {
+          slots: {
+            [q]: {},
+            title: {
+              ...l,
+              level: 2
+            }
+          }
+        }
+      ],
+      [
+        Ue,
+        {
+          slots: {
+            [q]: {},
+            close: {
+              onPress: () => d == null ? void 0 : d.close()
+            }
+          }
+        }
+      ]
+    ]
+  }, c.children));
+});
+export {
+  _ as $,
+  Ve as a,
+  _e as b,
+  ar as c,
+  sr as d,
+  lr as e,
+  Pt as f,
+  Et as g,
+  Tt as h
+};
+//# sourceMappingURL=Dialog-Ct6jqZ14.es.js.map