@purpurds/modal 8.2.2 → 8.2.4

package/dist/modal.es.js

@@ -1,85 +1,85 @@
-import { jsx as d, Fragment as ae, jsxs as T } from "react/jsx-runtime";
+import { jsx as f, jsxs as $, Fragment as xe } from "react/jsx-runtime";
 import * as s from "react";
-import { useState as ye, forwardRef as Pe, useRef as be, useCallback as Qt, useEffect as we } from "react";
-import * as Jt from "react-dom";
-import er from "react-dom";
+import { useState as ye, forwardRef as Ce, useRef as be, useCallback as Yt, useEffect as we } from "react";
+import * as Xt from "react-dom";
+import Zt from "react-dom";
 function L(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
   return function(a) {
     if (e == null || e(a), r === !1 || !a.defaultPrevented)
       return t == null ? void 0 : t(a);
   };
 }
-function $e(e, t) {
+function Ae(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function lt(...e) {
+function ut(...e) {
   return (t) => {
     let r = !1;
     const o = e.map((a) => {
-      const n = $e(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() : $e(e[a], null);
+          typeof n == "function" ? n() : Ae(e[a], null);
         }
       };
   };
 }
-function B(...e) {
-  return s.useCallback(lt(...e), e);
+function W(...e) {
+  return s.useCallback(ut(...e), e);
 }
-function tr(e, t) {
+function Qt(e, t) {
   const r = s.createContext(t), o = (n) => {
-    const { children: i, ...u } = n, p = s.useMemo(() => u, Object.values(u));
-    return /* @__PURE__ */ d(r.Provider, { value: p, children: i });
+    const { children: u, ...i } = n, d = s.useMemo(() => i, Object.values(i));
+    return /* @__PURE__ */ f(r.Provider, { value: d, children: u });
   };
   o.displayName = e + "Provider";
   function a(n) {
-    const i = s.useContext(r);
-    if (i) return i;
+    const u = s.useContext(r);
+    if (u) return u;
     if (t !== void 0) return t;
     throw new Error(`\`${n}\` must be used within \`${e}\``);
   }
   return [o, a];
 }
-function rr(e, t = []) {
+function Jt(e, t = []) {
   let r = [];
-  function o(n, i) {
-    const u = s.createContext(i), p = r.length;
-    r = [...r, i];
-    const l = (v) => {
+  function o(n, u) {
+    const i = s.createContext(u), d = r.length;
+    r = [...r, u];
+    const c = (v) => {
       var _;
-      const { scope: h, children: m, ...b } = v, c = ((_ = h == null ? void 0 : h[e]) == null ? void 0 : _[p]) || u, g = s.useMemo(() => b, Object.values(b));
-      return /* @__PURE__ */ d(c.Provider, { value: g, children: m });
+      const { scope: h, children: g, ...b } = v, l = ((_ = h == null ? void 0 : h[e]) == null ? void 0 : _[d]) || i, m = s.useMemo(() => b, Object.values(b));
+      return /* @__PURE__ */ f(l.Provider, { value: m, children: g });
     };
-    l.displayName = n + "Provider";
-    function f(v, h) {
-      var c;
-      const m = ((c = h == null ? void 0 : h[e]) == null ? void 0 : c[p]) || u, b = s.useContext(m);
+    c.displayName = n + "Provider";
+    function p(v, h) {
+      var l;
+      const g = ((l = h == null ? void 0 : h[e]) == null ? void 0 : l[d]) || i, b = s.useContext(g);
       if (b) return b;
-      if (i !== void 0) return i;
+      if (u !== void 0) return u;
       throw new Error(`\`${v}\` must be used within \`${n}\``);
     }
-    return [l, f];
+    return [c, p];
   }
   const a = () => {
-    const n = r.map((i) => s.createContext(i));
-    return function(u) {
-      const p = (u == null ? void 0 : u[e]) || n;
+    const n = r.map((u) => s.createContext(u));
+    return function(i) {
+      const d = (i == null ? void 0 : i[e]) || n;
       return s.useMemo(
-        () => ({ [`__scope${e}`]: { ...u, [e]: p } }),
-        [u, p]
+        () => ({ [`__scope${e}`]: { ...i, [e]: d } }),
+        [i, d]
       );
     };
   };
-  return a.scopeName = e, [o, nr(a, ...t)];
+  return a.scopeName = e, [o, er(a, ...t)];
 }
-function nr(...e) {
+function er(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const r = () => {
@@ -88,88 +88,108 @@ function nr(...e) {
       scopeName: a.scopeName
     }));
     return function(n) {
-      const i = o.reduce((u, { useScope: p, scopeName: l }) => {
-        const v = p(n)[`__scope${l}`];
-        return { ...u, ...v };
+      const u = o.reduce((i, { useScope: d, scopeName: c }) => {
+        const v = d(n)[`__scope${c}`];
+        return { ...i, ...v };
       }, {});
-      return s.useMemo(() => ({ [`__scope${t.scopeName}`]: i }), [i]);
+      return s.useMemo(() => ({ [`__scope${t.scopeName}`]: u }), [u]);
     };
   };
   return r.scopeName = t.scopeName, r;
 }
-var ie = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
-}, or = s.useId || (() => {
-}), ar = 0;
+var q = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
+}, tr = s[" useId ".trim().toString()] || (() => {
+}), rr = 0;
 function le(e) {
-  const [t, r] = s.useState(or());
-  return ie(() => {
-    r((o) => o ?? String(ar++));
+  const [t, r] = s.useState(tr());
+  return q(() => {
+    r((o) => o ?? String(rr++));
   }, [e]), e || (t ? `radix-${t}` : "");
 }
-function k(e) {
-  const t = s.useRef(e);
-  return s.useEffect(() => {
-    t.current = e;
-  }), s.useMemo(() => (...r) => {
-    var o;
-    return (o = t.current) == null ? void 0 : o.call(t, ...r);
-  }, []);
-}
-function ir({
+var nr = s[" useInsertionEffect ".trim().toString()] || q;
+function or({
   prop: e,
   defaultProp: t,
   onChange: r = () => {
-  }
+  },
+  caller: o
 }) {
-  const [o, a] = ur({ defaultProp: t, onChange: r }), n = e !== void 0, i = n ? e : o, u = k(r), p = s.useCallback(
-    (l) => {
-      if (n) {
-        const v = typeof l == "function" ? l(e) : l;
-        v !== e && u(v);
+  const [a, n, u] = ar({
+    defaultProp: t,
+    onChange: r
+  }), i = e !== void 0, d = i ? e : a;
+  {
+    const p = s.useRef(e !== void 0);
+    s.useEffect(() => {
+      const v = p.current;
+      v !== i && console.warn(
+        `${o} is changing from ${v ? "controlled" : "uncontrolled"} to ${i ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), p.current = i;
+    }, [i, o]);
+  }
+  const c = s.useCallback(
+    (p) => {
+      var v;
+      if (i) {
+        const h = ir(p) ? p(e) : p;
+        h !== e && ((v = u.current) == null || v.call(u, h));
       } else
-        a(l);
+        n(p);
     },
-    [n, e, a, u]
+    [i, e, n, u]
   );
-  return [i, p];
+  return [d, c];
 }
-function ur({
+function ar({
   defaultProp: e,
   onChange: t
 }) {
-  const r = s.useState(e), [o] = r, a = s.useRef(o), n = k(t);
-  return s.useEffect(() => {
-    a.current !== o && (n(o), a.current = o);
-  }, [o, a, n]), r;
-}
-var Oe = s.forwardRef((e, t) => {
-  const { children: r, ...o } = e, a = s.Children.toArray(r), n = a.find(cr);
-  if (n) {
-    const i = n.props.children, u = a.map((p) => p === n ? s.Children.count(i) > 1 ? s.Children.only(null) : s.isValidElement(i) ? i.props.children : null : p);
-    return /* @__PURE__ */ d(Ee, { ...o, ref: t, children: s.isValidElement(i) ? s.cloneElement(i, void 0, u) : null });
-  }
-  return /* @__PURE__ */ d(Ee, { ...o, ref: t, children: r });
-});
-Oe.displayName = "Slot";
-var Ee = s.forwardRef((e, t) => {
-  const { children: r, ...o } = e;
-  if (s.isValidElement(r)) {
-    const a = dr(r), n = lr(o, r.props);
-    return r.type !== s.Fragment && (n.ref = t ? lt(t, a) : a), s.cloneElement(r, n);
-  }
-  return s.Children.count(r) > 1 ? s.Children.only(null) : null;
-});
-Ee.displayName = "SlotClone";
-var sr = ({ children: e }) => /* @__PURE__ */ d(ae, { children: e });
+  const [r, o] = s.useState(e), a = s.useRef(r), n = s.useRef(t);
+  return nr(() => {
+    n.current = t;
+  }, [t]), s.useEffect(() => {
+    var u;
+    a.current !== r && ((u = n.current) == null || u.call(n, r), a.current = r);
+  }, [r, a]), [r, o, n];
+}
+function ir(e) {
+  return typeof e == "function";
+}
+// @__NO_SIDE_EFFECTS__
+function st(e) {
+  const t = /* @__PURE__ */ ur(e), r = s.forwardRef((o, a) => {
+    const { children: n, ...u } = o, i = s.Children.toArray(n), d = i.find(cr);
+    if (d) {
+      const c = d.props.children, p = i.map((v) => v === d ? s.Children.count(c) > 1 ? s.Children.only(null) : s.isValidElement(c) ? c.props.children : null : v);
+      return /* @__PURE__ */ f(t, { ...u, ref: a, children: s.isValidElement(c) ? s.cloneElement(c, void 0, p) : null });
+    }
+    return /* @__PURE__ */ f(t, { ...u, ref: a, children: n });
+  });
+  return r.displayName = `${e}.Slot`, r;
+}
+// @__NO_SIDE_EFFECTS__
+function ur(e) {
+  const t = s.forwardRef((r, o) => {
+    const { children: a, ...n } = r;
+    if (s.isValidElement(a)) {
+      const u = dr(a), i = lr(n, a.props);
+      return a.type !== s.Fragment && (i.ref = o ? ut(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 sr = Symbol("radix.slottable");
 function cr(e) {
-  return s.isValidElement(e) && e.type === sr;
+  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === sr;
 }
 function lr(e, t) {
   const r = { ...t };
   for (const o in t) {
     const a = e[o], n = t[o];
-    /^on[A-Z]/.test(o) ? a && n ? r[o] = (...u) => {
-      n(...u), a(...u);
+    /^on[A-Z]/.test(o) ? a && n ? r[o] = (...i) => {
+      const d = n(...i);
+      return a(...i), d;
     } : a && (r[o] = a) : o === "style" ? r[o] = { ...a, ...n } : o === "className" && (r[o] = [a, n].filter(Boolean).join(" "));
   }
   return { ...e, ...r };
@@ -193,21 +213,31 @@ var pr = [
   "nav",
   "ol",
   "p",
+  "select",
   "span",
   "svg",
   "ul"
 ], M = pr.reduce((e, t) => {
-  const r = s.forwardRef((o, a) => {
-    const { asChild: n, ...i } = o, u = n ? Oe : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ d(u, { ...i, ref: a });
+  const r = /* @__PURE__ */ st(`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__ */ f(d, { ...i, ref: n });
   });
-  return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
+  return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
 }, {});
 function fr(e, t) {
-  e && Jt.flushSync(() => e.dispatchEvent(t));
+  e && Xt.flushSync(() => e.dispatchEvent(t));
+}
+function Y(e) {
+  const t = s.useRef(e);
+  return s.useEffect(() => {
+    t.current = e;
+  }), s.useMemo(() => (...r) => {
+    var o;
+    return (o = t.current) == null ? void 0 : o.call(t, ...r);
+  }, []);
 }
 function vr(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const r = k(e);
+  const r = Y(e);
   s.useEffect(() => {
     const o = (a) => {
       a.key === "Escape" && r(a);
@@ -215,46 +245,46 @@ function vr(e, t = globalThis == null ? void 0 : globalThis.document) {
     return t.addEventListener("keydown", o, { capture: !0 }), () => t.removeEventListener("keydown", o, { capture: !0 });
   }, [r, t]);
 }
-var hr = "DismissableLayer", Ce = "dismissableLayer.update", gr = "dismissableLayer.pointerDownOutside", mr = "dismissableLayer.focusOutside", Me, dt = s.createContext({
+var hr = "DismissableLayer", Ee = "dismissableLayer.update", mr = "dismissableLayer.pointerDownOutside", gr = "dismissableLayer.focusOutside", De, ct = s.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), pt = s.forwardRef(
+}), lt = s.forwardRef(
   (e, t) => {
     const {
       disableOutsidePointerEvents: r = !1,
       onEscapeKeyDown: o,
       onPointerDownOutside: a,
       onFocusOutside: n,
-      onInteractOutside: i,
-      onDismiss: u,
-      ...p
-    } = e, l = s.useContext(dt), [f, v] = s.useState(null), h = (f == null ? void 0 : f.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = s.useState({}), b = B(t, (y) => v(y)), c = Array.from(l.layers), [g] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), _ = c.indexOf(g), S = f ? c.indexOf(f) : -1, w = l.layersWithOutsidePointerEventsDisabled.size > 0, E = S >= _, C = br((y) => {
-      const x = y.target, R = [...l.branches].some((K) => K.contains(x));
-      !E || R || (a == null || a(y), i == null || i(y), y.defaultPrevented || u == null || u());
+      onInteractOutside: u,
+      onDismiss: i,
+      ...d
+    } = e, c = s.useContext(ct), [p, v] = s.useState(null), h = (p == null ? void 0 : p.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = s.useState({}), b = W(t, (y) => v(y)), l = Array.from(c.layers), [m] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), _ = l.indexOf(m), w = p ? l.indexOf(p) : -1, E = c.layersWithOutsidePointerEventsDisabled.size > 0, S = w >= _, C = br((y) => {
+      const x = y.target, R = [...c.branches].some((z) => z.contains(x));
+      !S || R || (a == null || a(y), u == null || u(y), y.defaultPrevented || i == null || i());
     }, h), P = wr((y) => {
       const x = y.target;
-      [...l.branches].some((K) => K.contains(x)) || (n == null || n(y), i == null || i(y), y.defaultPrevented || u == null || u());
+      [...c.branches].some((z) => z.contains(x)) || (n == null || n(y), u == null || u(y), y.defaultPrevented || i == null || i());
     }, h);
     return vr((y) => {
-      S === l.layers.size - 1 && (o == null || o(y), !y.defaultPrevented && u && (y.preventDefault(), u()));
+      w === c.layers.size - 1 && (o == null || o(y), !y.defaultPrevented && i && (y.preventDefault(), i()));
     }, h), s.useEffect(() => {
-      if (f)
-        return r && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (Me = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(f)), l.layers.add(f), Ie(), () => {
-          r && l.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = Me);
+      if (p)
+        return r && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (De = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(p)), c.layers.add(p), $e(), () => {
+          r && c.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = De);
         };
-    }, [f, h, r, l]), s.useEffect(() => () => {
-      f && (l.layers.delete(f), l.layersWithOutsidePointerEventsDisabled.delete(f), Ie());
-    }, [f, l]), s.useEffect(() => {
-      const y = () => m({});
-      return document.addEventListener(Ce, y), () => document.removeEventListener(Ce, y);
-    }, []), /* @__PURE__ */ d(
+    }, [p, h, r, c]), s.useEffect(() => () => {
+      p && (c.layers.delete(p), c.layersWithOutsidePointerEventsDisabled.delete(p), $e());
+    }, [p, c]), s.useEffect(() => {
+      const y = () => g({});
+      return document.addEventListener(Ee, y), () => document.removeEventListener(Ee, y);
+    }, []), /* @__PURE__ */ f(
       M.div,
       {
-        ...p,
+        ...d,
         ref: b,
         style: {
-          pointerEvents: w ? E ? "auto" : "none" : void 0,
+          pointerEvents: E ? S ? "auto" : "none" : void 0,
           ...e.style
         },
         onFocusCapture: L(e.onFocusCapture, P.onFocusCapture),
@@ -267,42 +297,42 @@ var hr = "DismissableLayer", Ce = "dismissableLayer.update", gr = "dismissableLa
     );
   }
 );
-pt.displayName = hr;
+lt.displayName = hr;
 var _r = "DismissableLayerBranch", yr = s.forwardRef((e, t) => {
-  const r = s.useContext(dt), o = s.useRef(null), a = B(t, o);
+  const r = s.useContext(ct), o = s.useRef(null), a = W(t, o);
   return s.useEffect(() => {
     const n = o.current;
     if (n)
       return r.branches.add(n), () => {
         r.branches.delete(n);
       };
-  }, [r.branches]), /* @__PURE__ */ d(M.div, { ...e, ref: a });
+  }, [r.branches]), /* @__PURE__ */ f(M.div, { ...e, ref: a });
 });
 yr.displayName = _r;
 function br(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const r = k(e), o = s.useRef(!1), a = s.useRef(() => {
+  const r = Y(e), o = s.useRef(!1), a = s.useRef(() => {
   });
   return s.useEffect(() => {
-    const n = (u) => {
-      if (u.target && !o.current) {
-        let p = function() {
-          ft(
-            gr,
+    const n = (i) => {
+      if (i.target && !o.current) {
+        let d = function() {
+          dt(
+            mr,
             r,
-            l,
+            c,
             { discrete: !0 }
           );
         };
-        const l = { originalEvent: u };
-        u.pointerType === "touch" ? (t.removeEventListener("click", a.current), a.current = p, t.addEventListener("click", a.current, { once: !0 })) : p();
+        const c = { originalEvent: i };
+        i.pointerType === "touch" ? (t.removeEventListener("click", a.current), a.current = d, t.addEventListener("click", a.current, { once: !0 })) : d();
       } else
         t.removeEventListener("click", a.current);
       o.current = !1;
-    }, i = window.setTimeout(() => {
+    }, u = window.setTimeout(() => {
       t.addEventListener("pointerdown", n);
     }, 0);
     return () => {
-      window.clearTimeout(i), t.removeEventListener("pointerdown", n), t.removeEventListener("click", a.current);
+      window.clearTimeout(u), t.removeEventListener("pointerdown", n), t.removeEventListener("click", a.current);
     };
   }, [t, r]), {
     // ensures we check React component tree (not just DOM tree)
@@ -310,10 +340,10 @@ function br(e, t = globalThis == null ? void 0 : globalThis.document) {
   };
 }
 function wr(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const r = k(e), o = s.useRef(!1);
+  const r = Y(e), o = s.useRef(!1);
   return s.useEffect(() => {
     const a = (n) => {
-      n.target && !o.current && ft(mr, r, { originalEvent: n }, {
+      n.target && !o.current && dt(gr, r, { originalEvent: n }, {
         discrete: !1
       });
     };
@@ -323,22 +353,22 @@ function wr(e, t = globalThis == null ? void 0 : globalThis.document) {
     onBlurCapture: () => o.current = !1
   };
 }
-function Ie() {
-  const e = new CustomEvent(Ce);
+function $e() {
+  const e = new CustomEvent(Ee);
   document.dispatchEvent(e);
 }
-function ft(e, t, r, { discrete: o }) {
+function dt(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 ? fr(a, n) : a.dispatchEvent(n);
 }
-var de = "focusScope.autoFocusOnMount", pe = "focusScope.autoFocusOnUnmount", Le = { bubbles: !1, cancelable: !0 }, Er = "FocusScope", vt = s.forwardRef((e, t) => {
+var de = "focusScope.autoFocusOnMount", pe = "focusScope.autoFocusOnUnmount", Te = { bubbles: !1, cancelable: !0 }, Er = "FocusScope", pt = s.forwardRef((e, t) => {
   const {
     loop: r = !1,
     trapped: o = !1,
     onMountAutoFocus: a,
     onUnmountAutoFocus: n,
-    ...i
-  } = e, [u, p] = s.useState(null), l = k(a), f = k(n), v = s.useRef(null), h = B(t, (c) => p(c)), m = s.useRef({
+    ...u
+  } = e, [i, d] = s.useState(null), c = Y(a), p = Y(n), v = s.useRef(null), h = W(t, (l) => d(l)), g = s.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -349,65 +379,65 @@ var de = "focusScope.autoFocusOnMount", pe = "focusScope.autoFocusOnUnmount", Le
   }).current;
   s.useEffect(() => {
     if (o) {
-      let c = function(w) {
-        if (m.paused || !u) return;
-        const E = w.target;
-        u.contains(E) ? v.current = E : I(v.current, { select: !0 });
-      }, g = function(w) {
-        if (m.paused || !u) return;
-        const E = w.relatedTarget;
-        E !== null && (u.contains(E) || I(v.current, { select: !0 }));
-      }, _ = function(w) {
+      let l = function(E) {
+        if (g.paused || !i) return;
+        const S = E.target;
+        i.contains(S) ? v.current = S : I(v.current, { select: !0 });
+      }, m = function(E) {
+        if (g.paused || !i) return;
+        const S = E.relatedTarget;
+        S !== null && (i.contains(S) || I(v.current, { select: !0 }));
+      }, _ = function(E) {
         if (document.activeElement === document.body)
-          for (const C of w)
-            C.removedNodes.length > 0 && I(u);
+          for (const C of E)
+            C.removedNodes.length > 0 && I(i);
       };
-      document.addEventListener("focusin", c), document.addEventListener("focusout", g);
-      const S = new MutationObserver(_);
-      return u && S.observe(u, { childList: !0, subtree: !0 }), () => {
-        document.removeEventListener("focusin", c), document.removeEventListener("focusout", g), S.disconnect();
+      document.addEventListener("focusin", l), document.addEventListener("focusout", m);
+      const w = new MutationObserver(_);
+      return i && w.observe(i, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", l), document.removeEventListener("focusout", m), w.disconnect();
       };
     }
-  }, [o, u, m.paused]), s.useEffect(() => {
-    if (u) {
-      ke.add(m);
-      const c = document.activeElement;
-      if (!u.contains(c)) {
-        const _ = new CustomEvent(de, Le);
-        u.addEventListener(de, l), u.dispatchEvent(_), _.defaultPrevented || (Cr(Rr(ht(u)), { select: !0 }), document.activeElement === c && I(u));
+  }, [o, i, g.paused]), s.useEffect(() => {
+    if (i) {
+      Ie.add(g);
+      const l = document.activeElement;
+      if (!i.contains(l)) {
+        const _ = new CustomEvent(de, Te);
+        i.addEventListener(de, c), i.dispatchEvent(_), _.defaultPrevented || (Sr(Rr(ft(i)), { select: !0 }), document.activeElement === l && I(i));
       }
       return () => {
-        u.removeEventListener(de, l), setTimeout(() => {
-          const _ = new CustomEvent(pe, Le);
-          u.addEventListener(pe, f), u.dispatchEvent(_), _.defaultPrevented || I(c ?? document.body, { select: !0 }), u.removeEventListener(pe, f), ke.remove(m);
+        i.removeEventListener(de, c), setTimeout(() => {
+          const _ = new CustomEvent(pe, Te);
+          i.addEventListener(pe, p), i.dispatchEvent(_), _.defaultPrevented || I(l ?? document.body, { select: !0 }), i.removeEventListener(pe, p), Ie.remove(g);
         }, 0);
       };
     }
-  }, [u, l, f, m]);
+  }, [i, c, p, g]);
   const b = s.useCallback(
-    (c) => {
-      if (!r && !o || m.paused) return;
-      const g = c.key === "Tab" && !c.altKey && !c.ctrlKey && !c.metaKey, _ = document.activeElement;
-      if (g && _) {
-        const S = c.currentTarget, [w, E] = Sr(S);
-        w && E ? !c.shiftKey && _ === E ? (c.preventDefault(), r && I(w, { select: !0 })) : c.shiftKey && _ === w && (c.preventDefault(), r && I(E, { select: !0 })) : _ === S && c.preventDefault();
+    (l) => {
+      if (!r && !o || g.paused) return;
+      const m = l.key === "Tab" && !l.altKey && !l.ctrlKey && !l.metaKey, _ = document.activeElement;
+      if (m && _) {
+        const w = l.currentTarget, [E, S] = Cr(w);
+        E && S ? !l.shiftKey && _ === S ? (l.preventDefault(), r && I(E, { select: !0 })) : l.shiftKey && _ === E && (l.preventDefault(), r && I(S, { select: !0 })) : _ === w && l.preventDefault();
       }
     },
-    [r, o, m.paused]
+    [r, o, g.paused]
   );
-  return /* @__PURE__ */ d(M.div, { tabIndex: -1, ...i, ref: h, onKeyDown: b });
+  return /* @__PURE__ */ f(M.div, { tabIndex: -1, ...u, ref: h, onKeyDown: b });
 });
-vt.displayName = Er;
-function Cr(e, { select: t = !1 } = {}) {
+pt.displayName = Er;
+function Sr(e, { select: t = !1 } = {}) {
   const r = document.activeElement;
   for (const o of e)
     if (I(o, { select: t }), document.activeElement !== r) return;
 }
-function Sr(e) {
-  const t = ht(e), r = Fe(t, e), o = Fe(t.reverse(), e);
+function Cr(e) {
+  const t = ft(e), r = Me(t, e), o = Me(t.reverse(), e);
   return [r, o];
 }
-function ht(e) {
+function ft(e) {
   const t = [], r = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (o) => {
       const a = o.tagName === "INPUT" && o.type === "hidden";
@@ -417,7 +447,7 @@ function ht(e) {
   for (; r.nextNode(); ) t.push(r.currentNode);
   return t;
 }
-function Fe(e, t) {
+function Me(e, t) {
   for (const r of e)
     if (!Nr(r, { upTo: t })) return r;
 }
@@ -439,45 +469,45 @@ function I(e, { select: t = !1 } = {}) {
     e.focus({ preventScroll: !0 }), e !== r && Pr(e) && t && e.select();
   }
 }
-var ke = Or();
+var Ie = Or();
 function Or() {
   let e = [];
   return {
     add(t) {
       const r = e[0];
-      t !== r && (r == null || r.pause()), e = We(e, t), e.unshift(t);
+      t !== r && (r == null || r.pause()), e = Le(e, t), e.unshift(t);
     },
     remove(t) {
       var r;
-      e = We(e, t), (r = e[0]) == null || r.resume();
+      e = Le(e, t), (r = e[0]) == null || r.resume();
     }
   };
 }
-function We(e, t) {
+function Le(e, t) {
   const r = [...e], o = r.indexOf(t);
   return o !== -1 && r.splice(o, 1), r;
 }
 function Rr(e) {
   return e.filter((t) => t.tagName !== "A");
 }
-var xr = "Portal", gt = s.forwardRef((e, t) => {
-  var u;
+var xr = "Portal", vt = s.forwardRef((e, t) => {
+  var i;
   const { container: r, ...o } = e, [a, n] = s.useState(!1);
-  ie(() => n(!0), []);
-  const i = r || a && ((u = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : u.body);
-  return i ? er.createPortal(/* @__PURE__ */ d(M.div, { ...o, ref: t }), i) : null;
+  q(() => n(!0), []);
+  const u = r || a && ((i = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : i.body);
+  return u ? Zt.createPortal(/* @__PURE__ */ f(M.div, { ...o, ref: t }), u) : null;
 });
-gt.displayName = xr;
+vt.displayName = xr;
 function Ar(e, t) {
   return s.useReducer((r, o) => t[r][o] ?? r, e);
 }
-var se = (e) => {
-  const { present: t, children: r } = e, o = Dr(t), a = typeof r == "function" ? r({ present: o.isPresent }) : s.Children.only(r), n = B(o.ref, Tr(a));
+var ue = (e) => {
+  const { present: t, children: r } = e, o = Dr(t), a = typeof r == "function" ? r({ present: o.isPresent }) : s.Children.only(r), n = W(o.ref, $r(a));
   return typeof r == "function" || o.isPresent ? s.cloneElement(a, { ref: n }) : null;
 };
-se.displayName = "Presence";
+ue.displayName = "Presence";
 function Dr(e) {
-  const [t, r] = s.useState(), o = s.useRef({}), a = s.useRef(e), n = s.useRef("none"), i = e ? "mounted" : "unmounted", [u, p] = Ar(i, {
+  const [t, r] = s.useState(), o = s.useRef(null), a = s.useRef(e), n = s.useRef("none"), u = e ? "mounted" : "unmounted", [i, d] = Ar(u, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -491,71 +521,71 @@ function Dr(e) {
     }
   });
   return s.useEffect(() => {
-    const l = X(o.current);
-    n.current = u === "mounted" ? l : "none";
-  }, [u]), ie(() => {
-    const l = o.current, f = a.current;
-    if (f !== e) {
-      const h = n.current, m = X(l);
-      e ? p("MOUNT") : m === "none" || (l == null ? void 0 : l.display) === "none" ? p("UNMOUNT") : p(f && h !== m ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
+    const c = Z(o.current);
+    n.current = i === "mounted" ? c : "none";
+  }, [i]), q(() => {
+    const c = o.current, p = a.current;
+    if (p !== e) {
+      const h = n.current, g = Z(c);
+      e ? d("MOUNT") : g === "none" || (c == null ? void 0 : c.display) === "none" ? d("UNMOUNT") : d(p && h !== g ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
     }
-  }, [e, p]), ie(() => {
+  }, [e, d]), q(() => {
     if (t) {
-      let l;
-      const f = t.ownerDocument.defaultView ?? window, v = (m) => {
-        const c = X(o.current).includes(m.animationName);
-        if (m.target === t && c && (p("ANIMATION_END"), !a.current)) {
-          const g = t.style.animationFillMode;
-          t.style.animationFillMode = "forwards", l = f.setTimeout(() => {
-            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = g);
+      let c;
+      const p = t.ownerDocument.defaultView ?? window, v = (g) => {
+        const l = Z(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 = p.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = m);
           });
         }
-      }, h = (m) => {
-        m.target === t && (n.current = X(o.current));
+      }, h = (g) => {
+        g.target === t && (n.current = Z(o.current));
       };
       return t.addEventListener("animationstart", h), t.addEventListener("animationcancel", v), t.addEventListener("animationend", v), () => {
-        f.clearTimeout(l), t.removeEventListener("animationstart", h), t.removeEventListener("animationcancel", v), t.removeEventListener("animationend", v);
+        p.clearTimeout(c), t.removeEventListener("animationstart", h), t.removeEventListener("animationcancel", v), t.removeEventListener("animationend", v);
       };
     } else
-      p("ANIMATION_END");
-  }, [t, p]), {
-    isPresent: ["mounted", "unmountSuspended"].includes(u),
-    ref: s.useCallback((l) => {
-      l && (o.current = getComputedStyle(l)), r(l);
+      d("ANIMATION_END");
+  }, [t, d]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(i),
+    ref: s.useCallback((c) => {
+      o.current = c ? getComputedStyle(c) : null, r(c);
     }, [])
   };
 }
-function X(e) {
+function Z(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-function Tr(e) {
+function $r(e) {
   var o, a;
   let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
   return r ? e.ref : (t = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
 var fe = 0;
-function $r() {
+function Tr() {
   s.useEffect(() => {
     const e = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", e[0] ?? Be()), document.body.insertAdjacentElement("beforeend", e[1] ?? Be()), fe++, () => {
+    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--;
     };
   }, []);
 }
-function Be() {
+function Fe() {
   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;
 }
-var $ = function() {
-  return $ = Object.assign || function(t) {
+var T = function() {
+  return T = Object.assign || function(t) {
     for (var r, o = 1, a = arguments.length; o < a; o++) {
       r = arguments[o];
       for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (t[n] = r[n]);
     }
     return t;
-  }, $.apply(this, arguments);
+  }, T.apply(this, arguments);
 };
-function mt(e, t) {
+function ht(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")
@@ -568,7 +598,7 @@ function Mr(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 ne = "right-scroll-bar-position", oe = "width-before-scroll-bar", Ir = "with-scroll-bars-hidden", Lr = "--removed-body-scroll-bar-size";
+var oe = "right-scroll-bar-position", ae = "width-before-scroll-bar", Ir = "with-scroll-bars-hidden", Lr = "--removed-body-scroll-bar-size";
 function ve(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
@@ -593,7 +623,7 @@ function Fr(e, t) {
   })[0];
   return r.callback = t, r.facade;
 }
-var kr = typeof window < "u" ? s.useLayoutEffect : s.useEffect, je = /* @__PURE__ */ new WeakMap();
+var kr = typeof window < "u" ? s.useLayoutEffect : s.useEffect, ke = /* @__PURE__ */ new WeakMap();
 function Wr(e, t) {
   var r = Fr(null, function(o) {
     return e.forEach(function(a) {
@@ -601,16 +631,16 @@ function Wr(e, t) {
     });
   });
   return kr(function() {
-    var o = je.get(r);
+    var o = ke.get(r);
     if (o) {
-      var a = new Set(o), n = new Set(e), i = r.current;
-      a.forEach(function(u) {
-        n.has(u) || ve(u, null);
-      }), n.forEach(function(u) {
-        a.has(u) || ve(u, i);
+      var a = new Set(o), n = new Set(e), u = r.current;
+      a.forEach(function(i) {
+        n.has(i) || ve(i, null);
+      }), n.forEach(function(i) {
+        a.has(i) || ve(i, u);
       });
     }
-    je.set(r, e);
+    ke.set(r, e);
   }, [e]), r;
 }
 function Br(e) {
@@ -625,21 +655,21 @@ function jr(e, t) {
       return r.length ? r[r.length - 1] : e;
     },
     useMedium: function(n) {
-      var i = t(n, o);
-      return r.push(i), function() {
-        r = r.filter(function(u) {
-          return u !== i;
+      var u = t(n, o);
+      return r.push(u), function() {
+        r = r.filter(function(i) {
+          return i !== u;
         });
       };
     },
     assignSyncMedium: function(n) {
       for (o = !0; r.length; ) {
-        var i = r;
-        r = [], i.forEach(n);
+        var u = r;
+        r = [], u.forEach(n);
       }
       r = {
-        push: function(u) {
-          return n(u);
+        push: function(i) {
+          return n(i);
         },
         filter: function() {
           return r;
@@ -648,23 +678,23 @@ function jr(e, t) {
     },
     assignMedium: function(n) {
       o = !0;
-      var i = [];
+      var u = [];
       if (r.length) {
-        var u = r;
-        r = [], u.forEach(n), i = r;
+        var i = r;
+        r = [], i.forEach(n), u = r;
       }
-      var p = function() {
-        var f = i;
-        i = [], f.forEach(n);
-      }, l = function() {
-        return Promise.resolve().then(p);
+      var d = function() {
+        var p = u;
+        u = [], p.forEach(n);
+      }, c = function() {
+        return Promise.resolve().then(d);
       };
-      l(), r = {
-        push: function(f) {
-          i.push(f), l();
+      c(), r = {
+        push: function(p) {
+          u.push(p), c();
         },
-        filter: function(f) {
-          return i = i.filter(f), r;
+        filter: function(p) {
+          return u = u.filter(p), r;
         }
       };
     }
@@ -674,43 +704,43 @@ function jr(e, t) {
 function Ur(e) {
   e === void 0 && (e = {});
   var t = jr(null);
-  return t.options = $({ async: !0, ssr: !1 }, e), t;
+  return t.options = T({ async: !0, ssr: !1 }, e), t;
 }
-var _t = function(e) {
-  var t = e.sideCar, r = mt(e, ["sideCar"]);
+var mt = function(e) {
+  var t = e.sideCar, r = ht(e, ["sideCar"]);
   if (!t)
     throw new Error("Sidecar: please provide `sideCar` property to import the right car");
   var o = t.read();
   if (!o)
     throw new Error("Sidecar medium not found");
-  return s.createElement(o, $({}, r));
+  return s.createElement(o, T({}, r));
 };
-_t.isSideCarExport = !0;
+mt.isSideCarExport = !0;
 function Vr(e, t) {
-  return e.useMedium(t), _t;
+  return e.useMedium(t), mt;
 }
-var yt = Ur(), he = function() {
-}, ce = s.forwardRef(function(e, t) {
+var gt = Ur(), he = function() {
+}, se = 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], i = e.forwardProps, u = e.children, p = e.className, l = e.removeScrollBar, f = e.enabled, v = e.shards, h = e.sideCar, m = e.noIsolation, b = e.inert, c = e.allowPinchZoom, g = e.as, _ = g === void 0 ? "div" : g, S = e.gapMode, w = mt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), E = h, C = Wr([r, t]), P = $($({}, w), a);
+  }), a = o[0], n = o[1], u = e.forwardProps, i = e.children, d = e.className, c = e.removeScrollBar, p = e.enabled, v = e.shards, h = e.sideCar, g = e.noRelative, b = e.noIsolation, l = e.inert, m = e.allowPinchZoom, _ = e.as, w = _ === void 0 ? "div" : _, E = e.gapMode, S = ht(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), C = h, P = Wr([r, t]), y = T(T({}, S), a);
   return s.createElement(
     s.Fragment,
     null,
-    f && s.createElement(E, { sideCar: yt, removeScrollBar: l, shards: v, noIsolation: m, inert: b, setCallbacks: n, allowPinchZoom: !!c, lockRef: r, gapMode: S }),
-    i ? s.cloneElement(s.Children.only(u), $($({}, P), { ref: C })) : s.createElement(_, $({}, P, { className: p, ref: C }), u)
+    p && s.createElement(C, { sideCar: gt, removeScrollBar: c, shards: v, noRelative: g, noIsolation: b, inert: l, setCallbacks: n, allowPinchZoom: !!m, lockRef: r, gapMode: E }),
+    u ? s.cloneElement(s.Children.only(i), T(T({}, y), { ref: P })) : s.createElement(w, T({}, y, { className: d, ref: P }), i)
   );
 });
-ce.defaultProps = {
+se.defaultProps = {
   enabled: !0,
   removeScrollBar: !0,
   inert: !1
 };
-ce.classNames = {
-  fullWidth: oe,
-  zeroRight: ne
+se.classNames = {
+  fullWidth: ae,
+  zeroRight: oe
 };
 var Hr = function() {
   if (typeof __webpack_nonce__ < "u")
@@ -724,10 +754,10 @@ function zr() {
   var t = Hr();
   return t && e.setAttribute("nonce", t), e;
 }
-function Kr(e, t) {
+function Gr(e, t) {
   e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
 }
-function Gr(e) {
+function Kr(e) {
   var t = document.head || document.getElementsByTagName("head")[0];
   t.appendChild(e);
 }
@@ -735,7 +765,7 @@ var qr = function() {
   var e = 0, t = null;
   return {
     add: function(r) {
-      e == 0 && (t = zr()) && (Kr(t, r), Gr(t)), e++;
+      e == 0 && (t = zr()) && (Gr(t, r), Kr(t)), e++;
     },
     remove: function() {
       e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
@@ -750,7 +780,7 @@ var qr = function() {
       };
     }, [t && r]);
   };
-}, bt = function() {
+}, _t = function() {
   var e = Yr(), t = function(r) {
     var o = r.styles, a = r.dynamic;
     return e(o, a), null;
@@ -761,11 +791,11 @@ var qr = function() {
   top: 0,
   right: 0,
   gap: 0
-}, ge = function(e) {
+}, me = function(e) {
   return parseInt(e || "", 10) || 0;
 }, Zr = 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 [ge(r), ge(o), ge(a)];
+  return [me(r), me(o), me(a)];
 }, Qr = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
     return Xr;
@@ -776,14 +806,14 @@ var qr = function() {
     right: t[2],
     gap: Math.max(0, o - r + t[2] - t[0])
   };
-}, Jr = bt(), z = "data-scroll-locked", en = function(e, t, r, o) {
-  var a = e.left, n = e.top, i = e.right, u = e.gap;
+}, Jr = _t(), H = "data-scroll-locked", en = 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(Ir, ` {
    overflow: hidden `).concat(o, `;
-   padding-right: `).concat(u, "px ").concat(o, `;
+   padding-right: `).concat(i, "px ").concat(o, `;
   }
-  body[`).concat(z, `] {
+  body[`).concat(H, `] {
     overflow: hidden `).concat(o, `;
     overscroll-behavior: contain;
     `).concat([
@@ -791,43 +821,43 @@ var qr = function() {
     r === "margin" && `
     padding-left: `.concat(a, `px;
     padding-top: `).concat(n, `px;
-    padding-right: `).concat(i, `px;
+    padding-right: `).concat(u, `px;
     margin-left:0;
     margin-top:0;
-    margin-right: `).concat(u, "px ").concat(o, `;
+    margin-right: `).concat(i, "px ").concat(o, `;
     `),
-    r === "padding" && "padding-right: ".concat(u, "px ").concat(o, ";")
+    r === "padding" && "padding-right: ".concat(i, "px ").concat(o, ";")
   ].filter(Boolean).join(""), `
   }
   
-  .`).concat(ne, ` {
-    right: `).concat(u, "px ").concat(o, `;
+  .`).concat(oe, ` {
+    right: `).concat(i, "px ").concat(o, `;
   }
   
-  .`).concat(oe, ` {
-    margin-right: `).concat(u, "px ").concat(o, `;
+  .`).concat(ae, ` {
+    margin-right: `).concat(i, "px ").concat(o, `;
   }
   
-  .`).concat(ne, " .").concat(ne, ` {
+  .`).concat(oe, " .").concat(oe, ` {
     right: 0 `).concat(o, `;
   }
   
-  .`).concat(oe, " .").concat(oe, ` {
+  .`).concat(ae, " .").concat(ae, ` {
     margin-right: 0 `).concat(o, `;
   }
   
-  body[`).concat(z, `] {
-    `).concat(Lr, ": ").concat(u, `px;
+  body[`).concat(H, `] {
+    `).concat(Lr, ": ").concat(i, `px;
   }
 `);
-}, Ue = function() {
-  var e = parseInt(document.body.getAttribute(z) || "0", 10);
+}, We = function() {
+  var e = parseInt(document.body.getAttribute(H) || "0", 10);
   return isFinite(e) ? e : 0;
 }, tn = function() {
   s.useEffect(function() {
-    return document.body.setAttribute(z, (Ue() + 1).toString()), function() {
-      var e = Ue() - 1;
-      e <= 0 ? document.body.removeAttribute(z) : document.body.setAttribute(z, e.toString());
+    return document.body.setAttribute(H, (We() + 1).toString()), function() {
+      var e = We() - 1;
+      e <= 0 ? document.body.removeAttribute(H) : document.body.setAttribute(H, e.toString());
     };
   }, []);
 }, rn = function(e) {
@@ -840,18 +870,18 @@ var qr = function() {
 }, Se = !1;
 if (typeof window < "u")
   try {
-    var Z = Object.defineProperty({}, "passive", {
+    var Q = Object.defineProperty({}, "passive", {
       get: function() {
         return Se = !0, !0;
       }
     });
-    window.addEventListener("test", Z, Z), window.removeEventListener("test", Z, Z);
+    window.addEventListener("test", Q, Q), window.removeEventListener("test", Q, Q);
   } catch {
     Se = !1;
   }
-var U = Se ? { passive: !1 } : !1, nn = function(e) {
+var j = Se ? { passive: !1 } : !1, nn = function(e) {
   return e.tagName === "TEXTAREA";
-}, wt = function(e, t) {
+}, yt = function(e, t) {
   if (!(e instanceof Element))
     return !1;
   var r = window.getComputedStyle(e);
@@ -861,17 +891,17 @@ var U = Se ? { passive: !1 } : !1, nn = function(e) {
     !(r.overflowY === r.overflowX && !nn(e) && r[t] === "visible")
   );
 }, on = function(e) {
-  return wt(e, "overflowY");
+  return yt(e, "overflowY");
 }, an = function(e) {
-  return wt(e, "overflowX");
-}, Ve = function(e, t) {
+  return yt(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 = bt(e, o);
     if (a) {
-      var n = Ct(e, o), i = n[1], u = n[2];
-      if (i > u)
+      var n = wt(e, o), u = n[1], i = n[2];
+      if (u > i)
         return !0;
     }
     o = o.parentNode;
@@ -891,28 +921,32 @@ var U = Se ? { passive: !1 } : !1, nn = function(e) {
     r,
     o
   ];
-}, Et = function(e, t) {
+}, bt = function(e, t) {
   return e === "v" ? on(t) : an(t);
-}, Ct = function(e, t) {
+}, wt = function(e, t) {
   return e === "v" ? un(t) : sn(t);
 }, cn = function(e, t) {
   return e === "h" && t === "rtl" ? -1 : 1;
 }, ln = function(e, t, r, o, a) {
-  var n = cn(e, window.getComputedStyle(t).direction), i = n * o, u = r.target, p = t.contains(u), l = !1, f = i > 0, v = 0, h = 0;
+  var n = cn(e, window.getComputedStyle(t).direction), u = n * o, i = r.target, d = t.contains(i), c = !1, p = u > 0, v = 0, h = 0;
   do {
-    var m = Ct(e, u), b = m[0], c = m[1], g = m[2], _ = c - g - n * b;
-    (b || _) && Et(e, u) && (v += _, h += b), u instanceof ShadowRoot ? u = u.host : u = u.parentNode;
+    if (!i)
+      break;
+    var g = wt(e, i), b = g[0], l = g[1], m = g[2], _ = l - m - n * b;
+    (b || _) && bt(e, i) && (v += _, h += b);
+    var w = i.parentNode;
+    i = w && w.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? w.host : w;
   } while (
     // portaled content
-    !p && u !== document.body || // self content
-    p && (t.contains(u) || t === u)
+    !d && i !== document.body || // self content
+    d && (t.contains(i) || t === i)
   );
-  return (f && Math.abs(v) < 1 || !f && Math.abs(h) < 1) && (l = !0), l;
-}, Q = function(e) {
+  return (p && Math.abs(v) < 1 || !p && Math.abs(h) < 1) && (c = !0), c;
+}, J = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
-}, He = function(e) {
+}, je = function(e) {
   return [e.deltaX, e.deltaY];
-}, ze = function(e) {
+}, Ue = function(e) {
   return e && "current" in e ? e.current : e;
 }, dn = function(e, t) {
   return e[0] === t[0] && e[1] === t[1];
@@ -921,87 +955,87 @@ var U = Se ? { passive: !1 } : !1, nn = function(e) {
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, fn = 0, V = [];
+}, fn = 0, U = [];
 function vn(e) {
-  var t = s.useRef([]), r = s.useRef([0, 0]), o = s.useRef(), a = s.useState(fn++)[0], n = s.useState(bt)[0], i = s.useRef(e);
+  var t = s.useRef([]), r = s.useRef([0, 0]), o = s.useRef(), a = s.useState(fn++)[0], n = s.useState(_t)[0], u = s.useRef(e);
   s.useEffect(function() {
-    i.current = e;
+    u.current = e;
   }, [e]), s.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(a));
-      var c = Mr([e.lockRef.current], (e.shards || []).map(ze), !0).filter(Boolean);
-      return c.forEach(function(g) {
-        return g.classList.add("allow-interactivity-".concat(a));
+      var l = Mr([e.lockRef.current], (e.shards || []).map(Ue), !0).filter(Boolean);
+      return l.forEach(function(m) {
+        return m.classList.add("allow-interactivity-".concat(a));
       }), function() {
-        document.body.classList.remove("block-interactivity-".concat(a)), c.forEach(function(g) {
-          return g.classList.remove("allow-interactivity-".concat(a));
+        document.body.classList.remove("block-interactivity-".concat(a)), l.forEach(function(m) {
+          return m.classList.remove("allow-interactivity-".concat(a));
         });
       };
     }
   }, [e.inert, e.lockRef.current, e.shards]);
-  var u = s.useCallback(function(c, g) {
-    if ("touches" in c && c.touches.length === 2 || c.type === "wheel" && c.ctrlKey)
-      return !i.current.allowPinchZoom;
-    var _ = Q(c), S = r.current, w = "deltaX" in c ? c.deltaX : S[0] - _[0], E = "deltaY" in c ? c.deltaY : S[1] - _[1], C, P = c.target, y = Math.abs(w) > Math.abs(E) ? "h" : "v";
-    if ("touches" in c && y === "h" && P.type === "range")
+  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), w = r.current, E = "deltaX" in l ? l.deltaX : w[0] - _[0], S = "deltaY" in l ? l.deltaY : w[1] - _[1], C, P = l.target, y = Math.abs(E) > Math.abs(S) ? "h" : "v";
+    if ("touches" in l && y === "h" && P.type === "range")
       return !1;
-    var x = Ve(y, P);
+    var x = Be(y, P);
     if (!x)
       return !0;
-    if (x ? C = y : (C = y === "v" ? "h" : "v", x = Ve(y, P)), !x)
+    if (x ? C = y : (C = y === "v" ? "h" : "v", x = Be(y, P)), !x)
       return !1;
-    if (!o.current && "changedTouches" in c && (w || E) && (o.current = C), !C)
+    if (!o.current && "changedTouches" in l && (E || S) && (o.current = C), !C)
       return !0;
     var R = o.current || C;
-    return ln(R, g, c, R === "h" ? w : E);
-  }, []), p = s.useCallback(function(c) {
-    var g = c;
-    if (!(!V.length || V[V.length - 1] !== n)) {
-      var _ = "deltaY" in g ? He(g) : Q(g), S = t.current.filter(function(C) {
-        return C.name === g.type && (C.target === g.target || g.target === C.shadowParent) && dn(C.delta, _);
+    return ln(R, m, l, R === "h" ? E : S);
+  }, []), d = s.useCallback(function(l) {
+    var m = l;
+    if (!(!U.length || U[U.length - 1] !== n)) {
+      var _ = "deltaY" in m ? je(m) : J(m), w = t.current.filter(function(C) {
+        return C.name === m.type && (C.target === m.target || m.target === C.shadowParent) && dn(C.delta, _);
       })[0];
-      if (S && S.should) {
-        g.cancelable && g.preventDefault();
+      if (w && w.should) {
+        m.cancelable && m.preventDefault();
         return;
       }
-      if (!S) {
-        var w = (i.current.shards || []).map(ze).filter(Boolean).filter(function(C) {
-          return C.contains(g.target);
-        }), E = w.length > 0 ? u(g, w[0]) : !i.current.noIsolation;
-        E && g.cancelable && g.preventDefault();
+      if (!w) {
+        var E = (u.current.shards || []).map(Ue).filter(Boolean).filter(function(C) {
+          return C.contains(m.target);
+        }), S = E.length > 0 ? i(m, E[0]) : !u.current.noIsolation;
+        S && m.cancelable && m.preventDefault();
       }
     }
-  }, []), l = s.useCallback(function(c, g, _, S) {
-    var w = { name: c, delta: g, target: _, should: S, shadowParent: hn(_) };
-    t.current.push(w), setTimeout(function() {
-      t.current = t.current.filter(function(E) {
-        return E !== w;
+  }, []), c = s.useCallback(function(l, m, _, w) {
+    var E = { name: l, delta: m, target: _, should: w, shadowParent: hn(_) };
+    t.current.push(E), setTimeout(function() {
+      t.current = t.current.filter(function(S) {
+        return S !== E;
       });
     }, 1);
-  }, []), f = s.useCallback(function(c) {
-    r.current = Q(c), o.current = void 0;
-  }, []), v = s.useCallback(function(c) {
-    l(c.type, He(c), c.target, u(c, e.lockRef.current));
-  }, []), h = s.useCallback(function(c) {
-    l(c.type, Q(c), c.target, u(c, e.lockRef.current));
+  }, []), p = s.useCallback(function(l) {
+    r.current = J(l), o.current = void 0;
+  }, []), v = s.useCallback(function(l) {
+    c(l.type, je(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));
   }, []);
   s.useEffect(function() {
-    return V.push(n), e.setCallbacks({
+    return U.push(n), e.setCallbacks({
       onScrollCapture: v,
       onWheelCapture: v,
       onTouchMoveCapture: h
-    }), document.addEventListener("wheel", p, U), document.addEventListener("touchmove", p, U), document.addEventListener("touchstart", f, U), function() {
-      V = V.filter(function(c) {
-        return c !== n;
-      }), document.removeEventListener("wheel", p, U), document.removeEventListener("touchmove", p, U), document.removeEventListener("touchstart", f, U);
+    }), document.addEventListener("wheel", d, j), document.addEventListener("touchmove", d, j), document.addEventListener("touchstart", p, j), function() {
+      U = U.filter(function(l) {
+        return l !== n;
+      }), document.removeEventListener("wheel", d, j), document.removeEventListener("touchmove", d, j), document.removeEventListener("touchstart", p, j);
     };
   }, []);
-  var m = e.removeScrollBar, b = e.inert;
+  var g = e.removeScrollBar, b = e.inert;
   return s.createElement(
     s.Fragment,
     null,
     b ? s.createElement(n, { styles: pn(a) }) : null,
-    m ? s.createElement(rn, { gapMode: e.gapMode }) : null
+    g ? s.createElement(rn, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
   );
 }
 function hn(e) {
@@ -1009,101 +1043,102 @@ function hn(e) {
     e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
   return t;
 }
-const gn = Vr(yt, vn);
-var St = s.forwardRef(function(e, t) {
-  return s.createElement(ce, $({}, e, { ref: t, sideCar: gn }));
+const mn = Vr(gt, vn);
+var Et = s.forwardRef(function(e, t) {
+  return s.createElement(se, T({}, e, { ref: t, sideCar: mn }));
 });
-St.classNames = ce.classNames;
-var mn = function(e) {
+Et.classNames = se.classNames;
+var gn = function(e) {
   if (typeof document > "u")
     return null;
   var t = Array.isArray(e) ? e[0] : e;
   return t.ownerDocument.body;
-}, H = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), ee = {}, me = 0, Nt = function(e) {
-  return e && (e.host || Nt(e.parentNode));
+}, V = /* @__PURE__ */ new WeakMap(), ee = /* @__PURE__ */ new WeakMap(), te = {}, ge = 0, St = function(e) {
+  return e && (e.host || St(e.parentNode));
 }, _n = function(e, t) {
   return t.map(function(r) {
     if (e.contains(r))
       return r;
-    var o = Nt(r);
+    var o = St(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;
   });
 }, yn = function(e, t, r, o) {
   var a = _n(t, Array.isArray(e) ? e : [e]);
-  ee[r] || (ee[r] = /* @__PURE__ */ new WeakMap());
-  var n = ee[r], i = [], u = /* @__PURE__ */ new Set(), p = new Set(a), l = function(v) {
-    !v || u.has(v) || (u.add(v), l(v.parentNode));
+  te[r] || (te[r] = /* @__PURE__ */ new WeakMap());
+  var n = te[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(l);
-  var f = function(v) {
-    !v || p.has(v) || Array.prototype.forEach.call(v.children, function(h) {
-      if (u.has(h))
-        f(h);
+  a.forEach(c);
+  var p = function(v) {
+    !v || d.has(v) || Array.prototype.forEach.call(v.children, function(h) {
+      if (i.has(h))
+        p(h);
       else
         try {
-          var m = h.getAttribute(o), b = m !== null && m !== "false", c = (H.get(h) || 0) + 1, g = (n.get(h) || 0) + 1;
-          H.set(h, c), n.set(h, g), i.push(h), c === 1 && b && J.set(h, !0), g === 1 && h.setAttribute(r, "true"), b || h.setAttribute(o, "true");
+          var g = h.getAttribute(o), b = g !== null && g !== "false", l = (V.get(h) || 0) + 1, m = (n.get(h) || 0) + 1;
+          V.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");
         } catch (_) {
           console.error("aria-hidden: cannot operate on ", h, _);
         }
     });
   };
-  return f(t), u.clear(), me++, function() {
-    i.forEach(function(v) {
-      var h = H.get(v) - 1, m = n.get(v) - 1;
-      H.set(v, h), n.set(v, m), h || (J.has(v) || v.removeAttribute(o), J.delete(v)), m || v.removeAttribute(r);
-    }), me--, me || (H = /* @__PURE__ */ new WeakMap(), H = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), ee = {});
+  return p(t), i.clear(), ge++, function() {
+    u.forEach(function(v) {
+      var h = V.get(v) - 1, g = n.get(v) - 1;
+      V.set(v, h), n.set(v, g), h || (ee.has(v) || v.removeAttribute(o), ee.delete(v)), g || v.removeAttribute(r);
+    }), ge--, ge || (V = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), ee = /* @__PURE__ */ new WeakMap(), te = {});
   };
 }, bn = function(e, t, r) {
   r === void 0 && (r = "data-aria-hidden");
-  var o = Array.from(Array.isArray(e) ? e : [e]), a = mn(e);
-  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), yn(o, a, r, "aria-hidden")) : function() {
+  var o = Array.from(Array.isArray(e) ? e : [e]), a = gn(e);
+  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live], script"))), yn(o, a, r, "aria-hidden")) : function() {
     return null;
   };
-}, Re = "Dialog", [Pt, Vo] = rr(Re), [wn, A] = Pt(Re), Ot = (e) => {
+}, ce = "Dialog", [Ct] = Jt(ce), [wn, A] = Ct(ce), Nt = (e) => {
   const {
     __scopeDialog: t,
     children: r,
     open: o,
     defaultOpen: a,
     onOpenChange: n,
-    modal: i = !0
-  } = e, u = s.useRef(null), p = s.useRef(null), [l = !1, f] = ir({
+    modal: u = !0
+  } = e, i = s.useRef(null), d = s.useRef(null), [c, p] = or({
     prop: o,
-    defaultProp: a,
-    onChange: n
+    defaultProp: a ?? !1,
+    onChange: n,
+    caller: ce
   });
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ f(
     wn,
     {
       scope: t,
-      triggerRef: u,
-      contentRef: p,
+      triggerRef: i,
+      contentRef: d,
       contentId: le(),
       titleId: le(),
       descriptionId: le(),
-      open: l,
-      onOpenChange: f,
-      onOpenToggle: s.useCallback(() => f((v) => !v), [f]),
-      modal: i,
+      open: c,
+      onOpenChange: p,
+      onOpenToggle: s.useCallback(() => p((v) => !v), [p]),
+      modal: u,
       children: r
     }
   );
 };
-Ot.displayName = Re;
-var Rt = "DialogTrigger", xt = s.forwardRef(
+Nt.displayName = ce;
+var Pt = "DialogTrigger", Ot = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = A(Rt, r), n = B(t, a.triggerRef);
-    return /* @__PURE__ */ d(
+    const { __scopeDialog: r, ...o } = e, a = A(Pt, r), n = W(t, a.triggerRef);
+    return /* @__PURE__ */ f(
       M.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
         "aria-expanded": a.open,
         "aria-controls": a.contentId,
-        "data-state": De(a.open),
+        "data-state": Oe(a.open),
         ...o,
         ref: n,
         onClick: L(e.onClick, a.onOpenToggle)
@@ -1111,31 +1146,31 @@ var Rt = "DialogTrigger", xt = s.forwardRef(
     );
   }
 );
-xt.displayName = Rt;
-var xe = "DialogPortal", [En, At] = Pt(xe, {
+Ot.displayName = Pt;
+var Ne = "DialogPortal", [En, Rt] = Ct(Ne, {
   forceMount: void 0
-}), Dt = (e) => {
-  const { __scopeDialog: t, forceMount: r, children: o, container: a } = e, n = A(xe, t);
-  return /* @__PURE__ */ d(En, { scope: t, forceMount: r, children: s.Children.map(o, (i) => /* @__PURE__ */ d(se, { present: r || n.open, children: /* @__PURE__ */ d(gt, { asChild: !0, container: a, children: i }) })) });
+}), xt = (e) => {
+  const { __scopeDialog: t, forceMount: r, children: o, container: a } = e, n = A(Ne, t);
+  return /* @__PURE__ */ f(En, { scope: t, forceMount: r, children: s.Children.map(o, (u) => /* @__PURE__ */ f(ue, { present: r || n.open, children: /* @__PURE__ */ f(vt, { asChild: !0, container: a, children: u }) })) });
 };
-Dt.displayName = xe;
-var ue = "DialogOverlay", Tt = s.forwardRef(
+xt.displayName = Ne;
+var ie = "DialogOverlay", At = s.forwardRef(
   (e, t) => {
-    const r = At(ue, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = A(ue, e.__scopeDialog);
-    return n.modal ? /* @__PURE__ */ d(se, { present: o || n.open, children: /* @__PURE__ */ d(Cn, { ...a, ref: t }) }) : null;
+    const r = Rt(ie, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = A(ie, e.__scopeDialog);
+    return n.modal ? /* @__PURE__ */ f(ue, { present: o || n.open, children: /* @__PURE__ */ f(Cn, { ...a, ref: t }) }) : null;
   }
 );
-Tt.displayName = ue;
-var Cn = s.forwardRef(
+At.displayName = ie;
+var Sn = /* @__PURE__ */ st("DialogOverlay.RemoveScroll"), Cn = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = A(ue, r);
+    const { __scopeDialog: r, ...o } = e, a = A(ie, r);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ d(St, { as: Oe, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ d(
+      /* @__PURE__ */ f(Et, { as: Sn, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
         M.div,
         {
-          "data-state": De(a.open),
+          "data-state": Oe(a.open),
           ...o,
           ref: t,
           style: { pointerEvents: "auto", ...o.style }
@@ -1143,33 +1178,33 @@ var Cn = s.forwardRef(
       ) })
     );
   }
-), W = "DialogContent", $t = s.forwardRef(
+), k = "DialogContent", Dt = s.forwardRef(
   (e, t) => {
-    const r = At(W, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = A(W, e.__scopeDialog);
-    return /* @__PURE__ */ d(se, { present: o || n.open, children: n.modal ? /* @__PURE__ */ d(Sn, { ...a, ref: t }) : /* @__PURE__ */ d(Nn, { ...a, ref: t }) });
+    const r = Rt(k, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = A(k, e.__scopeDialog);
+    return /* @__PURE__ */ f(ue, { present: o || n.open, children: n.modal ? /* @__PURE__ */ f(Nn, { ...a, ref: t }) : /* @__PURE__ */ f(Pn, { ...a, ref: t }) });
   }
 );
-$t.displayName = W;
-var Sn = s.forwardRef(
+Dt.displayName = k;
+var Nn = s.forwardRef(
   (e, t) => {
-    const r = A(W, e.__scopeDialog), o = s.useRef(null), a = B(t, r.contentRef, o);
+    const r = A(k, e.__scopeDialog), o = s.useRef(null), a = W(t, r.contentRef, o);
     return s.useEffect(() => {
       const n = o.current;
       if (n) return bn(n);
-    }, []), /* @__PURE__ */ d(
-      Mt,
+    }, []), /* @__PURE__ */ f(
+      $t,
       {
         ...e,
         ref: a,
         trapFocus: r.open,
         disableOutsidePointerEvents: !0,
         onCloseAutoFocus: L(e.onCloseAutoFocus, (n) => {
-          var i;
-          n.preventDefault(), (i = r.triggerRef.current) == null || i.focus();
+          var u;
+          n.preventDefault(), (u = r.triggerRef.current) == null || u.focus();
         }),
         onPointerDownOutside: L(e.onPointerDownOutside, (n) => {
-          const i = n.detail.originalEvent, u = i.button === 0 && i.ctrlKey === !0;
-          (i.button === 2 || u) && n.preventDefault();
+          const u = n.detail.originalEvent, i = u.button === 0 && u.ctrlKey === !0;
+          (u.button === 2 || i) && n.preventDefault();
         }),
         onFocusOutside: L(
           e.onFocusOutside,
@@ -1178,80 +1213,80 @@ var Sn = s.forwardRef(
       }
     );
   }
-), Nn = s.forwardRef(
+), Pn = s.forwardRef(
   (e, t) => {
-    const r = A(W, e.__scopeDialog), o = s.useRef(!1), a = s.useRef(!1);
-    return /* @__PURE__ */ d(
-      Mt,
+    const r = A(k, e.__scopeDialog), o = s.useRef(!1), a = s.useRef(!1);
+    return /* @__PURE__ */ f(
+      $t,
       {
         ...e,
         ref: t,
         trapFocus: !1,
         disableOutsidePointerEvents: !1,
         onCloseAutoFocus: (n) => {
-          var i, u;
-          (i = e.onCloseAutoFocus) == null || i.call(e, n), n.defaultPrevented || (o.current || (u = r.triggerRef.current) == null || u.focus(), n.preventDefault()), o.current = !1, a.current = !1;
+          var u, i;
+          (u = e.onCloseAutoFocus) == null || u.call(e, n), n.defaultPrevented || (o.current || (i = r.triggerRef.current) == null || i.focus(), n.preventDefault()), o.current = !1, a.current = !1;
         },
         onInteractOutside: (n) => {
-          var p, l;
-          (p = e.onInteractOutside) == null || p.call(e, n), n.defaultPrevented || (o.current = !0, n.detail.originalEvent.type === "pointerdown" && (a.current = !0));
-          const i = n.target;
-          ((l = r.triggerRef.current) == null ? void 0 : l.contains(i)) && n.preventDefault(), n.detail.originalEvent.type === "focusin" && a.current && n.preventDefault();
+          var d, c;
+          (d = e.onInteractOutside) == null || d.call(e, n), n.defaultPrevented || (o.current = !0, n.detail.originalEvent.type === "pointerdown" && (a.current = !0));
+          const u = n.target;
+          ((c = r.triggerRef.current) == null ? void 0 : c.contains(u)) && n.preventDefault(), n.detail.originalEvent.type === "focusin" && a.current && n.preventDefault();
         }
       }
     );
   }
-), Mt = s.forwardRef(
+), $t = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...i } = e, u = A(W, r), p = s.useRef(null), l = B(t, p);
-    return $r(), /* @__PURE__ */ T(ae, { children: [
-      /* @__PURE__ */ d(
-        vt,
+    const { __scopeDialog: r, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...u } = e, i = A(k, r), d = s.useRef(null), c = W(t, d);
+    return Tr(), /* @__PURE__ */ $(xe, { children: [
+      /* @__PURE__ */ f(
+        pt,
         {
           asChild: !0,
           loop: !0,
           trapped: o,
           onMountAutoFocus: a,
           onUnmountAutoFocus: n,
-          children: /* @__PURE__ */ d(
-            pt,
+          children: /* @__PURE__ */ f(
+            lt,
             {
               role: "dialog",
-              id: u.contentId,
-              "aria-describedby": u.descriptionId,
-              "aria-labelledby": u.titleId,
-              "data-state": De(u.open),
-              ...i,
-              ref: l,
-              onDismiss: () => u.onOpenChange(!1)
+              id: i.contentId,
+              "aria-describedby": i.descriptionId,
+              "aria-labelledby": i.titleId,
+              "data-state": Oe(i.open),
+              ...u,
+              ref: c,
+              onDismiss: () => i.onOpenChange(!1)
             }
           )
         }
       ),
-      /* @__PURE__ */ T(ae, { children: [
-        /* @__PURE__ */ d(Pn, { titleId: u.titleId }),
-        /* @__PURE__ */ d(Rn, { contentRef: p, descriptionId: u.descriptionId })
+      /* @__PURE__ */ $(xe, { children: [
+        /* @__PURE__ */ f(On, { titleId: i.titleId }),
+        /* @__PURE__ */ f(xn, { contentRef: d, descriptionId: i.descriptionId })
       ] })
     ] });
   }
-), Ae = "DialogTitle", It = s.forwardRef(
+), Pe = "DialogTitle", Tt = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = A(Ae, r);
-    return /* @__PURE__ */ d(M.h2, { id: a.titleId, ...o, ref: t });
+    const { __scopeDialog: r, ...o } = e, a = A(Pe, r);
+    return /* @__PURE__ */ f(M.h2, { id: a.titleId, ...o, ref: t });
   }
 );
-It.displayName = Ae;
-var Lt = "DialogDescription", Ft = s.forwardRef(
+Tt.displayName = Pe;
+var Mt = "DialogDescription", It = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = A(Lt, r);
-    return /* @__PURE__ */ d(M.p, { id: a.descriptionId, ...o, ref: t });
+    const { __scopeDialog: r, ...o } = e, a = A(Mt, r);
+    return /* @__PURE__ */ f(M.p, { id: a.descriptionId, ...o, ref: t });
   }
 );
-Ft.displayName = Lt;
-var kt = "DialogClose", Wt = s.forwardRef(
+It.displayName = Mt;
+var Lt = "DialogClose", Ft = s.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = A(kt, r);
-    return /* @__PURE__ */ d(
+    const { __scopeDialog: r, ...o } = e, a = A(Lt, r);
+    return /* @__PURE__ */ f(
       M.button,
       {
         type: "button",
@@ -1262,16 +1297,16 @@ var kt = "DialogClose", Wt = s.forwardRef(
     );
   }
 );
-Wt.displayName = kt;
-function De(e) {
+Ft.displayName = Lt;
+function Oe(e) {
   return e ? "open" : "closed";
 }
-var Bt = "DialogTitleWarning", [Ho, jt] = tr(Bt, {
-  contentName: W,
-  titleName: Ae,
+var kt = "DialogTitleWarning", [Go, Wt] = Qt(kt, {
+  contentName: k,
+  titleName: Pe,
   docsSlug: "dialog"
-}), Pn = ({ titleId: e }) => {
-  const t = jt(Bt), r = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+}), On = ({ titleId: e }) => {
+  const t = Wt(kt), 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.
 
@@ -1279,35 +1314,35 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
   return s.useEffect(() => {
     e && (document.getElementById(e) || console.error(r));
   }, [r, e]), null;
-}, On = "DialogDescriptionWarning", Rn = ({ contentRef: e, descriptionId: t }) => {
-  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${jt(On).contentName}}.`;
+}, Rn = "DialogDescriptionWarning", xn = ({ contentRef: e, descriptionId: t }) => {
+  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Wt(Rn).contentName}}.`;
   return s.useEffect(() => {
     var n;
     const a = (n = e.current) == null ? void 0 : n.getAttribute("aria-describedby");
     t && a && (document.getElementById(t) || console.warn(o));
   }, [o, e, t]), null;
-}, xn = Ot, An = xt, Dn = Dt, Tn = Tt, $n = $t, Mn = It, Ke = Ft, In = Wt;
-const Ln = {
+}, An = Nt, Dn = Ot, $n = xt, Tn = At, Mn = Dt, In = Tt, Ve = It, Ln = Ft;
+const Fn = {
   LG: "lg"
 };
-function Fn(e) {
+function kn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ge = { exports: {} };
+var He = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var qe;
-function kn() {
-  return qe || (qe = 1, function(e) {
+var ze;
+function Wn() {
+  return ze || (ze = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
-        for (var n = "", i = 0; i < arguments.length; i++) {
-          var u = arguments[i];
-          u && (n = a(n, o.call(this, u)));
+        for (var n = "", u = 0; u < arguments.length; u++) {
+          var i = arguments[u];
+          i && (n = a(n, o.call(this, i)));
         }
         return n;
       }
@@ -1320,42 +1355,42 @@ function kn() {
           return r.apply(this, n);
         if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
           return n.toString();
-        var i = "";
-        for (var u in n)
-          t.call(n, u) && n[u] && (i = a(i, this && this[u] || u));
-        return i;
+        var u = "";
+        for (var i in n)
+          t.call(n, i) && n[i] && (u = a(u, this && this[i] || i));
+        return u;
       }
-      function a(n, i) {
-        return i ? n ? n + " " + i : n + i : n;
+      function a(n, u) {
+        return u ? n ? n + " " + u : n + u : n;
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  }(Ge)), Ge.exports;
+  })(He)), He.exports;
 }
-var Wn = kn();
-const Bn = /* @__PURE__ */ Fn(Wn), jn = "_rotate_12t9p_1", Un = "_dash_12t9p_1", Vn = {
+var Bn = Wn();
+const jn = /* @__PURE__ */ kn(Bn), Un = "_rotate_12t9p_1", Vn = "_dash_12t9p_1", Hn = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: jn,
+  rotate: Un,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
   "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
   "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
   "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
   "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
   "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
-  dash: Un,
+  dash: Vn,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, Ye = Bn.bind(Vn), G = "purpur-spinner", Hn = {
+}, Ge = jn.bind(Hn), G = "purpur-spinner", zn = {
   SM: "sm"
-}, zn = ({
+}, Gn = ({
   disabled: e = !1,
   negative: t = !1,
-  size: r = Hn.SM,
+  size: r = zn.SM,
   ...o
-}) => /* @__PURE__ */ d("div", { className: Ye(G, `${G}--${r}`), ...o, children: /* @__PURE__ */ d("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ d(
+}) => /* @__PURE__ */ f("div", { className: Ge(G, `${G}--${r}`), ...o, children: /* @__PURE__ */ f("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ f(
   "circle",
   {
-    className: Ye(`${G}__circle`, {
+    className: Ge(`${G}__circle`, {
       [`${G}__circle--disabled`]: e,
       [`${G}__circle--negative`]: t
     }),
@@ -1367,21 +1402,21 @@ const Bn = /* @__PURE__ */ Fn(Wn), jn = "_rotate_12t9p_1", Un = "_dash_12t9p_1",
 function Kn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Xe = { exports: {} };
+var Ke = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Ze;
-function Gn() {
-  return Ze || (Ze = 1, function(e) {
+var qe;
+function qn() {
+  return qe || (qe = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
-        for (var n = "", i = 0; i < arguments.length; i++) {
-          var u = arguments[i];
-          u && (n = a(n, o.call(this, u)));
+        for (var n = "", u = 0; u < arguments.length; u++) {
+          var i = arguments[u];
+          i && (n = a(n, o.call(this, i)));
         }
         return n;
       }
@@ -1394,20 +1429,20 @@ function Gn() {
           return r.apply(this, n);
         if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
           return n.toString();
-        var i = "";
-        for (var u in n)
-          t.call(n, u) && n[u] && (i = a(i, this && this[u] || u));
-        return i;
+        var u = "";
+        for (var i in n)
+          t.call(n, i) && n[i] && (u = a(u, this && this[i] || i));
+        return u;
       }
-      function a(n, i) {
-        return i ? n ? n + " " + i : n + i : n;
+      function a(n, u) {
+        return u ? n ? n + " " + u : n + u : n;
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  }(Xe)), Xe.exports;
+  })(Ke)), Ke.exports;
 }
-var qn = Gn();
-const Yn = /* @__PURE__ */ Kn(qn), Xn = {
+var Yn = qn();
+const Xn = /* @__PURE__ */ Kn(Yn), Zn = {
   "purpur-button": "_purpur-button_1goi7_1",
   "purpur-button--xs": "_purpur-button--xs_1goi7_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_1goi7_36",
@@ -1429,7 +1464,7 @@ const Yn = /* @__PURE__ */ Kn(qn), Xn = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1goi7_166",
   "purpur-button--text-negative": "_purpur-button--text-negative_1goi7_181",
   "purpur-button--text": "_purpur-button--text_1goi7_181"
-}, Zn = Yn.bind(Xn), F = "purpur-button", Ut = Pe(
+}, Qn = Xn.bind(Zn), F = "purpur-button", Bt = Ce(
   ({
     children: e,
     className: t,
@@ -1437,47 +1472,47 @@ const Yn = /* @__PURE__ */ Kn(qn), Xn = {
     fullWidth: o = !1,
     iconOnly: a,
     loading: n = !1,
-    negative: i = !1,
-    onClick: u,
-    size: p = "md",
-    variant: l,
-    type: f = "button",
+    negative: u = !1,
+    onClick: i,
+    size: d = "md",
+    variant: c,
+    type: p = "button",
     ...v
   }, h) => {
-    if (a && l === "destructive")
+    if (a && c === "destructive")
       return null;
-    const m = Zn(
+    const g = Qn(
       [
         F,
-        `${F}--${i ? `${l}-negative` : l}`,
-        `${F}--${p}`
+        `${F}--${u ? `${c}-negative` : c}`,
+        `${F}--${d}`
       ],
       {
         [`${F}--icon-only`]: a,
-        [`${F}--negative`]: i,
+        [`${F}--negative`]: u,
         [`${F}--full-width`]: o,
         [`${F}--disabled`]: r || n
       },
       t
-    ), b = (g) => {
-      r || n ? g.preventDefault() : u && u(g);
-    }, c = !!v["aria-disabled"] || r || n;
-    return /* @__PURE__ */ T(
+    ), b = (m) => {
+      r || n ? m.preventDefault() : i && i(m);
+    }, l = !!v["aria-disabled"] || r || n;
+    return /* @__PURE__ */ $(
       "button",
       {
-        className: m,
-        type: f,
+        className: g,
+        type: p,
         ref: h,
-        "aria-disabled": c,
+        "aria-disabled": l,
         onClick: b,
         ...v,
         children: [
-          n && /* @__PURE__ */ d(
-            zn,
+          n && /* @__PURE__ */ f(
+            Gn,
             {
-              size: p === Ln.LG ? "xs" : "xxs",
-              negative: i,
-              disabled: c
+              size: d === Fn.LG ? "xs" : "xxs",
+              negative: u,
+              disabled: l
             }
           ),
           " ",
@@ -1487,25 +1522,25 @@ const Yn = /* @__PURE__ */ Kn(qn), Xn = {
     );
   }
 );
-Ut.displayName = "Button";
-function Qn(e) {
+Bt.displayName = "Button";
+function Jn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Qe = { exports: {} };
+var Ye = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Je;
-function Jn() {
-  return Je || (Je = 1, function(e) {
+var Xe;
+function eo() {
+  return Xe || (Xe = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
-        for (var n = "", i = 0; i < arguments.length; i++) {
-          var u = arguments[i];
-          u && (n = a(n, o(u)));
+        for (var n = "", u = 0; u < arguments.length; u++) {
+          var i = arguments[u];
+          i && (n = a(n, o(i)));
         }
         return n;
       }
@@ -1518,20 +1553,20 @@ function Jn() {
           return r.apply(null, n);
         if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
           return n.toString();
-        var i = "";
-        for (var u in n)
-          t.call(n, u) && n[u] && (i = a(i, u));
-        return i;
+        var u = "";
+        for (var i in n)
+          t.call(n, i) && n[i] && (u = a(u, i));
+        return u;
       }
-      function a(n, i) {
-        return i ? n ? n + " " + i : n + i : n;
+      function a(n, u) {
+        return u ? n ? n + " " + u : n + u : n;
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  }(Qe)), Qe.exports;
+  })(Ye)), Ye.exports;
 }
-var eo = Jn();
-const to = /* @__PURE__ */ Qn(eo), te = {
+var to = eo();
+const ro = /* @__PURE__ */ Jn(to), re = {
   "purpur-heading": "_purpur-heading_vo751_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_vo751_8",
   "purpur-heading--negative": "_purpur-heading--negative_vo751_11",
@@ -1551,47 +1586,47 @@ const to = /* @__PURE__ */ Qn(eo), te = {
   "purpur-heading--display-50": "_purpur-heading--display-50_vo751_92",
   "purpur-heading--display-100": "_purpur-heading--display-100_vo751_98",
   "purpur-heading--display-200": "_purpur-heading--display-200_vo751_104"
-}, ro = {
+}, no = {
   TITLE100: "title-100"
-}, re = "purpur-heading", Vt = ({
+}, ne = "purpur-heading", jt = ({
   children: e,
   className: t = "",
   enableHyphenation: r = !1,
   negative: o = !1,
   tag: a,
-  variant: n = ro.TITLE100,
-  ...i
+  variant: n = no.TITLE100,
+  ...u
 }) => {
-  const u = a, p = to([
+  const i = a, d = ro([
     t,
-    te[re],
-    te[`${re}--${n}`],
+    re[ne],
+    re[`${ne}--${n}`],
     {
-      [te[`${re}--hyphens`]]: r,
-      [te[`${re}--negative`]]: o
+      [re[`${ne}--hyphens`]]: r,
+      [re[`${ne}--negative`]]: o
     }
   ]);
-  return /* @__PURE__ */ d(u, { className: p, ...i, children: e });
+  return /* @__PURE__ */ f(i, { className: d, ...u, children: e });
 };
-Vt.displayName = "Heading";
-function no(e) {
+jt.displayName = "Heading";
+function oo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var et = { exports: {} };
+var Ze = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var tt;
-function oo() {
-  return tt || (tt = 1, function(e) {
+var Qe;
+function ao() {
+  return Qe || (Qe = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
-        for (var n = "", i = 0; i < arguments.length; i++) {
-          var u = arguments[i];
-          u && (n = a(n, o.call(this, u)));
+        for (var n = "", u = 0; u < arguments.length; u++) {
+          var i = arguments[u];
+          i && (n = a(n, o.call(this, i)));
         }
         return n;
       }
@@ -1604,20 +1639,20 @@ function oo() {
           return r.apply(this, n);
         if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
           return n.toString();
-        var i = "";
-        for (var u in n)
-          t.call(n, u) && n[u] && (i = a(i, this && this[u] || u));
-        return i;
+        var u = "";
+        for (var i in n)
+          t.call(n, i) && n[i] && (u = a(u, this && this[i] || i));
+        return u;
       }
-      function a(n, i) {
-        return i ? n ? n + " " + i : n + i : n;
+      function a(n, u) {
+        return u ? n ? n + " " + u : n + u : n;
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  }(et)), et.exports;
+  })(Ze)), Ze.exports;
 }
-var ao = oo();
-const io = /* @__PURE__ */ no(ao), uo = {
+var io = ao();
+const uo = /* @__PURE__ */ oo(io), so = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -1625,47 +1660,47 @@ const io = /* @__PURE__ */ no(ao), uo = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, so = io.bind(uo), rt = "purpur-icon", co = "md", lo = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), po = ({ content: e = "", title: t } = {}) => {
+}, co = uo.bind(so), Je = "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" },
     { name: "viewBox", value: "0 0 24 24" },
     t ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = t ? `<title>${t}</title>` : "";
-  return `<svg ${lo(r)}>${o}${e}</svg>`;
-}, fo = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Ht = ({ svg: e, allyTitle: t, className: r, size: o = co, ...a }) => {
-  const n = po({
-    content: fo(e.svg),
+  return `<svg ${po(r)}>${o}${e}</svg>`;
+}, vo = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Ut = ({ svg: e, allyTitle: t, className: r, size: o = lo, ...a }) => {
+  const n = fo({
+    content: vo(e.svg),
     title: t
-  }), i = so(r, rt, `${rt}--${o}`);
-  return /* @__PURE__ */ d("span", { className: i, dangerouslySetInnerHTML: { __html: n }, ...a });
+  }), u = co(r, Je, `${Je}--${o}`);
+  return /* @__PURE__ */ f("span", { className: u, dangerouslySetInnerHTML: { __html: n }, ...a });
 };
-Ht.displayName = "Icon";
-const vo = {
+Ut.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"
-}, zt = (e) => /* @__PURE__ */ d(Ht, { ...e, svg: vo });
-zt.displayName = "IconClose";
-function ho(e) {
+}, Vt = (e) => /* @__PURE__ */ f(Ut, { ...e, svg: ho });
+Vt.displayName = "IconClose";
+function mo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var nt = { exports: {} };
+var et = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var ot;
+var tt;
 function go() {
-  return ot || (ot = 1, function(e) {
+  return tt || (tt = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
-        for (var n = "", i = 0; i < arguments.length; i++) {
-          var u = arguments[i];
-          u && (n = a(n, o.call(this, u)));
+        for (var n = "", u = 0; u < arguments.length; u++) {
+          var i = arguments[u];
+          i && (n = a(n, o.call(this, i)));
         }
         return n;
       }
@@ -1678,20 +1713,20 @@ function go() {
           return r.apply(this, n);
         if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
           return n.toString();
-        var i = "";
-        for (var u in n)
-          t.call(n, u) && n[u] && (i = a(i, this && this[u] || u));
-        return i;
+        var u = "";
+        for (var i in n)
+          t.call(n, i) && n[i] && (u = a(u, this && this[i] || i));
+        return u;
       }
-      function a(n, i) {
-        return i ? n ? n + " " + i : n + i : n;
+      function a(n, u) {
+        return u ? n ? n + " " + u : n + u : n;
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  }(nt)), nt.exports;
+  })(et)), et.exports;
 }
-var mo = go();
-const _o = /* @__PURE__ */ ho(mo), yo = {
+var _o = go();
+const yo = /* @__PURE__ */ mo(_o), bo = {
   "purpur-paragraph": "_purpur-paragraph_1rh57_1",
   "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
   "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
@@ -1706,84 +1741,90 @@ const _o = /* @__PURE__ */ ho(mo), yo = {
   "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1rh57_60",
   "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
   "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
-}, bo = _o.bind(yo), wo = {
+}, wo = yo.bind(bo), Eo = {
   PARAGRAPH100: "paragraph-100"
-}, q = "purpur-paragraph", Kt = ({
+}, K = "purpur-paragraph", Ht = ({
   children: e,
   className: t,
   disabled: r,
   enableHyphenation: o = !1,
   negative: a = !1,
-  variant: n = wo.PARAGRAPH100,
-  ...i
+  variant: n = Eo.PARAGRAPH100,
+  ...u
 }) => {
-  const u = bo(t, q, `${q}--${n}`, {
-    [`${q}--hyphens`]: o,
-    [`${q}--disabled`]: r,
-    [`${q}--negative`]: a
+  const i = wo(t, K, `${K}--${n}`, {
+    [`${K}--hyphens`]: o,
+    [`${K}--disabled`]: r,
+    [`${K}--negative`]: a
   });
-  return /* @__PURE__ */ d("p", { ...i, className: u, children: e });
+  return /* @__PURE__ */ f("p", { ...u, className: i, children: e });
 };
-Kt.displayName = "Paragraph";
-function at(e, t) {
+Ht.displayName = "Paragraph";
+function rt(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function Eo(...e) {
+function So(...e) {
   return (t) => {
     let r = !1;
     const o = e.map((a) => {
-      const n = at(a, t);
+      const n = rt(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() : at(e[a], null);
+          typeof n == "function" ? n() : rt(e[a], null);
         }
       };
   };
 }
-var Gt = s.forwardRef((e, t) => {
-  const { children: r, ...o } = e, a = s.Children.toArray(r), n = a.find(So);
-  if (n) {
-    const i = n.props.children, u = a.map((p) => p === n ? s.Children.count(i) > 1 ? s.Children.only(null) : s.isValidElement(i) ? i.props.children : null : p);
-    return /* @__PURE__ */ d(Ne, { ...o, ref: t, children: s.isValidElement(i) ? s.cloneElement(i, void 0, u) : null });
-  }
-  return /* @__PURE__ */ d(Ne, { ...o, ref: t, children: r });
-});
-Gt.displayName = "Slot";
-var Ne = s.forwardRef((e, t) => {
-  const { children: r, ...o } = e;
-  if (s.isValidElement(r)) {
-    const a = Po(r), n = No(o, r.props);
-    return r.type !== s.Fragment && (n.ref = t ? Eo(t, a) : a), s.cloneElement(r, n);
-  }
-  return s.Children.count(r) > 1 ? s.Children.only(null) : null;
-});
-Ne.displayName = "SlotClone";
-var Co = ({ children: e }) => /* @__PURE__ */ d(ae, { children: e });
-function So(e) {
-  return s.isValidElement(e) && e.type === Co;
+// @__NO_SIDE_EFFECTS__
+function Co(e) {
+  const t = /* @__PURE__ */ No(e), r = s.forwardRef((o, a) => {
+    const { children: n, ...u } = o, i = s.Children.toArray(n), d = i.find(Oo);
+    if (d) {
+      const c = d.props.children, p = i.map((v) => v === d ? s.Children.count(c) > 1 ? s.Children.only(null) : s.isValidElement(c) ? c.props.children : null : v);
+      return /* @__PURE__ */ f(t, { ...u, ref: a, children: s.isValidElement(c) ? s.cloneElement(c, void 0, p) : null });
+    }
+    return /* @__PURE__ */ f(t, { ...u, ref: a, children: n });
+  });
+  return r.displayName = `${e}.Slot`, r;
+}
+// @__NO_SIDE_EFFECTS__
+function No(e) {
+  const t = s.forwardRef((r, o) => {
+    const { children: a, ...n } = r;
+    if (s.isValidElement(a)) {
+      const u = xo(a), i = Ro(n, a.props);
+      return a.type !== s.Fragment && (i.ref = o ? So(o, u) : u), s.cloneElement(a, i);
+    }
+    return s.Children.count(a) > 1 ? s.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
 }
-function No(e, t) {
+var Po = Symbol("radix.slottable");
+function Oo(e) {
+  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Po;
+}
+function Ro(e, t) {
   const r = { ...t };
   for (const o in t) {
     const a = e[o], n = t[o];
-    /^on[A-Z]/.test(o) ? a && n ? r[o] = (...i) => {
-      n(...i), a(...i);
+    /^on[A-Z]/.test(o) ? a && n ? r[o] = (...u) => {
+      n(...u), a(...u);
     } : a && (r[o] = a) : o === "style" ? r[o] = { ...a, ...n } : o === "className" && (r[o] = [a, n].filter(Boolean).join(" "));
   }
   return { ...e, ...r };
 }
-function Po(e) {
+function xo(e) {
   var t, r;
   let o = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, a = o && "isReactWarning" in o && o.isReactWarning;
   return a ? e.ref : (o = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, a = o && "isReactWarning" in o && o.isReactWarning, a ? e.props.ref : e.props.ref || e.ref);
 }
-var Oo = [
+var Ao = [
   "a",
   "button",
   "div",
@@ -1800,15 +1841,15 @@ var Oo = [
   "span",
   "svg",
   "ul"
-], Ro = Oo.reduce((e, t) => {
-  const r = s.forwardRef((o, a) => {
-    const { asChild: n, ...i } = o, u = n ? Gt : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ d(u, { ...i, ref: a });
+], Do = Ao.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__ */ f(d, { ...i, ref: n });
   });
-  return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
-}, {}), xo = "VisuallyHidden", qt = s.forwardRef(
-  (e, t) => /* @__PURE__ */ d(
-    Ro.span,
+  return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
+}, {}), $o = "VisuallyHidden", zt = s.forwardRef(
+  (e, t) => /* @__PURE__ */ f(
+    Do.span,
     {
       ...e,
       ref: t,
@@ -1829,10 +1870,10 @@ var Oo = [
     }
   )
 );
-qt.displayName = xo;
-var Ao = qt;
-const Do = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ d(Ao, { asChild: e, ...r, children: t });
-function To(e) {
+zt.displayName = $o;
+var To = zt;
+const Mo = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ f(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: {} };
@@ -1841,15 +1882,15 @@ var _e = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var it;
-function $o() {
-  return it || (it = 1, function(e) {
+var nt;
+function Lo() {
+  return nt || (nt = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
-        for (var n = "", i = 0; i < arguments.length; i++) {
-          var u = arguments[i];
-          u && (n = a(n, o.call(this, u)));
+        for (var n = "", u = 0; u < arguments.length; u++) {
+          var i = arguments[u];
+          i && (n = a(n, o.call(this, i)));
         }
         return n;
       }
@@ -1862,22 +1903,22 @@ function $o() {
           return r.apply(this, n);
         if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
           return n.toString();
-        var i = "";
-        for (var u in n)
-          t.call(n, u) && n[u] && (i = a(i, this && this[u] || u));
-        return i;
+        var u = "";
+        for (var i in n)
+          t.call(n, i) && n[i] && (u = a(u, this && this[i] || i));
+        return u;
       }
-      function a(n, i) {
-        return i ? n ? n + " " + i : n + i : n;
+      function a(n, u) {
+        return u ? n ? n + " " + u : n + u : n;
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  }(_e)), _e.exports;
+  })(_e)), _e.exports;
 }
-var Mo = $o();
-const Io = /* @__PURE__ */ To(Mo), Lo = "_fadeIn_4aird_1", Fo = {
+var Fo = Lo();
+const ko = /* @__PURE__ */ Io(Fo), Wo = "_fadeIn_4aird_1", Bo = {
   "purpur-modal-content": "_purpur-modal-content_4aird_1",
-  fadeIn: Lo,
+  fadeIn: Wo,
   "purpur-modal-content__overlay": "_purpur-modal-content__overlay_4aird_30",
   "purpur-modal-content__close-button": "_purpur-modal-content__close-button_4aird_37",
   "purpur-modal-content__wrapper": "_purpur-modal-content__wrapper_4aird_47",
@@ -1895,7 +1936,7 @@ const Io = /* @__PURE__ */ To(Mo), Lo = "_fadeIn_4aird_1", Fo = {
   "purpur-modal-content__actions": "_purpur-modal-content__actions_4aird_123",
   "purpur-modal-content__actions-separator": "_purpur-modal-content__actions-separator_4aird_175",
   "purpur-modal-content--sticky-footer": "_purpur-modal-content--sticky-footer_4aird_185"
-}, ut = (e) => e.showCloseButton === !0, O = Io.bind(Fo), N = "purpur-modal-content", ko = Pe(
+}, ot = (e) => e.showCloseButton === !0, O = ko.bind(Bo), N = "purpur-modal-content", jo = Ce(
   ({
     ["data-testid"]: e,
     actions: t,
@@ -1903,129 +1944,129 @@ const Io = /* @__PURE__ */ To(Mo), Lo = "_fadeIn_4aird_1", Fo = {
     className: o,
     description: a,
     disableCloseOnClickOutside: n,
-    hideDescription: i,
-    image: u,
-    stickyButtons: p = !0,
-    title: l,
-    notification: f = void 0,
+    hideDescription: u,
+    image: i,
+    stickyButtons: d = !0,
+    title: c,
+    notification: p = void 0,
     zIndex: v,
     onCloseAutoFocus: h,
-    ...m
+    ...g
   }, b) => {
-    const { closeButtonAriaLabel: c, showCloseButton: g, ..._ } = m, [S, w] = ye(!1), [E, C] = ye(0), P = be(null), y = be(null), x = O(
+    const { closeButtonAriaLabel: l, showCloseButton: m, ..._ } = g, [w, E] = ye(!1), [S, C] = ye(0), P = be(null), y = be(null), x = O(
       N,
-      { [`${N}--with-image`]: !!u },
-      { [`${N}--overflow`]: S },
-      { [`${N}--sticky-footer`]: p },
+      { [`${N}--with-image`]: !!i },
+      { [`${N}--overflow`]: w },
+      { [`${N}--sticky-footer`]: d },
       o
-    ), R = (D) => e ? `${e} ${D}` : void 0, K = (D) => {
+    ), R = (D) => e ? `${e} ${D}` : void 0, z = (D) => {
       n && D.preventDefault();
-    }, j = Qt(() => {
+    }, B = Yt(() => {
       if (!P.current || !y.current)
         return;
-      const D = window.getComputedStyle(P.current, null), Y = parseFloat(D.getPropertyValue("height")), Zt = y.current.offsetHeight;
-      w(Y < Zt), C(
+      const D = window.getComputedStyle(P.current, null), X = parseFloat(D.getPropertyValue("height")), qt = y.current.offsetHeight;
+      E(X < qt), C(
         (P.current.offsetWidth ?? 0) - (P.current.clientWidth ?? 0)
       );
-    }, []), Yt = () => {
+    }, []), Gt = () => {
       const D = y.current;
       if (D) {
-        const Y = D.querySelector("h2");
-        Y && setTimeout(() => {
-          Y.focus();
+        const X = D.querySelector("h2");
+        X && setTimeout(() => {
+          X.focus();
         });
       }
-    }, Xt = (D) => {
-      n && !g && D.preventDefault();
+    }, Kt = (D) => {
+      n && !m && D.preventDefault();
     };
-    return we(() => (window.addEventListener("resize", j), () => {
-      window.removeEventListener("resize", j);
-    }), [j]), we(() => {
-      j();
-    }, [f, r, j]), /* @__PURE__ */ T(Dn, { children: [
-      /* @__PURE__ */ d(Tn, { className: O(`${N}__overlay`), style: { zIndex: v } }),
-      /* @__PURE__ */ T(
-        $n,
+    return we(() => (window.addEventListener("resize", B), () => {
+      window.removeEventListener("resize", B);
+    }), [B]), we(() => {
+      B();
+    }, [p, r, B]), /* @__PURE__ */ $($n, { children: [
+      /* @__PURE__ */ f(Tn, { className: O(`${N}__overlay`), style: { zIndex: v } }),
+      /* @__PURE__ */ $(
+        Mn,
         {
           ..._,
           className: x,
           "data-testid": e,
           ref: b,
           ...!a && { "aria-describedby": void 0 },
-          onPointerDownOutside: K,
+          onPointerDownOutside: z,
           onOpenAutoFocus: () => {
-            j(), Yt();
+            B(), Gt();
           },
-          onEscapeKeyDown: Xt,
+          onEscapeKeyDown: Kt,
           onCloseAutoFocus: h,
           style: { zIndex: `calc(${v} + 1)` },
           children: [
-            /* @__PURE__ */ T("div", { ref: P, className: O(`${N}__wrapper`), children: [
-              ut(m) && c && u && /* @__PURE__ */ d(
-                st,
+            /* @__PURE__ */ $("div", { ref: P, className: O(`${N}__wrapper`), children: [
+              ot(g) && l && i && /* @__PURE__ */ f(
+                at,
                 {
-                  "aria-label": c,
+                  "aria-label": l,
                   hasImage: !0,
-                  scrollbarWidth: E,
+                  scrollbarWidth: S,
                   "data-testid": R("close-button")
                 }
               ),
-              /* @__PURE__ */ T("div", { ref: y, className: O(`${N}__wrapper-inner`), children: [
-                /* @__PURE__ */ T("div", { className: O(`${N}__header`), children: [
-                  ut(m) && c && !u && /* @__PURE__ */ d(
-                    st,
+              /* @__PURE__ */ $("div", { ref: y, className: O(`${N}__wrapper-inner`), children: [
+                /* @__PURE__ */ $("div", { className: O(`${N}__header`), children: [
+                  ot(g) && l && !i && /* @__PURE__ */ f(
+                    at,
                     {
-                      "aria-label": c,
+                      "aria-label": l,
                       "data-testid": R("close-button")
                     }
                   ),
-                  /* @__PURE__ */ d(
-                    Mn,
+                  /* @__PURE__ */ f(
+                    In,
                     {
                       asChild: !0,
                       className: O(`${N}__title`),
                       "data-testid": R("title"),
-                      children: /* @__PURE__ */ d(Vt, { tag: "h2", variant: "title-200", tabIndex: -1, children: l })
+                      children: /* @__PURE__ */ f(jt, { tag: "h2", variant: "title-200", tabIndex: -1, children: c })
                     }
                   )
                 ] }),
-                u && /* @__PURE__ */ d(
+                i && /* @__PURE__ */ f(
                   "div",
                   {
                     className: O(`${N}__image-wrapper`),
                     "data-testid": R("image"),
-                    children: u
+                    children: i
                   }
                 ),
-                /* @__PURE__ */ d("div", { className: O(`${N}__body`), children: /* @__PURE__ */ T("div", { className: O(`${N}__body-inner`), children: [
-                  a && i && /* @__PURE__ */ d(Do, { asChild: !0, children: /* @__PURE__ */ d(Ke, { "data-testid": R("description"), children: a }) }),
-                  a && !i && /* @__PURE__ */ d(
-                    Ke,
+                /* @__PURE__ */ f("div", { className: O(`${N}__body`), children: /* @__PURE__ */ $("div", { className: O(`${N}__body-inner`), children: [
+                  a && u && /* @__PURE__ */ f(Mo, { asChild: !0, children: /* @__PURE__ */ f(Ve, { "data-testid": R("description"), children: a }) }),
+                  a && !u && /* @__PURE__ */ f(
+                    Ve,
                     {
                       asChild: !0,
                       className: O(`${N}__description`),
                       "data-testid": R("description"),
-                      children: /* @__PURE__ */ d(Kt, { variant: "paragraph-100", children: a })
+                      children: /* @__PURE__ */ f(Ht, { variant: "paragraph-100", children: a })
                     }
                   ),
-                  /* @__PURE__ */ d("div", { children: r }),
-                  !p && /* @__PURE__ */ d(ct, { actions: t, notification: f })
+                  /* @__PURE__ */ f("div", { children: r }),
+                  !d && /* @__PURE__ */ f(it, { actions: t, notification: p })
                 ] }) })
               ] })
             ] }),
-            p && /* @__PURE__ */ d(ct, { actions: t, notification: f })
+            d && /* @__PURE__ */ f(it, { actions: t, notification: p })
           ]
         }
       )
     ] });
   }
-), st = ({
+), at = ({
   ["aria-label"]: e,
   hasImage: t,
   scrollbarWidth: r,
   ["data-testid"]: o
-}) => /* @__PURE__ */ d(In, { asChild: !0, children: /* @__PURE__ */ d(
-  Ut,
+}) => /* @__PURE__ */ f(Ln, { asChild: !0, children: /* @__PURE__ */ f(
+  Bt,
   {
     variant: t ? "primary" : "tertiary-purple",
     negative: t,
@@ -2035,9 +2076,9 @@ const Io = /* @__PURE__ */ To(Mo), Lo = "_fadeIn_4aird_1", Fo = {
     className: O(`${N}__close-button`),
     style: { right: `calc(var(--purpur-spacing-100) + ${r || 0}px)` },
     "data-testid": o,
-    children: /* @__PURE__ */ d(zt, {})
+    children: /* @__PURE__ */ f(Vt, {})
   }
-) }), ct = ({
+) }), it = ({
   actions: e,
   notification: t
 }) => {
@@ -2045,23 +2086,23 @@ const Io = /* @__PURE__ */ To(Mo), Lo = "_fadeIn_4aird_1", Fo = {
   return we(() => {
     var o, a;
     t && ((a = (o = r == null ? void 0 : r.current) == null ? void 0 : o.scrollIntoView) == null || a.call(o, !1));
-  }, [t]), e ? /* @__PURE__ */ T("div", { className: O(`${N}__actions`), children: [
-    /* @__PURE__ */ d("div", { className: O(`${N}__actions-buttons`), "data-testid": "modal actions", children: e }),
-    t && /* @__PURE__ */ d("div", { className: O(`${N}__notification`), ref: r, children: t }),
-    /* @__PURE__ */ d("span", { className: O(`${N}__actions-separator`) })
+  }, [t]), e ? /* @__PURE__ */ $("div", { className: O(`${N}__actions`), children: [
+    /* @__PURE__ */ f("div", { className: O(`${N}__actions-buttons`), "data-testid": "modal actions", children: e }),
+    t && /* @__PURE__ */ f("div", { className: O(`${N}__notification`), ref: r, children: t }),
+    /* @__PURE__ */ f("span", { className: O(`${N}__actions-separator`) })
   ] }) : null;
-}, Wo = Pe(
-  ({ children: e, ...t }, r) => /* @__PURE__ */ d(An, { asChild: !0, ref: r, ...t, children: e })
-), Te = ({
+}, Uo = Ce(
+  ({ children: e, ...t }, r) => /* @__PURE__ */ f(Dn, { asChild: !0, ref: r, ...t, children: e })
+), Re = ({
   ["data-testid"]: e,
   children: t,
   open: r,
   onOpenChange: o
-}) => /* @__PURE__ */ d(xn, { open: r, onOpenChange: o, "data-testid": e, children: t });
-Te.Trigger = Wo;
-Te.Content = ko;
-Te.displayName = "Modal";
+}) => /* @__PURE__ */ f(An, { open: r, onOpenChange: o, "data-testid": e, children: t });
+Re.Trigger = Uo;
+Re.Content = jo;
+Re.displayName = "Modal";
 export {
-  Te as Modal
+  Re as Modal
 };
 //# sourceMappingURL=modal.es.js.map