@purpurds/modal 4.1.1 → 4.2.0

package/dist/modal.es.js

@@ -1,7 +1,7 @@
 import { jsxs as j, jsx as _ } from "react/jsx-runtime";
-import * as m from "react";
-import { useCallback as Q, createContext as xe, useMemo as ve, createElement as g, useContext as tt, useLayoutEffect as Tt, useRef as O, useEffect as A, useState as V, forwardRef as C, Children as M, isValidElement as W, cloneElement as te, Fragment as Ie, useReducer as Dt } from "react";
-import It, { flushSync as nt } from "react-dom";
+import * as g from "react";
+import { useCallback as Q, createContext as xe, useMemo as ge, createElement as m, useContext as tt, useLayoutEffect as Tt, useRef as O, useEffect as A, useState as G, forwardRef as C, Children as M, isValidElement as W, cloneElement as re, Fragment as Re, useReducer as Dt } from "react";
+import Rt, { flushSync as nt } from "react-dom";
 function P() {
   return P = Object.assign ? Object.assign.bind() : function(e) {
     for (var n = 1; n < arguments.length; n++) {
@@ -18,12 +18,12 @@ function B(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
       return n == null ? void 0 : n(a);
   };
 }
-function Rt(e, n) {
+function It(e, n) {
   typeof e == "function" ? e(n) : e != null && (e.current = n);
 }
 function rt(...e) {
   return (n) => e.forEach(
-    (t) => Rt(t, n)
+    (t) => It(t, n)
   );
 }
 function J(...e) {
@@ -32,27 +32,27 @@ function J(...e) {
 function Mt(e, n = []) {
   let t = [];
   function o(r, i) {
-    const u = /* @__PURE__ */ xe(i), l = t.length;
+    const u = /* @__PURE__ */ xe(i), s = t.length;
     t = [
       ...t,
       i
     ];
-    function d(s) {
-      const { scope: h, children: f, ...E } = s, c = (h == null ? void 0 : h[e][l]) || u, v = ve(
+    function d(l) {
+      const { scope: h, children: f, ...E } = l, c = (h == null ? void 0 : h[e][s]) || u, v = ge(
         () => E,
         Object.values(E)
       );
-      return /* @__PURE__ */ g(c.Provider, {
+      return /* @__PURE__ */ m(c.Provider, {
         value: v
       }, f);
     }
-    function p(s, h) {
-      const f = (h == null ? void 0 : h[e][l]) || u, E = tt(f);
+    function p(l, h) {
+      const f = (h == null ? void 0 : h[e][s]) || u, E = tt(f);
       if (E)
         return E;
       if (i !== void 0)
         return i;
-      throw new Error(`\`${s}\` must be used within \`${r}\``);
+      throw new Error(`\`${l}\` must be used within \`${r}\``);
     }
     return d.displayName = r + "Provider", [
       d,
@@ -62,17 +62,17 @@ function Mt(e, n = []) {
   const a = () => {
     const r = t.map((i) => /* @__PURE__ */ xe(i));
     return function(u) {
-      const l = (u == null ? void 0 : u[e]) || r;
-      return ve(
+      const s = (u == null ? void 0 : u[e]) || r;
+      return ge(
         () => ({
           [`__scope${e}`]: {
             ...u,
-            [e]: l
+            [e]: s
           }
         }),
         [
           u,
-          l
+          s
         ]
       );
     };
@@ -94,14 +94,14 @@ function Lt(...e) {
       })
     );
     return function(r) {
-      const i = o.reduce((u, { useScope: l, scopeName: d }) => {
-        const s = l(r)[`__scope${d}`];
+      const i = o.reduce((u, { useScope: s, scopeName: d }) => {
+        const l = s(r)[`__scope${d}`];
         return {
           ...u,
-          ...s
+          ...l
         };
       }, {});
-      return ve(
+      return ge(
         () => ({
           [`__scope${n.scopeName}`]: i
         }),
@@ -114,24 +114,24 @@ function Lt(...e) {
   return t.scopeName = n.scopeName, t;
 }
 const Oe = globalThis != null && globalThis.document ? Tt : () => {
-}, kt = m.useId || (() => {
+}, Ft = g.useId || (() => {
 });
-let Ft = 0;
-function ge(e) {
-  const [n, t] = m.useState(kt());
+let kt = 0;
+function be(e) {
+  const [n, t] = g.useState(Ft());
   return Oe(() => {
     e || t(
-      (o) => o ?? String(Ft++)
+      (o) => o ?? String(kt++)
     );
   }, [
     e
   ]), e || (n ? `radix-${n}` : "");
 }
-function K(e) {
+function V(e) {
   const n = O(e);
   return A(() => {
     n.current = e;
-  }), ve(
+  }), ge(
     () => (...t) => {
       var o;
       return (o = n.current) === null || o === void 0 ? void 0 : o.call(n, ...t);
@@ -144,10 +144,10 @@ function jt({ prop: e, defaultProp: n, onChange: t = () => {
   const [o, a] = Bt({
     defaultProp: n,
     onChange: t
-  }), r = e !== void 0, i = r ? e : o, u = K(t), l = Q((d) => {
+  }), r = e !== void 0, i = r ? e : o, u = V(t), s = Q((d) => {
     if (r) {
-      const s = typeof d == "function" ? d(e) : d;
-      s !== e && u(s);
+      const l = typeof d == "function" ? d(e) : d;
+      l !== e && u(l);
     } else
       a(d);
   }, [
@@ -158,11 +158,11 @@ function jt({ prop: e, defaultProp: n, onChange: t = () => {
   ]);
   return [
     i,
-    l
+    s
   ];
 }
 function Bt({ defaultProp: e, onChange: n }) {
-  const t = V(e), [o] = t, a = O(o), r = K(n);
+  const t = G(e), [o] = t, a = O(o), r = V(n);
   return A(() => {
     a.current !== o && (r(o), a.current = o);
   }, [
@@ -171,32 +171,32 @@ function Bt({ defaultProp: e, onChange: n }) {
     r
   ]), t;
 }
-const Re = /* @__PURE__ */ C((e, n) => {
+const Ie = /* @__PURE__ */ C((e, n) => {
   const { children: t, ...o } = e, a = M.toArray(t), r = a.find(Ut);
   if (r) {
-    const i = r.props.children, u = a.map((l) => l === r ? M.count(i) > 1 ? M.only(null) : /* @__PURE__ */ W(i) ? i.props.children : null : l);
-    return /* @__PURE__ */ g(Pe, P({}, o, {
+    const i = r.props.children, u = a.map((s) => s === r ? M.count(i) > 1 ? M.only(null) : /* @__PURE__ */ W(i) ? i.props.children : null : s);
+    return /* @__PURE__ */ m(Pe, P({}, o, {
       ref: n
-    }), /* @__PURE__ */ W(i) ? /* @__PURE__ */ te(i, void 0, u) : null);
+    }), /* @__PURE__ */ W(i) ? /* @__PURE__ */ re(i, void 0, u) : null);
   }
-  return /* @__PURE__ */ g(Pe, P({}, o, {
+  return /* @__PURE__ */ m(Pe, P({}, o, {
     ref: n
   }), t);
 });
-Re.displayName = "Slot";
+Ie.displayName = "Slot";
 const Pe = /* @__PURE__ */ C((e, n) => {
   const { children: t, ...o } = e;
-  return /* @__PURE__ */ W(t) ? /* @__PURE__ */ te(t, {
-    ...qt(o, t.props),
+  return /* @__PURE__ */ W(t) ? /* @__PURE__ */ re(t, {
+    ...zt(o, t.props),
     ref: n ? rt(n, t.ref) : t.ref
   }) : M.count(t) > 1 ? M.only(null) : null;
 });
 Pe.displayName = "SlotClone";
-const Wt = ({ children: e }) => /* @__PURE__ */ g(Ie, null, e);
+const Wt = ({ children: e }) => /* @__PURE__ */ m(Re, null, e);
 function Ut(e) {
   return /* @__PURE__ */ W(e) && e.type === Wt;
 }
-function qt(e, n) {
+function zt(e, n) {
   const t = {
     ...n
   };
@@ -217,7 +217,7 @@ function qt(e, n) {
     ...t
   };
 }
-const Ht = [
+const qt = [
   "a",
   "button",
   "div",
@@ -234,12 +234,12 @@ const Ht = [
   "span",
   "svg",
   "ul"
-], U = Ht.reduce((e, n) => {
+], U = qt.reduce((e, n) => {
   const t = /* @__PURE__ */ C((o, a) => {
-    const { asChild: r, ...i } = o, u = r ? Re : n;
+    const { asChild: r, ...i } = o, u = r ? Ie : n;
     return A(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ g(u, P({}, i, {
+    }, []), /* @__PURE__ */ m(u, P({}, i, {
       ref: a
     }));
   });
@@ -248,13 +248,13 @@ const Ht = [
     [n]: t
   };
 }, {});
-function Gt(e, n) {
+function Ht(e, n) {
   e && nt(
     () => e.dispatchEvent(n)
   );
 }
-function Vt(e, n = globalThis == null ? void 0 : globalThis.document) {
-  const t = K(e);
+function Gt(e, n = globalThis == null ? void 0 : globalThis.document) {
+  const t = V(e);
   A(() => {
     const o = (a) => {
       a.key === "Escape" && t(a);
@@ -265,55 +265,55 @@ function Vt(e, n = globalThis == null ? void 0 : globalThis.document) {
     n
   ]);
 }
-const Ne = "dismissableLayer.update", Kt = "dismissableLayer.pointerDownOutside", zt = "dismissableLayer.focusOutside";
-let Fe;
+const Ne = "dismissableLayer.update", Vt = "dismissableLayer.pointerDownOutside", Kt = "dismissableLayer.focusOutside";
+let ke;
 const Xt = /* @__PURE__ */ xe({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
 }), Yt = /* @__PURE__ */ C((e, n) => {
   var t;
-  const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: a, onPointerDownOutside: r, onFocusOutside: i, onInteractOutside: u, onDismiss: l, ...d } = e, p = tt(Xt), [s, h] = V(null), f = (t = s == null ? void 0 : s.ownerDocument) !== null && t !== void 0 ? t : globalThis == null ? void 0 : globalThis.document, [, E] = V({}), c = J(
+  const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: a, onPointerDownOutside: r, onFocusOutside: i, onInteractOutside: u, onDismiss: s, ...d } = e, p = tt(Xt), [l, h] = G(null), f = (t = l == null ? void 0 : l.ownerDocument) !== null && t !== void 0 ? t : globalThis == null ? void 0 : globalThis.document, [, E] = G({}), c = J(
     n,
     (w) => h(w)
   ), v = Array.from(p.layers), [b] = [
     ...p.layersWithOutsidePointerEventsDisabled
-  ].slice(-1), x = v.indexOf(b), $ = s ? v.indexOf(s) : -1, y = p.layersWithOutsidePointerEventsDisabled.size > 0, S = $ >= x, q = Zt((w) => {
-    const I = w.target, ne = [
+  ].slice(-1), x = v.indexOf(b), $ = l ? v.indexOf(l) : -1, y = p.layersWithOutsidePointerEventsDisabled.size > 0, S = $ >= x, z = Zt((w) => {
+    const R = w.target, oe = [
       ...p.branches
     ].some(
-      (R) => R.contains(I)
+      (I) => I.contains(R)
     );
-    !S || ne || (r == null || r(w), u == null || u(w), w.defaultPrevented || l == null || l());
+    !S || oe || (r == null || r(w), u == null || u(w), w.defaultPrevented || s == null || s());
   }, f), T = Qt((w) => {
-    const I = w.target;
+    const R = w.target;
     [
       ...p.branches
     ].some(
-      (R) => R.contains(I)
-    ) || (i == null || i(w), u == null || u(w), w.defaultPrevented || l == null || l());
+      (I) => I.contains(R)
+    ) || (i == null || i(w), u == null || u(w), w.defaultPrevented || s == null || s());
   }, f);
-  return Vt((w) => {
-    $ === p.layers.size - 1 && (a == null || a(w), !w.defaultPrevented && l && (w.preventDefault(), l()));
+  return Gt((w) => {
+    $ === p.layers.size - 1 && (a == null || a(w), !w.defaultPrevented && s && (w.preventDefault(), s()));
   }, f), A(() => {
-    if (s)
-      return o && (p.layersWithOutsidePointerEventsDisabled.size === 0 && (Fe = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), p.layersWithOutsidePointerEventsDisabled.add(s)), p.layers.add(s), je(), () => {
-        o && p.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = Fe);
+    if (l)
+      return o && (p.layersWithOutsidePointerEventsDisabled.size === 0 && (ke = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), p.layersWithOutsidePointerEventsDisabled.add(l)), p.layers.add(l), je(), () => {
+        o && p.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = ke);
       };
   }, [
-    s,
+    l,
     f,
     o,
     p
   ]), A(() => () => {
-    s && (p.layers.delete(s), p.layersWithOutsidePointerEventsDisabled.delete(s), je());
+    l && (p.layers.delete(l), p.layersWithOutsidePointerEventsDisabled.delete(l), je());
   }, [
-    s,
+    l,
     p
   ]), A(() => {
     const w = () => E({});
     return document.addEventListener(Ne, w), () => document.removeEventListener(Ne, w);
-  }, []), /* @__PURE__ */ g(U.div, P({}, d, {
+  }, []), /* @__PURE__ */ m(U.div, P({}, d, {
     ref: c,
     style: {
       pointerEvents: y ? S ? "auto" : "none" : void 0,
@@ -321,21 +321,21 @@ const Xt = /* @__PURE__ */ xe({
     },
     onFocusCapture: B(e.onFocusCapture, T.onFocusCapture),
     onBlurCapture: B(e.onBlurCapture, T.onBlurCapture),
-    onPointerDownCapture: B(e.onPointerDownCapture, q.onPointerDownCapture)
+    onPointerDownCapture: B(e.onPointerDownCapture, z.onPointerDownCapture)
   }));
 });
 function Zt(e, n = globalThis == null ? void 0 : globalThis.document) {
-  const t = K(e), o = O(!1), a = O(() => {
+  const t = V(e), o = O(!1), a = O(() => {
   });
   return A(() => {
     const r = (u) => {
       if (u.target && !o.current) {
         let d = function() {
-          ot(Kt, t, l, {
+          ot(Vt, t, s, {
             discrete: !0
           });
         };
-        const l = {
+        const s = {
           originalEvent: u
         };
         u.pointerType === "touch" ? (n.removeEventListener("click", a.current), a.current = d, n.addEventListener("click", a.current, {
@@ -359,10 +359,10 @@ function Zt(e, n = globalThis == null ? void 0 : globalThis.document) {
   };
 }
 function Qt(e, n = globalThis == null ? void 0 : globalThis.document) {
-  const t = K(e), o = O(!1);
+  const t = V(e), o = O(!1);
   return A(() => {
     const a = (r) => {
-      r.target && !o.current && ot(zt, t, {
+      r.target && !o.current && ot(Kt, t, {
         originalEvent: r
       }, {
         discrete: !1
@@ -389,15 +389,15 @@ function ot(e, n, t, { discrete: o }) {
   });
   n && a.addEventListener(e, n, {
     once: !0
-  }), o ? Gt(a, r) : a.dispatchEvent(r);
+  }), o ? Ht(a, r) : a.dispatchEvent(r);
 }
-const _e = "focusScope.autoFocusOnMount", be = "focusScope.autoFocusOnUnmount", Be = {
+const $e = "focusScope.autoFocusOnMount", ye = "focusScope.autoFocusOnUnmount", Be = {
   bubbles: !1,
   cancelable: !0
 }, Jt = /* @__PURE__ */ C((e, n) => {
-  const { loop: t = !1, trapped: o = !1, onMountAutoFocus: a, onUnmountAutoFocus: r, ...i } = e, [u, l] = V(null), d = K(a), p = K(r), s = O(null), h = J(
+  const { loop: t = !1, trapped: o = !1, onMountAutoFocus: a, onUnmountAutoFocus: r, ...i } = e, [u, s] = G(null), d = V(a), p = V(r), l = O(null), h = J(
     n,
-    (c) => l(c)
+    (c) => s(c)
   ), f = O({
     paused: !1,
     pause() {
@@ -413,20 +413,20 @@ const _e = "focusScope.autoFocusOnMount", be = "focusScope.autoFocusOnUnmount",
         if (f.paused || !u)
           return;
         const y = $.target;
-        u.contains(y) ? s.current = y : F(s.current, {
+        u.contains(y) ? l.current = y : k(l.current, {
           select: !0
         });
       }, v = function($) {
         if (f.paused || !u)
           return;
         const y = $.relatedTarget;
-        y !== null && (u.contains(y) || F(s.current, {
+        y !== null && (u.contains(y) || k(l.current, {
           select: !0
         }));
       }, b = function($) {
         if (document.activeElement === document.body)
           for (const S of $)
-            S.removedNodes.length > 0 && F(u);
+            S.removedNodes.length > 0 && k(u);
       };
       document.addEventListener("focusin", c), document.addEventListener("focusout", v);
       const x = new MutationObserver(b);
@@ -446,17 +446,17 @@ const _e = "focusScope.autoFocusOnMount", be = "focusScope.autoFocusOnUnmount",
       Ue.add(f);
       const c = document.activeElement;
       if (!u.contains(c)) {
-        const b = new CustomEvent(_e, Be);
-        u.addEventListener(_e, d), u.dispatchEvent(b), b.defaultPrevented || (en(an(at(u)), {
+        const b = new CustomEvent($e, Be);
+        u.addEventListener($e, d), u.dispatchEvent(b), b.defaultPrevented || (en(an(at(u)), {
           select: !0
-        }), document.activeElement === c && F(u));
+        }), document.activeElement === c && k(u));
       }
       return () => {
-        u.removeEventListener(_e, d), setTimeout(() => {
-          const b = new CustomEvent(be, Be);
-          u.addEventListener(be, p), u.dispatchEvent(b), b.defaultPrevented || F(c ?? document.body, {
+        u.removeEventListener($e, d), setTimeout(() => {
+          const b = new CustomEvent(ye, Be);
+          u.addEventListener(ye, p), u.dispatchEvent(b), b.defaultPrevented || k(c ?? document.body, {
             select: !0
-          }), u.removeEventListener(be, p), Ue.remove(f);
+          }), u.removeEventListener(ye, p), Ue.remove(f);
         }, 0);
       };
     }
@@ -472,9 +472,9 @@ const _e = "focusScope.autoFocusOnMount", be = "focusScope.autoFocusOnUnmount",
     const v = c.key === "Tab" && !c.altKey && !c.ctrlKey && !c.metaKey, b = document.activeElement;
     if (v && b) {
       const x = c.currentTarget, [$, y] = tn(x);
-      $ && y ? !c.shiftKey && b === y ? (c.preventDefault(), t && F($, {
+      $ && y ? !c.shiftKey && b === y ? (c.preventDefault(), t && k($, {
         select: !0
-      })) : c.shiftKey && b === $ && (c.preventDefault(), t && F(y, {
+      })) : c.shiftKey && b === $ && (c.preventDefault(), t && k(y, {
         select: !0
       })) : b === x && c.preventDefault();
     }
@@ -483,7 +483,7 @@ const _e = "focusScope.autoFocusOnMount", be = "focusScope.autoFocusOnUnmount",
     o,
     f.paused
   ]);
-  return /* @__PURE__ */ g(U.div, P({
+  return /* @__PURE__ */ m(U.div, P({
     tabIndex: -1
   }, i, {
     ref: h,
@@ -493,7 +493,7 @@ const _e = "focusScope.autoFocusOnMount", be = "focusScope.autoFocusOnUnmount",
 function en(e, { select: n = !1 } = {}) {
   const t = document.activeElement;
   for (const o of e)
-    if (F(o, {
+    if (k(o, {
       select: n
     }), document.activeElement !== t)
       return;
@@ -538,7 +538,7 @@ function nn(e, { upTo: n }) {
 function rn(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
-function F(e, { select: n = !1 } = {}) {
+function k(e, { select: n = !1 } = {}) {
   if (e && e.focus) {
     const t = document.activeElement;
     e.focus({
@@ -552,15 +552,15 @@ function on() {
   return {
     add(n) {
       const t = e[0];
-      n !== t && (t == null || t.pause()), e = qe(e, n), e.unshift(n);
+      n !== t && (t == null || t.pause()), e = ze(e, n), e.unshift(n);
     },
     remove(n) {
       var t;
-      e = qe(e, n), (t = e[0]) === null || t === void 0 || t.resume();
+      e = ze(e, n), (t = e[0]) === null || t === void 0 || t.resume();
     }
   };
 }
-function qe(e, n) {
+function ze(e, n) {
   const t = [
     ...e
   ], o = t.indexOf(n);
@@ -574,7 +574,7 @@ function an(e) {
 const un = /* @__PURE__ */ C((e, n) => {
   var t;
   const { container: o = globalThis == null || (t = globalThis.document) === null || t === void 0 ? void 0 : t.body, ...a } = e;
-  return o ? /* @__PURE__ */ It.createPortal(/* @__PURE__ */ g(U.div, P({}, a, {
+  return o ? /* @__PURE__ */ Rt.createPortal(/* @__PURE__ */ m(U.div, P({}, a, {
     ref: n
   })), o) : null;
 });
@@ -584,17 +584,17 @@ function cn(e, n) {
     return a ?? t;
   }, e);
 }
-const he = (e) => {
+const me = (e) => {
   const { present: n, children: t } = e, o = sn(n), a = typeof t == "function" ? t({
     present: o.isPresent
   }) : M.only(t), r = J(o.ref, a.ref);
-  return typeof t == "function" || o.isPresent ? /* @__PURE__ */ te(a, {
+  return typeof t == "function" || o.isPresent ? /* @__PURE__ */ re(a, {
     ref: r
   }) : null;
 };
-he.displayName = "Presence";
+me.displayName = "Presence";
 function sn(e) {
-  const [n, t] = V(), o = O({}), a = O(e), r = O("none"), i = e ? "mounted" : "unmounted", [u, l] = cn(i, {
+  const [n, t] = G(), o = O({}), a = O(e), r = O("none"), i = e ? "mounted" : "unmounted", [u, s] = cn(i, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -608,37 +608,37 @@ function sn(e) {
     }
   });
   return A(() => {
-    const d = re(o.current);
+    const d = ae(o.current);
     r.current = u === "mounted" ? d : "none";
   }, [
     u
   ]), Oe(() => {
     const d = o.current, p = a.current;
     if (p !== e) {
-      const h = r.current, f = re(d);
-      e ? l("MOUNT") : f === "none" || (d == null ? void 0 : d.display) === "none" ? l("UNMOUNT") : l(p && h !== f ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
+      const h = r.current, f = ae(d);
+      e ? s("MOUNT") : f === "none" || (d == null ? void 0 : d.display) === "none" ? s("UNMOUNT") : s(p && h !== f ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
     }
   }, [
     e,
-    l
+    s
   ]), Oe(() => {
     if (n) {
-      const d = (s) => {
-        const f = re(o.current).includes(s.animationName);
-        s.target === n && f && nt(
-          () => l("ANIMATION_END")
+      const d = (l) => {
+        const f = ae(o.current).includes(l.animationName);
+        l.target === n && f && nt(
+          () => s("ANIMATION_END")
         );
-      }, p = (s) => {
-        s.target === n && (r.current = re(o.current));
+      }, p = (l) => {
+        l.target === n && (r.current = ae(o.current));
       };
       return n.addEventListener("animationstart", p), n.addEventListener("animationcancel", d), n.addEventListener("animationend", d), () => {
         n.removeEventListener("animationstart", p), n.removeEventListener("animationcancel", d), n.removeEventListener("animationend", d);
       };
     } else
-      l("ANIMATION_END");
+      s("ANIMATION_END");
   }, [
     n,
-    l
+    s
   ]), {
     isPresent: [
       "mounted",
@@ -649,34 +649,34 @@ function sn(e) {
     }, [])
   };
 }
-function re(e) {
+function ae(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-let $e = 0;
+let Ee = 0;
 function ln() {
   A(() => {
     var e, n;
     const t = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", (e = t[0]) !== null && e !== void 0 ? e : He()), document.body.insertAdjacentElement("beforeend", (n = t[1]) !== null && n !== void 0 ? n : He()), $e++, () => {
-      $e === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach(
+    return document.body.insertAdjacentElement("afterbegin", (e = t[0]) !== null && e !== void 0 ? e : qe()), document.body.insertAdjacentElement("beforeend", (n = t[1]) !== null && n !== void 0 ? n : qe()), Ee++, () => {
+      Ee === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach(
         (o) => o.remove()
-      ), $e--;
+      ), Ee--;
     };
   }, []);
 }
-function He() {
+function qe() {
   const e = document.createElement("span");
   return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.cssText = "outline: none; opacity: 0; position: fixed; pointer-events: none", e;
 }
-var k = function() {
-  return k = Object.assign || function(n) {
+var F = function() {
+  return F = Object.assign || function(n) {
     for (var t, o = 1, a = arguments.length; o < a; o++) {
       t = arguments[o];
       for (var r in t)
         Object.prototype.hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, k.apply(this, arguments);
+  }, F.apply(this, arguments);
 };
 function it(e, n) {
   var t = {};
@@ -693,12 +693,12 @@ function dn(e, n, t) {
       (r || !(o in n)) && (r || (r = Array.prototype.slice.call(n, 0, o)), r[o] = n[o]);
   return e.concat(r || Array.prototype.slice.call(n));
 }
-var pe = "right-scroll-bar-position", fe = "width-before-scroll-bar", pn = "with-scroll-bars-hidden", fn = "--removed-body-scroll-bar-size";
+var ve = "right-scroll-bar-position", he = "width-before-scroll-bar", pn = "with-scroll-bars-hidden", fn = "--removed-body-scroll-bar-size";
 function vn(e, n) {
   return typeof e == "function" ? e(n) : e && (e.current = n), e;
 }
 function hn(e, n) {
-  var t = V(function() {
+  var t = G(function() {
     return {
       // value
       value: e,
@@ -718,18 +718,18 @@ function hn(e, n) {
   })[0];
   return t.callback = n, t.facade;
 }
-function mn(e, n) {
+function gn(e, n) {
   return hn(n || null, function(t) {
     return e.forEach(function(o) {
       return vn(o, t);
     });
   });
 }
-function gn(e) {
+function mn(e) {
   return e;
 }
 function _n(e, n) {
-  n === void 0 && (n = gn);
+  n === void 0 && (n = mn);
   var t = [], o = !1, a = {
     read: function() {
       if (o)
@@ -765,11 +765,11 @@ function _n(e, n) {
         var u = t;
         t = [], u.forEach(r), i = t;
       }
-      var l = function() {
+      var s = function() {
         var p = i;
         i = [], p.forEach(r);
       }, d = function() {
-        return Promise.resolve().then(l);
+        return Promise.resolve().then(s);
       };
       d(), t = {
         push: function(p) {
@@ -786,7 +786,7 @@ function _n(e, n) {
 function bn(e) {
   e === void 0 && (e = {});
   var n = _n(null);
-  return n.options = k({ async: !0, ssr: !1 }, e), n;
+  return n.options = F({ async: !0, ssr: !1 }, e), n;
 }
 var ut = function(e) {
   var n = e.sideCar, t = it(e, ["sideCar"]);
@@ -795,34 +795,34 @@ var ut = function(e) {
   var o = n.read();
   if (!o)
     throw new Error("Sidecar medium not found");
-  return m.createElement(o, k({}, t));
+  return g.createElement(o, F({}, t));
 };
 ut.isSideCarExport = !0;
 function $n(e, n) {
   return e.useMedium(n), ut;
 }
-var ct = bn(), ye = function() {
-}, me = m.forwardRef(function(e, n) {
-  var t = m.useRef(null), o = m.useState({
-    onScrollCapture: ye,
-    onWheelCapture: ye,
-    onTouchMoveCapture: ye
-  }), a = o[0], r = o[1], i = e.forwardProps, u = e.children, l = e.className, d = e.removeScrollBar, p = e.enabled, s = e.shards, h = e.sideCar, f = e.noIsolation, E = e.inert, c = e.allowPinchZoom, v = e.as, b = v === void 0 ? "div" : v, x = it(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]), $ = h, y = mn([t, n]), S = k(k({}, x), a);
-  return m.createElement(
-    m.Fragment,
+var ct = bn(), we = function() {
+}, _e = g.forwardRef(function(e, n) {
+  var t = g.useRef(null), o = g.useState({
+    onScrollCapture: we,
+    onWheelCapture: we,
+    onTouchMoveCapture: we
+  }), a = o[0], r = o[1], i = e.forwardProps, u = e.children, s = e.className, d = e.removeScrollBar, p = e.enabled, l = e.shards, h = e.sideCar, f = e.noIsolation, E = e.inert, c = e.allowPinchZoom, v = e.as, b = v === void 0 ? "div" : v, x = it(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]), $ = h, y = gn([t, n]), S = F(F({}, x), a);
+  return g.createElement(
+    g.Fragment,
     null,
-    p && m.createElement($, { sideCar: ct, removeScrollBar: d, shards: s, noIsolation: f, inert: E, setCallbacks: r, allowPinchZoom: !!c, lockRef: t }),
-    i ? m.cloneElement(m.Children.only(u), k(k({}, S), { ref: y })) : m.createElement(b, k({}, S, { className: l, ref: y }), u)
+    p && g.createElement($, { sideCar: ct, removeScrollBar: d, shards: l, noIsolation: f, inert: E, setCallbacks: r, allowPinchZoom: !!c, lockRef: t }),
+    i ? g.cloneElement(g.Children.only(u), F(F({}, S), { ref: y })) : g.createElement(b, F({}, S, { className: s, ref: y }), u)
   );
 });
-me.defaultProps = {
+_e.defaultProps = {
   enabled: !0,
   removeScrollBar: !0,
   inert: !1
 };
-me.classNames = {
-  fullWidth: fe,
-  zeroRight: pe
+_e.classNames = {
+  fullWidth: he,
+  zeroRight: ve
 };
 var yn = function() {
   if (typeof __webpack_nonce__ < "u")
@@ -856,7 +856,7 @@ var Cn = function() {
 }, xn = function() {
   var e = Cn();
   return function(n, t) {
-    m.useEffect(function() {
+    g.useEffect(function() {
       return e.add(n), function() {
         e.remove();
       };
@@ -873,11 +873,11 @@ var Cn = function() {
   top: 0,
   right: 0,
   gap: 0
-}, Ee = function(e) {
+}, Se = function(e) {
   return parseInt(e || "", 10) || 0;
 }, Pn = function(e) {
   var n = window.getComputedStyle(document.body), t = n[e === "padding" ? "paddingLeft" : "marginLeft"], o = n[e === "padding" ? "paddingTop" : "marginTop"], a = n[e === "padding" ? "paddingRight" : "marginRight"];
-  return [Ee(t), Ee(o), Ee(a)];
+  return [Se(t), Se(o), Se(a)];
 }, Nn = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
     return On;
@@ -912,19 +912,19 @@ var Cn = function() {
   ].filter(Boolean).join(""), `
   }
   
-  .`).concat(pe, ` {
+  .`).concat(ve, ` {
     right: `).concat(u, "px ").concat(o, `;
   }
   
-  .`).concat(fe, ` {
+  .`).concat(he, ` {
     margin-right: `).concat(u, "px ").concat(o, `;
   }
   
-  .`).concat(pe, " .").concat(pe, ` {
+  .`).concat(ve, " .").concat(ve, ` {
     right: 0 `).concat(o, `;
   }
   
-  .`).concat(fe, " .").concat(fe, ` {
+  .`).concat(he, " .").concat(he, ` {
     margin-right: 0 `).concat(o, `;
   }
   
@@ -933,36 +933,36 @@ var Cn = function() {
   }
 `);
 }, Dn = function(e) {
-  var n = e.noRelative, t = e.noImportant, o = e.gapMode, a = o === void 0 ? "margin" : o, r = m.useMemo(function() {
+  var n = e.noRelative, t = e.noImportant, o = e.gapMode, a = o === void 0 ? "margin" : o, r = g.useMemo(function() {
     return Nn(a);
   }, [a]);
-  return m.createElement(An, { styles: Tn(r, !n, a, t ? "" : "!important") });
+  return g.createElement(An, { styles: Tn(r, !n, a, t ? "" : "!important") });
 }, Ae = !1;
 if (typeof window < "u")
   try {
-    var oe = Object.defineProperty({}, "passive", {
+    var ie = Object.defineProperty({}, "passive", {
       get: function() {
         return Ae = !0, !0;
       }
     });
-    window.addEventListener("test", oe, oe), window.removeEventListener("test", oe, oe);
+    window.addEventListener("test", ie, ie), window.removeEventListener("test", ie, ie);
   } catch {
     Ae = !1;
   }
-var z = Ae ? { passive: !1 } : !1, In = function(e) {
+var K = Ae ? { passive: !1 } : !1, Rn = function(e) {
   return e.tagName === "TEXTAREA";
 }, lt = function(e, n) {
   var t = window.getComputedStyle(e);
   return (
     // not-not-scrollable
     t[n] !== "hidden" && // contains scroll inside self
-    !(t.overflowY === t.overflowX && !In(e) && t[n] === "visible")
+    !(t.overflowY === t.overflowX && !Rn(e) && t[n] === "visible")
   );
-}, Rn = function(e) {
+}, In = function(e) {
   return lt(e, "overflowY");
 }, Mn = function(e) {
   return lt(e, "overflowX");
-}, Ge = function(e, n) {
+}, He = function(e, n) {
   var t = n;
   do {
     typeof ShadowRoot < "u" && t instanceof ShadowRoot && (t = t.host);
@@ -982,7 +982,7 @@ var z = Ae ? { passive: !1 } : !1, In = function(e) {
     t,
     o
   ];
-}, kn = function(e) {
+}, Fn = function(e) {
   var n = e.scrollLeft, t = e.scrollWidth, o = e.clientWidth;
   return [
     n,
@@ -990,27 +990,27 @@ var z = Ae ? { passive: !1 } : !1, In = function(e) {
     o
   ];
 }, dt = function(e, n) {
-  return e === "v" ? Rn(n) : Mn(n);
+  return e === "v" ? In(n) : Mn(n);
 }, pt = function(e, n) {
-  return e === "v" ? Ln(n) : kn(n);
-}, Fn = function(e, n) {
+  return e === "v" ? Ln(n) : Fn(n);
+}, kn = function(e, n) {
   return e === "h" && n === "rtl" ? -1 : 1;
 }, jn = function(e, n, t, o, a) {
-  var r = Fn(e, window.getComputedStyle(n).direction), i = r * o, u = t.target, l = n.contains(u), d = !1, p = i > 0, s = 0, h = 0;
+  var r = kn(e, window.getComputedStyle(n).direction), i = r * o, u = t.target, s = n.contains(u), d = !1, p = i > 0, l = 0, h = 0;
   do {
     var f = pt(e, u), E = f[0], c = f[1], v = f[2], b = c - v - r * E;
-    (E || b) && dt(e, u) && (s += b, h += E), u = u.parentNode;
+    (E || b) && dt(e, u) && (l += b, h += E), u = u.parentNode;
   } while (
     // portaled content
-    !l && u !== document.body || // self content
-    l && (n.contains(u) || n === u)
+    !s && u !== document.body || // self content
+    s && (n.contains(u) || n === u)
   );
-  return (p && (a && s === 0 || !a && i > s) || !p && (a && h === 0 || !a && -i > h)) && (d = !0), d;
-}, ae = function(e) {
+  return (p && (a && l === 0 || !a && i > l) || !p && (a && h === 0 || !a && -i > h)) && (d = !0), d;
+}, ue = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
-}, Ve = function(e) {
+}, Ge = function(e) {
   return [e.deltaX, e.deltaY];
-}, Ke = function(e) {
+}, Ve = function(e) {
   return e && "current" in e ? e.current : e;
 }, Bn = function(e, n) {
   return e[0] === n[0] && e[1] === n[1];
@@ -1020,16 +1020,16 @@ var z = Ae ? { passive: !1 } : !1, In = function(e) {
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
 }, Un = 0, X = [];
-function qn(e) {
-  var n = m.useRef([]), t = m.useRef([0, 0]), o = m.useRef(), a = m.useState(Un++)[0], r = m.useState(function() {
+function zn(e) {
+  var n = g.useRef([]), t = g.useRef([0, 0]), o = g.useRef(), a = g.useState(Un++)[0], r = g.useState(function() {
     return st();
-  })[0], i = m.useRef(e);
-  m.useEffect(function() {
+  })[0], i = g.useRef(e);
+  g.useEffect(function() {
     i.current = e;
-  }, [e]), m.useEffect(function() {
+  }, [e]), g.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(a));
-      var c = dn([e.lockRef.current], (e.shards || []).map(Ke), !0).filter(Boolean);
+      var c = dn([e.lockRef.current], (e.shards || []).map(Ve), !0).filter(Boolean);
       return c.forEach(function(v) {
         return v.classList.add("allow-interactivity-".concat(a));
       }), function() {
@@ -1039,25 +1039,25 @@ function qn(e) {
       };
     }
   }, [e.inert, e.lockRef.current, e.shards]);
-  var u = m.useCallback(function(c, v) {
+  var u = g.useCallback(function(c, v) {
     if ("touches" in c && c.touches.length === 2)
       return !i.current.allowPinchZoom;
-    var b = ae(c), x = t.current, $ = "deltaX" in c ? c.deltaX : x[0] - b[0], y = "deltaY" in c ? c.deltaY : x[1] - b[1], S, q = c.target, T = Math.abs($) > Math.abs(y) ? "h" : "v";
-    if ("touches" in c && T === "h" && q.type === "range")
+    var b = ue(c), x = t.current, $ = "deltaX" in c ? c.deltaX : x[0] - b[0], y = "deltaY" in c ? c.deltaY : x[1] - b[1], S, z = c.target, T = Math.abs($) > Math.abs(y) ? "h" : "v";
+    if ("touches" in c && T === "h" && z.type === "range")
       return !1;
-    var w = Ge(T, q);
+    var w = He(T, z);
     if (!w)
       return !0;
-    if (w ? S = T : (S = T === "v" ? "h" : "v", w = Ge(T, q)), !w)
+    if (w ? S = T : (S = T === "v" ? "h" : "v", w = He(T, z)), !w)
       return !1;
     if (!o.current && "changedTouches" in c && ($ || y) && (o.current = S), !S)
       return !0;
-    var I = o.current || S;
-    return jn(I, v, c, I === "h" ? $ : y, !0);
-  }, []), l = m.useCallback(function(c) {
+    var R = o.current || S;
+    return jn(R, v, c, R === "h" ? $ : y, !0);
+  }, []), s = g.useCallback(function(c) {
     var v = c;
     if (!(!X.length || X[X.length - 1] !== r)) {
-      var b = "deltaY" in v ? Ve(v) : ae(v), x = n.current.filter(function(S) {
+      var b = "deltaY" in v ? Ge(v) : ue(v), x = n.current.filter(function(S) {
         return S.name === v.type && S.target === v.target && Bn(S.delta, b);
       })[0];
       if (x && x.should) {
@@ -1065,59 +1065,59 @@ function qn(e) {
         return;
       }
       if (!x) {
-        var $ = (i.current.shards || []).map(Ke).filter(Boolean).filter(function(S) {
+        var $ = (i.current.shards || []).map(Ve).filter(Boolean).filter(function(S) {
           return S.contains(v.target);
         }), y = $.length > 0 ? u(v, $[0]) : !i.current.noIsolation;
         y && v.cancelable && v.preventDefault();
       }
     }
-  }, []), d = m.useCallback(function(c, v, b, x) {
+  }, []), d = g.useCallback(function(c, v, b, x) {
     var $ = { name: c, delta: v, target: b, should: x };
     n.current.push($), setTimeout(function() {
       n.current = n.current.filter(function(y) {
         return y !== $;
       });
     }, 1);
-  }, []), p = m.useCallback(function(c) {
-    t.current = ae(c), o.current = void 0;
-  }, []), s = m.useCallback(function(c) {
-    d(c.type, Ve(c), c.target, u(c, e.lockRef.current));
-  }, []), h = m.useCallback(function(c) {
-    d(c.type, ae(c), c.target, u(c, e.lockRef.current));
+  }, []), p = g.useCallback(function(c) {
+    t.current = ue(c), o.current = void 0;
+  }, []), l = g.useCallback(function(c) {
+    d(c.type, Ge(c), c.target, u(c, e.lockRef.current));
+  }, []), h = g.useCallback(function(c) {
+    d(c.type, ue(c), c.target, u(c, e.lockRef.current));
   }, []);
-  m.useEffect(function() {
+  g.useEffect(function() {
     return X.push(r), e.setCallbacks({
-      onScrollCapture: s,
-      onWheelCapture: s,
+      onScrollCapture: l,
+      onWheelCapture: l,
       onTouchMoveCapture: h
-    }), document.addEventListener("wheel", l, z), document.addEventListener("touchmove", l, z), document.addEventListener("touchstart", p, z), function() {
+    }), document.addEventListener("wheel", s, K), document.addEventListener("touchmove", s, K), document.addEventListener("touchstart", p, K), function() {
       X = X.filter(function(c) {
         return c !== r;
-      }), document.removeEventListener("wheel", l, z), document.removeEventListener("touchmove", l, z), document.removeEventListener("touchstart", p, z);
+      }), document.removeEventListener("wheel", s, K), document.removeEventListener("touchmove", s, K), document.removeEventListener("touchstart", p, K);
     };
   }, []);
   var f = e.removeScrollBar, E = e.inert;
-  return m.createElement(
-    m.Fragment,
+  return g.createElement(
+    g.Fragment,
     null,
-    E ? m.createElement(r, { styles: Wn(a) }) : null,
-    f ? m.createElement(Dn, { gapMode: "margin" }) : null
+    E ? g.createElement(r, { styles: Wn(a) }) : null,
+    f ? g.createElement(Dn, { gapMode: "margin" }) : null
   );
 }
-const Hn = $n(ct, qn);
-var ft = m.forwardRef(function(e, n) {
-  return m.createElement(me, k({}, e, { ref: n, sideCar: Hn }));
+const qn = $n(ct, zn);
+var ft = g.forwardRef(function(e, n) {
+  return g.createElement(_e, F({}, e, { ref: n, sideCar: qn }));
 });
-ft.classNames = me.classNames;
-const Gn = ft;
-var Vn = function(e) {
+ft.classNames = _e.classNames;
+const Hn = ft;
+var Gn = function(e) {
   if (typeof document > "u")
     return null;
   var n = Array.isArray(e) ? e[0] : e;
   return n.ownerDocument.body;
-}, Y = /* @__PURE__ */ new WeakMap(), ie = /* @__PURE__ */ new WeakMap(), ue = {}, we = 0, vt = function(e) {
+}, Y = /* @__PURE__ */ new WeakMap(), ce = /* @__PURE__ */ new WeakMap(), se = {}, Ce = 0, vt = function(e) {
   return e && (e.host || vt(e.parentNode));
-}, Kn = function(e, n) {
+}, Vn = function(e, n) {
   return n.map(function(t) {
     if (e.contains(t))
       return t;
@@ -1126,54 +1126,54 @@ var Vn = function(e) {
   }).filter(function(t) {
     return !!t;
   });
-}, zn = function(e, n, t, o) {
-  var a = Kn(n, Array.isArray(e) ? e : [e]);
-  ue[t] || (ue[t] = /* @__PURE__ */ new WeakMap());
-  var r = ue[t], i = [], u = /* @__PURE__ */ new Set(), l = new Set(a), d = function(s) {
-    !s || u.has(s) || (u.add(s), d(s.parentNode));
+}, Kn = function(e, n, t, o) {
+  var a = Vn(n, Array.isArray(e) ? e : [e]);
+  se[t] || (se[t] = /* @__PURE__ */ new WeakMap());
+  var r = se[t], i = [], u = /* @__PURE__ */ new Set(), s = new Set(a), d = function(l) {
+    !l || u.has(l) || (u.add(l), d(l.parentNode));
   };
   a.forEach(d);
-  var p = function(s) {
-    !s || l.has(s) || Array.prototype.forEach.call(s.children, function(h) {
+  var p = function(l) {
+    !l || s.has(l) || Array.prototype.forEach.call(l.children, function(h) {
       if (u.has(h))
         p(h);
       else {
         var f = h.getAttribute(o), E = f !== null && f !== "false", c = (Y.get(h) || 0) + 1, v = (r.get(h) || 0) + 1;
-        Y.set(h, c), r.set(h, v), i.push(h), c === 1 && E && ie.set(h, !0), v === 1 && h.setAttribute(t, "true"), E || h.setAttribute(o, "true");
+        Y.set(h, c), r.set(h, v), i.push(h), c === 1 && E && ce.set(h, !0), v === 1 && h.setAttribute(t, "true"), E || h.setAttribute(o, "true");
       }
     });
   };
-  return p(n), u.clear(), we++, function() {
-    i.forEach(function(s) {
-      var h = Y.get(s) - 1, f = r.get(s) - 1;
-      Y.set(s, h), r.set(s, f), h || (ie.has(s) || s.removeAttribute(o), ie.delete(s)), f || s.removeAttribute(t);
-    }), we--, we || (Y = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap(), ie = /* @__PURE__ */ new WeakMap(), ue = {});
+  return p(n), u.clear(), Ce++, function() {
+    i.forEach(function(l) {
+      var h = Y.get(l) - 1, f = r.get(l) - 1;
+      Y.set(l, h), r.set(l, f), h || (ce.has(l) || l.removeAttribute(o), ce.delete(l)), f || l.removeAttribute(t);
+    }), Ce--, Ce || (Y = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap(), ce = /* @__PURE__ */ new WeakMap(), se = {});
   };
 }, Xn = function(e, n, t) {
   t === void 0 && (t = "data-aria-hidden");
-  var o = Array.from(Array.isArray(e) ? e : [e]), a = n || Vn(e);
-  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), zn(o, a, t, "aria-hidden")) : function() {
+  var o = Array.from(Array.isArray(e) ? e : [e]), a = n || Gn(e);
+  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), Kn(o, a, t, "aria-hidden")) : function() {
     return null;
   };
 };
-const ht = "Dialog", [mt, yo] = Mt(ht), [Yn, L] = mt(ht), Zn = (e) => {
-  const { __scopeDialog: n, children: t, open: o, defaultOpen: a, onOpenChange: r, modal: i = !0 } = e, u = O(null), l = O(null), [d = !1, p] = jt({
+const ht = "Dialog", [gt, yo] = Mt(ht), [Yn, L] = gt(ht), Zn = (e) => {
+  const { __scopeDialog: n, children: t, open: o, defaultOpen: a, onOpenChange: r, modal: i = !0 } = e, u = O(null), s = O(null), [d = !1, p] = jt({
     prop: o,
     defaultProp: a,
     onChange: r
   });
-  return /* @__PURE__ */ g(Yn, {
+  return /* @__PURE__ */ m(Yn, {
     scope: n,
     triggerRef: u,
-    contentRef: l,
-    contentId: ge(),
-    titleId: ge(),
-    descriptionId: ge(),
+    contentRef: s,
+    contentId: be(),
+    titleId: be(),
+    descriptionId: be(),
     open: d,
     onOpenChange: p,
     onOpenToggle: Q(
       () => p(
-        (s) => !s
+        (l) => !l
       ),
       [
         p
@@ -1183,7 +1183,7 @@ const ht = "Dialog", [mt, yo] = Mt(ht), [Yn, L] = mt(ht), Zn = (e) => {
   }, t);
 }, Qn = "DialogTrigger", Jn = /* @__PURE__ */ C((e, n) => {
   const { __scopeDialog: t, ...o } = e, a = L(Qn, t), r = J(n, a.triggerRef);
-  return /* @__PURE__ */ g(U.button, P({
+  return /* @__PURE__ */ m(U.button, P({
     type: "button",
     "aria-haspopup": "dialog",
     "aria-expanded": a.open,
@@ -1193,27 +1193,27 @@ const ht = "Dialog", [mt, yo] = Mt(ht), [Yn, L] = mt(ht), Zn = (e) => {
     ref: r,
     onClick: B(e.onClick, a.onOpenToggle)
   }));
-}), gt = "DialogPortal", [er, _t] = mt(gt, {
+}), mt = "DialogPortal", [er, _t] = gt(mt, {
   forceMount: void 0
 }), tr = (e) => {
-  const { __scopeDialog: n, forceMount: t, children: o, container: a } = e, r = L(gt, n);
-  return /* @__PURE__ */ g(er, {
+  const { __scopeDialog: n, forceMount: t, children: o, container: a } = e, r = L(mt, n);
+  return /* @__PURE__ */ m(er, {
     scope: n,
     forceMount: t
   }, M.map(
     o,
-    (i) => /* @__PURE__ */ g(he, {
+    (i) => /* @__PURE__ */ m(me, {
       present: t || r.open
-    }, /* @__PURE__ */ g(un, {
+    }, /* @__PURE__ */ m(un, {
       asChild: !0,
       container: a
     }, i))
   ));
 }, Te = "DialogOverlay", nr = /* @__PURE__ */ C((e, n) => {
   const t = _t(Te, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = L(Te, e.__scopeDialog);
-  return r.modal ? /* @__PURE__ */ g(he, {
+  return r.modal ? /* @__PURE__ */ m(me, {
     present: o || r.open
-  }, /* @__PURE__ */ g(rr, P({}, a, {
+  }, /* @__PURE__ */ m(rr, P({}, a, {
     ref: n
   }))) : null;
 }), rr = /* @__PURE__ */ C((e, n) => {
@@ -1221,13 +1221,13 @@ const ht = "Dialog", [mt, yo] = Mt(ht), [Yn, L] = mt(ht), Zn = (e) => {
   return (
     // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
     // ie. when `Overlay` and `Content` are siblings
-    /* @__PURE__ */ g(Gn, {
-      as: Re,
+    /* @__PURE__ */ m(Hn, {
+      as: Ie,
       allowPinchZoom: !0,
       shards: [
         a.contentRef
       ]
-    }, /* @__PURE__ */ g(U.div, P({
+    }, /* @__PURE__ */ m(U.div, P({
       "data-state": Me(a.open)
     }, o, {
       ref: n,
@@ -1237,22 +1237,22 @@ const ht = "Dialog", [mt, yo] = Mt(ht), [Yn, L] = mt(ht), Zn = (e) => {
       }
     })))
   );
-}), ee = "DialogContent", or = /* @__PURE__ */ C((e, n) => {
-  const t = _t(ee, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = L(ee, e.__scopeDialog);
-  return /* @__PURE__ */ g(he, {
+}), ne = "DialogContent", or = /* @__PURE__ */ C((e, n) => {
+  const t = _t(ne, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = L(ne, e.__scopeDialog);
+  return /* @__PURE__ */ m(me, {
     present: o || r.open
-  }, r.modal ? /* @__PURE__ */ g(ar, P({}, a, {
+  }, r.modal ? /* @__PURE__ */ m(ar, P({}, a, {
     ref: n
-  })) : /* @__PURE__ */ g(ir, P({}, a, {
+  })) : /* @__PURE__ */ m(ir, P({}, a, {
     ref: n
   })));
 }), ar = /* @__PURE__ */ C((e, n) => {
-  const t = L(ee, e.__scopeDialog), o = O(null), a = J(n, t.contentRef, o);
+  const t = L(ne, e.__scopeDialog), o = O(null), a = J(n, t.contentRef, o);
   return A(() => {
     const r = o.current;
     if (r)
       return Xn(r);
-  }, []), /* @__PURE__ */ g(bt, P({}, e, {
+  }, []), /* @__PURE__ */ m(bt, P({}, e, {
     ref: a,
     trapFocus: t.open,
     disableOutsidePointerEvents: !0,
@@ -1270,8 +1270,8 @@ const ht = "Dialog", [mt, yo] = Mt(ht), [Yn, L] = mt(ht), Zn = (e) => {
     )
   }));
 }), ir = /* @__PURE__ */ C((e, n) => {
-  const t = L(ee, e.__scopeDialog), o = O(!1), a = O(!1);
-  return /* @__PURE__ */ g(bt, P({}, e, {
+  const t = L(ne, e.__scopeDialog), o = O(!1), a = O(!1);
+  return /* @__PURE__ */ m(bt, P({}, e, {
     ref: n,
     trapFocus: !1,
     disableOutsidePointerEvents: !1,
@@ -1286,19 +1286,19 @@ const ht = "Dialog", [mt, yo] = Mt(ht), [Yn, L] = mt(ht), Zn = (e) => {
     onInteractOutside: (r) => {
       var i, u;
       (i = e.onInteractOutside) === null || i === void 0 || i.call(e, r), r.defaultPrevented || (o.current = !0, r.detail.originalEvent.type === "pointerdown" && (a.current = !0));
-      const l = r.target;
-      ((u = t.triggerRef.current) === null || u === void 0 ? void 0 : u.contains(l)) && r.preventDefault(), r.detail.originalEvent.type === "focusin" && a.current && r.preventDefault();
+      const s = r.target;
+      ((u = t.triggerRef.current) === null || u === void 0 ? void 0 : u.contains(s)) && r.preventDefault(), r.detail.originalEvent.type === "focusin" && a.current && r.preventDefault();
     }
   }));
 }), bt = /* @__PURE__ */ C((e, n) => {
-  const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: r, ...i } = e, u = L(ee, t), l = O(null), d = J(n, l);
-  return ln(), /* @__PURE__ */ g(Ie, null, /* @__PURE__ */ g(Jt, {
+  const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: r, ...i } = e, u = L(ne, t), s = O(null), d = J(n, s);
+  return ln(), /* @__PURE__ */ m(Re, null, /* @__PURE__ */ m(Jt, {
     asChild: !0,
     loop: !0,
     trapped: o,
     onMountAutoFocus: a,
     onUnmountAutoFocus: r
-  }, /* @__PURE__ */ g(Yt, P({
+  }, /* @__PURE__ */ m(Yt, P({
     role: "dialog",
     id: u.contentId,
     "aria-describedby": u.descriptionId,
@@ -1310,21 +1310,21 @@ const ht = "Dialog", [mt, yo] = Mt(ht), [Yn, L] = mt(ht), Zn = (e) => {
   }))), !1);
 }), ur = "DialogTitle", cr = /* @__PURE__ */ C((e, n) => {
   const { __scopeDialog: t, ...o } = e, a = L(ur, t);
-  return /* @__PURE__ */ g(U.h2, P({
+  return /* @__PURE__ */ m(U.h2, P({
     id: a.titleId
   }, o, {
     ref: n
   }));
 }), sr = "DialogDescription", lr = /* @__PURE__ */ C((e, n) => {
   const { __scopeDialog: t, ...o } = e, a = L(sr, t);
-  return /* @__PURE__ */ g(U.p, P({
+  return /* @__PURE__ */ m(U.p, P({
     id: a.descriptionId
   }, o, {
     ref: n
   }));
 }), dr = "DialogClose", pr = /* @__PURE__ */ C((e, n) => {
   const { __scopeDialog: t, ...o } = e, a = L(dr, t);
-  return /* @__PURE__ */ g(U.button, P({
+  return /* @__PURE__ */ m(U.button, P({
     type: "button"
   }, o, {
     ref: n,
@@ -1337,7 +1337,7 @@ const ht = "Dialog", [mt, yo] = Mt(ht), [Yn, L] = mt(ht), Zn = (e) => {
 function Me(e) {
   return e ? "open" : "closed";
 }
-const fr = Zn, vr = Jn, hr = tr, mr = nr, gr = or, _r = cr, ze = lr, br = pr, Xe = {
+const fr = Zn, vr = Jn, hr = tr, gr = nr, mr = or, _r = cr, Ke = lr, br = pr, Xe = {
   SM: "sm",
   MD: "md",
   LG: "lg"
@@ -1382,7 +1382,7 @@ var $t = { exports: {} };
   })();
 })($t);
 var yr = $t.exports;
-const Ye = /* @__PURE__ */ $r(yr), Er = "_rotate_7s2g1_1", wr = "_dash_7s2g1_1", ce = {
+const Ye = /* @__PURE__ */ $r(yr), Er = "_rotate_7s2g1_1", wr = "_dash_7s2g1_1", le = {
   "purpur-spinner": "_purpur-spinner_7s2g1_1",
   rotate: Er,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_7s2g1_4",
@@ -1395,7 +1395,7 @@ const Ye = /* @__PURE__ */ $r(yr), Er = "_rotate_7s2g1_1", wr = "_dash_7s2g1_1",
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_7s2g1_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_7s2g1_36",
   "purpur-spinner__circle--negative-disabled": "_purpur-spinner__circle--negative-disabled_7s2g1_39"
-}, se = "purpur-spinner", Sr = {
+}, de = "purpur-spinner", Sr = {
   PRIMARY: "primary",
   DISABLED: "disabled",
   NEGATIVE: "negative",
@@ -1414,15 +1414,15 @@ const Ye = /* @__PURE__ */ $r(yr), Er = "_rotate_7s2g1_1", wr = "_dash_7s2g1_1",
 }) => /* @__PURE__ */ _(
   "div",
   {
-    className: Ye([ce[se], ce[`${se}--${n}`]]),
+    className: Ye([le[de], le[`${de}--${n}`]]),
     "data-testid": e,
     ...o,
     children: /* @__PURE__ */ _("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ _(
       "circle",
       {
         className: Ye(
-          ce[`${se}__circle`],
-          ce[`${se}__circle--${t}`]
+          le[`${de}__circle`],
+          le[`${de}__circle--${t}`]
         ),
         cx: "25",
         cy: "25",
@@ -1471,7 +1471,7 @@ var yt = { exports: {} };
   })();
 })(yt);
 var Pr = yt.exports;
-const Nr = /* @__PURE__ */ Or(Pr), H = {
+const Nr = /* @__PURE__ */ Or(Pr), q = {
   "purpur-button": "_purpur-button_1fna2_1",
   "purpur-button--sm": "_purpur-button--sm_1fna2_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_1fna2_36",
@@ -1492,7 +1492,7 @@ const Nr = /* @__PURE__ */ Or(Pr), H = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1fna2_160",
   "purpur-button--text-negative": "_purpur-button--text-negative_1fna2_175",
   "purpur-button--text": "_purpur-button--text_1fna2_175"
-}, G = "purpur-button", Ar = ({
+}, H = "purpur-button", Ar = ({
   children: e,
   className: n,
   ["data-testid"]: t,
@@ -1501,24 +1501,24 @@ const Nr = /* @__PURE__ */ Or(Pr), H = {
   iconOnly: r,
   loading: i = !1,
   onClick: u,
-  size: l = Xe.MD,
+  size: s = Xe.MD,
   variant: d,
   type: p = "button",
-  ...s
+  ...l
 }, h) => {
   if (r && d === "destructive")
     return null;
   const f = Nr(
     [
-      H[G],
-      H[`${G}--${d}`],
-      H[`${G}--${l}`]
+      q[H],
+      q[`${H}--${d}`],
+      q[`${H}--${s}`]
     ],
     {
-      [H[`${G}--icon-only`]]: r,
-      [H[`${G}--negative`]]: d.endsWith("negative"),
-      [H[`${G}--full-width`]]: a,
-      [H[`${G}--disabled`]]: o || i
+      [q[`${H}--icon-only`]]: r,
+      [q[`${H}--negative`]]: d.endsWith("negative"),
+      [q[`${H}--full-width`]]: a,
+      [q[`${H}--disabled`]]: o || i
     },
     n
   ), E = (v) => {
@@ -1531,11 +1531,11 @@ const Nr = /* @__PURE__ */ Or(Pr), H = {
       "data-testid": t,
       type: p,
       ref: h,
-      "aria-disabled": s["aria-disabled"] || o || i,
+      "aria-disabled": l["aria-disabled"] || o || i,
       onClick: E,
-      ...s,
+      ...l,
       children: [
-        i && /* @__PURE__ */ _(xr, { size: l === Xe.LG ? "xs" : "xxs", variant: c() }),
+        i && /* @__PURE__ */ _(xr, { size: s === Xe.LG ? "xs" : "xxs", variant: c() }),
         " ",
         e
       ]
@@ -1583,22 +1583,23 @@ var Et = { exports: {} };
   })();
 })(Et);
 var Dr = Et.exports;
-const Ir = /* @__PURE__ */ Tr(Dr), Se = {
-  "purpur-heading": "_purpur-heading_1abfh_1",
-  "purpur-heading--hyphens": "_purpur-heading--hyphens_1abfh_8",
-  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_1abfh_11",
-  "purpur-heading--title-100": "_purpur-heading--title-100_1abfh_17",
-  "purpur-heading--title-200": "_purpur-heading--title-200_1abfh_23",
-  "purpur-heading--title-300": "_purpur-heading--title-300_1abfh_29",
-  "purpur-heading--title-400": "_purpur-heading--title-400_1abfh_35",
-  "purpur-heading--title-500": "_purpur-heading--title-500_1abfh_41",
-  "purpur-heading--title-600": "_purpur-heading--title-600_1abfh_47",
-  "purpur-heading--title-700": "_purpur-heading--title-700_1abfh_53",
-  "purpur-heading--display-25": "_purpur-heading--display-25_1abfh_59",
-  "purpur-heading--display-50": "_purpur-heading--display-50_1abfh_65",
-  "purpur-heading--display-100": "_purpur-heading--display-100_1abfh_71",
-  "purpur-heading--display-200": "_purpur-heading--display-200_1abfh_77"
-}, Rr = {
+const Rr = /* @__PURE__ */ Tr(Dr), pe = {
+  "purpur-heading": "_purpur-heading_1g237_1",
+  "purpur-heading--hyphens": "_purpur-heading--hyphens_1g237_8",
+  "purpur-heading--negative": "_purpur-heading--negative_1g237_11",
+  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_1g237_14",
+  "purpur-heading--title-100": "_purpur-heading--title-100_1g237_20",
+  "purpur-heading--title-200": "_purpur-heading--title-200_1g237_26",
+  "purpur-heading--title-300": "_purpur-heading--title-300_1g237_32",
+  "purpur-heading--title-400": "_purpur-heading--title-400_1g237_38",
+  "purpur-heading--title-500": "_purpur-heading--title-500_1g237_44",
+  "purpur-heading--title-600": "_purpur-heading--title-600_1g237_50",
+  "purpur-heading--title-700": "_purpur-heading--title-700_1g237_56",
+  "purpur-heading--display-25": "_purpur-heading--display-25_1g237_62",
+  "purpur-heading--display-50": "_purpur-heading--display-50_1g237_68",
+  "purpur-heading--display-100": "_purpur-heading--display-100_1g237_74",
+  "purpur-heading--display-200": "_purpur-heading--display-200_1g237_80"
+}, Ir = {
   TITLE100: "title-100",
   TITLE200: "title-200",
   TITLE300: "title-300",
@@ -1607,24 +1608,26 @@ const Ir = /* @__PURE__ */ Tr(Dr), Se = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, Ce = "purpur-heading", Mr = ({
+}, fe = "purpur-heading", Mr = ({
   ["data-testid"]: e,
   children: n,
   className: t = "",
   enableHyphenation: o = !1,
-  tag: a,
-  variant: r = Rr.TITLE100,
-  ...i
+  negative: a = !1,
+  tag: r,
+  variant: i = Ir.TITLE100,
+  ...u
 }) => {
-  const u = a, l = Ir([
+  const s = r, d = Rr([
     t,
-    Se[Ce],
-    Se[`${Ce}--${r}`],
+    pe[fe],
+    pe[`${fe}--${i}`],
     {
-      [Se[`${Ce}--hyphens`]]: o
+      [pe[`${fe}--hyphens`]]: o,
+      [pe[`${fe}--negative`]]: a
     }
   ]);
-  return /* @__PURE__ */ _(u, { ...i, className: l, "data-testid": e, children: n });
+  return /* @__PURE__ */ _(s, { ...u, className: d, "data-testid": e, children: n });
 };
 function Lr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -1665,8 +1668,8 @@ var wt = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(wt);
-var kr = wt.exports;
-const Fr = /* @__PURE__ */ Lr(kr), jr = {
+var Fr = wt.exports;
+const kr = /* @__PURE__ */ Lr(Fr), jr = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -1680,22 +1683,22 @@ const Fr = /* @__PURE__ */ Lr(kr), jr = {
   keywords: ["close"],
   category: "utility"
 }, St = (e) => /* @__PURE__ */ _(
-  Vr,
+  Gr,
   {
     ...e,
     svg: Br
   }
 );
 St.displayName = "IconClose";
-const Wr = Fr.bind(jr), Ze = "purpur-icon", Ur = "md", qr = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Hr = ({ content: e = "", title: n } = {}) => {
+const Wr = kr.bind(jr), Ze = "purpur-icon", Ur = "md", zr = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), qr = ({ content: e = "", title: n } = {}) => {
   const t = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = n ? `<title>${n}</title>` : "";
-  return `<svg ${qr(t)}>${o}${e}</svg>`;
-}, Gr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Vr = ({
+  return `<svg ${zr(t)}>${o}${e}</svg>`;
+}, Hr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Gr = ({
   ["data-testid"]: e,
   svg: n,
   allyTitle: t,
@@ -1703,8 +1706,8 @@ const Wr = Fr.bind(jr), Ze = "purpur-icon", Ur = "md", qr = (e) => e.filter((n)
   size: a = Ur,
   ...r
 }) => {
-  const i = Hr({
-    content: Gr(n.svg),
+  const i = qr({
+    content: Hr(n.svg),
     title: t
   }), u = Wr(o, Ze, `${Ze}--${a}`);
   return /* @__PURE__ */ _(
@@ -1718,7 +1721,7 @@ const Wr = Fr.bind(jr), Ze = "purpur-icon", Ur = "md", qr = (e) => e.filter((n)
     }
   );
 };
-function Kr(e) {
+function Vr(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Ct = { exports: {} };
@@ -1757,21 +1760,22 @@ var Ct = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(Ct);
-var zr = Ct.exports;
-const Xr = /* @__PURE__ */ Kr(zr), le = {
-  "purpur-paragraph": "_purpur-paragraph_5wbko_1",
-  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_5wbko_7",
-  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_5wbko_10",
-  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_5wbko_13",
-  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_5wbko_19",
-  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_5wbko_26",
-  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_5wbko_33",
-  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_5wbko_39",
-  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_5wbko_45",
-  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_5wbko_51",
-  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_5wbko_57",
-  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_5wbko_64",
-  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_5wbko_72"
+var Kr = Ct.exports;
+const Xr = /* @__PURE__ */ Vr(Kr), ee = {
+  "purpur-paragraph": "_purpur-paragraph_15yuz_1",
+  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_15yuz_7",
+  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_15yuz_10",
+  "purpur-paragraph--negative": "_purpur-paragraph--negative_15yuz_13",
+  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_15yuz_16",
+  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_15yuz_22",
+  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_15yuz_29",
+  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_15yuz_36",
+  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_15yuz_42",
+  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_15yuz_48",
+  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_15yuz_54",
+  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_15yuz_60",
+  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_15yuz_67",
+  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_15yuz_75"
 }, Yr = {
   PARAGRAPH100: "paragraph-100",
   PARAGRAPH100MEDIUM: "paragraph-100-medium",
@@ -1783,25 +1787,27 @@ const Xr = /* @__PURE__ */ Kr(zr), le = {
   ADDITIONAL100MEDIUM: "additional-100-medium",
   OVERLINE100: "overline-100",
   OVERLINE200: "overline-200"
-}, de = "purpur-paragraph", Zr = ({
+}, te = "purpur-paragraph", Zr = ({
   ["data-testid"]: e,
   children: n,
   className: t = "",
   disabled: o,
   enableHyphenation: a = !1,
-  variant: r = Yr.PARAGRAPH100,
-  ...i
+  negative: r = !1,
+  variant: i = Yr.PARAGRAPH100,
+  ...u
 }) => {
-  const u = Xr([
+  const s = Xr([
     t,
-    le[de],
-    le[`${de}--${r}`],
+    ee[te],
+    ee[`${te}--${i}`],
     {
-      [le[`${de}--hyphens`]]: a,
-      [le[`${de}--disabled`]]: o
+      [ee[`${te}--hyphens`]]: a,
+      [ee[`${te}--disabled`]]: o,
+      [ee[`${te}--negative`]]: r
     }
   ]);
-  return /* @__PURE__ */ _("p", { ...i, className: u, "data-testid": e, children: n });
+  return /* @__PURE__ */ _("p", { ...u, className: s, "data-testid": e, children: n });
 }, Qr = "600px";
 function Z() {
   return Z = Object.assign ? Object.assign.bind() : function(e) {
@@ -1824,25 +1830,25 @@ function eo(...e) {
 const xt = /* @__PURE__ */ C((e, n) => {
   const { children: t, ...o } = e, a = M.toArray(t), r = a.find(no);
   if (r) {
-    const i = r.props.children, u = a.map((l) => l === r ? M.count(i) > 1 ? M.only(null) : /* @__PURE__ */ W(i) ? i.props.children : null : l);
-    return /* @__PURE__ */ g(De, Z({}, o, {
+    const i = r.props.children, u = a.map((s) => s === r ? M.count(i) > 1 ? M.only(null) : /* @__PURE__ */ W(i) ? i.props.children : null : s);
+    return /* @__PURE__ */ m(De, Z({}, o, {
       ref: n
-    }), /* @__PURE__ */ W(i) ? /* @__PURE__ */ te(i, void 0, u) : null);
+    }), /* @__PURE__ */ W(i) ? /* @__PURE__ */ re(i, void 0, u) : null);
   }
-  return /* @__PURE__ */ g(De, Z({}, o, {
+  return /* @__PURE__ */ m(De, Z({}, o, {
     ref: n
   }), t);
 });
 xt.displayName = "Slot";
 const De = /* @__PURE__ */ C((e, n) => {
   const { children: t, ...o } = e;
-  return /* @__PURE__ */ W(t) ? /* @__PURE__ */ te(t, {
+  return /* @__PURE__ */ W(t) ? /* @__PURE__ */ re(t, {
     ...ro(o, t.props),
     ref: n ? eo(n, t.ref) : t.ref
   }) : M.count(t) > 1 ? M.only(null) : null;
 });
 De.displayName = "SlotClone";
-const to = ({ children: e }) => /* @__PURE__ */ g(Ie, null, e);
+const to = ({ children: e }) => /* @__PURE__ */ m(Re, null, e);
 function no(e) {
   return /* @__PURE__ */ W(e) && e.type === to;
 }
@@ -1889,7 +1895,7 @@ const oo = [
     const { asChild: r, ...i } = o, u = r ? xt : n;
     return A(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ g(u, Z({}, i, {
+    }, []), /* @__PURE__ */ m(u, Z({}, i, {
       ref: a
     }));
   });
@@ -1897,7 +1903,7 @@ const oo = [
     ...e,
     [n]: t
   };
-}, {}), io = /* @__PURE__ */ C((e, n) => /* @__PURE__ */ g(ao.span, Z({}, e, {
+}, {}), io = /* @__PURE__ */ C((e, n) => /* @__PURE__ */ m(ao.span, Z({}, e, {
   ref: n,
   style: {
     // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
@@ -1989,48 +1995,48 @@ const po = /* @__PURE__ */ so(lo), fo = "_fadeIn_1qmv6_1", vo = {
     disableCloseOnClickOutside: r,
     hideDescription: i,
     image: u,
-    primaryActionVariant: l = "primary",
+    primaryActionVariant: s = "primary",
     stickyButtons: d = !0,
     title: p,
-    ...s
+    ...l
   }, h) => {
-    const { closeButtonAllyLabel: f, showCloseButton: E, ...c } = s, [v, b] = V(!1), x = O(null), $ = O(null), y = O(null), S = O(null), q = D([
+    const { closeButtonAllyLabel: f, showCloseButton: E, ...c } = l, [v, b] = G(!1), x = O(null), $ = O(null), y = O(null), S = O(null), z = D([
       N,
       { [`${N}--with-image`]: !!u },
       { [`${N}--overflow`]: v },
       { [`${N}--sticky-footer`]: d },
       o
-    ]), T = (R) => e ? `${e} ${R}` : void 0, w = (R) => {
-      r && R.preventDefault();
-    }, I = Q(() => {
+    ]), T = (I) => e ? `${e} ${I}` : void 0, w = (I) => {
+      r && I.preventDefault();
+    }, R = Q(() => {
       if (!x.current || !$.current || !y.current || !S.current)
         return;
-      const R = window.innerWidth < parseInt(Qr), Pt = window.getComputedStyle(
-        R ? x.current : y.current,
+      const I = window.innerWidth < parseInt(Qr), Pt = window.getComputedStyle(
+        I ? x.current : y.current,
         null
-      ), Nt = parseFloat(Pt.getPropertyValue("height")), At = R ? $.current.offsetHeight : S.current.offsetHeight;
+      ), Nt = parseFloat(Pt.getPropertyValue("height")), At = I ? $.current.offsetHeight : S.current.offsetHeight;
       b(Nt < At);
-    }, []), ne = (R) => {
-      r && !E && R.preventDefault();
+    }, []), oe = (I) => {
+      r && !E && I.preventDefault();
     };
-    return A(() => (window.addEventListener("resize", I), () => {
-      window.removeEventListener("resize", I);
-    }), [I]), /* @__PURE__ */ j(hr, { children: [
-      /* @__PURE__ */ _(mr, { className: D(`${N}__overlay`) }),
+    return A(() => (window.addEventListener("resize", R), () => {
+      window.removeEventListener("resize", R);
+    }), [R]), /* @__PURE__ */ j(hr, { children: [
+      /* @__PURE__ */ _(gr, { className: D(`${N}__overlay`) }),
       /* @__PURE__ */ j(
-        gr,
+        mr,
         {
           ...c,
-          className: q,
+          className: z,
           "data-testid": e,
           ref: h,
           ...!a && { "aria-describedby": void 0 },
           onPointerDownOutside: w,
-          onOpenAutoFocus: I,
-          onEscapeKeyDown: ne,
+          onOpenAutoFocus: R,
+          onEscapeKeyDown: oe,
           children: [
             /* @__PURE__ */ j("div", { ref: x, className: D(`${N}__wrapper`), children: [
-              Qe(s) && f && u && /* @__PURE__ */ _(
+              Qe(l) && f && u && /* @__PURE__ */ _(
                 Je,
                 {
                   allyLabel: f,
@@ -2040,7 +2046,7 @@ const po = /* @__PURE__ */ so(lo), fo = "_fadeIn_1qmv6_1", vo = {
               ),
               /* @__PURE__ */ j("div", { ref: $, className: D(`${N}__wrapper-inner`), children: [
                 /* @__PURE__ */ j("div", { className: D(`${N}__header`), children: [
-                  Qe(s) && f && !u && /* @__PURE__ */ _(
+                  Qe(l) && f && !u && /* @__PURE__ */ _(
                     Je,
                     {
                       allyLabel: f,
@@ -2066,9 +2072,9 @@ const po = /* @__PURE__ */ so(lo), fo = "_fadeIn_1qmv6_1", vo = {
                   }
                 ),
                 /* @__PURE__ */ _("div", { ref: y, className: D(`${N}__body`), children: /* @__PURE__ */ j("div", { ref: S, className: D(`${N}__body-inner`), children: [
-                  a && i && /* @__PURE__ */ _(co, { asChild: !0, children: /* @__PURE__ */ _(ze, { "data-testid": T("description"), children: a }) }),
+                  a && i && /* @__PURE__ */ _(co, { asChild: !0, children: /* @__PURE__ */ _(Ke, { "data-testid": T("description"), children: a }) }),
                   a && !i && /* @__PURE__ */ _(
-                    ze,
+                    Ke,
                     {
                       asChild: !0,
                       className: D(`${N}__description`),
@@ -2077,11 +2083,11 @@ const po = /* @__PURE__ */ so(lo), fo = "_fadeIn_1qmv6_1", vo = {
                     }
                   ),
                   /* @__PURE__ */ _("div", { children: t }),
-                  !d && /* @__PURE__ */ _(et, { actions: n, primaryActionVariant: l })
+                  !d && /* @__PURE__ */ _(et, { actions: n, primaryActionVariant: s })
                 ] }) })
               ] })
             ] }),
-            d && /* @__PURE__ */ _(et, { actions: n, primaryActionVariant: l })
+            d && /* @__PURE__ */ _(et, { actions: n, primaryActionVariant: s })
           ]
         }
       )
@@ -2102,13 +2108,13 @@ const po = /* @__PURE__ */ so(lo), fo = "_fadeIn_1qmv6_1", vo = {
     "data-testid": t,
     children: /* @__PURE__ */ _(St, {})
   }
-) }), mo = 3, et = ({
+) }), go = 3, et = ({
   actions: e,
   primaryActionVariant: n
 }) => {
   const t = [n, "secondary", "text"];
   return e && e.length > 0 ? /* @__PURE__ */ j("div", { className: D(`${N}__actions`), children: [
-    /* @__PURE__ */ _("div", { className: D(`${N}__actions-buttons`), "data-testid": "modal actions", children: e.slice(0, mo).map(({ label: o, onClick: a }, r) => /* @__PURE__ */ _(
+    /* @__PURE__ */ _("div", { className: D(`${N}__actions-buttons`), "data-testid": "modal actions", children: e.slice(0, go).map(({ label: o, onClick: a }, r) => /* @__PURE__ */ _(
       Le,
       {
         "data-testid": "modal actions button",
@@ -2121,7 +2127,7 @@ const po = /* @__PURE__ */ so(lo), fo = "_fadeIn_1qmv6_1", vo = {
     )) }),
     /* @__PURE__ */ _("span", { className: D(`${N}__actions-separator`) })
   ] }) : null;
-}, go = C(
+}, mo = C(
   ({ ["data-testid"]: e, children: n, className: t, ...o }, a) => /* @__PURE__ */ _(
     vr,
     {
@@ -2133,16 +2139,16 @@ const po = /* @__PURE__ */ so(lo), fo = "_fadeIn_1qmv6_1", vo = {
       children: n
     }
   )
-), ke = ({
+), Fe = ({
   ["data-testid"]: e,
   children: n,
   open: t,
   onOpenChange: o
 }) => /* @__PURE__ */ _(fr, { open: t, onOpenChange: o, "data-testid": e, children: n });
-ke.Trigger = go;
-ke.Content = ho;
-ke.displayName = "Modal";
+Fe.Trigger = mo;
+Fe.Content = ho;
+Fe.displayName = "Modal";
 export {
-  ke as Modal
+  Fe as Modal
 };
 //# sourceMappingURL=modal.es.js.map