@purpurds/modal 8.18.0 → 8.20.0

package/dist/modal.es.js

@@ -1,37 +1,37 @@
-import { jsx as p, jsxs as $, Fragment as xe } from "react/jsx-runtime";
+import { jsx as p, jsxs as $, Fragment as De } from "react/jsx-runtime";
 import * as s from "react";
-import { useState as ye, forwardRef as Ce, useRef as be, useCallback as Zt, useEffect as Ee } from "react";
+import { useState as be, forwardRef as Ne, useRef as Ee, useCallback as Zt, useEffect as we } from "react";
 import * as Qt from "react-dom";
 import Jt from "react-dom";
-function F(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
+function k(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
   return function(a) {
     if (e?.(a), r === !1 || !a.defaultPrevented)
       return t?.(a);
   };
 }
-function De(e, t) {
+function Ae(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function st(...e) {
+function ct(...e) {
   return (t) => {
     let r = !1;
     const o = e.map((a) => {
-      const n = De(a, t);
+      const n = Ae(a, t);
       return !r && typeof n == "function" && (r = !0), n;
     });
     if (r)
       return () => {
         for (let a = 0; a < o.length; a++) {
           const n = o[a];
-          typeof n == "function" ? n() : De(e[a], null);
+          typeof n == "function" ? n() : Ae(e[a], null);
         }
       };
   };
 }
-function j(...e) {
-  return s.useCallback(st(...e), e);
+function B(...e) {
+  return s.useCallback(ct(...e), e);
 }
 function er(e, t) {
   const r = s.createContext(t), o = (n) => {
@@ -98,7 +98,7 @@ function rr(...e) {
 var q = globalThis?.document ? s.useLayoutEffect : () => {
 }, nr = s[" useId ".trim().toString()] || (() => {
 }), or = 0;
-function le(e) {
+function de(e) {
   const [t, r] = s.useState(nr());
   return q(() => {
     r((o) => o ?? String(or++));
@@ -152,7 +152,7 @@ function sr(e) {
   return typeof e == "function";
 }
 // @__NO_SIDE_EFFECTS__
-function ct(e) {
+function lt(e) {
   const t = /* @__PURE__ */ cr(e), r = s.forwardRef((o, a) => {
     const { children: n, ...u } = o, i = s.Children.toArray(n), d = i.find(dr);
     if (d) {
@@ -169,13 +169,13 @@ function cr(e) {
     const { children: a, ...n } = r;
     if (s.isValidElement(a)) {
       const u = fr(a), i = pr(n, a.props);
-      return a.type !== s.Fragment && (i.ref = o ? st(o, u) : u), s.cloneElement(a, i);
+      return a.type !== s.Fragment && (i.ref = o ? ct(o, u) : u), s.cloneElement(a, i);
     }
     return s.Children.count(a) > 1 ? s.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var lr = Symbol("radix.slottable");
+var lr = /* @__PURE__ */ Symbol("radix.slottable");
 function dr(e) {
   return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === lr;
 }
@@ -212,10 +212,10 @@ var vr = [
   "span",
   "svg",
   "ul"
-], M = vr.reduce((e, t) => {
-  const r = /* @__PURE__ */ ct(`Primitive.${t}`), o = s.forwardRef((a, n) => {
+], I = vr.reduce((e, t) => {
+  const r = /* @__PURE__ */ lt(`Primitive.${t}`), o = s.forwardRef((a, n) => {
     const { asChild: u, ...i } = a, d = u ? r : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(d, { ...i, ref: n });
+    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(d, { ...i, ref: n });
   });
   return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
 }, {});
@@ -237,11 +237,11 @@ function mr(e, t = globalThis?.document) {
     return t.addEventListener("keydown", o, { capture: !0 }), () => t.removeEventListener("keydown", o, { capture: !0 });
   }, [r, t]);
 }
-var gr = "DismissableLayer", we = "dismissableLayer.update", _r = "dismissableLayer.pointerDownOutside", yr = "dismissableLayer.focusOutside", Ae, lt = s.createContext({
+var gr = "DismissableLayer", Se = "dismissableLayer.update", _r = "dismissableLayer.pointerDownOutside", yr = "dismissableLayer.focusOutside", $e, dt = s.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), dt = s.forwardRef(
+}), pt = s.forwardRef(
   (e, t) => {
     const {
       disableOutsidePointerEvents: r = !1,
@@ -251,27 +251,27 @@ var gr = "DismissableLayer", we = "dismissableLayer.update", _r = "dismissableLa
       onInteractOutside: u,
       onDismiss: i,
       ...d
-    } = e, c = s.useContext(lt), [f, v] = s.useState(null), h = f?.ownerDocument ?? globalThis?.document, [, g] = s.useState({}), b = j(t, (y) => v(y)), l = Array.from(c.layers), [m] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), _ = l.indexOf(m), E = f ? l.indexOf(f) : -1, w = c.layersWithOutsidePointerEventsDisabled.size > 0, S = E >= _, C = wr((y) => {
-      const x = y.target, P = [...c.branches].some((V) => V.contains(x));
+    } = e, c = s.useContext(dt), [f, v] = s.useState(null), h = f?.ownerDocument ?? globalThis?.document, [, g] = s.useState({}), b = B(t, (y) => v(y)), l = Array.from(c.layers), [m] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), _ = l.indexOf(m), E = f ? l.indexOf(f) : -1, w = c.layersWithOutsidePointerEventsDisabled.size > 0, S = E >= _, C = wr((y) => {
+      const M = y.target, P = [...c.branches].some((j) => j.contains(M));
       !S || P || (a?.(y), u?.(y), y.defaultPrevented || i?.());
     }, h), O = Sr((y) => {
-      const x = y.target;
-      [...c.branches].some((V) => V.contains(x)) || (n?.(y), u?.(y), y.defaultPrevented || i?.());
+      const M = y.target;
+      [...c.branches].some((j) => j.contains(M)) || (n?.(y), u?.(y), y.defaultPrevented || i?.());
     }, h);
     return mr((y) => {
       E === c.layers.size - 1 && (o?.(y), !y.defaultPrevented && i && (y.preventDefault(), i()));
     }, h), s.useEffect(() => {
       if (f)
-        return r && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (Ae = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(f)), c.layers.add(f), $e(), () => {
-          r && c.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = Ae);
+        return r && (c.layersWithOutsidePointerEventsDisabled.size === 0 && ($e = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(f)), c.layers.add(f), Te(), () => {
+          r && c.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = $e);
         };
     }, [f, h, r, c]), s.useEffect(() => () => {
-      f && (c.layers.delete(f), c.layersWithOutsidePointerEventsDisabled.delete(f), $e());
+      f && (c.layers.delete(f), c.layersWithOutsidePointerEventsDisabled.delete(f), Te());
     }, [f, c]), s.useEffect(() => {
       const y = () => g({});
-      return document.addEventListener(we, y), () => document.removeEventListener(we, y);
+      return document.addEventListener(Se, y), () => document.removeEventListener(Se, y);
     }, []), /* @__PURE__ */ p(
-      M.div,
+      I.div,
       {
         ...d,
         ref: b,
@@ -279,9 +279,9 @@ var gr = "DismissableLayer", we = "dismissableLayer.update", _r = "dismissableLa
           pointerEvents: w ? S ? "auto" : "none" : void 0,
           ...e.style
         },
-        onFocusCapture: F(e.onFocusCapture, O.onFocusCapture),
-        onBlurCapture: F(e.onBlurCapture, O.onBlurCapture),
-        onPointerDownCapture: F(
+        onFocusCapture: k(e.onFocusCapture, O.onFocusCapture),
+        onBlurCapture: k(e.onBlurCapture, O.onBlurCapture),
+        onPointerDownCapture: k(
           e.onPointerDownCapture,
           C.onPointerDownCapture
         )
@@ -289,16 +289,16 @@ var gr = "DismissableLayer", we = "dismissableLayer.update", _r = "dismissableLa
     );
   }
 );
-dt.displayName = gr;
+pt.displayName = gr;
 var br = "DismissableLayerBranch", Er = s.forwardRef((e, t) => {
-  const r = s.useContext(lt), o = s.useRef(null), a = j(t, o);
+  const r = s.useContext(dt), o = s.useRef(null), a = B(t, o);
   return s.useEffect(() => {
     const n = o.current;
     if (n)
       return r.branches.add(n), () => {
         r.branches.delete(n);
       };
-  }, [r.branches]), /* @__PURE__ */ p(M.div, { ...e, ref: a });
+  }, [r.branches]), /* @__PURE__ */ p(I.div, { ...e, ref: a });
 });
 Er.displayName = br;
 function wr(e, t = globalThis?.document) {
@@ -308,7 +308,7 @@ function wr(e, t = globalThis?.document) {
     const n = (i) => {
       if (i.target && !o.current) {
         let d = function() {
-          pt(
+          ft(
             _r,
             r,
             c,
@@ -335,7 +335,7 @@ function Sr(e, t = globalThis?.document) {
   const r = Y(e), o = s.useRef(!1);
   return s.useEffect(() => {
     const a = (n) => {
-      n.target && !o.current && pt(yr, r, { originalEvent: n }, {
+      n.target && !o.current && ft(yr, r, { originalEvent: n }, {
         discrete: !1
       });
     };
@@ -345,22 +345,22 @@ function Sr(e, t = globalThis?.document) {
     onBlurCapture: () => o.current = !1
   };
 }
-function $e() {
-  const e = new CustomEvent(we);
+function Te() {
+  const e = new CustomEvent(Se);
   document.dispatchEvent(e);
 }
-function pt(e, t, r, { discrete: o }) {
+function ft(e, t, r, { discrete: o }) {
   const a = r.originalEvent.target, n = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: r });
   t && a.addEventListener(e, t, { once: !0 }), o ? hr(a, n) : a.dispatchEvent(n);
 }
-var de = "focusScope.autoFocusOnMount", pe = "focusScope.autoFocusOnUnmount", Te = { bubbles: !1, cancelable: !0 }, Cr = "FocusScope", ft = s.forwardRef((e, t) => {
+var pe = "focusScope.autoFocusOnMount", fe = "focusScope.autoFocusOnUnmount", Me = { bubbles: !1, cancelable: !0 }, Cr = "FocusScope", vt = s.forwardRef((e, t) => {
   const {
     loop: r = !1,
     trapped: o = !1,
     onMountAutoFocus: a,
     onUnmountAutoFocus: n,
     ...u
-  } = e, [i, d] = s.useState(null), c = Y(a), f = Y(n), v = s.useRef(null), h = j(t, (l) => d(l)), g = s.useRef({
+  } = e, [i, d] = s.useState(null), c = Y(a), f = Y(n), v = s.useRef(null), h = B(t, (l) => d(l)), g = s.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -374,15 +374,15 @@ var de = "focusScope.autoFocusOnMount", pe = "focusScope.autoFocusOnUnmount", Te
       let l = function(w) {
         if (g.paused || !i) return;
         const S = w.target;
-        i.contains(S) ? v.current = S : L(v.current, { select: !0 });
+        i.contains(S) ? v.current = S : F(v.current, { select: !0 });
       }, m = function(w) {
         if (g.paused || !i) return;
         const S = w.relatedTarget;
-        S !== null && (i.contains(S) || L(v.current, { select: !0 }));
+        S !== null && (i.contains(S) || F(v.current, { select: !0 }));
       }, _ = function(w) {
         if (document.activeElement === document.body)
           for (const C of w)
-            C.removedNodes.length > 0 && L(i);
+            C.removedNodes.length > 0 && F(i);
       };
       document.addEventListener("focusin", l), document.addEventListener("focusout", m);
       const E = new MutationObserver(_);
@@ -392,16 +392,16 @@ var de = "focusScope.autoFocusOnMount", pe = "focusScope.autoFocusOnUnmount", Te
     }
   }, [o, i, g.paused]), s.useEffect(() => {
     if (i) {
-      Ie.add(g);
+      Le.add(g);
       const l = document.activeElement;
       if (!i.contains(l)) {
-        const _ = new CustomEvent(de, Te);
-        i.addEventListener(de, c), i.dispatchEvent(_), _.defaultPrevented || (Nr(Dr(vt(i)), { select: !0 }), document.activeElement === l && L(i));
+        const _ = new CustomEvent(pe, Me);
+        i.addEventListener(pe, c), i.dispatchEvent(_), _.defaultPrevented || (Nr(Dr(ht(i)), { select: !0 }), document.activeElement === l && F(i));
       }
       return () => {
-        i.removeEventListener(de, c), setTimeout(() => {
-          const _ = new CustomEvent(pe, Te);
-          i.addEventListener(pe, f), i.dispatchEvent(_), _.defaultPrevented || L(l ?? document.body, { select: !0 }), i.removeEventListener(pe, f), Ie.remove(g);
+        i.removeEventListener(pe, c), setTimeout(() => {
+          const _ = new CustomEvent(fe, Me);
+          i.addEventListener(fe, f), i.dispatchEvent(_), _.defaultPrevented || F(l ?? document.body, { select: !0 }), i.removeEventListener(fe, f), Le.remove(g);
         }, 0);
       };
     }
@@ -412,24 +412,24 @@ var de = "focusScope.autoFocusOnMount", pe = "focusScope.autoFocusOnUnmount", Te
       const m = l.key === "Tab" && !l.altKey && !l.ctrlKey && !l.metaKey, _ = document.activeElement;
       if (m && _) {
         const E = l.currentTarget, [w, S] = Or(E);
-        w && S ? !l.shiftKey && _ === S ? (l.preventDefault(), r && L(w, { select: !0 })) : l.shiftKey && _ === w && (l.preventDefault(), r && L(S, { select: !0 })) : _ === E && l.preventDefault();
+        w && S ? !l.shiftKey && _ === S ? (l.preventDefault(), r && F(w, { select: !0 })) : l.shiftKey && _ === w && (l.preventDefault(), r && F(S, { select: !0 })) : _ === E && l.preventDefault();
       }
     },
     [r, o, g.paused]
   );
-  return /* @__PURE__ */ p(M.div, { tabIndex: -1, ...u, ref: h, onKeyDown: b });
+  return /* @__PURE__ */ p(I.div, { tabIndex: -1, ...u, ref: h, onKeyDown: b });
 });
-ft.displayName = Cr;
+vt.displayName = Cr;
 function Nr(e, { select: t = !1 } = {}) {
   const r = document.activeElement;
   for (const o of e)
-    if (L(o, { select: t }), document.activeElement !== r) return;
+    if (F(o, { select: t }), document.activeElement !== r) return;
 }
 function Or(e) {
-  const t = vt(e), r = Me(t, e), o = Me(t.reverse(), e);
+  const t = ht(e), r = Ie(t, e), o = Ie(t.reverse(), e);
   return [r, o];
 }
-function vt(e) {
+function ht(e) {
   const t = [], r = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (o) => {
       const a = o.tagName === "INPUT" && o.type === "hidden";
@@ -439,7 +439,7 @@ function vt(e) {
   for (; r.nextNode(); ) t.push(r.currentNode);
   return t;
 }
-function Me(e, t) {
+function Ie(e, t) {
   for (const r of e)
     if (!Rr(r, { upTo: t })) return r;
 }
@@ -455,47 +455,47 @@ function Rr(e, { upTo: t }) {
 function Pr(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
-function L(e, { select: t = !1 } = {}) {
+function F(e, { select: t = !1 } = {}) {
   if (e && e.focus) {
     const r = document.activeElement;
     e.focus({ preventScroll: !0 }), e !== r && Pr(e) && t && e.select();
   }
 }
-var Ie = xr();
+var Le = xr();
 function xr() {
   let e = [];
   return {
     add(t) {
       const r = e[0];
-      t !== r && r?.pause(), e = Le(e, t), e.unshift(t);
+      t !== r && r?.pause(), e = Fe(e, t), e.unshift(t);
     },
     remove(t) {
-      e = Le(e, t), e[0]?.resume();
+      e = Fe(e, t), e[0]?.resume();
     }
   };
 }
-function Le(e, t) {
+function Fe(e, t) {
   const r = [...e], o = r.indexOf(t);
   return o !== -1 && r.splice(o, 1), r;
 }
 function Dr(e) {
   return e.filter((t) => t.tagName !== "A");
 }
-var Ar = "Portal", ht = s.forwardRef((e, t) => {
+var Ar = "Portal", mt = s.forwardRef((e, t) => {
   const { container: r, ...o } = e, [a, n] = s.useState(!1);
   q(() => n(!0), []);
   const u = r || a && globalThis?.document?.body;
-  return u ? Jt.createPortal(/* @__PURE__ */ p(M.div, { ...o, ref: t }), u) : null;
+  return u ? Jt.createPortal(/* @__PURE__ */ p(I.div, { ...o, ref: t }), u) : null;
 });
-ht.displayName = Ar;
+mt.displayName = Ar;
 function $r(e, t) {
   return s.useReducer((r, o) => t[r][o] ?? r, e);
 }
-var ue = (e) => {
-  const { present: t, children: r } = e, o = Tr(t), a = typeof r == "function" ? r({ present: o.isPresent }) : s.Children.only(r), n = j(o.ref, Mr(a));
+var se = (e) => {
+  const { present: t, children: r } = e, o = Tr(t), a = typeof r == "function" ? r({ present: o.isPresent }) : s.Children.only(r), n = B(o.ref, Mr(a));
   return typeof r == "function" || o.isPresent ? s.cloneElement(a, { ref: n }) : null;
 };
-ue.displayName = "Presence";
+se.displayName = "Presence";
 function Tr(e) {
   const [t, r] = s.useState(), o = s.useRef(null), a = s.useRef(e), n = s.useRef("none"), u = e ? "mounted" : "unmounted", [i, d] = $r(u, {
     mounted: {
@@ -511,19 +511,19 @@ function Tr(e) {
     }
   });
   return s.useEffect(() => {
-    const c = Z(o.current);
+    const c = Q(o.current);
     n.current = i === "mounted" ? c : "none";
   }, [i]), q(() => {
     const c = o.current, f = a.current;
     if (f !== e) {
-      const h = n.current, g = Z(c);
+      const h = n.current, g = Q(c);
       e ? d("MOUNT") : g === "none" || c?.display === "none" ? d("UNMOUNT") : d(f && h !== g ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
     }
   }, [e, d]), q(() => {
     if (t) {
       let c;
       const f = t.ownerDocument.defaultView ?? window, v = (g) => {
-        const l = Z(o.current).includes(CSS.escape(g.animationName));
+        const l = Q(o.current).includes(CSS.escape(g.animationName));
         if (g.target === t && l && (d("ANIMATION_END"), !a.current)) {
           const m = t.style.animationFillMode;
           t.style.animationFillMode = "forwards", c = f.setTimeout(() => {
@@ -531,7 +531,7 @@ function Tr(e) {
           });
         }
       }, h = (g) => {
-        g.target === t && (n.current = Z(o.current));
+        g.target === t && (n.current = Q(o.current));
       };
       return t.addEventListener("animationstart", h), t.addEventListener("animationcancel", v), t.addEventListener("animationend", v), () => {
         f.clearTimeout(c), t.removeEventListener("animationstart", h), t.removeEventListener("animationcancel", v), t.removeEventListener("animationend", v);
@@ -545,23 +545,23 @@ function Tr(e) {
     }, [])
   };
 }
-function Z(e) {
+function Q(e) {
   return e?.animationName || "none";
 }
 function Mr(e) {
   let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning;
   return r ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
-var fe = 0;
+var ve = 0;
 function Ir() {
   s.useEffect(() => {
     const e = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", e[0] ?? Fe()), document.body.insertAdjacentElement("beforeend", e[1] ?? Fe()), fe++, () => {
-      fe === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), fe--;
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? ke()), document.body.insertAdjacentElement("beforeend", e[1] ?? ke()), ve++, () => {
+      ve === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), ve--;
     };
   }, []);
 }
-function Fe() {
+function ke() {
   const e = document.createElement("span");
   return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
 }
@@ -574,7 +574,7 @@ var T = function() {
     return t;
   }, T.apply(this, arguments);
 };
-function mt(e, t) {
+function gt(e, t) {
   var r = {};
   for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && t.indexOf(o) < 0 && (r[o] = e[o]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -587,12 +587,12 @@ function Lr(e, t, r) {
     (n || !(o in t)) && (n || (n = Array.prototype.slice.call(t, 0, o)), n[o] = t[o]);
   return e.concat(n || Array.prototype.slice.call(t));
 }
-var oe = "right-scroll-bar-position", ae = "width-before-scroll-bar", Fr = "with-scroll-bars-hidden", kr = "--removed-body-scroll-bar-size";
-function ve(e, t) {
+var ae = "right-scroll-bar-position", ie = "width-before-scroll-bar", Fr = "with-scroll-bars-hidden", kr = "--removed-body-scroll-bar-size";
+function he(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
 function jr(e, t) {
-  var r = ye(function() {
+  var r = be(function() {
     return {
       // value
       value: e,
@@ -612,24 +612,24 @@ function jr(e, t) {
   })[0];
   return r.callback = t, r.facade;
 }
-var Wr = typeof window < "u" ? s.useLayoutEffect : s.useEffect, ke = /* @__PURE__ */ new WeakMap();
+var Wr = typeof window < "u" ? s.useLayoutEffect : s.useEffect, je = /* @__PURE__ */ new WeakMap();
 function Br(e, t) {
   var r = jr(null, function(o) {
     return e.forEach(function(a) {
-      return ve(a, o);
+      return he(a, o);
     });
   });
   return Wr(function() {
-    var o = ke.get(r);
+    var o = je.get(r);
     if (o) {
       var a = new Set(o), n = new Set(e), u = r.current;
       a.forEach(function(i) {
-        n.has(i) || ve(i, null);
+        n.has(i) || he(i, null);
       }), n.forEach(function(i) {
-        a.has(i) || ve(i, u);
+        a.has(i) || he(i, u);
       });
     }
-    ke.set(r, e);
+    je.set(r, e);
   }, [e]), r;
 }
 function Ur(e) {
@@ -695,8 +695,8 @@ function Hr(e) {
   var t = zr(null);
   return t.options = T({ async: !0, ssr: !1 }, e), t;
 }
-var gt = function(e) {
-  var t = e.sideCar, r = mt(e, ["sideCar"]);
+var _t = function(e) {
+  var t = e.sideCar, r = gt(e, ["sideCar"]);
   if (!t)
     throw new Error("Sidecar: please provide `sideCar` property to import the right car");
   var o = t.read();
@@ -704,32 +704,32 @@ var gt = function(e) {
     throw new Error("Sidecar medium not found");
   return s.createElement(o, T({}, r));
 };
-gt.isSideCarExport = !0;
+_t.isSideCarExport = !0;
 function Vr(e, t) {
-  return e.useMedium(t), gt;
+  return e.useMedium(t), _t;
 }
-var _t = Hr(), he = function() {
-}, se = s.forwardRef(function(e, t) {
+var yt = Hr(), me = function() {
+}, ce = s.forwardRef(function(e, t) {
   var r = s.useRef(null), o = s.useState({
-    onScrollCapture: he,
-    onWheelCapture: he,
-    onTouchMoveCapture: he
-  }), a = o[0], n = o[1], u = e.forwardProps, i = e.children, d = e.className, c = e.removeScrollBar, f = e.enabled, v = e.shards, h = e.sideCar, g = e.noRelative, b = e.noIsolation, l = e.inert, m = e.allowPinchZoom, _ = e.as, E = _ === void 0 ? "div" : _, w = e.gapMode, S = mt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), C = h, O = Br([r, t]), y = T(T({}, S), a);
+    onScrollCapture: me,
+    onWheelCapture: me,
+    onTouchMoveCapture: me
+  }), a = o[0], n = o[1], u = e.forwardProps, i = e.children, d = e.className, c = e.removeScrollBar, f = e.enabled, v = e.shards, h = e.sideCar, g = e.noRelative, b = e.noIsolation, l = e.inert, m = e.allowPinchZoom, _ = e.as, E = _ === void 0 ? "div" : _, w = e.gapMode, S = gt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), C = h, O = Br([r, t]), y = T(T({}, S), a);
   return s.createElement(
     s.Fragment,
     null,
-    f && s.createElement(C, { sideCar: _t, removeScrollBar: c, shards: v, noRelative: g, noIsolation: b, inert: l, setCallbacks: n, allowPinchZoom: !!m, lockRef: r, gapMode: w }),
+    f && s.createElement(C, { sideCar: yt, removeScrollBar: c, shards: v, noRelative: g, noIsolation: b, inert: l, setCallbacks: n, allowPinchZoom: !!m, lockRef: r, gapMode: w }),
     u ? s.cloneElement(s.Children.only(i), T(T({}, y), { ref: O })) : s.createElement(E, T({}, y, { className: d, ref: O }), i)
   );
 });
-se.defaultProps = {
+ce.defaultProps = {
   enabled: !0,
   removeScrollBar: !0,
   inert: !1
 };
-se.classNames = {
-  fullWidth: ae,
-  zeroRight: oe
+ce.classNames = {
+  fullWidth: ie,
+  zeroRight: ae
 };
 var Kr = function() {
   if (typeof __webpack_nonce__ < "u")
@@ -769,7 +769,7 @@ var Xr = function() {
       };
     }, [t && r]);
   };
-}, yt = function() {
+}, bt = function() {
   var e = Zr(), t = function(r) {
     var o = r.styles, a = r.dynamic;
     return e(o, a), null;
@@ -780,11 +780,11 @@ var Xr = function() {
   top: 0,
   right: 0,
   gap: 0
-}, me = function(e) {
+}, ge = function(e) {
   return parseInt(e || "", 10) || 0;
 }, Jr = function(e) {
   var t = window.getComputedStyle(document.body), r = t[e === "padding" ? "paddingLeft" : "marginLeft"], o = t[e === "padding" ? "paddingTop" : "marginTop"], a = t[e === "padding" ? "paddingRight" : "marginRight"];
-  return [me(r), me(o), me(a)];
+  return [ge(r), ge(o), ge(a)];
 }, en = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
     return Qr;
@@ -795,14 +795,14 @@ var Xr = function() {
     right: t[2],
     gap: Math.max(0, o - r + t[2] - t[0])
   };
-}, tn = yt(), H = "data-scroll-locked", rn = function(e, t, r, o) {
+}, tn = bt(), V = "data-scroll-locked", rn = function(e, t, r, o) {
   var a = e.left, n = e.top, u = e.right, i = e.gap;
   return r === void 0 && (r = "margin"), `
   .`.concat(Fr, ` {
    overflow: hidden `).concat(o, `;
    padding-right: `).concat(i, "px ").concat(o, `;
   }
-  body[`).concat(H, `] {
+  body[`).concat(V, `] {
     overflow: hidden `).concat(o, `;
     overscroll-behavior: contain;
     `).concat([
@@ -819,34 +819,34 @@ var Xr = function() {
   ].filter(Boolean).join(""), `
   }
   
-  .`).concat(oe, ` {
+  .`).concat(ae, ` {
     right: `).concat(i, "px ").concat(o, `;
   }
   
-  .`).concat(ae, ` {
+  .`).concat(ie, ` {
     margin-right: `).concat(i, "px ").concat(o, `;
   }
   
-  .`).concat(oe, " .").concat(oe, ` {
+  .`).concat(ae, " .").concat(ae, ` {
     right: 0 `).concat(o, `;
   }
   
-  .`).concat(ae, " .").concat(ae, ` {
+  .`).concat(ie, " .").concat(ie, ` {
     margin-right: 0 `).concat(o, `;
   }
   
-  body[`).concat(H, `] {
+  body[`).concat(V, `] {
     `).concat(kr, ": ").concat(i, `px;
   }
 `);
-}, je = function() {
-  var e = parseInt(document.body.getAttribute(H) || "0", 10);
+}, We = function() {
+  var e = parseInt(document.body.getAttribute(V) || "0", 10);
   return isFinite(e) ? e : 0;
 }, nn = function() {
   s.useEffect(function() {
-    return document.body.setAttribute(H, (je() + 1).toString()), function() {
-      var e = je() - 1;
-      e <= 0 ? document.body.removeAttribute(H) : document.body.setAttribute(H, e.toString());
+    return document.body.setAttribute(V, (We() + 1).toString()), function() {
+      var e = We() - 1;
+      e <= 0 ? document.body.removeAttribute(V) : document.body.setAttribute(V, e.toString());
     };
   }, []);
 }, on = function(e) {
@@ -856,21 +856,21 @@ var Xr = function() {
     return en(a);
   }, [a]);
   return s.createElement(tn, { styles: rn(n, !t, a, r ? "" : "!important") });
-}, Se = !1;
+}, Ce = !1;
 if (typeof window < "u")
   try {
-    var Q = Object.defineProperty({}, "passive", {
+    var J = Object.defineProperty({}, "passive", {
       get: function() {
-        return Se = !0, !0;
+        return Ce = !0, !0;
       }
     });
-    window.addEventListener("test", Q, Q), window.removeEventListener("test", Q, Q);
+    window.addEventListener("test", J, J), window.removeEventListener("test", J, J);
   } catch {
-    Se = !1;
+    Ce = !1;
   }
-var B = Se ? { passive: !1 } : !1, an = function(e) {
+var U = Ce ? { passive: !1 } : !1, an = function(e) {
   return e.tagName === "TEXTAREA";
-}, bt = function(e, t) {
+}, Et = function(e, t) {
   if (!(e instanceof Element))
     return !1;
   var r = window.getComputedStyle(e);
@@ -880,16 +880,16 @@ var B = Se ? { passive: !1 } : !1, an = function(e) {
     !(r.overflowY === r.overflowX && !an(e) && r[t] === "visible")
   );
 }, un = function(e) {
-  return bt(e, "overflowY");
+  return Et(e, "overflowY");
 }, sn = function(e) {
-  return bt(e, "overflowX");
-}, We = function(e, t) {
+  return Et(e, "overflowX");
+}, Be = function(e, t) {
   var r = t.ownerDocument, o = t;
   do {
     typeof ShadowRoot < "u" && o instanceof ShadowRoot && (o = o.host);
-    var a = Et(e, o);
+    var a = wt(e, o);
     if (a) {
-      var n = wt(e, o), u = n[1], i = n[2];
+      var n = St(e, o), u = n[1], i = n[2];
       if (u > i)
         return !0;
     }
@@ -910,9 +910,9 @@ var B = Se ? { passive: !1 } : !1, an = function(e) {
     r,
     o
   ];
-}, Et = function(e, t) {
-  return e === "v" ? un(t) : sn(t);
 }, wt = function(e, t) {
+  return e === "v" ? un(t) : sn(t);
+}, St = function(e, t) {
   return e === "v" ? cn(t) : ln(t);
 }, dn = function(e, t) {
   return e === "h" && t === "rtl" ? -1 : 1;
@@ -921,8 +921,8 @@ var B = Se ? { passive: !1 } : !1, an = function(e) {
   do {
     if (!i)
       break;
-    var g = wt(e, i), b = g[0], l = g[1], m = g[2], _ = l - m - n * b;
-    (b || _) && Et(e, i) && (v += _, h += b);
+    var g = St(e, i), b = g[0], l = g[1], m = g[2], _ = l - m - n * b;
+    (b || _) && wt(e, i) && (v += _, h += b);
     var E = i.parentNode;
     i = E && E.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? E.host : E;
   } while (
@@ -931,11 +931,11 @@ var B = Se ? { passive: !1 } : !1, an = function(e) {
     d && (t.contains(i) || t === i)
   );
   return (f && Math.abs(v) < 1 || !f && Math.abs(h) < 1) && (c = !0), c;
-}, J = function(e) {
+}, ee = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
-}, Be = function(e) {
-  return [e.deltaX, e.deltaY];
 }, Ue = function(e) {
+  return [e.deltaX, e.deltaY];
+}, ze = function(e) {
   return e && "current" in e ? e.current : e;
 }, fn = function(e, t) {
   return e[0] === t[0] && e[1] === t[1];
@@ -944,15 +944,15 @@ var B = Se ? { passive: !1 } : !1, an = function(e) {
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, hn = 0, U = [];
+}, hn = 0, z = [];
 function mn(e) {
-  var t = s.useRef([]), r = s.useRef([0, 0]), o = s.useRef(), a = s.useState(hn++)[0], n = s.useState(yt)[0], u = s.useRef(e);
+  var t = s.useRef([]), r = s.useRef([0, 0]), o = s.useRef(), a = s.useState(hn++)[0], n = s.useState(bt)[0], u = s.useRef(e);
   s.useEffect(function() {
     u.current = e;
   }, [e]), s.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(a));
-      var l = Lr([e.lockRef.current], (e.shards || []).map(Ue), !0).filter(Boolean);
+      var l = Lr([e.lockRef.current], (e.shards || []).map(ze), !0).filter(Boolean);
       return l.forEach(function(m) {
         return m.classList.add("allow-interactivity-".concat(a));
       }), function() {
@@ -965,22 +965,25 @@ function mn(e) {
   var i = s.useCallback(function(l, m) {
     if ("touches" in l && l.touches.length === 2 || l.type === "wheel" && l.ctrlKey)
       return !u.current.allowPinchZoom;
-    var _ = J(l), E = r.current, w = "deltaX" in l ? l.deltaX : E[0] - _[0], S = "deltaY" in l ? l.deltaY : E[1] - _[1], C, O = l.target, y = Math.abs(w) > Math.abs(S) ? "h" : "v";
+    var _ = ee(l), E = r.current, w = "deltaX" in l ? l.deltaX : E[0] - _[0], S = "deltaY" in l ? l.deltaY : E[1] - _[1], C, O = l.target, y = Math.abs(w) > Math.abs(S) ? "h" : "v";
     if ("touches" in l && y === "h" && O.type === "range")
       return !1;
-    var x = We(y, O);
+    var M = window.getSelection(), P = M && M.anchorNode, j = P ? P === O || P.contains(O) : !1;
+    if (j)
+      return !1;
+    var x = Be(y, O);
     if (!x)
       return !0;
-    if (x ? C = y : (C = y === "v" ? "h" : "v", x = We(y, O)), !x)
+    if (x ? C = y : (C = y === "v" ? "h" : "v", x = Be(y, O)), !x)
       return !1;
     if (!o.current && "changedTouches" in l && (w || S) && (o.current = C), !C)
       return !0;
-    var P = o.current || C;
-    return pn(P, m, l, P === "h" ? w : S);
+    var X = o.current || C;
+    return pn(X, m, l, X === "h" ? w : S);
   }, []), d = s.useCallback(function(l) {
     var m = l;
-    if (!(!U.length || U[U.length - 1] !== n)) {
-      var _ = "deltaY" in m ? Be(m) : J(m), E = t.current.filter(function(C) {
+    if (!(!z.length || z[z.length - 1] !== n)) {
+      var _ = "deltaY" in m ? Ue(m) : ee(m), E = t.current.filter(function(C) {
         return C.name === m.type && (C.target === m.target || m.target === C.shadowParent) && fn(C.delta, _);
       })[0];
       if (E && E.should) {
@@ -988,7 +991,7 @@ function mn(e) {
         return;
       }
       if (!E) {
-        var w = (u.current.shards || []).map(Ue).filter(Boolean).filter(function(C) {
+        var w = (u.current.shards || []).map(ze).filter(Boolean).filter(function(C) {
           return C.contains(m.target);
         }), S = w.length > 0 ? i(m, w[0]) : !u.current.noIsolation;
         S && m.cancelable && m.preventDefault();
@@ -1002,21 +1005,21 @@ function mn(e) {
       });
     }, 1);
   }, []), f = s.useCallback(function(l) {
-    r.current = J(l), o.current = void 0;
+    r.current = ee(l), o.current = void 0;
   }, []), v = s.useCallback(function(l) {
-    c(l.type, Be(l), l.target, i(l, e.lockRef.current));
+    c(l.type, Ue(l), l.target, i(l, e.lockRef.current));
   }, []), h = s.useCallback(function(l) {
-    c(l.type, J(l), l.target, i(l, e.lockRef.current));
+    c(l.type, ee(l), l.target, i(l, e.lockRef.current));
   }, []);
   s.useEffect(function() {
-    return U.push(n), e.setCallbacks({
+    return z.push(n), e.setCallbacks({
       onScrollCapture: v,
       onWheelCapture: v,
       onTouchMoveCapture: h
-    }), document.addEventListener("wheel", d, B), document.addEventListener("touchmove", d, B), document.addEventListener("touchstart", f, B), function() {
-      U = U.filter(function(l) {
+    }), document.addEventListener("wheel", d, U), document.addEventListener("touchmove", d, U), document.addEventListener("touchstart", f, U), function() {
+      z = z.filter(function(l) {
         return l !== n;
-      }), document.removeEventListener("wheel", d, B), document.removeEventListener("touchmove", d, B), document.removeEventListener("touchstart", f, B);
+      }), document.removeEventListener("wheel", d, U), document.removeEventListener("touchmove", d, U), document.removeEventListener("touchstart", f, U);
     };
   }, []);
   var g = e.removeScrollBar, b = e.inert;
@@ -1032,31 +1035,31 @@ function gn(e) {
     e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
   return t;
 }
-const _n = Vr(_t, mn);
-var St = s.forwardRef(function(e, t) {
-  return s.createElement(se, T({}, e, { ref: t, sideCar: _n }));
+const _n = Vr(yt, mn);
+var Ct = s.forwardRef(function(e, t) {
+  return s.createElement(ce, T({}, e, { ref: t, sideCar: _n }));
 });
-St.classNames = se.classNames;
+Ct.classNames = ce.classNames;
 var yn = function(e) {
   if (typeof document > "u")
     return null;
   var t = Array.isArray(e) ? e[0] : e;
   return t.ownerDocument.body;
-}, z = /* @__PURE__ */ new WeakMap(), ee = /* @__PURE__ */ new WeakMap(), te = {}, ge = 0, Ct = function(e) {
-  return e && (e.host || Ct(e.parentNode));
+}, H = /* @__PURE__ */ new WeakMap(), te = /* @__PURE__ */ new WeakMap(), re = {}, _e = 0, Nt = function(e) {
+  return e && (e.host || Nt(e.parentNode));
 }, bn = function(e, t) {
   return t.map(function(r) {
     if (e.contains(r))
       return r;
-    var o = Ct(r);
+    var o = Nt(r);
     return o && e.contains(o) ? o : (console.error("aria-hidden", r, "in not contained inside", e, ". Doing nothing"), null);
   }).filter(function(r) {
     return !!r;
   });
 }, En = function(e, t, r, o) {
   var a = bn(t, Array.isArray(e) ? e : [e]);
-  te[r] || (te[r] = /* @__PURE__ */ new WeakMap());
-  var n = te[r], u = [], i = /* @__PURE__ */ new Set(), d = new Set(a), c = function(v) {
+  re[r] || (re[r] = /* @__PURE__ */ new WeakMap());
+  var n = re[r], u = [], i = /* @__PURE__ */ new Set(), d = new Set(a), c = function(v) {
     !v || i.has(v) || (i.add(v), c(v.parentNode));
   };
   a.forEach(c);
@@ -1066,18 +1069,18 @@ var yn = function(e) {
         f(h);
       else
         try {
-          var g = h.getAttribute(o), b = g !== null && g !== "false", l = (z.get(h) || 0) + 1, m = (n.get(h) || 0) + 1;
-          z.set(h, l), n.set(h, m), u.push(h), l === 1 && b && ee.set(h, !0), m === 1 && h.setAttribute(r, "true"), b || h.setAttribute(o, "true");
+          var g = h.getAttribute(o), b = g !== null && g !== "false", l = (H.get(h) || 0) + 1, m = (n.get(h) || 0) + 1;
+          H.set(h, l), n.set(h, m), u.push(h), l === 1 && b && te.set(h, !0), m === 1 && h.setAttribute(r, "true"), b || h.setAttribute(o, "true");
         } catch (_) {
           console.error("aria-hidden: cannot operate on ", h, _);
         }
     });
   };
-  return f(t), i.clear(), ge++, function() {
+  return f(t), i.clear(), _e++, function() {
     u.forEach(function(v) {
-      var h = z.get(v) - 1, g = n.get(v) - 1;
-      z.set(v, h), n.set(v, g), h || (ee.has(v) || v.removeAttribute(o), ee.delete(v)), g || v.removeAttribute(r);
-    }), ge--, ge || (z = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), ee = /* @__PURE__ */ new WeakMap(), te = {});
+      var h = H.get(v) - 1, g = n.get(v) - 1;
+      H.set(v, h), n.set(v, g), h || (te.has(v) || v.removeAttribute(o), te.delete(v)), g || v.removeAttribute(r);
+    }), _e--, _e || (H = /* @__PURE__ */ new WeakMap(), H = /* @__PURE__ */ new WeakMap(), te = /* @__PURE__ */ new WeakMap(), re = {});
   };
 }, wn = function(e, t, r) {
   r === void 0 && (r = "data-aria-hidden");
@@ -1085,7 +1088,7 @@ var yn = function(e) {
   return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live], script"))), En(o, a, r, "aria-hidden")) : function() {
     return null;
   };
-}, ce = "Dialog", [Nt] = tr(ce), [Sn, D] = Nt(ce), Ot = (e) => {
+}, le = "Dialog", [Ot] = tr(le), [Sn, D] = Ot(le), Rt = (e) => {
   const {
     __scopeDialog: t,
     children: r,
@@ -1097,7 +1100,7 @@ var yn = function(e) {
     prop: o,
     defaultProp: a ?? !1,
     onChange: n,
-    caller: ce
+    caller: le
   });
   return /* @__PURE__ */ p(
     Sn,
@@ -1105,9 +1108,9 @@ var yn = function(e) {
       scope: t,
       triggerRef: i,
       contentRef: d,
-      contentId: le(),
-      titleId: le(),
-      descriptionId: le(),
+      contentId: de(),
+      titleId: de(),
+      descriptionId: de(),
       open: c,
       onOpenChange: f,
       onOpenToggle: s.useCallback(() => f((v) => !v), [f]),
@@ -1116,50 +1119,50 @@ var yn = function(e) {
     }
   );
 };
-Ot.displayName = ce;
-var Rt = "DialogTrigger", Pt = s.forwardRef(
+Rt.displayName = le;
+var Pt = "DialogTrigger", xt = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = D(Rt, r), n = j(t, a.triggerRef);
+    const { __scopeDialog: r, ...o } = e, a = D(Pt, r), n = B(t, a.triggerRef);
     return /* @__PURE__ */ p(
-      M.button,
+      I.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
         "aria-expanded": a.open,
         "aria-controls": a.contentId,
-        "data-state": Re(a.open),
+        "data-state": Pe(a.open),
         ...o,
         ref: n,
-        onClick: F(e.onClick, a.onOpenToggle)
+        onClick: k(e.onClick, a.onOpenToggle)
       }
     );
   }
 );
-Pt.displayName = Rt;
-var Ne = "DialogPortal", [Cn, xt] = Nt(Ne, {
+xt.displayName = Pt;
+var Oe = "DialogPortal", [Cn, Dt] = Ot(Oe, {
   forceMount: void 0
-}), Dt = (e) => {
-  const { __scopeDialog: t, forceMount: r, children: o, container: a } = e, n = D(Ne, t);
-  return /* @__PURE__ */ p(Cn, { scope: t, forceMount: r, children: s.Children.map(o, (u) => /* @__PURE__ */ p(ue, { present: r || n.open, children: /* @__PURE__ */ p(ht, { asChild: !0, container: a, children: u }) })) });
+}), At = (e) => {
+  const { __scopeDialog: t, forceMount: r, children: o, container: a } = e, n = D(Oe, t);
+  return /* @__PURE__ */ p(Cn, { scope: t, forceMount: r, children: s.Children.map(o, (u) => /* @__PURE__ */ p(se, { present: r || n.open, children: /* @__PURE__ */ p(mt, { asChild: !0, container: a, children: u }) })) });
 };
-Dt.displayName = Ne;
-var ie = "DialogOverlay", At = s.forwardRef(
+At.displayName = Oe;
+var ue = "DialogOverlay", $t = s.forwardRef(
   (e, t) => {
-    const r = xt(ie, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = D(ie, e.__scopeDialog);
-    return n.modal ? /* @__PURE__ */ p(ue, { present: o || n.open, children: /* @__PURE__ */ p(On, { ...a, ref: t }) }) : null;
+    const r = Dt(ue, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = D(ue, e.__scopeDialog);
+    return n.modal ? /* @__PURE__ */ p(se, { present: o || n.open, children: /* @__PURE__ */ p(On, { ...a, ref: t }) }) : null;
   }
 );
-At.displayName = ie;
-var Nn = /* @__PURE__ */ ct("DialogOverlay.RemoveScroll"), On = s.forwardRef(
+$t.displayName = ue;
+var Nn = /* @__PURE__ */ lt("DialogOverlay.RemoveScroll"), On = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = D(ie, r);
+    const { __scopeDialog: r, ...o } = e, a = D(ue, r);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ p(St, { as: Nn, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ p(
-        M.div,
+      /* @__PURE__ */ p(Ct, { as: Nn, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ p(
+        I.div,
         {
-          "data-state": Re(a.open),
+          "data-state": Pe(a.open),
           ...o,
           ref: t,
           style: { pointerEvents: "auto", ...o.style }
@@ -1167,34 +1170,34 @@ var Nn = /* @__PURE__ */ ct("DialogOverlay.RemoveScroll"), On = s.forwardRef(
       ) })
     );
   }
-), k = "DialogContent", $t = s.forwardRef(
+), W = "DialogContent", Tt = s.forwardRef(
   (e, t) => {
-    const r = xt(k, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = D(k, e.__scopeDialog);
-    return /* @__PURE__ */ p(ue, { present: o || n.open, children: n.modal ? /* @__PURE__ */ p(Rn, { ...a, ref: t }) : /* @__PURE__ */ p(Pn, { ...a, ref: t }) });
+    const r = Dt(W, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = D(W, e.__scopeDialog);
+    return /* @__PURE__ */ p(se, { present: o || n.open, children: n.modal ? /* @__PURE__ */ p(Rn, { ...a, ref: t }) : /* @__PURE__ */ p(Pn, { ...a, ref: t }) });
   }
 );
-$t.displayName = k;
+Tt.displayName = W;
 var Rn = s.forwardRef(
   (e, t) => {
-    const r = D(k, e.__scopeDialog), o = s.useRef(null), a = j(t, r.contentRef, o);
+    const r = D(W, e.__scopeDialog), o = s.useRef(null), a = B(t, r.contentRef, o);
     return s.useEffect(() => {
       const n = o.current;
       if (n) return wn(n);
     }, []), /* @__PURE__ */ p(
-      Tt,
+      Mt,
       {
         ...e,
         ref: a,
         trapFocus: r.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: F(e.onCloseAutoFocus, (n) => {
+        onCloseAutoFocus: k(e.onCloseAutoFocus, (n) => {
           n.preventDefault(), r.triggerRef.current?.focus();
         }),
-        onPointerDownOutside: F(e.onPointerDownOutside, (n) => {
+        onPointerDownOutside: k(e.onPointerDownOutside, (n) => {
           const u = n.detail.originalEvent, i = u.button === 0 && u.ctrlKey === !0;
           (u.button === 2 || i) && n.preventDefault();
         }),
-        onFocusOutside: F(
+        onFocusOutside: k(
           e.onFocusOutside,
           (n) => n.preventDefault()
         )
@@ -1203,9 +1206,9 @@ var Rn = s.forwardRef(
   }
 ), Pn = s.forwardRef(
   (e, t) => {
-    const r = D(k, e.__scopeDialog), o = s.useRef(!1), a = s.useRef(!1);
+    const r = D(W, e.__scopeDialog), o = s.useRef(!1), a = s.useRef(!1);
     return /* @__PURE__ */ p(
-      Tt,
+      Mt,
       {
         ...e,
         ref: t,
@@ -1222,12 +1225,12 @@ var Rn = s.forwardRef(
       }
     );
   }
-), Tt = s.forwardRef(
+), Mt = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...u } = e, i = D(k, r), d = s.useRef(null), c = j(t, d);
-    return Ir(), /* @__PURE__ */ $(xe, { children: [
+    const { __scopeDialog: r, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...u } = e, i = D(W, r), d = s.useRef(null), c = B(t, d);
+    return Ir(), /* @__PURE__ */ $(De, { children: [
       /* @__PURE__ */ p(
-        ft,
+        vt,
         {
           asChild: !0,
           loop: !0,
@@ -1235,13 +1238,13 @@ var Rn = s.forwardRef(
           onMountAutoFocus: a,
           onUnmountAutoFocus: n,
           children: /* @__PURE__ */ p(
-            dt,
+            pt,
             {
               role: "dialog",
               id: i.contentId,
               "aria-describedby": i.descriptionId,
               "aria-labelledby": i.titleId,
-              "data-state": Re(i.open),
+              "data-state": Pe(i.open),
               ...u,
               ref: c,
               onDismiss: () => i.onOpenChange(!1)
@@ -1249,50 +1252,50 @@ var Rn = s.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ $(xe, { children: [
+      /* @__PURE__ */ $(De, { children: [
         /* @__PURE__ */ p(xn, { titleId: i.titleId }),
         /* @__PURE__ */ p(An, { contentRef: d, descriptionId: i.descriptionId })
       ] })
     ] });
   }
-), Oe = "DialogTitle", Mt = s.forwardRef(
+), Re = "DialogTitle", It = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = D(Oe, r);
-    return /* @__PURE__ */ p(M.h2, { id: a.titleId, ...o, ref: t });
+    const { __scopeDialog: r, ...o } = e, a = D(Re, r);
+    return /* @__PURE__ */ p(I.h2, { id: a.titleId, ...o, ref: t });
   }
 );
-Mt.displayName = Oe;
-var It = "DialogDescription", Lt = s.forwardRef(
+It.displayName = Re;
+var Lt = "DialogDescription", Ft = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = D(It, r);
-    return /* @__PURE__ */ p(M.p, { id: a.descriptionId, ...o, ref: t });
+    const { __scopeDialog: r, ...o } = e, a = D(Lt, r);
+    return /* @__PURE__ */ p(I.p, { id: a.descriptionId, ...o, ref: t });
   }
 );
-Lt.displayName = It;
-var Ft = "DialogClose", kt = s.forwardRef(
+Ft.displayName = Lt;
+var kt = "DialogClose", jt = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = D(Ft, r);
+    const { __scopeDialog: r, ...o } = e, a = D(kt, r);
     return /* @__PURE__ */ p(
-      M.button,
+      I.button,
       {
         type: "button",
         ...o,
         ref: t,
-        onClick: F(e.onClick, () => a.onOpenChange(!1))
+        onClick: k(e.onClick, () => a.onOpenChange(!1))
       }
     );
   }
 );
-kt.displayName = Ft;
-function Re(e) {
+jt.displayName = kt;
+function Pe(e) {
   return e ? "open" : "closed";
 }
-var jt = "DialogTitleWarning", [Yo, Wt] = er(jt, {
-  contentName: k,
-  titleName: Oe,
+var Wt = "DialogTitleWarning", [Yo, Bt] = er(Wt, {
+  contentName: W,
+  titleName: Re,
   docsSlug: "dialog"
 }), xn = ({ titleId: e }) => {
-  const t = Wt(jt), r = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+  const t = Bt(Wt), r = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
 
@@ -1301,21 +1304,21 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
     e && (document.getElementById(e) || console.error(r));
   }, [r, e]), null;
 }, Dn = "DialogDescriptionWarning", An = ({ contentRef: e, descriptionId: t }) => {
-  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Wt(Dn).contentName}}.`;
+  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Bt(Dn).contentName}}.`;
   return s.useEffect(() => {
     const a = e.current?.getAttribute("aria-describedby");
     t && a && (document.getElementById(t) || console.warn(o));
   }, [o, e, t]), null;
-}, $n = Ot, Tn = Pt, Mn = Dt, In = At, Ln = $t, Fn = Mt, ze = Lt, kn = kt;
+}, $n = Rt, Tn = xt, Mn = At, In = $t, Ln = Tt, Fn = It, He = Ft, kn = jt;
 const jn = {
   LG: "lg"
 };
 function Wn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var He = { exports: {} }, Ve;
+var Ve = { exports: {} }, Ke;
 function Bn() {
-  return Ve || (Ve = 1, (function(e) {
+  return Ke || (Ke = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
@@ -1344,7 +1347,7 @@ function Bn() {
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  })(He)), He.exports;
+  })(Ve)), Ve.exports;
 }
 var Un = Bn();
 const zn = /* @__PURE__ */ Wn(Un), Hn = "_rotate_12t9p_1", Vn = "_dash_12t9p_1", Kn = {
@@ -1359,18 +1362,18 @@ const zn = /* @__PURE__ */ Wn(Un), Hn = "_rotate_12t9p_1", Vn = "_dash_12t9p_1",
   dash: Vn,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Ke = zn.bind(Kn), K = "purpur-spinner", Gn = {
+}, Ge = zn.bind(Kn), K = "purpur-spinner", Gn = {
   SM: "sm"
-}, Bt = ({
+}, Ut = ({
   disabled: e = !1,
   negative: t = !1,
   size: r = Gn.SM,
   className: o,
   ...a
-}) => /* @__PURE__ */ p("div", { className: Ke(K, `${K}--${r}`, o), ...a, children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
+}) => /* @__PURE__ */ p("div", { className: Ge(K, `${K}--${r}`, o), ...a, children: /* @__PURE__ */ p("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ p(
   "circle",
   {
-    className: Ke(`${K}__circle`, {
+    className: Ge(`${K}__circle`, {
       [`${K}__circle--disabled`]: e,
       [`${K}__circle--negative`]: t
     }),
@@ -1379,13 +1382,13 @@ const zn = /* @__PURE__ */ Wn(Un), Hn = "_rotate_12t9p_1", Vn = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
-Bt.displayName = "Spinner";
+Ut.displayName = "Spinner";
 function qn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ge = { exports: {} }, qe;
+var qe = { exports: {} }, Ye;
 function Yn() {
-  return qe || (qe = 1, (function(e) {
+  return Ye || (Ye = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
@@ -1414,7 +1417,7 @@ function Yn() {
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  })(Ge)), Ge.exports;
+  })(qe)), qe.exports;
 }
 var Xn = Yn();
 const Zn = /* @__PURE__ */ qn(Xn), Qn = {
@@ -1440,7 +1443,7 @@ const Zn = /* @__PURE__ */ qn(Xn), Qn = {
   "purpur-button--text-negative": "_purpur-button--text-negative_10jh0_185",
   "purpur-button--text": "_purpur-button--text_10jh0_185",
   "purpur-button__spinner": "_purpur-button__spinner_10jh0_235"
-}, Ye = Zn.bind(Qn), I = "purpur-button", Ut = Ce(
+}, Xe = Zn.bind(Qn), L = "purpur-button", zt = Ne(
   ({
     children: e,
     className: t,
@@ -1457,17 +1460,17 @@ const Zn = /* @__PURE__ */ qn(Xn), Qn = {
   }, h) => {
     if (a && c === "destructive")
       return null;
-    const g = Ye(
+    const g = Xe(
       [
-        I,
-        `${I}--${u ? `${c}-negative` : c}`,
-        `${I}--${d}`
+        L,
+        `${L}--${u ? `${c}-negative` : c}`,
+        `${L}--${d}`
       ],
       {
-        [`${I}--icon-only`]: a,
-        [`${I}--negative`]: u,
-        [`${I}--full-width`]: o,
-        [`${I}--disabled`]: r || n
+        [`${L}--icon-only`]: a,
+        [`${L}--negative`]: u,
+        [`${L}--full-width`]: o,
+        [`${L}--disabled`]: r || n
       },
       t
     ), b = (m) => {
@@ -1484,12 +1487,12 @@ const Zn = /* @__PURE__ */ qn(Xn), Qn = {
         ...v,
         children: [
           n && /* @__PURE__ */ p(
-            Bt,
+            Ut,
             {
               size: d === jn.LG ? "xs" : "xxs",
               negative: u,
               disabled: l,
-              className: Ye(`${I}__spinner`)
+              className: Xe(`${L}__spinner`)
             }
           ),
           " ",
@@ -1499,13 +1502,13 @@ const Zn = /* @__PURE__ */ qn(Xn), Qn = {
     );
   }
 );
-Ut.displayName = "Button";
+zt.displayName = "Button";
 function Jn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Xe = { exports: {} }, Ze;
+var Ze = { exports: {} }, Qe;
 function eo() {
-  return Ze || (Ze = 1, (function(e) {
+  return Qe || (Qe = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
@@ -1534,10 +1537,10 @@ function eo() {
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  })(Xe)), Xe.exports;
+  })(Ze)), Ze.exports;
 }
 var to = eo();
-const ro = /* @__PURE__ */ Jn(to), re = {
+const ro = /* @__PURE__ */ Jn(to), ne = {
   "purpur-heading": "_purpur-heading_vo751_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_vo751_8",
   "purpur-heading--negative": "_purpur-heading--negative_vo751_11",
@@ -1559,7 +1562,7 @@ const ro = /* @__PURE__ */ Jn(to), re = {
   "purpur-heading--display-200": "_purpur-heading--display-200_vo751_104"
 }, no = {
   TITLE100: "title-100"
-}, ne = "purpur-heading", zt = ({
+}, oe = "purpur-heading", Ht = ({
   children: e,
   className: t = "",
   enableHyphenation: r = !1,
@@ -1570,22 +1573,22 @@ const ro = /* @__PURE__ */ Jn(to), re = {
 }) => {
   const i = a, d = ro([
     t,
-    re[ne],
-    re[`${ne}--${n}`],
+    ne[oe],
+    ne[`${oe}--${n}`],
     {
-      [re[`${ne}--hyphens`]]: r,
-      [re[`${ne}--negative`]]: o
+      [ne[`${oe}--hyphens`]]: r,
+      [ne[`${oe}--negative`]]: o
     }
   ]);
   return /* @__PURE__ */ p(i, { className: d, ...u, children: e });
 };
-zt.displayName = "Heading";
+Ht.displayName = "Heading";
 function oo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Qe = { exports: {} }, Je;
+var Je = { exports: {} }, et;
 function ao() {
-  return Je || (Je = 1, (function(e) {
+  return et || (et = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
@@ -1614,7 +1617,7 @@ function ao() {
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  })(Qe)), Qe.exports;
+  })(Je)), Je.exports;
 }
 var io = ao();
 const uo = /* @__PURE__ */ oo(io), so = {
@@ -1625,7 +1628,7 @@ const uo = /* @__PURE__ */ oo(io), so = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, co = uo.bind(so), et = "purpur-icon", lo = "md", po = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), fo = ({ content: e = "", title: t } = {}) => {
+}, co = uo.bind(so), tt = "purpur-icon", lo = "md", po = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), fo = ({ content: e = "", title: t } = {}) => {
   const r = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -1633,27 +1636,27 @@ const uo = /* @__PURE__ */ oo(io), so = {
     t ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = t ? `<title>${t}</title>` : "";
   return `<svg ${po(r)}>${o}${e}</svg>`;
-}, vo = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Ht = ({ svg: e, allyTitle: t, className: r, size: o = lo, ...a }) => {
+}, vo = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Vt = ({ svg: e, allyTitle: t, className: r, size: o = lo, ...a }) => {
   const n = fo({
     content: vo(e.svg),
     title: t
-  }), u = co(et, `${et}--${o}`, r);
+  }), u = co(tt, `${tt}--${o}`, r);
   return /* @__PURE__ */ p("span", { className: u, dangerouslySetInnerHTML: { __html: n }, ...a });
 };
-Ht.displayName = "Icon";
+Vt.displayName = "Icon";
 const ho = {
   name: "close",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',
   keywords: ["close"],
   category: "utility"
-}, Vt = (e) => /* @__PURE__ */ p(Ht, { ...e, svg: ho });
-Vt.displayName = "IconClose";
+}, Kt = (e) => /* @__PURE__ */ p(Vt, { ...e, svg: ho });
+Kt.displayName = "IconClose";
 function mo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var tt = { exports: {} }, rt;
+var rt = { exports: {} }, nt;
 function go() {
-  return rt || (rt = 1, (function(e) {
+  return nt || (nt = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
@@ -1682,7 +1685,7 @@ function go() {
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  })(tt)), tt.exports;
+  })(rt)), rt.exports;
 }
 var _o = go();
 const yo = /* @__PURE__ */ mo(_o), bo = {
@@ -1703,7 +1706,7 @@ const yo = /* @__PURE__ */ mo(_o), bo = {
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1vz75_82"
 }, Eo = yo.bind(bo), wo = {
   PARAGRAPH100: "paragraph-100"
-}, G = "purpur-paragraph", Kt = ({
+}, G = "purpur-paragraph", Gt = ({
   children: e,
   className: t,
   disabled: r,
@@ -1719,8 +1722,8 @@ const yo = /* @__PURE__ */ mo(_o), bo = {
   });
   return /* @__PURE__ */ p("p", { ...u, className: i, children: e });
 };
-Kt.displayName = "Paragraph";
-function nt(e, t) {
+Gt.displayName = "Paragraph";
+function ot(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
@@ -1729,14 +1732,14 @@ function So(...e) {
   return (t) => {
     let r = !1;
     const o = e.map((a) => {
-      const n = nt(a, t);
+      const n = ot(a, t);
       return !r && typeof n == "function" && (r = !0), n;
     });
     if (r)
       return () => {
         for (let a = 0; a < o.length; a++) {
           const n = o[a];
-          typeof n == "function" ? n() : nt(e[a], null);
+          typeof n == "function" ? n() : ot(e[a], null);
         }
       };
   };
@@ -1765,7 +1768,7 @@ function No(e) {
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var Oo = Symbol("radix.slottable");
+var Oo = /* @__PURE__ */ Symbol("radix.slottable");
 function Ro(e) {
   return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Oo;
 }
@@ -1803,10 +1806,10 @@ var Do = [
 ], Ao = Do.reduce((e, t) => {
   const r = /* @__PURE__ */ Co(`Primitive.${t}`), o = s.forwardRef((a, n) => {
     const { asChild: u, ...i } = a, d = u ? r : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(d, { ...i, ref: n });
+    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(d, { ...i, ref: n });
   });
   return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
-}, {}), $o = "VisuallyHidden", Gt = s.forwardRef(
+}, {}), $o = "VisuallyHidden", qt = s.forwardRef(
   (e, t) => /* @__PURE__ */ p(
     Ao.span,
     {
@@ -1829,16 +1832,16 @@ var Do = [
     }
   )
 );
-Gt.displayName = $o;
-var To = Gt;
+qt.displayName = $o;
+var To = qt;
 const Mo = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ p(To, { asChild: e, ...r, children: t });
 function Io(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var _e = { exports: {} };
-var ot;
+var ye = { exports: {} };
+var at;
 function Lo() {
-  return ot || (ot = 1, (function(e) {
+  return at || (at = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
@@ -1867,7 +1870,7 @@ function Lo() {
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  })(_e)), _e.exports;
+  })(ye)), ye.exports;
 }
 var Fo = Lo();
 const ko = /* @__PURE__ */ Io(Fo), jo = "_fadeIn_slvdi_1", Wo = "_fadeOut_slvdi_1", Bo = "_slideUp_slvdi_1", Uo = "_slideDown_slvdi_1", zo = {
@@ -1893,7 +1896,7 @@ const ko = /* @__PURE__ */ Io(Fo), jo = "_fadeIn_slvdi_1", Wo = "_fadeOut_slvdi_
   "purpur-modal-content__actions": "_purpur-modal-content__actions_slvdi_151",
   "purpur-modal-content__actions-separator": "_purpur-modal-content__actions-separator_slvdi_203",
   "purpur-modal-content--sticky-footer": "_purpur-modal-content--sticky-footer_slvdi_213"
-}, at = (e) => e.showCloseButton === !0, R = ko.bind(zo), N = "purpur-modal-content", Ho = Ce(
+}, it = (e) => e.showCloseButton === !0, R = ko.bind(zo), N = "purpur-modal-content", Ho = Ne(
   ({
     ["data-testid"]: e,
     actions: t,
@@ -1910,57 +1913,57 @@ const ko = /* @__PURE__ */ Io(Fo), jo = "_fadeIn_slvdi_1", Wo = "_fadeOut_slvdi_
     onCloseAutoFocus: h,
     ...g
   }, b) => {
-    const { closeButtonAriaLabel: l, showCloseButton: m, ..._ } = g, [E, w] = ye(!1), [S, C] = ye(0), O = be(null), y = be(null), x = R(
+    const { closeButtonAriaLabel: l, showCloseButton: m, ..._ } = g, [E, w] = be(!1), [S, C] = be(0), O = Ee(null), y = Ee(null), M = R(
       N,
       { [`${N}--with-image`]: !!i },
       { [`${N}--overflow`]: E },
       { [`${N}--sticky-footer`]: d },
       o
-    ), P = (A) => e ? `${e} ${A}` : void 0, V = (A) => {
+    ), P = (A) => e ? `${e} ${A}` : void 0, j = (A) => {
       n && A.preventDefault();
-    }, W = Zt(() => {
+    }, x = Zt(() => {
       if (!O.current || !y.current)
         return;
-      const A = window.getComputedStyle(O.current, null), X = parseFloat(A.getPropertyValue("height")), Xt = y.current.offsetHeight;
-      w(X < Xt), C(
+      const A = window.getComputedStyle(O.current, null), Z = parseFloat(A.getPropertyValue("height")), Xt = y.current.offsetHeight;
+      w(Z < Xt), C(
         (O.current.offsetWidth ?? 0) - (O.current.clientWidth ?? 0)
       );
-    }, []), qt = () => {
+    }, []), X = () => {
       const A = y.current;
       if (A) {
-        const X = A.querySelector("h2");
-        X && setTimeout(() => {
-          X.focus();
+        const Z = A.querySelector("h2");
+        Z && setTimeout(() => {
+          Z.focus();
         });
       }
     }, Yt = (A) => {
       n && !m && A.preventDefault();
     };
-    return Ee(() => (window.addEventListener("resize", W), () => {
-      window.removeEventListener("resize", W);
-    }), [W]), Ee(() => {
-      W();
-    }, [f, r, W]), /* @__PURE__ */ $(Mn, { children: [
+    return we(() => (window.addEventListener("resize", x), () => {
+      window.removeEventListener("resize", x);
+    }), [x]), we(() => {
+      x();
+    }, [f, r, x]), /* @__PURE__ */ $(Mn, { children: [
       /* @__PURE__ */ p(In, { className: R(`${N}__overlay`), style: { zIndex: v } }),
       /* @__PURE__ */ $(
         Ln,
         {
           ..._,
-          className: x,
+          className: M,
           "data-testid": e,
           ref: b,
           ...!a && { "aria-describedby": void 0 },
-          onPointerDownOutside: V,
+          onPointerDownOutside: j,
           onOpenAutoFocus: () => {
-            W(), qt();
+            x(), X();
           },
           onEscapeKeyDown: Yt,
           onCloseAutoFocus: h,
           style: { zIndex: `calc(${v} + 1)` },
           children: [
             /* @__PURE__ */ $("div", { ref: O, className: R(`${N}__wrapper`), children: [
-              at(g) && l && i && /* @__PURE__ */ p(
-                it,
+              it(g) && l && i && /* @__PURE__ */ p(
+                ut,
                 {
                   "aria-label": l,
                   hasImage: !0,
@@ -1970,8 +1973,8 @@ const ko = /* @__PURE__ */ Io(Fo), jo = "_fadeIn_slvdi_1", Wo = "_fadeOut_slvdi_
               ),
               /* @__PURE__ */ $("div", { ref: y, className: R(`${N}__wrapper-inner`), children: [
                 /* @__PURE__ */ $("div", { className: R(`${N}__header`), children: [
-                  at(g) && l && !i && /* @__PURE__ */ p(
-                    it,
+                  it(g) && l && !i && /* @__PURE__ */ p(
+                    ut,
                     {
                       "aria-label": l,
                       "data-testid": P("close-button")
@@ -1983,7 +1986,7 @@ const ko = /* @__PURE__ */ Io(Fo), jo = "_fadeIn_slvdi_1", Wo = "_fadeOut_slvdi_
                       asChild: !0,
                       className: R(`${N}__title`),
                       "data-testid": P("title"),
-                      children: /* @__PURE__ */ p(zt, { tag: "h2", variant: "title-200", tabIndex: -1, children: c })
+                      children: /* @__PURE__ */ p(Ht, { tag: "h2", variant: "title-200", tabIndex: -1, children: c })
                     }
                   )
                 ] }),
@@ -1996,34 +1999,34 @@ const ko = /* @__PURE__ */ Io(Fo), jo = "_fadeIn_slvdi_1", Wo = "_fadeOut_slvdi_
                   }
                 ),
                 /* @__PURE__ */ p("div", { className: R(`${N}__body`), children: /* @__PURE__ */ $("div", { className: R(`${N}__body-inner`), children: [
-                  a && u && /* @__PURE__ */ p(Mo, { asChild: !0, children: /* @__PURE__ */ p(ze, { "data-testid": P("description"), children: a }) }),
+                  a && u && /* @__PURE__ */ p(Mo, { asChild: !0, children: /* @__PURE__ */ p(He, { "data-testid": P("description"), children: a }) }),
                   a && !u && /* @__PURE__ */ p(
-                    ze,
+                    He,
                     {
                       asChild: !0,
                       className: R(`${N}__description`),
                       "data-testid": P("description"),
-                      children: /* @__PURE__ */ p(Kt, { variant: "paragraph-100", children: a })
+                      children: /* @__PURE__ */ p(Gt, { variant: "paragraph-100", children: a })
                     }
                   ),
                   /* @__PURE__ */ p("div", { children: r }),
-                  !d && /* @__PURE__ */ p(ut, { actions: t, notification: f })
+                  !d && /* @__PURE__ */ p(st, { actions: t, notification: f })
                 ] }) })
               ] })
             ] }),
-            d && /* @__PURE__ */ p(ut, { actions: t, notification: f })
+            d && /* @__PURE__ */ p(st, { actions: t, notification: f })
           ]
         }
       )
     ] });
   }
-), it = ({
+), ut = ({
   ["aria-label"]: e,
   hasImage: t,
   scrollbarWidth: r,
   ["data-testid"]: o
 }) => /* @__PURE__ */ p(kn, { asChild: !0, children: /* @__PURE__ */ p(
-  Ut,
+  zt,
   {
     variant: t ? "primary" : "tertiary-purple",
     negative: t,
@@ -2033,32 +2036,32 @@ const ko = /* @__PURE__ */ Io(Fo), jo = "_fadeIn_slvdi_1", Wo = "_fadeOut_slvdi_
     className: R(`${N}__close-button`),
     style: { right: `calc(var(--purpur-spacing-100) + ${r || 0}px)` },
     "data-testid": o,
-    children: /* @__PURE__ */ p(Vt, {})
+    children: /* @__PURE__ */ p(Kt, {})
   }
-) }), ut = ({
+) }), st = ({
   actions: e,
   notification: t
 }) => {
-  const r = be(null);
-  return Ee(() => {
+  const r = Ee(null);
+  return we(() => {
     t && r?.current?.scrollIntoView?.(!1);
   }, [t]), e ? /* @__PURE__ */ $("div", { className: R(`${N}__actions`), children: [
     /* @__PURE__ */ p("div", { className: R(`${N}__actions-buttons`), "data-testid": "modal actions", children: e }),
     t && /* @__PURE__ */ p("div", { className: R(`${N}__notification`), ref: r, children: t }),
     /* @__PURE__ */ p("span", { className: R(`${N}__actions-separator`) })
   ] }) : null;
-}, Vo = Ce(
+}, Vo = Ne(
   ({ children: e, ...t }, r) => /* @__PURE__ */ p(Tn, { asChild: !0, ref: r, ...t, children: e })
-), Pe = ({
+), xe = ({
   ["data-testid"]: e,
   children: t,
   open: r,
   onOpenChange: o
 }) => /* @__PURE__ */ p($n, { open: r, onOpenChange: o, "data-testid": e, children: t });
-Pe.Trigger = Vo;
-Pe.Content = Ho;
-Pe.displayName = "Modal";
+xe.Trigger = Vo;
+xe.Content = Ho;
+xe.displayName = "Modal";
 export {
-  Pe as Modal
+  xe as Modal
 };
 //# sourceMappingURL=modal.es.js.map