@purpur/library 9.9.0 → 9.10.0

package/dist/popover-DFPGkVJ6.mjs

@@ -1,1012 +0,0 @@
-import { jsx as a, Fragment as Re, jsxs as A } from "react/jsx-runtime";
-import { b as V } from "./button-4-yWOgtD.mjs";
-import * as h from "react";
-import { createContext as ae, useContext as Z, useState as D, useCallback as O, useMemo as Pt, useEffect as M, forwardRef as pe, useRef as I } from "react";
-import { a as Ct } from "./variables-DkCN2x27.mjs";
-import { P as z, c as B, a as St, u as xt } from "./index-DCcK_d4W.mjs";
-import { u as Q } from "./index-DLcqcWxM.mjs";
-import { c as be, u as yt, b as ye } from "./index-DOfn3ixy.mjs";
-import { P as Ot, h as At, R as Rt, u as bt, F as Nt, D as Ft } from "./index-CLMd7NJE.mjs";
-import { u as Tt } from "./index-CEQ35j8b.mjs";
-import { u as Et, o as kt, s as Mt, l as Dt, n as It, p as jt, q as $t, k as Ht, m as Bt } from "./floating-ui.react-dom-EredA301.mjs";
-import { u as zt } from "./index-DPxjTK4w.mjs";
-import { P as Ne } from "./index-DDrLXRUs.mjs";
-import { r as Wt } from "./close.es-BPmk2wkU.mjs";
-import { P as Fe } from "./paragraph-CwAdFoIm.mjs";
-import "./ThemeProvider-BJ25_asg.mjs";
-import { u as Lt } from "./useThemePortalContainer-D13Xx24N.mjs";
-import { c as W } from "./bind-CU-R61T-.mjs";
-import { H as Yt } from "./heading-xwBuT_-9.mjs";
-const ce = ae(null), le = () => {
-  const e = Z(ce);
-  if (!e)
-    throw new Error("usePopoverFlow must be used within a PopoverFlow provider");
-  return e;
-}, L = () => Z(ce), Xt = ({
-  children: e,
-  initialStep: t = 1,
-  onComplete: o,
-  onDismiss: n,
-  separatorText: r,
-  stepText: s,
-  backLabel: i,
-  nextLabel: p,
-  finishLabel: c,
-  openDelay: l = 0
-}) => {
-  const [g, u] = D(t), [d, w] = D(/* @__PURE__ */ new Set()), _ = O((m) => {
-    w((y) => {
-      const x = new Set(y);
-      return x.add(m), x;
-    });
-  }, []), P = O((m) => {
-    w((y) => {
-      const x = new Set(y);
-      return x.delete(m), x;
-    });
-  }, []), f = O(() => {
-    u((m) => {
-      const y = m + 1;
-      return y > d.size ? (o?.(), m) : y;
-    });
-  }, [d.size, o]), S = O(() => {
-    u((m) => Math.max(1, m - 1));
-  }, []), R = O(() => {
-    u(0), n?.();
-  }, [n]), F = Pt(
-    () => ({
-      currentStep: g,
-      totalSteps: d.size,
-      next: f,
-      back: S,
-      dismiss: R,
-      registerStep: _,
-      unregisterStep: P,
-      separatorText: r,
-      stepText: s,
-      backLabel: i,
-      nextLabel: p,
-      finishLabel: c,
-      openDelay: l
-    }),
-    [
-      g,
-      d.size,
-      f,
-      S,
-      R,
-      _,
-      P,
-      r,
-      s,
-      i,
-      p,
-      c,
-      l
-    ]
-  );
-  return /* @__PURE__ */ a(ce.Provider, { value: F, children: e });
-}, ue = ae(null), J = () => Z(ue), Te = ae({ negative: !1 }), de = () => Z(Te), Kt = 150, Oe = {
-  MAX_MD: `(max-width: ${Ct})`
-}, he = () => {
-  const e = window.matchMedia(Oe.MAX_MD);
-  function t() {
-    n(e.matches);
-  }
-  const [o, n] = D(() => typeof window > "u" ? !1 : window.matchMedia(Oe.MAX_MD).matches), r = O(() => {
-    let s;
-    return () => {
-      clearTimeout(s), s = setTimeout(() => t(), Kt);
-    };
-  }, [t]);
-  return M(() => {
-    if (!(typeof window > "u"))
-      return window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
-  }, [r]), { isMdOrSmaller: o };
-}, fe = ({
-  children: e,
-  onClick: t
-}) => {
-  const { back: o } = le(), { negative: n } = de(), { isMdOrSmaller: r } = he();
-  return /* @__PURE__ */ a(
-    V,
-    {
-      size: "sm",
-      variant: "secondary",
-      onClick: () => {
-        t?.(), o();
-      },
-      negative: !n,
-      fullWidth: r,
-      children: e
-    }
-  );
-};
-fe.displayName = "PopoverBack";
-var Ut = "Arrow", Ee = h.forwardRef((e, t) => {
-  const { children: o, width: n = 10, height: r = 5, ...s } = e;
-  return /* @__PURE__ */ a(
-    z.svg,
-    {
-      ...s,
-      ref: t,
-      width: n,
-      height: r,
-      viewBox: "0 0 30 10",
-      preserveAspectRatio: "none",
-      children: e.asChild ? o : /* @__PURE__ */ a("polygon", { points: "0,0 30,0 15,10" })
-    }
-  );
-});
-Ee.displayName = Ut;
-var qt = Ee, ge = "Popper", [ke, Me] = be(ge), [Gt, De] = ke(ge), Ie = (e) => {
-  const { __scopePopper: t, children: o } = e, [n, r] = h.useState(null);
-  return /* @__PURE__ */ a(Gt, { scope: t, anchor: n, onAnchorChange: r, children: o });
-};
-Ie.displayName = ge;
-var je = "PopperAnchor", $e = h.forwardRef(
-  (e, t) => {
-    const { __scopePopper: o, virtualRef: n, ...r } = e, s = De(je, o), i = h.useRef(null), p = Q(t, i), c = h.useRef(null);
-    return h.useEffect(() => {
-      const l = c.current;
-      c.current = n?.current || i.current, l !== c.current && s.onAnchorChange(c.current);
-    }), n ? null : /* @__PURE__ */ a(z.div, { ...r, ref: p });
-  }
-);
-$e.displayName = je;
-var ve = "PopperContent", [Vt, Zt] = ke(ve), He = h.forwardRef(
-  (e, t) => {
-    const {
-      __scopePopper: o,
-      side: n = "bottom",
-      sideOffset: r = 0,
-      align: s = "center",
-      alignOffset: i = 0,
-      arrowPadding: p = 0,
-      avoidCollisions: c = !0,
-      collisionBoundary: l = [],
-      collisionPadding: g = 0,
-      sticky: u = "partial",
-      hideWhenDetached: d = !1,
-      updatePositionStrategy: w = "optimized",
-      onPlaced: _,
-      ...P
-    } = e, f = De(ve, o), [S, R] = h.useState(null), F = Q(t, (H) => R(H)), [m, y] = h.useState(null), x = zt(m), te = x?.width ?? 0, $ = x?.height ?? 0, oe = n + (s !== "center" ? "-" + s : ""), re = typeof g == "number" ? g : { top: 0, right: 0, bottom: 0, left: 0, ...g }, K = Array.isArray(l) ? l : [l], ne = K.length > 0, T = {
-      padding: re,
-      boundary: K.filter(Jt),
-      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
-      altBoundary: ne
-    }, { refs: v, floatingStyles: C, placement: U, isPositioned: q, middlewareData: E } = Et({
-      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
-      strategy: "fixed",
-      placement: oe,
-      whileElementsMounted: (...H) => Ht(...H, {
-        animationFrame: w === "always"
-      }),
-      elements: {
-        reference: f.anchor
-      },
-      middleware: [
-        kt({ mainAxis: r + $, alignmentAxis: i }),
-        c && Mt({
-          mainAxis: !0,
-          crossAxis: !1,
-          limiter: u === "partial" ? Bt() : void 0,
-          ...T
-        }),
-        c && Dt({ ...T }),
-        It({
-          ...T,
-          apply: ({ elements: H, rects: xe, availableWidth: vt, availableHeight: mt }) => {
-            const { width: _t, height: wt } = xe.reference, G = H.floating.style;
-            G.setProperty("--radix-popper-available-width", `${vt}px`), G.setProperty("--radix-popper-available-height", `${mt}px`), G.setProperty("--radix-popper-anchor-width", `${_t}px`), G.setProperty("--radix-popper-anchor-height", `${wt}px`);
-          }
-        }),
-        m && jt({ element: m, padding: p }),
-        eo({ arrowWidth: te, arrowHeight: $ }),
-        d && $t({ strategy: "referenceHidden", ...T })
-      ]
-    }), [Ce, lt] = We(U), Se = yt(_);
-    ye(() => {
-      q && Se?.();
-    }, [q, Se]);
-    const ut = E.arrow?.x, dt = E.arrow?.y, ht = E.arrow?.centerOffset !== 0, [ft, gt] = h.useState();
-    return ye(() => {
-      S && gt(window.getComputedStyle(S).zIndex);
-    }, [S]), /* @__PURE__ */ a(
-      "div",
-      {
-        ref: v.setFloating,
-        "data-radix-popper-content-wrapper": "",
-        style: {
-          ...C,
-          transform: q ? C.transform : "translate(0, -200%)",
-          // keep off the page when measuring
-          minWidth: "max-content",
-          zIndex: ft,
-          "--radix-popper-transform-origin": [
-            E.transformOrigin?.x,
-            E.transformOrigin?.y
-          ].join(" "),
-          // hide the content if using the hide middleware and should be hidden
-          // set visibility to hidden and disable pointer events so the UI behaves
-          // as if the PopperContent isn't there at all
-          ...E.hide?.referenceHidden && {
-            visibility: "hidden",
-            pointerEvents: "none"
-          }
-        },
-        dir: e.dir,
-        children: /* @__PURE__ */ a(
-          Vt,
-          {
-            scope: o,
-            placedSide: Ce,
-            onArrowChange: y,
-            arrowX: ut,
-            arrowY: dt,
-            shouldHideArrow: ht,
-            children: /* @__PURE__ */ a(
-              z.div,
-              {
-                "data-side": Ce,
-                "data-align": lt,
-                ...P,
-                ref: F,
-                style: {
-                  ...P.style,
-                  // if the PopperContent hasn't been placed yet (not all measurements done)
-                  // we prevent animations so that users's animation don't kick in too early referring wrong sides
-                  animation: q ? void 0 : "none"
-                }
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-);
-He.displayName = ve;
-var Be = "PopperArrow", Qt = {
-  top: "bottom",
-  right: "left",
-  bottom: "top",
-  left: "right"
-}, ze = h.forwardRef(function(t, o) {
-  const { __scopePopper: n, ...r } = t, s = Zt(Be, n), i = Qt[s.placedSide];
-  return (
-    // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
-    // doesn't report size as we'd expect on SVG elements.
-    // it reports their bounding box which is effectively the largest path inside the SVG.
-    /* @__PURE__ */ a(
-      "span",
-      {
-        ref: s.onArrowChange,
-        style: {
-          position: "absolute",
-          left: s.arrowX,
-          top: s.arrowY,
-          [i]: 0,
-          transformOrigin: {
-            top: "",
-            right: "0 0",
-            bottom: "center 0",
-            left: "100% 0"
-          }[s.placedSide],
-          transform: {
-            top: "translateY(100%)",
-            right: "translateY(50%) rotate(90deg) translateX(-50%)",
-            bottom: "rotate(180deg)",
-            left: "translateY(50%) rotate(-90deg) translateX(50%)"
-          }[s.placedSide],
-          visibility: s.shouldHideArrow ? "hidden" : void 0
-        },
-        children: /* @__PURE__ */ a(
-          qt,
-          {
-            ...r,
-            ref: o,
-            style: {
-              ...r.style,
-              // ensures the element can be measured correctly (mostly for if SVG)
-              display: "block"
-            }
-          }
-        )
-      }
-    )
-  );
-});
-ze.displayName = Be;
-function Jt(e) {
-  return e !== null;
-}
-var eo = (e) => ({
-  name: "transformOrigin",
-  options: e,
-  fn(t) {
-    const { placement: o, rects: n, middlewareData: r } = t, i = r.arrow?.centerOffset !== 0, p = i ? 0 : e.arrowWidth, c = i ? 0 : e.arrowHeight, [l, g] = We(o), u = { start: "0%", center: "50%", end: "100%" }[g], d = (r.arrow?.x ?? 0) + p / 2, w = (r.arrow?.y ?? 0) + c / 2;
-    let _ = "", P = "";
-    return l === "bottom" ? (_ = i ? u : `${d}px`, P = `${-c}px`) : l === "top" ? (_ = i ? u : `${d}px`, P = `${n.floating.height + c}px`) : l === "right" ? (_ = `${-c}px`, P = i ? u : `${w}px`) : l === "left" && (_ = `${n.floating.width + c}px`, P = i ? u : `${w}px`), { data: { x: _, y: P } };
-  }
-});
-function We(e) {
-  const [t, o = "center"] = e.split("-");
-  return [t, o];
-}
-var to = Ie, Le = $e, oo = He, ro = ze, ee = "Popover", [Ye] = be(ee, [
-  Me
-]), Y = Me(), [no, b] = Ye(ee), Xe = (e) => {
-  const {
-    __scopePopover: t,
-    children: o,
-    open: n,
-    defaultOpen: r,
-    onOpenChange: s,
-    modal: i = !1
-  } = e, p = Y(t), c = h.useRef(null), [l, g] = h.useState(!1), [u, d] = xt({
-    prop: n,
-    defaultProp: r ?? !1,
-    onChange: s,
-    caller: ee
-  });
-  return /* @__PURE__ */ a(to, { ...p, children: /* @__PURE__ */ a(
-    no,
-    {
-      scope: t,
-      contentId: Tt(),
-      triggerRef: c,
-      open: u,
-      onOpenChange: d,
-      onOpenToggle: h.useCallback(() => d((w) => !w), [d]),
-      hasCustomAnchor: l,
-      onCustomAnchorAdd: h.useCallback(() => g(!0), []),
-      onCustomAnchorRemove: h.useCallback(() => g(!1), []),
-      modal: i,
-      children: o
-    }
-  ) });
-};
-Xe.displayName = ee;
-var Ke = "PopoverAnchor", so = h.forwardRef(
-  (e, t) => {
-    const { __scopePopover: o, ...n } = e, r = b(Ke, o), s = Y(o), { onCustomAnchorAdd: i, onCustomAnchorRemove: p } = r;
-    return h.useEffect(() => (i(), () => p()), [i, p]), /* @__PURE__ */ a(Le, { ...s, ...n, ref: t });
-  }
-);
-so.displayName = Ke;
-var Ue = "PopoverTrigger", qe = h.forwardRef(
-  (e, t) => {
-    const { __scopePopover: o, ...n } = e, r = b(Ue, o), s = Y(o), i = Q(t, r.triggerRef), p = /* @__PURE__ */ a(
-      z.button,
-      {
-        type: "button",
-        "aria-haspopup": "dialog",
-        "aria-expanded": r.open,
-        "aria-controls": r.contentId,
-        "data-state": tt(r.open),
-        ...n,
-        ref: i,
-        onClick: B(e.onClick, r.onOpenToggle)
-      }
-    );
-    return r.hasCustomAnchor ? p : /* @__PURE__ */ a(Le, { asChild: !0, ...s, children: p });
-  }
-);
-qe.displayName = Ue;
-var me = "PopoverPortal", [io, ao] = Ye(me, {
-  forceMount: void 0
-}), Ge = (e) => {
-  const { __scopePopover: t, forceMount: o, children: n, container: r } = e, s = b(me, t);
-  return /* @__PURE__ */ a(io, { scope: t, forceMount: o, children: /* @__PURE__ */ a(Ne, { present: o || s.open, children: /* @__PURE__ */ a(Ot, { asChild: !0, container: r, children: n }) }) });
-};
-Ge.displayName = me;
-var j = "PopoverContent", Ve = h.forwardRef(
-  (e, t) => {
-    const o = ao(j, e.__scopePopover), { forceMount: n = o.forceMount, ...r } = e, s = b(j, e.__scopePopover);
-    return /* @__PURE__ */ a(Ne, { present: n || s.open, children: s.modal ? /* @__PURE__ */ a(co, { ...r, ref: t }) : /* @__PURE__ */ a(lo, { ...r, ref: t }) });
-  }
-);
-Ve.displayName = j;
-var po = St("PopoverContent.RemoveScroll"), co = h.forwardRef(
-  (e, t) => {
-    const o = b(j, e.__scopePopover), n = h.useRef(null), r = Q(t, n), s = h.useRef(!1);
-    return h.useEffect(() => {
-      const i = n.current;
-      if (i) return At(i);
-    }, []), /* @__PURE__ */ a(Rt, { as: po, allowPinchZoom: !0, children: /* @__PURE__ */ a(
-      Ze,
-      {
-        ...e,
-        ref: r,
-        trapFocus: o.open,
-        disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: B(e.onCloseAutoFocus, (i) => {
-          i.preventDefault(), s.current || o.triggerRef.current?.focus();
-        }),
-        onPointerDownOutside: B(
-          e.onPointerDownOutside,
-          (i) => {
-            const p = i.detail.originalEvent, c = p.button === 0 && p.ctrlKey === !0, l = p.button === 2 || c;
-            s.current = l;
-          },
-          { checkForDefaultPrevented: !1 }
-        ),
-        onFocusOutside: B(
-          e.onFocusOutside,
-          (i) => i.preventDefault(),
-          { checkForDefaultPrevented: !1 }
-        )
-      }
-    ) });
-  }
-), lo = h.forwardRef(
-  (e, t) => {
-    const o = b(j, e.__scopePopover), n = h.useRef(!1), r = h.useRef(!1);
-    return /* @__PURE__ */ a(
-      Ze,
-      {
-        ...e,
-        ref: t,
-        trapFocus: !1,
-        disableOutsidePointerEvents: !1,
-        onCloseAutoFocus: (s) => {
-          e.onCloseAutoFocus?.(s), s.defaultPrevented || (n.current || o.triggerRef.current?.focus(), s.preventDefault()), n.current = !1, r.current = !1;
-        },
-        onInteractOutside: (s) => {
-          e.onInteractOutside?.(s), s.defaultPrevented || (n.current = !0, s.detail.originalEvent.type === "pointerdown" && (r.current = !0));
-          const i = s.target;
-          o.triggerRef.current?.contains(i) && s.preventDefault(), s.detail.originalEvent.type === "focusin" && r.current && s.preventDefault();
-        }
-      }
-    );
-  }
-), Ze = h.forwardRef(
-  (e, t) => {
-    const {
-      __scopePopover: o,
-      trapFocus: n,
-      onOpenAutoFocus: r,
-      onCloseAutoFocus: s,
-      disableOutsidePointerEvents: i,
-      onEscapeKeyDown: p,
-      onPointerDownOutside: c,
-      onFocusOutside: l,
-      onInteractOutside: g,
-      ...u
-    } = e, d = b(j, o), w = Y(o);
-    return bt(), /* @__PURE__ */ a(
-      Nt,
-      {
-        asChild: !0,
-        loop: !0,
-        trapped: n,
-        onMountAutoFocus: r,
-        onUnmountAutoFocus: s,
-        children: /* @__PURE__ */ a(
-          Ft,
-          {
-            asChild: !0,
-            disableOutsidePointerEvents: i,
-            onInteractOutside: g,
-            onEscapeKeyDown: p,
-            onPointerDownOutside: c,
-            onFocusOutside: l,
-            onDismiss: () => d.onOpenChange(!1),
-            children: /* @__PURE__ */ a(
-              oo,
-              {
-                "data-state": tt(d.open),
-                role: "dialog",
-                id: d.contentId,
-                ...w,
-                ...u,
-                ref: t,
-                style: {
-                  ...u.style,
-                  "--radix-popover-content-transform-origin": "var(--radix-popper-transform-origin)",
-                  "--radix-popover-content-available-width": "var(--radix-popper-available-width)",
-                  "--radix-popover-content-available-height": "var(--radix-popper-available-height)",
-                  "--radix-popover-trigger-width": "var(--radix-popper-anchor-width)",
-                  "--radix-popover-trigger-height": "var(--radix-popper-anchor-height)"
-                }
-              }
-            )
-          }
-        )
-      }
-    );
-  }
-), Qe = "PopoverClose", Je = h.forwardRef(
-  (e, t) => {
-    const { __scopePopover: o, ...n } = e, r = b(Qe, o);
-    return /* @__PURE__ */ a(
-      z.button,
-      {
-        type: "button",
-        ...n,
-        ref: t,
-        onClick: B(e.onClick, () => r.onOpenChange(!1))
-      }
-    );
-  }
-);
-Je.displayName = Qe;
-var uo = "PopoverArrow", et = h.forwardRef(
-  (e, t) => {
-    const { __scopePopover: o, ...n } = e, r = Y(o);
-    return /* @__PURE__ */ a(ro, { ...r, ...n, ref: t });
-  }
-);
-et.displayName = uo;
-function tt(e) {
-  return e ? "open" : "closed";
-}
-var ot = Xe, ho = qe, fo = Ge, go = Ve, rt = Je, vo = et;
-const _e = ({
-  children: e,
-  asChild: t,
-  onClick: o,
-  variant: n = "primary",
-  dismiss: r = !0,
-  fullWidth: s
-}) => {
-  const i = L(), { isMdOrSmaller: p } = he(), { negative: c } = de(), d = t ? e : /* @__PURE__ */ a(
-    V,
-    {
-      variant: n,
-      size: "sm",
-      fullWidth: s ?? p,
-      negative: !c,
-      onClick: () => {
-        o?.(), r && i?.dismiss();
-      },
-      children: e
-    }
-  );
-  return r ? /* @__PURE__ */ a(rt, { asChild: !0, children: d }) : d;
-};
-_e.displayName = "PopoverButton";
-const mo = "_highlightState1_1w9je_1", _o = "_fadeIn_1w9je_1", wo = "_slideFromTop_1w9je_1", Po = "_slideFromBottom_1w9je_1", Co = "_slideFromLeft_1w9je_1", So = "_slideFromRight_1w9je_1", xo = "_fadeOut_1w9je_1", yo = "_slideToTop_1w9je_1", Oo = "_slideToBottom_1w9je_1", Ao = "_slideToLeft_1w9je_1", Ro = "_slideToRight_1w9je_1", X = {
-  "purpur-popover__trigger": "_purpur-popover__trigger_1w9je_1",
-  "purpur-popover__trigger-highlight": "_purpur-popover__trigger-highlight_1w9je_5",
-  "purpur-popover__trigger-highlight--state1": "_purpur-popover__trigger-highlight--state1_1w9je_14",
-  highlightState1: mo,
-  "purpur-popover__trigger-highlight--negative": "_purpur-popover__trigger-highlight--negative_1w9je_29",
-  "purpur-popover__trigger-highlight--state2": "_purpur-popover__trigger-highlight--state2_1w9je_33",
-  "purpur-popover__inner": "_purpur-popover__inner_1w9je_45",
-  "purpur-popover__content": "_purpur-popover__content_1w9je_52",
-  fadeIn: _o,
-  slideFromTop: wo,
-  slideFromBottom: Po,
-  slideFromLeft: Co,
-  slideFromRight: So,
-  fadeOut: xo,
-  slideToTop: yo,
-  slideToBottom: Oo,
-  slideToLeft: Ao,
-  slideToRight: Ro,
-  "purpur-popover__arrow": "_purpur-popover__arrow_1w9je_103",
-  "purpur-popover__body": "_purpur-popover__body_1w9je_106",
-  "purpur-popover__icon": "_purpur-popover__icon_1w9je_107",
-  "purpur-popover__steps": "_purpur-popover__steps_1w9je_108",
-  "purpur-popover__title": "_purpur-popover__title_1w9je_109",
-  "purpur-popover__content--negative": "_purpur-popover__content--negative_1w9je_112",
-  "purpur-popover__header-content": "_purpur-popover__header-content_1w9je_124",
-  "purpur-popover__close": "_purpur-popover__close_1w9je_137",
-  "purpur-popover__footer": "_purpur-popover__footer_1w9je_142",
-  "purpur-popover__footer-button-group": "_purpur-popover__footer-button-group_1w9je_155"
-}, bo = W.bind(X), nt = () => {
-  const e = le(), o = J()?.walkthroughStep || e.currentStep, { totalSteps: n, separatorText: r, stepText: s } = e;
-  return /* @__PURE__ */ a(Re, { children: /* @__PURE__ */ A(
-    Fe,
-    {
-      className: bo("purpur-popover__steps"),
-      role: "status",
-      "aria-live": "polite",
-      "aria-atomic": "true",
-      children: [
-        s,
-        " ",
-        o,
-        " ",
-        r,
-        " ",
-        n
-      ]
-    }
-  ) });
-};
-nt.displayName = "PopoverSteps";
-const Ae = W.bind(X), we = ({ children: e, className: t }) => {
-  const o = L(), n = J(), r = o && n && n.walkthroughStep > 0;
-  return /* @__PURE__ */ A("div", { className: Ae("purpur-popover__footer", t), children: [
-    r && /* @__PURE__ */ a(nt, {}),
-    /* @__PURE__ */ a("div", { className: Ae("purpur-popover__footer-button-group"), children: e })
-  ] });
-};
-we.displayName = "PopoverFooter";
-const se = W.bind(X), st = pe(
-  ({ title: e, icon: t }, o) => /* @__PURE__ */ A("div", { ref: o, className: se("purpur-popover__header-content"), children: [
-    t && /* @__PURE__ */ a("span", { className: se("purpur-popover__icon"), children: t }),
-    /* @__PURE__ */ a(
-      Yt,
-      {
-        tag: "h2",
-        variant: "title-100",
-        className: se("purpur-popover__title"),
-        id: "popover-heading",
-        children: e
-      }
-    )
-  ] })
-);
-st.displayName = "PopoverHeader";
-const Pe = ({
-  children: e,
-  onClick: t
-}) => {
-  const { next: o } = le(), { negative: n } = de(), { isMdOrSmaller: r } = he();
-  return /* @__PURE__ */ a(
-    V,
-    {
-      size: "sm",
-      variant: "primary",
-      onClick: () => {
-        t?.(), o();
-      },
-      negative: !n,
-      fullWidth: r,
-      children: e
-    }
-  );
-};
-Pe.displayName = "PopoverNext";
-const k = W.bind(X), it = pe(
-  ({
-    children: e,
-    className: t,
-    beakPosition: o = "down",
-    align: n = "center",
-    alignOffset: r = 0,
-    sideOffset: s = 5,
-    // How close or far the popover is from the trigger
-    negative: i = !1,
-    closeIconAriaLabel: p,
-    title: c,
-    icon: l,
-    body: g,
-    onAction: u,
-    zIndex: d = 210,
-    container: w,
-    ..._
-  }, P) => {
-    const f = L(), S = J(), R = I(null), F = Lt(), m = w === void 0 ? F : w ?? void 0, x = {
-      up: "bottom",
-      right: "left",
-      down: "top",
-      left: "right",
-      none: "bottom"
-      // Default position when no arrow
-    }[o], te = o !== "none";
-    let $ = e;
-    if (f && !e) {
-      const v = S?.walkthroughStep || f.currentStep, C = v === 1, U = v === f.totalSteps;
-      $ = /* @__PURE__ */ A(we, { children: [
-        !C && /* @__PURE__ */ a(fe, { onClick: () => u?.({ type: "back", step: v }), children: f.backLabel }),
-        U ? /* @__PURE__ */ a(
-          _e,
-          {
-            onClick: () => u?.({ type: "finish", step: v }),
-            dismiss: !0,
-            children: f.finishLabel
-          }
-        ) : /* @__PURE__ */ a(Pe, { onClick: () => u?.({ type: "next", step: v }), children: f.nextLabel })
-      ] });
-    }
-    const oe = (v) => {
-      if (v.preventDefault(), f) {
-        const C = v.currentTarget;
-        setTimeout(() => {
-          C.setAttribute("tabindex", "-1"), C.focus();
-        }, 0);
-      }
-      _.onOpenAutoFocus?.(v);
-    }, re = (v) => {
-      f && v.preventDefault(), _.onCloseAutoFocus?.(v);
-    }, K = (v) => {
-      const C = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-      f && !C ? (v.preventDefault(), setTimeout(() => {
-        u?.({ type: "dismiss", step: f.currentStep }), f.dismiss();
-      }, 200)) : (u?.({ type: "dismiss", step: f?.currentStep }), f?.dismiss());
-    }, ne = (v) => {
-      const C = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-      f && !C ? (v.preventDefault(), setTimeout(() => {
-        u?.({ type: "dismiss", step: f.currentStep }), f.dismiss();
-      }, 200)) : (u?.({ type: "dismiss", step: f?.currentStep }), f?.dismiss());
-    }, T = (v) => {
-      if (S?.disableClickOutside) {
-        v.preventDefault();
-        return;
-      }
-      if (f) {
-        const C = v.target;
-        C.closest("[role='dialog']") || C.closest(".purpur-popover__trigger") || C.closest("button[aria-haspopup='dialog']") || (u?.({ type: "dismiss", step: f.currentStep }), setTimeout(() => {
-          f.dismiss();
-        }, 0));
-      }
-    };
-    return /* @__PURE__ */ a(fo, { container: m, children: /* @__PURE__ */ A(
-      go,
-      {
-        "data-testid": "popover-content",
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": _["aria-label"] ? void 0 : "popover-heading",
-        ref: P,
-        side: x,
-        sideOffset: s,
-        align: n,
-        alignOffset: r,
-        style: {
-          "--popover-z-index": d
-        },
-        className: k(
-          "purpur-popover__content",
-          { "purpur-popover__content--negative": i },
-          t
-        ),
-        onOpenAutoFocus: oe,
-        onCloseAutoFocus: re,
-        onEscapeKeyDown: ne,
-        onInteractOutside: T,
-        ..._,
-        children: [
-          /* @__PURE__ */ A(Te.Provider, { value: { negative: i }, children: [
-            /* @__PURE__ */ A("div", { className: k("purpur-popover__inner"), children: [
-              /* @__PURE__ */ a(st, { ref: R, title: c, icon: l }),
-              /* @__PURE__ */ a(Fe, { className: k("purpur-popover__body"), children: g })
-            ] }),
-            $,
-            /* @__PURE__ */ a(rt, { asChild: !0, onClick: K, children: /* @__PURE__ */ a(
-              V,
-              {
-                variant: i ? "text" : "tertiary-purple",
-                size: "sm",
-                "aria-label": p,
-                className: k("purpur-popover__close"),
-                negative: !i,
-                iconOnly: !0,
-                children: /* @__PURE__ */ a(Wt, { size: "xs", className: k("purpur-popover__icon") })
-              }
-            ) })
-          ] }),
-          te && /* @__PURE__ */ a(
-            vo,
-            {
-              className: k("purpur-popover__arrow"),
-              "aria-hidden": "true",
-              tabIndex: -1
-            }
-          )
-        ]
-      }
-    ) });
-  }
-);
-it.displayName = "PopoverContent";
-const at = ({
-  children: e,
-  open: t,
-  defaultOpen: o = !1,
-  onOpenChange: n,
-  disableClickOutside: r,
-  ...s
-}) => {
-  const [i, p] = D(o), c = t !== void 0, l = c ? t : i;
-  return /* @__PURE__ */ a(ot, { open: l, onOpenChange: (u) => {
-    c || p(u), n?.(u);
-  }, ...s, children: /* @__PURE__ */ a(
-    ue.Provider,
-    {
-      value: {
-        isOpen: l,
-        walkthroughStep: 0,
-        disableClickOutside: r
-      },
-      children: e
-    }
-  ) });
-};
-at.displayName = "PopoverStandalone";
-const No = (e) => {
-  const t = I(null), o = O(() => {
-    t.current && (cancelAnimationFrame(t.current), t.current = null);
-  }, []);
-  return { scrollToElement: O(
-    (r, s = 600) => {
-      const i = window.matchMedia("(prefers-reduced-motion: reduce)").matches, p = r.getBoundingClientRect(), c = p.top + window.pageYOffset, l = p.height, g = window.innerHeight;
-      let u = c - g / 2 + l / 2;
-      const d = document.documentElement.scrollHeight, w = Math.max(0, d - g);
-      if (u = Math.max(0, Math.min(u, w)), i) {
-        window.scrollTo(0, u), e?.();
-        return;
-      }
-      const _ = window.pageYOffset, P = u - _, f = performance.now(), S = (R) => {
-        const F = R - f, m = Math.min(F / s, 1), y = m < 0.5 ? 2 * m * m : 1 - Math.pow(-2 * m + 2, 2) / 2, x = _ + P * y;
-        window.scrollTo(0, x), m < 1 ? t.current = requestAnimationFrame(S) : (t.current = null, e?.());
-      };
-      o(), t.current = requestAnimationFrame(S);
-    },
-    [e, o]
-  ), cancelScroll: o };
-};
-function Fo(e) {
-  const t = I(null), o = J(), n = L(), r = I(!1), { scrollToElement: s, cancelScroll: i } = No(o?.onScrollComplete);
-  return M(() => {
-    typeof e == "function" ? e(t.current) : e && (e.current = t.current);
-  }, [e]), M(() => {
-    if (n && o?.walkthroughStep !== void 0 && n.currentStep === o.walkthroughStep && t.current && !r.current) {
-      const c = t.current, l = c.getBoundingClientRect(), g = 100;
-      l.top >= -g && l.bottom <= window.innerHeight + g && l.left >= -g && l.right <= window.innerWidth + g ? o?.onScrollComplete?.() : (o?.onScrollStart?.(), s(c)), r.current = !0;
-    } else n?.currentStep !== o?.walkthroughStep && (r.current = !1, i());
-  }, [n?.currentStep, o?.walkthroughStep, n, s, i, o]), M(() => i, [i]), { triggerRef: t, context: o };
-}
-const ie = W.bind(X), pt = pe(
-  ({ children: e, className: t, highlight: o = !0, negative: n = !1, ...r }, s) => {
-    const { triggerRef: i, context: p } = Fo(s);
-    return /* @__PURE__ */ A(
-      "div",
-      {
-        className: ie(
-          "purpur-popover__trigger",
-          { "purpur-popover__trigger--highlight": p?.isOpen && o },
-          t
-        ),
-        children: [
-          p?.isOpen && o && /* @__PURE__ */ A(Re, { children: [
-            /* @__PURE__ */ a(
-              "div",
-              {
-                className: ie(
-                  "purpur-popover__trigger-highlight",
-                  "purpur-popover__trigger-highlight--state1",
-                  { "purpur-popover__trigger-highlight--negative": n }
-                ),
-                "aria-hidden": "true"
-              }
-            ),
-            /* @__PURE__ */ a(
-              "div",
-              {
-                className: ie(
-                  "purpur-popover__trigger-highlight",
-                  "purpur-popover__trigger-highlight--state2",
-                  { "purpur-popover__trigger-highlight--negative": n }
-                ),
-                "aria-hidden": "true"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ a(
-            ho,
-            {
-              ref: i,
-              asChild: !0,
-              "aria-expanded": p?.isOpen ?? !1,
-              "aria-haspopup": "dialog",
-              ...r,
-              children: e
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-pt.displayName = "PopoverTrigger";
-function To(e) {
-  const t = L(), [o, n] = D(!1), [r, s] = D(!1), i = I(null), p = I(0);
-  M(() => t ? (t.registerStep(e), () => t.unregisterStep(e)) : () => {
-  }, [t, e]);
-  const c = t?.currentStep === e, l = O(() => {
-    s(!0);
-  }, []), g = O(() => {
-    if (s(!1), c) {
-      const d = t.openDelay;
-      i.current = window.setTimeout(() => {
-        n(!0), p.current = Date.now();
-      }, d);
-    }
-  }, [c, t]);
-  M(() => {
-    if (i.current && (clearTimeout(i.current), i.current = null), c) {
-      if (!r) {
-        const d = t.openDelay;
-        i.current = window.setTimeout(() => {
-          n(!0), p.current = Date.now();
-        }, d);
-      }
-    } else
-      n(!1), s(!1), p.current = 0;
-    return () => {
-      i.current && (clearTimeout(i.current), i.current = null);
-    };
-  }, [c, r, t]);
-  const u = O(
-    (d, w) => {
-      if (w?.(d), !d && o && t && t.currentStep === e) {
-        if (Date.now() - p.current < 10 || i.current !== null)
-          return;
-        t.dismiss();
-      }
-    },
-    [o, t, e]
-  );
-  return {
-    actuallyOpen: o,
-    onScrollStart: l,
-    onScrollComplete: g,
-    handleOpenChange: u
-  };
-}
-const ct = ({
-  children: e,
-  step: t,
-  onOpenChange: o,
-  disableClickOutside: n = !0,
-  ...r
-}) => {
-  const { actuallyOpen: s, onScrollStart: i, onScrollComplete: p, handleOpenChange: c } = To(t);
-  return /* @__PURE__ */ a(
-    ot,
-    {
-      open: s,
-      onOpenChange: (l) => c(l, o),
-      ...r,
-      children: /* @__PURE__ */ a(
-        ue.Provider,
-        {
-          value: {
-            isOpen: s,
-            walkthroughStep: t,
-            onScrollStart: i,
-            onScrollComplete: p,
-            disableClickOutside: n
-          },
-          children: e
-        }
-      )
-    }
-  );
-};
-ct.displayName = "PopoverWalkthrough";
-const N = (e) => {
-  const { multistep: t = !1, disableClickOutside: o, ...n } = e;
-  return t ? /* @__PURE__ */ a(
-    ct,
-    {
-      ...n,
-      disableClickOutside: o ?? !0
-    }
-  ) : /* @__PURE__ */ a(
-    at,
-    {
-      ...n,
-      disableClickOutside: o
-    }
-  );
-};
-N.Back = fe;
-N.Button = _e;
-N.Content = it;
-N.Flow = Xt;
-N.Footer = we;
-N.Next = Pe;
-N.Trigger = pt;
-N.displayName = "Popover";
-export {
-  N as P
-};
-//# sourceMappingURL=popover-DFPGkVJ6.mjs.map