@purpur/library 9.6.0 → 9.7.1

package/dist/{popover-I26xNbTz.mjs → popover-DERrvReO.mjs}

@@ -1,26 +1,28 @@
-import { jsx as a, Fragment as Oe, jsxs as A } from "react/jsx-runtime";
-import { b as q } from "./button-4-yWOgtD.mjs";
-import * as f from "react";
-import { createContext as ne, useContext as G, useState as D, useCallback as y, useMemo as Pt, useEffect as M, forwardRef as se, useRef as I } from "react";
+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 B, c as H, a as St, u as xt } from "./index-DCcK_d4W.mjs";
-import { u as V } from "./index-DLcqcWxM.mjs";
-import { c as Ae, u as yt, b as Se } from "./index-DOfn3ixy.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 Re } from "./index-DDrLXRUs.mjs";
+import { P as Ne } from "./index-DDrLXRUs.mjs";
 import { r as Wt } from "./close.es-BPmk2wkU.mjs";
-import { P as be } from "./paragraph-DSxXmX_0.mjs";
-import { c as z } from "./bind-CU-R61T-.mjs";
-import { H as Lt } from "./heading-xwBuT_-9.mjs";
-const ie = ne(null), ae = () => {
-  const e = G(ie);
+import { P as Fe } from "./paragraph-DSxXmX_0.mjs";
+import "./ThemeProvider-DiDBfyFA.mjs";
+import { u as Lt } from "./useThemePortalContainer-tFLTaYKN.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;
-}, W = () => G(ie), Yt = ({
+}, L = () => Z(ce), Xt = ({
   children: e,
   initialStep: t = 1,
   onComplete: o,
@@ -32,34 +34,34 @@ const ie = ne(null), ae = () => {
   finishLabel: c,
   openDelay: l = 0
 }) => {
-  const [g, u] = D(t), [h, m] = D(/* @__PURE__ */ new Set()), w = y((_) => {
-    m((C) => {
-      const S = new Set(C);
-      return S.add(_), S;
+  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;
     });
-  }, []), d = y((_) => {
-    m((C) => {
-      const S = new Set(C);
-      return S.delete(_), S;
+  }, []), P = O((m) => {
+    w((y) => {
+      const x = new Set(y);
+      return x.delete(m), x;
     });
-  }, []), O = y(() => {
-    u((_) => {
-      const C = _ + 1;
-      return C > h.size ? (o?.(), _) : C;
+  }, []), f = O(() => {
+    u((m) => {
+      const y = m + 1;
+      return y > d.size ? (o?.(), m) : y;
     });
-  }, [h.size, o]), x = y(() => {
-    u((_) => Math.max(1, _ - 1));
-  }, []), N = y(() => {
+  }, [d.size, o]), S = O(() => {
+    u((m) => Math.max(1, m - 1));
+  }, []), R = O(() => {
     u(0), n?.();
   }, [n]), F = Pt(
     () => ({
       currentStep: g,
-      totalSteps: h.size,
-      next: O,
-      back: x,
-      dismiss: N,
-      registerStep: w,
-      unregisterStep: d,
+      totalSteps: d.size,
+      next: f,
+      back: S,
+      dismiss: R,
+      registerStep: _,
+      unregisterStep: P,
       separatorText: r,
       stepText: s,
       backLabel: i,
@@ -69,12 +71,12 @@ const ie = ne(null), ae = () => {
     }),
     [
       g,
-      h.size,
-      O,
-      x,
-      N,
-      w,
-      d,
+      d.size,
+      f,
+      S,
+      R,
+      _,
+      P,
       r,
       s,
       i,
@@ -83,31 +85,31 @@ const ie = ne(null), ae = () => {
       l
     ]
   );
-  return /* @__PURE__ */ a(ie.Provider, { value: F, children: e });
-}, pe = ne(null), Z = () => G(pe), Ne = ne({ negative: !1 }), ce = () => G(Ne), Xt = 150, xe = {
+  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})`
-}, le = () => {
-  const e = window.matchMedia(xe.MAX_MD);
+}, he = () => {
+  const e = window.matchMedia(Oe.MAX_MD);
   function t() {
     n(e.matches);
   }
-  const [o, n] = D(() => typeof window > "u" ? !1 : window.matchMedia(xe.MAX_MD).matches), r = y(() => {
+  const [o, n] = D(() => typeof window > "u" ? !1 : window.matchMedia(Oe.MAX_MD).matches), r = O(() => {
     let s;
     return () => {
-      clearTimeout(s), s = setTimeout(() => t(), Xt);
+      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 };
-}, ue = ({
+}, fe = ({
   children: e,
   onClick: t
 }) => {
-  const { back: o } = ae(), { negative: n } = ce(), { isMdOrSmaller: r } = le();
+  const { back: o } = le(), { negative: n } = de(), { isMdOrSmaller: r } = he();
   return /* @__PURE__ */ a(
-    q,
+    V,
     {
       size: "sm",
       variant: "secondary",
@@ -120,11 +122,11 @@ const ie = ne(null), ae = () => {
     }
   );
 };
-ue.displayName = "PopoverBack";
-var Kt = "Arrow", Fe = f.forwardRef((e, t) => {
+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(
-    B.svg,
+    z.svg,
     {
       ...s,
       ref: t,
@@ -136,23 +138,23 @@ var Kt = "Arrow", Fe = f.forwardRef((e, t) => {
     }
   );
 });
-Fe.displayName = Kt;
-var Ut = Fe, de = "Popper", [Te, Ee] = Ae(de), [qt, ke] = Te(de), Me = (e) => {
-  const { __scopePopper: t, children: o } = e, [n, r] = f.useState(null);
-  return /* @__PURE__ */ a(qt, { scope: t, anchor: n, onAnchorChange: r, children: o });
+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 });
 };
-Me.displayName = de;
-var De = "PopperAnchor", Ie = f.forwardRef(
+Ie.displayName = ge;
+var je = "PopperAnchor", $e = h.forwardRef(
   (e, t) => {
-    const { __scopePopper: o, virtualRef: n, ...r } = e, s = ke(De, o), i = f.useRef(null), p = V(t, i), c = f.useRef(null);
-    return f.useEffect(() => {
+    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(B.div, { ...r, ref: p });
+    }), n ? null : /* @__PURE__ */ a(z.div, { ...r, ref: p });
   }
 );
-Ie.displayName = De;
-var he = "PopperContent", [Gt, Vt] = Te(he), je = f.forwardRef(
+$e.displayName = je;
+var ve = "PopperContent", [Vt, Zt] = ke(ve), He = h.forwardRef(
   (e, t) => {
     const {
       __scopePopper: o,
@@ -165,27 +167,27 @@ var he = "PopperContent", [Gt, Vt] = Te(he), je = f.forwardRef(
       collisionBoundary: l = [],
       collisionPadding: g = 0,
       sticky: u = "partial",
-      hideWhenDetached: h = !1,
-      updatePositionStrategy: m = "optimized",
-      onPlaced: w,
-      ...d
-    } = e, O = ke(he, o), [x, N] = f.useState(null), F = V(t, ($) => N($)), [_, C] = f.useState(null), S = zt(_), J = S?.width ?? 0, X = S?.height ?? 0, ee = n + (s !== "center" ? "-" + s : ""), te = typeof g == "number" ? g : { top: 0, right: 0, bottom: 0, left: 0, ...g }, v = Array.isArray(l) ? l : [l], P = v.length > 0, T = {
-      padding: te,
-      boundary: v.filter(Qt),
+      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: P
-    }, { refs: pt, floatingStyles: _e, placement: ct, isPositioned: K, middlewareData: E } = Et({
+      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: ee,
-      whileElementsMounted: (...$) => Ht(...$, {
-        animationFrame: m === "always"
+      placement: oe,
+      whileElementsMounted: (...H) => Ht(...H, {
+        animationFrame: w === "always"
       }),
       elements: {
-        reference: O.anchor
+        reference: f.anchor
       },
       middleware: [
-        kt({ mainAxis: r + X, alignmentAxis: i }),
+        kt({ mainAxis: r + $, alignmentAxis: i }),
         c && Mt({
           mainAxis: !0,
           crossAxis: !1,
@@ -195,30 +197,30 @@ var he = "PopperContent", [Gt, Vt] = Te(he), je = f.forwardRef(
         c && Dt({ ...T }),
         It({
           ...T,
-          apply: ({ elements: $, rects: Ce, availableWidth: vt, availableHeight: mt }) => {
-            const { width: _t, height: wt } = Ce.reference, U = $.floating.style;
-            U.setProperty("--radix-popper-available-width", `${vt}px`), U.setProperty("--radix-popper-available-height", `${mt}px`), U.setProperty("--radix-popper-anchor-width", `${_t}px`), U.setProperty("--radix-popper-anchor-height", `${wt}px`);
+          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`);
           }
         }),
-        _ && jt({ element: _, padding: p }),
-        Jt({ arrowWidth: J, arrowHeight: X }),
-        h && $t({ strategy: "referenceHidden", ...T })
+        m && jt({ element: m, padding: p }),
+        eo({ arrowWidth: te, arrowHeight: $ }),
+        d && $t({ strategy: "referenceHidden", ...T })
       ]
-    }), [we, lt] = Be(ct), Pe = yt(w);
-    Se(() => {
-      K && Pe?.();
-    }, [K, Pe]);
-    const ut = E.arrow?.x, dt = E.arrow?.y, ht = E.arrow?.centerOffset !== 0, [ft, gt] = f.useState();
-    return Se(() => {
-      x && gt(window.getComputedStyle(x).zIndex);
-    }, [x]), /* @__PURE__ */ a(
+    }), [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: pt.setFloating,
+        ref: v.setFloating,
         "data-radix-popper-content-wrapper": "",
         style: {
-          ..._e,
-          transform: K ? _e.transform : "translate(0, -200%)",
+          ...C,
+          transform: q ? C.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
           zIndex: ft,
@@ -236,26 +238,26 @@ var he = "PopperContent", [Gt, Vt] = Te(he), je = f.forwardRef(
         },
         dir: e.dir,
         children: /* @__PURE__ */ a(
-          Gt,
+          Vt,
           {
             scope: o,
-            placedSide: we,
-            onArrowChange: C,
+            placedSide: Ce,
+            onArrowChange: y,
             arrowX: ut,
             arrowY: dt,
             shouldHideArrow: ht,
             children: /* @__PURE__ */ a(
-              B.div,
+              z.div,
               {
-                "data-side": we,
+                "data-side": Ce,
                 "data-align": lt,
-                ...d,
+                ...P,
                 ref: F,
                 style: {
-                  ...d.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: K ? void 0 : "none"
+                  animation: q ? void 0 : "none"
                 }
               }
             )
@@ -265,14 +267,14 @@ var he = "PopperContent", [Gt, Vt] = Te(he), je = f.forwardRef(
     );
   }
 );
-je.displayName = he;
-var $e = "PopperArrow", Zt = {
+He.displayName = ve;
+var Be = "PopperArrow", Qt = {
   top: "bottom",
   right: "left",
   bottom: "top",
   left: "right"
-}, He = f.forwardRef(function(t, o) {
-  const { __scopePopper: n, ...r } = t, s = Vt($e, n), i = Zt[s.placedSide];
+}, 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.
@@ -301,7 +303,7 @@ var $e = "PopperArrow", Zt = {
           visibility: s.shouldHideArrow ? "hidden" : void 0
         },
         children: /* @__PURE__ */ a(
-          Ut,
+          qt,
           {
             ...r,
             ref: o,
@@ -316,26 +318,26 @@ var $e = "PopperArrow", Zt = {
     )
   );
 });
-He.displayName = $e;
-function Qt(e) {
+ze.displayName = Be;
+function Jt(e) {
   return e !== null;
 }
-var Jt = (e) => ({
+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] = Be(o), u = { start: "0%", center: "50%", end: "100%" }[g], h = (r.arrow?.x ?? 0) + p / 2, m = (r.arrow?.y ?? 0) + c / 2;
-    let w = "", d = "";
-    return l === "bottom" ? (w = i ? u : `${h}px`, d = `${-c}px`) : l === "top" ? (w = i ? u : `${h}px`, d = `${n.floating.height + c}px`) : l === "right" ? (w = `${-c}px`, d = i ? u : `${m}px`) : l === "left" && (w = `${n.floating.width + c}px`, d = i ? u : `${m}px`), { data: { x: w, y: d } };
+    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 Be(e) {
+function We(e) {
   const [t, o = "center"] = e.split("-");
   return [t, o];
 }
-var eo = Me, ze = Ie, to = je, oo = He, Q = "Popover", [We] = Ae(Q, [
-  Ee
-]), L = Ee(), [ro, R] = We(Q), Le = (e) => {
+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,
@@ -343,87 +345,87 @@ var eo = Me, ze = Ie, to = je, oo = He, Q = "Popover", [We] = Ae(Q, [
     defaultOpen: r,
     onOpenChange: s,
     modal: i = !1
-  } = e, p = L(t), c = f.useRef(null), [l, g] = f.useState(!1), [u, h] = xt({
+  } = e, p = Y(t), c = h.useRef(null), [l, g] = h.useState(!1), [u, d] = xt({
     prop: n,
     defaultProp: r ?? !1,
     onChange: s,
-    caller: Q
+    caller: ee
   });
-  return /* @__PURE__ */ a(eo, { ...p, children: /* @__PURE__ */ a(
-    ro,
+  return /* @__PURE__ */ a(to, { ...p, children: /* @__PURE__ */ a(
+    no,
     {
       scope: t,
       contentId: Tt(),
       triggerRef: c,
       open: u,
-      onOpenChange: h,
-      onOpenToggle: f.useCallback(() => h((m) => !m), [h]),
+      onOpenChange: d,
+      onOpenToggle: h.useCallback(() => d((w) => !w), [d]),
       hasCustomAnchor: l,
-      onCustomAnchorAdd: f.useCallback(() => g(!0), []),
-      onCustomAnchorRemove: f.useCallback(() => g(!1), []),
+      onCustomAnchorAdd: h.useCallback(() => g(!0), []),
+      onCustomAnchorRemove: h.useCallback(() => g(!1), []),
       modal: i,
       children: o
     }
   ) });
 };
-Le.displayName = Q;
-var Ye = "PopoverAnchor", no = f.forwardRef(
+Xe.displayName = ee;
+var Ke = "PopoverAnchor", so = h.forwardRef(
   (e, t) => {
-    const { __scopePopover: o, ...n } = e, r = R(Ye, o), s = L(o), { onCustomAnchorAdd: i, onCustomAnchorRemove: p } = r;
-    return f.useEffect(() => (i(), () => p()), [i, p]), /* @__PURE__ */ a(ze, { ...s, ...n, ref: 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 });
   }
 );
-no.displayName = Ye;
-var Xe = "PopoverTrigger", Ke = f.forwardRef(
+so.displayName = Ke;
+var Ue = "PopoverTrigger", qe = h.forwardRef(
   (e, t) => {
-    const { __scopePopover: o, ...n } = e, r = R(Xe, o), s = L(o), i = V(t, r.triggerRef), p = /* @__PURE__ */ a(
-      B.button,
+    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": Je(r.open),
+        "data-state": tt(r.open),
         ...n,
         ref: i,
-        onClick: H(e.onClick, r.onOpenToggle)
+        onClick: B(e.onClick, r.onOpenToggle)
       }
     );
-    return r.hasCustomAnchor ? p : /* @__PURE__ */ a(ze, { asChild: !0, ...s, children: p });
+    return r.hasCustomAnchor ? p : /* @__PURE__ */ a(Le, { asChild: !0, ...s, children: p });
   }
 );
-Ke.displayName = Xe;
-var fe = "PopoverPortal", [so, io] = We(fe, {
+qe.displayName = Ue;
+var me = "PopoverPortal", [io, ao] = Ye(me, {
   forceMount: void 0
-}), Ue = (e) => {
-  const { __scopePopover: t, forceMount: o, children: n, container: r } = e, s = R(fe, t);
-  return /* @__PURE__ */ a(so, { scope: t, forceMount: o, children: /* @__PURE__ */ a(Re, { present: o || s.open, children: /* @__PURE__ */ a(Ot, { asChild: !0, container: r, children: n }) }) });
+}), 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 }) }) });
 };
-Ue.displayName = fe;
-var j = "PopoverContent", qe = f.forwardRef(
+Ge.displayName = me;
+var j = "PopoverContent", Ve = h.forwardRef(
   (e, t) => {
-    const o = io(j, e.__scopePopover), { forceMount: n = o.forceMount, ...r } = e, s = R(j, e.__scopePopover);
-    return /* @__PURE__ */ a(Re, { present: n || s.open, children: s.modal ? /* @__PURE__ */ a(po, { ...r, ref: t }) : /* @__PURE__ */ a(co, { ...r, ref: 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 }) });
   }
 );
-qe.displayName = j;
-var ao = St("PopoverContent.RemoveScroll"), po = f.forwardRef(
+Ve.displayName = j;
+var po = St("PopoverContent.RemoveScroll"), co = h.forwardRef(
   (e, t) => {
-    const o = R(j, e.__scopePopover), n = f.useRef(null), r = V(t, n), s = f.useRef(!1);
-    return f.useEffect(() => {
+    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: ao, allowPinchZoom: !0, children: /* @__PURE__ */ a(
-      Ge,
+    }, []), /* @__PURE__ */ a(Rt, { as: po, allowPinchZoom: !0, children: /* @__PURE__ */ a(
+      Ze,
       {
         ...e,
         ref: r,
         trapFocus: o.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: H(e.onCloseAutoFocus, (i) => {
+        onCloseAutoFocus: B(e.onCloseAutoFocus, (i) => {
           i.preventDefault(), s.current || o.triggerRef.current?.focus();
         }),
-        onPointerDownOutside: H(
+        onPointerDownOutside: B(
           e.onPointerDownOutside,
           (i) => {
             const p = i.detail.originalEvent, c = p.button === 0 && p.ctrlKey === !0, l = p.button === 2 || c;
@@ -431,7 +433,7 @@ var ao = St("PopoverContent.RemoveScroll"), po = f.forwardRef(
           },
           { checkForDefaultPrevented: !1 }
         ),
-        onFocusOutside: H(
+        onFocusOutside: B(
           e.onFocusOutside,
           (i) => i.preventDefault(),
           { checkForDefaultPrevented: !1 }
@@ -439,11 +441,11 @@ var ao = St("PopoverContent.RemoveScroll"), po = f.forwardRef(
       }
     ) });
   }
-), co = f.forwardRef(
+), lo = h.forwardRef(
   (e, t) => {
-    const o = R(j, e.__scopePopover), n = f.useRef(!1), r = f.useRef(!1);
+    const o = b(j, e.__scopePopover), n = h.useRef(!1), r = h.useRef(!1);
     return /* @__PURE__ */ a(
-      Ge,
+      Ze,
       {
         ...e,
         ref: t,
@@ -460,7 +462,7 @@ var ao = St("PopoverContent.RemoveScroll"), po = f.forwardRef(
       }
     );
   }
-), Ge = f.forwardRef(
+), Ze = h.forwardRef(
   (e, t) => {
     const {
       __scopePopover: o,
@@ -473,7 +475,7 @@ var ao = St("PopoverContent.RemoveScroll"), po = f.forwardRef(
       onFocusOutside: l,
       onInteractOutside: g,
       ...u
-    } = e, h = R(j, o), m = L(o);
+    } = e, d = b(j, o), w = Y(o);
     return bt(), /* @__PURE__ */ a(
       Nt,
       {
@@ -491,14 +493,14 @@ var ao = St("PopoverContent.RemoveScroll"), po = f.forwardRef(
             onEscapeKeyDown: p,
             onPointerDownOutside: c,
             onFocusOutside: l,
-            onDismiss: () => h.onOpenChange(!1),
+            onDismiss: () => d.onOpenChange(!1),
             children: /* @__PURE__ */ a(
-              to,
+              oo,
               {
-                "data-state": Je(h.open),
+                "data-state": tt(d.open),
                 role: "dialog",
-                id: h.contentId,
-                ...m,
+                id: d.contentId,
+                ...w,
                 ...u,
                 ref: t,
                 style: {
@@ -516,33 +518,33 @@ var ao = St("PopoverContent.RemoveScroll"), po = f.forwardRef(
       }
     );
   }
-), Ve = "PopoverClose", Ze = f.forwardRef(
+), Qe = "PopoverClose", Je = h.forwardRef(
   (e, t) => {
-    const { __scopePopover: o, ...n } = e, r = R(Ve, o);
+    const { __scopePopover: o, ...n } = e, r = b(Qe, o);
     return /* @__PURE__ */ a(
-      B.button,
+      z.button,
       {
         type: "button",
         ...n,
         ref: t,
-        onClick: H(e.onClick, () => r.onOpenChange(!1))
+        onClick: B(e.onClick, () => r.onOpenChange(!1))
       }
     );
   }
 );
-Ze.displayName = Ve;
-var lo = "PopoverArrow", Qe = f.forwardRef(
+Je.displayName = Qe;
+var uo = "PopoverArrow", et = h.forwardRef(
   (e, t) => {
-    const { __scopePopover: o, ...n } = e, r = L(o);
-    return /* @__PURE__ */ a(oo, { ...r, ...n, ref: t });
+    const { __scopePopover: o, ...n } = e, r = Y(o);
+    return /* @__PURE__ */ a(ro, { ...r, ...n, ref: t });
   }
 );
-Qe.displayName = lo;
-function Je(e) {
+et.displayName = uo;
+function tt(e) {
   return e ? "open" : "closed";
 }
-var et = Le, uo = Ke, ho = Ue, fo = qe, tt = Ze, go = Qe;
-const ge = ({
+var ot = Xe, ho = qe, fo = Ge, go = Ve, rt = Je, vo = et;
+const _e = ({
   children: e,
   asChild: t,
   onClick: o,
@@ -550,8 +552,8 @@ const ge = ({
   dismiss: r = !0,
   fullWidth: s
 }) => {
-  const i = W(), { isMdOrSmaller: p } = le(), { negative: c } = ce(), h = t ? e : /* @__PURE__ */ a(
-    q,
+  const i = L(), { isMdOrSmaller: p } = he(), { negative: c } = de(), d = t ? e : /* @__PURE__ */ a(
+    V,
     {
       variant: n,
       size: "sm",
@@ -563,28 +565,28 @@ const ge = ({
       children: e
     }
   );
-  return r ? /* @__PURE__ */ a(tt, { asChild: !0, children: h }) : h;
+  return r ? /* @__PURE__ */ a(rt, { asChild: !0, children: d }) : d;
 };
-ge.displayName = "PopoverButton";
-const vo = "_highlightState1_1w9je_1", mo = "_fadeIn_1w9je_1", _o = "_slideFromTop_1w9je_1", wo = "_slideFromBottom_1w9je_1", Po = "_slideFromLeft_1w9je_1", Co = "_slideFromRight_1w9je_1", So = "_fadeOut_1w9je_1", xo = "_slideToTop_1w9je_1", yo = "_slideToBottom_1w9je_1", Oo = "_slideToLeft_1w9je_1", Ao = "_slideToRight_1w9je_1", Y = {
+_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: vo,
+  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: mo,
-  slideFromTop: _o,
-  slideFromBottom: wo,
-  slideFromLeft: Po,
-  slideFromRight: Co,
-  fadeOut: So,
-  slideToTop: xo,
-  slideToBottom: yo,
-  slideToLeft: Oo,
-  slideToRight: Ao,
+  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",
@@ -595,12 +597,12 @@ const vo = "_highlightState1_1w9je_1", mo = "_fadeIn_1w9je_1", _o = "_slideFromT
   "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"
-}, Ro = z.bind(Y), ot = () => {
-  const e = ae(), o = Z()?.walkthroughStep || e.currentStep, { totalSteps: n, separatorText: r, stepText: s } = e;
-  return /* @__PURE__ */ a(Oe, { children: /* @__PURE__ */ A(
-    be,
+}, 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: Ro("purpur-popover__steps"),
+      className: bo("purpur-popover__steps"),
       role: "status",
       "aria-live": "polite",
       "aria-atomic": "true",
@@ -616,38 +618,38 @@ const vo = "_highlightState1_1w9je_1", mo = "_fadeIn_1w9je_1", _o = "_slideFromT
     }
   ) });
 };
-ot.displayName = "PopoverSteps";
-const ye = z.bind(Y), ve = ({ children: e, className: t }) => {
-  const o = W(), n = Z(), r = o && n && n.walkthroughStep > 0;
-  return /* @__PURE__ */ A("div", { className: ye("purpur-popover__footer", t), children: [
-    r && /* @__PURE__ */ a(ot, {}),
-    /* @__PURE__ */ a("div", { className: ye("purpur-popover__footer-button-group"), children: e })
+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 })
   ] });
 };
-ve.displayName = "PopoverFooter";
-const oe = z.bind(Y), rt = se(
-  ({ title: e, icon: t }, o) => /* @__PURE__ */ A("div", { ref: o, className: oe("purpur-popover__header-content"), children: [
-    t && /* @__PURE__ */ a("span", { className: oe("purpur-popover__icon"), children: t }),
+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(
-      Lt,
+      Yt,
       {
         tag: "h2",
         variant: "title-100",
-        className: oe("purpur-popover__title"),
+        className: se("purpur-popover__title"),
         id: "popover-heading",
         children: e
       }
     )
   ] })
 );
-rt.displayName = "PopoverHeader";
-const me = ({
+st.displayName = "PopoverHeader";
+const Pe = ({
   children: e,
   onClick: t
 }) => {
-  const { next: o } = ae(), { negative: n } = ce(), { isMdOrSmaller: r } = le();
+  const { next: o } = le(), { negative: n } = de(), { isMdOrSmaller: r } = he();
   return /* @__PURE__ */ a(
-    q,
+    V,
     {
       size: "sm",
       variant: "primary",
@@ -660,8 +662,8 @@ const me = ({
     }
   );
 };
-me.displayName = "PopoverNext";
-const k = z.bind(Y), nt = se(
+Pe.displayName = "PopoverNext";
+const k = W.bind(X), it = pe(
   ({
     children: e,
     className: t,
@@ -676,98 +678,99 @@ const k = z.bind(Y), nt = se(
     icon: l,
     body: g,
     onAction: u,
-    zIndex: h = 210,
-    ...m
-  }, w) => {
-    const d = W(), O = Z(), x = I(null), F = {
+    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], _ = o !== "none";
-    let C = e;
-    if (d && !e) {
-      const v = O?.walkthroughStep || d.currentStep, P = v === 1, T = v === d.totalSteps;
-      C = /* @__PURE__ */ A(ve, { children: [
-        !P && /* @__PURE__ */ a(ue, { onClick: () => u?.({ type: "back", step: v }), children: d.backLabel }),
-        T ? /* @__PURE__ */ a(
-          ge,
+    }[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: d.finishLabel
+            children: f.finishLabel
           }
-        ) : /* @__PURE__ */ a(me, { onClick: () => u?.({ type: "next", step: v }), children: d.nextLabel })
+        ) : /* @__PURE__ */ a(Pe, { onClick: () => u?.({ type: "next", step: v }), children: f.nextLabel })
       ] });
     }
-    const S = (v) => {
-      if (v.preventDefault(), d) {
-        const P = v.currentTarget;
+    const oe = (v) => {
+      if (v.preventDefault(), f) {
+        const C = v.currentTarget;
         setTimeout(() => {
-          P.setAttribute("tabindex", "-1"), P.focus();
+          C.setAttribute("tabindex", "-1"), C.focus();
         }, 0);
       }
-      m.onOpenAutoFocus?.(v);
-    }, J = (v) => {
-      d && v.preventDefault(), m.onCloseAutoFocus?.(v);
-    }, X = (v) => {
-      const P = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-      d && !P ? (v.preventDefault(), setTimeout(() => {
-        u?.({ type: "dismiss", step: d.currentStep }), d.dismiss();
-      }, 200)) : (u?.({ type: "dismiss", step: d?.currentStep }), d?.dismiss());
-    }, ee = (v) => {
-      const P = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-      d && !P ? (v.preventDefault(), setTimeout(() => {
-        u?.({ type: "dismiss", step: d.currentStep }), d.dismiss();
-      }, 200)) : (u?.({ type: "dismiss", step: d?.currentStep }), d?.dismiss());
-    }, te = (v) => {
-      if (O?.disableClickOutside) {
+      _.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 (d) {
-        const P = v.target;
-        P.closest("[role='dialog']") || P.closest(".purpur-popover__trigger") || P.closest("button[aria-haspopup='dialog']") || (u?.({ type: "dismiss", step: d.currentStep }), setTimeout(() => {
-          d.dismiss();
+      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(ho, { children: /* @__PURE__ */ A(
-      fo,
+    return /* @__PURE__ */ a(fo, { container: m, children: /* @__PURE__ */ A(
+      go,
       {
         "data-testid": "popover-content",
         role: "dialog",
         "aria-modal": "true",
-        "aria-labelledby": m["aria-label"] ? void 0 : "popover-heading",
-        ref: w,
-        side: F,
+        "aria-labelledby": _["aria-label"] ? void 0 : "popover-heading",
+        ref: P,
+        side: x,
         sideOffset: s,
         align: n,
         alignOffset: r,
         style: {
-          "--popover-z-index": h
+          "--popover-z-index": d
         },
         className: k(
           "purpur-popover__content",
           { "purpur-popover__content--negative": i },
           t
         ),
-        onOpenAutoFocus: S,
-        onCloseAutoFocus: J,
-        onEscapeKeyDown: ee,
-        onInteractOutside: te,
-        ...m,
+        onOpenAutoFocus: oe,
+        onCloseAutoFocus: re,
+        onEscapeKeyDown: ne,
+        onInteractOutside: T,
+        ..._,
         children: [
-          /* @__PURE__ */ A(Ne.Provider, { value: { negative: i }, children: [
+          /* @__PURE__ */ A(Te.Provider, { value: { negative: i }, children: [
             /* @__PURE__ */ A("div", { className: k("purpur-popover__inner"), children: [
-              /* @__PURE__ */ a(rt, { ref: x, title: c, icon: l }),
-              /* @__PURE__ */ a(be, { className: k("purpur-popover__body"), children: g })
+              /* @__PURE__ */ a(st, { ref: R, title: c, icon: l }),
+              /* @__PURE__ */ a(Fe, { className: k("purpur-popover__body"), children: g })
             ] }),
-            C,
-            /* @__PURE__ */ a(tt, { asChild: !0, onClick: X, children: /* @__PURE__ */ a(
-              q,
+            $,
+            /* @__PURE__ */ a(rt, { asChild: !0, onClick: K, children: /* @__PURE__ */ a(
+              V,
               {
                 variant: i ? "text" : "tertiary-purple",
                 size: "sm",
@@ -779,8 +782,8 @@ const k = z.bind(Y), nt = se(
               }
             ) })
           ] }),
-          _ && /* @__PURE__ */ a(
-            go,
+          te && /* @__PURE__ */ a(
+            vo,
             {
               className: k("purpur-popover__arrow"),
               "aria-hidden": "true",
@@ -792,8 +795,8 @@ const k = z.bind(Y), nt = se(
     ) });
   }
 );
-nt.displayName = "PopoverContent";
-const st = ({
+it.displayName = "PopoverContent";
+const at = ({
   children: e,
   open: t,
   defaultOpen: o = !1,
@@ -802,10 +805,10 @@ const st = ({
   ...s
 }) => {
   const [i, p] = D(o), c = t !== void 0, l = c ? t : i;
-  return /* @__PURE__ */ a(et, { open: l, onOpenChange: (u) => {
+  return /* @__PURE__ */ a(ot, { open: l, onOpenChange: (u) => {
     c || p(u), n?.(u);
   }, ...s, children: /* @__PURE__ */ a(
-    pe.Provider,
+    ue.Provider,
     {
       value: {
         isOpen: l,
@@ -816,31 +819,31 @@ const st = ({
     }
   ) });
 };
-st.displayName = "PopoverStandalone";
-const bo = (e) => {
-  const t = I(null), o = y(() => {
+at.displayName = "PopoverStandalone";
+const No = (e) => {
+  const t = I(null), o = O(() => {
     t.current && (cancelAnimationFrame(t.current), t.current = null);
   }, []);
-  return { scrollToElement: y(
+  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 h = document.documentElement.scrollHeight, m = Math.max(0, h - g);
-      if (u = Math.max(0, Math.min(u, m)), i) {
+      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 w = window.pageYOffset, d = u - w, O = performance.now(), x = (N) => {
-        const F = N - O, _ = Math.min(F / s, 1), C = _ < 0.5 ? 2 * _ * _ : 1 - Math.pow(-2 * _ + 2, 2) / 2, S = w + d * C;
-        window.scrollTo(0, S), _ < 1 ? t.current = requestAnimationFrame(x) : (t.current = null, e?.());
+      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(x);
+      o(), t.current = requestAnimationFrame(S);
     },
     [e, o]
   ), cancelScroll: o };
 };
-function No(e) {
-  const t = I(null), o = Z(), n = W(), r = I(!1), { scrollToElement: s, cancelScroll: i } = bo(o?.onScrollComplete);
+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(() => {
@@ -850,23 +853,23 @@ function No(e) {
     } 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 re = z.bind(Y), it = se(
+const ie = W.bind(X), pt = pe(
   ({ children: e, className: t, highlight: o = !0, negative: n = !1, ...r }, s) => {
-    const { triggerRef: i, context: p } = No(s);
+    const { triggerRef: i, context: p } = Fo(s);
     return /* @__PURE__ */ A(
       "div",
       {
-        className: re(
+        className: ie(
           "purpur-popover__trigger",
           { "purpur-popover__trigger--highlight": p?.isOpen && o },
           t
         ),
         children: [
-          p?.isOpen && o && /* @__PURE__ */ A(Oe, { children: [
+          p?.isOpen && o && /* @__PURE__ */ A(Re, { children: [
             /* @__PURE__ */ a(
               "div",
               {
-                className: re(
+                className: ie(
                   "purpur-popover__trigger-highlight",
                   "purpur-popover__trigger-highlight--state1",
                   { "purpur-popover__trigger-highlight--negative": n }
@@ -877,7 +880,7 @@ const re = z.bind(Y), it = se(
             /* @__PURE__ */ a(
               "div",
               {
-                className: re(
+                className: ie(
                   "purpur-popover__trigger-highlight",
                   "purpur-popover__trigger-highlight--state2",
                   { "purpur-popover__trigger-highlight--negative": n }
@@ -887,7 +890,7 @@ const re = z.bind(Y), it = se(
             )
           ] }),
           /* @__PURE__ */ a(
-            uo,
+            ho,
             {
               ref: i,
               asChild: !0,
@@ -902,28 +905,28 @@ const re = z.bind(Y), it = se(
     );
   }
 );
-it.displayName = "PopoverTrigger";
-function Fo(e) {
-  const t = W(), [o, n] = D(!1), [r, s] = D(!1), i = I(null), p = I(0);
+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 = y(() => {
+  const c = t?.currentStep === e, l = O(() => {
     s(!0);
-  }, []), g = y(() => {
+  }, []), g = O(() => {
     if (s(!1), c) {
-      const h = t.openDelay;
+      const d = t.openDelay;
       i.current = window.setTimeout(() => {
         n(!0), p.current = Date.now();
-      }, h);
+      }, d);
     }
   }, [c, t]);
   M(() => {
     if (i.current && (clearTimeout(i.current), i.current = null), c) {
       if (!r) {
-        const h = t.openDelay;
+        const d = t.openDelay;
         i.current = window.setTimeout(() => {
           n(!0), p.current = Date.now();
-        }, h);
+        }, d);
       }
     } else
       n(!1), s(!1), p.current = 0;
@@ -931,9 +934,9 @@ function Fo(e) {
       i.current && (clearTimeout(i.current), i.current = null);
     };
   }, [c, r, t]);
-  const u = y(
-    (h, m) => {
-      if (m?.(h), !h && o && t && t.currentStep === e) {
+  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();
@@ -948,22 +951,22 @@ function Fo(e) {
     handleOpenChange: u
   };
 }
-const at = ({
+const ct = ({
   children: e,
   step: t,
   onOpenChange: o,
   disableClickOutside: n = !0,
   ...r
 }) => {
-  const { actuallyOpen: s, onScrollStart: i, onScrollComplete: p, handleOpenChange: c } = Fo(t);
+  const { actuallyOpen: s, onScrollStart: i, onScrollComplete: p, handleOpenChange: c } = To(t);
   return /* @__PURE__ */ a(
-    et,
+    ot,
     {
       open: s,
       onOpenChange: (l) => c(l, o),
       ...r,
       children: /* @__PURE__ */ a(
-        pe.Provider,
+        ue.Provider,
         {
           value: {
             isOpen: s,
@@ -978,32 +981,32 @@ const at = ({
     }
   );
 };
-at.displayName = "PopoverWalkthrough";
-const b = (e) => {
+ct.displayName = "PopoverWalkthrough";
+const N = (e) => {
   const { multistep: t = !1, disableClickOutside: o, ...n } = e;
   return t ? /* @__PURE__ */ a(
-    at,
+    ct,
     {
       ...n,
       disableClickOutside: o ?? !0
     }
   ) : /* @__PURE__ */ a(
-    st,
+    at,
     {
       ...n,
       disableClickOutside: o
     }
   );
 };
-b.Back = ue;
-b.Button = ge;
-b.Content = nt;
-b.Flow = Yt;
-b.Footer = ve;
-b.Next = me;
-b.Trigger = it;
-b.displayName = "Popover";
+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 {
-  b as P
+  N as P
 };
-//# sourceMappingURL=popover-I26xNbTz.mjs.map
+//# sourceMappingURL=popover-DERrvReO.mjs.map