@purpurds/drawer 8.2.1 → 8.2.3

package/dist/drawer.es.js

@@ -1,39 +1,39 @@
-import { jsx as f, Fragment as B, jsxs as D } from "react/jsx-runtime";
+import { jsx as f, jsxs as D, Fragment as te } from "react/jsx-runtime";
 import * as c from "react";
-import Ie, { useState as Ot, createContext as Lt, forwardRef as j, useRef as $t, useContext as Mt, useEffect as It } from "react";
-import * as kt from "react-dom";
-import Wt from "react-dom";
-function R(e, r, { checkForDefaultPrevented: t = !0 } = {}) {
+import ke, { useState as At, createContext as Dt, forwardRef as B, useRef as Tt, useContext as Ot, useEffect as Lt } from "react";
+import * as $t from "react-dom";
+import Mt from "react-dom";
+function A(e, r, { checkForDefaultPrevented: t = !0 } = {}) {
   return function(a) {
     if (e == null || e(a), t === !1 || !a.defaultPrevented)
       return r == null ? void 0 : r(a);
   };
 }
-function nr(e, r) {
+function er(e, r) {
   if (typeof e == "function")
     return e(r);
   e != null && (e.current = r);
 }
-function Tr(...e) {
+function Nr(...e) {
   return (r) => {
     let t = !1;
     const o = e.map((a) => {
-      const n = nr(a, r);
+      const n = er(a, r);
       return !t && typeof n == "function" && (t = !0), n;
     });
     if (t)
       return () => {
         for (let a = 0; a < o.length; a++) {
           const n = o[a];
-          typeof n == "function" ? n() : nr(e[a], null);
+          typeof n == "function" ? n() : er(e[a], null);
         }
       };
   };
 }
-function L(...e) {
-  return c.useCallback(Tr(...e), e);
+function O(...e) {
+  return c.useCallback(Nr(...e), e);
 }
-function Ft(e, r) {
+function It(e, r) {
   const t = c.createContext(r), o = (n) => {
     const { children: s, ...i } = n, u = c.useMemo(() => i, Object.values(i));
     return /* @__PURE__ */ f(t.Provider, { value: u, children: s });
@@ -47,7 +47,7 @@ function Ft(e, r) {
   }
   return [o, a];
 }
-function Or(e, r = []) {
+function Ar(e, r = []) {
   let t = [];
   function o(n, s) {
     const i = c.createContext(s), u = t.length;
@@ -77,9 +77,9 @@ function Or(e, r = []) {
       );
     };
   };
-  return a.scopeName = e, [o, Ut(a, ...r)];
+  return a.scopeName = e, [o, kt(a, ...r)];
 }
-function Ut(...e) {
+function kt(...e) {
   const r = e[0];
   if (e.length === 1) return r;
   const t = () => {
@@ -97,79 +97,99 @@ function Ut(...e) {
   };
   return t.scopeName = r.scopeName, t;
 }
-var se = globalThis != null && globalThis.document ? c.useLayoutEffect : () => {
-}, Ht = c.useId || (() => {
-}), Bt = 0;
-function Pe(e) {
-  const [r, t] = c.useState(Ht());
-  return se(() => {
-    t((o) => o ?? String(Bt++));
+var ne = globalThis != null && globalThis.document ? c.useLayoutEffect : () => {
+}, Wt = c[" useId ".trim().toString()] || (() => {
+}), Ft = 0;
+function xe(e) {
+  const [r, t] = c.useState(Wt());
+  return ne(() => {
+    t((o) => o ?? String(Ft++));
   }, [e]), e || (r ? `radix-${r}` : "");
 }
-function T(e) {
-  const r = c.useRef(e);
-  return c.useEffect(() => {
-    r.current = e;
-  }), c.useMemo(() => (...t) => {
-    var o;
-    return (o = r.current) == null ? void 0 : o.call(r, ...t);
-  }, []);
-}
-function jt({
+var Ut = c[" useInsertionEffect ".trim().toString()] || ne;
+function Ht({
   prop: e,
   defaultProp: r,
   onChange: t = () => {
-  }
+  },
+  caller: o
 }) {
-  const [o, a] = zt({ defaultProp: r, onChange: t }), n = e !== void 0, s = n ? e : o, i = T(t), u = c.useCallback(
-    (l) => {
-      if (n) {
-        const p = typeof l == "function" ? l(e) : l;
-        p !== e && i(p);
+  const [a, n, s] = Bt({
+    defaultProp: r,
+    onChange: t
+  }), i = e !== void 0, u = i ? e : a;
+  {
+    const d = c.useRef(e !== void 0);
+    c.useEffect(() => {
+      const p = d.current;
+      p !== i && console.warn(
+        `${o} is changing from ${p ? "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.`
+      ), d.current = i;
+    }, [i, o]);
+  }
+  const l = c.useCallback(
+    (d) => {
+      var p;
+      if (i) {
+        const h = jt(d) ? d(e) : d;
+        h !== e && ((p = s.current) == null || p.call(s, h));
       } else
-        a(l);
+        n(d);
     },
-    [n, e, a, i]
+    [i, e, n, s]
   );
-  return [s, u];
+  return [u, l];
 }
-function zt({
+function Bt({
   defaultProp: e,
   onChange: r
 }) {
-  const t = c.useState(e), [o] = t, a = c.useRef(o), n = T(r);
-  return c.useEffect(() => {
-    a.current !== o && (n(o), a.current = o);
-  }, [o, a, n]), t;
-}
-var Ve = c.forwardRef((e, r) => {
-  const { children: t, ...o } = e, a = c.Children.toArray(t), n = a.find(Yt);
-  if (n) {
-    const s = n.props.children, i = a.map((u) => u === n ? c.Children.count(s) > 1 ? c.Children.only(null) : c.isValidElement(s) ? s.props.children : null : u);
-    return /* @__PURE__ */ f(ke, { ...o, ref: r, children: c.isValidElement(s) ? c.cloneElement(s, void 0, i) : null });
-  }
-  return /* @__PURE__ */ f(ke, { ...o, ref: r, children: t });
-});
-Ve.displayName = "Slot";
-var ke = c.forwardRef((e, r) => {
-  const { children: t, ...o } = e;
-  if (c.isValidElement(t)) {
-    const a = qt(t), n = Xt(o, t.props);
-    return t.type !== c.Fragment && (n.ref = r ? Tr(r, a) : a), c.cloneElement(t, n);
-  }
-  return c.Children.count(t) > 1 ? c.Children.only(null) : null;
-});
-ke.displayName = "SlotClone";
-var Vt = ({ children: e }) => /* @__PURE__ */ f(B, { children: e });
+  const [t, o] = c.useState(e), a = c.useRef(t), n = c.useRef(r);
+  return Ut(() => {
+    n.current = r;
+  }, [r]), c.useEffect(() => {
+    var s;
+    a.current !== t && ((s = n.current) == null || s.call(n, t), a.current = t);
+  }, [t, a]), [t, o, n];
+}
+function jt(e) {
+  return typeof e == "function";
+}
+// @__NO_SIDE_EFFECTS__
+function Dr(e) {
+  const r = /* @__PURE__ */ Vt(e), t = c.forwardRef((o, a) => {
+    const { children: n, ...s } = o, i = c.Children.toArray(n), u = i.find(Yt);
+    if (u) {
+      const l = u.props.children, d = i.map((p) => p === u ? c.Children.count(l) > 1 ? c.Children.only(null) : c.isValidElement(l) ? l.props.children : null : p);
+      return /* @__PURE__ */ f(r, { ...s, ref: a, children: c.isValidElement(l) ? c.cloneElement(l, void 0, d) : null });
+    }
+    return /* @__PURE__ */ f(r, { ...s, ref: a, children: n });
+  });
+  return t.displayName = `${e}.Slot`, t;
+}
+// @__NO_SIDE_EFFECTS__
+function Vt(e) {
+  const r = c.forwardRef((t, o) => {
+    const { children: a, ...n } = t;
+    if (c.isValidElement(a)) {
+      const s = qt(a), i = Xt(n, a.props);
+      return a.type !== c.Fragment && (i.ref = o ? Nr(o, s) : s), c.cloneElement(a, i);
+    }
+    return c.Children.count(a) > 1 ? c.Children.only(null) : null;
+  });
+  return r.displayName = `${e}.SlotClone`, r;
+}
+var zt = Symbol("radix.slottable");
 function Yt(e) {
-  return c.isValidElement(e) && e.type === Vt;
+  return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === zt;
 }
 function Xt(e, r) {
   const t = { ...r };
   for (const o in r) {
     const a = e[o], n = r[o];
     /^on[A-Z]/.test(o) ? a && n ? t[o] = (...i) => {
-      n(...i), a(...i);
+      const u = n(...i);
+      return a(...i), u;
     } : a && (t[o] = a) : o === "style" ? t[o] = { ...a, ...n } : o === "className" && (t[o] = [a, n].filter(Boolean).join(" "));
   }
   return { ...e, ...t };
@@ -193,21 +213,31 @@ var Gt = [
   "nav",
   "ol",
   "p",
+  "select",
   "span",
   "svg",
   "ul"
-], O = Gt.reduce((e, r) => {
-  const t = c.forwardRef((o, a) => {
-    const { asChild: n, ...s } = o, i = n ? Ve : r;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(i, { ...s, ref: a });
+], T = Gt.reduce((e, r) => {
+  const t = /* @__PURE__ */ Dr(`Primitive.${r}`), o = c.forwardRef((a, n) => {
+    const { asChild: s, ...i } = a, u = s ? t : r;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(u, { ...i, ref: n });
   });
-  return t.displayName = `Primitive.${r}`, { ...e, [r]: t };
+  return o.displayName = `Primitive.${r}`, { ...e, [r]: o };
 }, {});
 function Kt(e, r) {
-  e && kt.flushSync(() => e.dispatchEvent(r));
+  e && $t.flushSync(() => e.dispatchEvent(r));
+}
+function L(e) {
+  const r = c.useRef(e);
+  return c.useEffect(() => {
+    r.current = e;
+  }), c.useMemo(() => (...t) => {
+    var o;
+    return (o = r.current) == null ? void 0 : o.call(r, ...t);
+  }, []);
 }
 function Zt(e, r = globalThis == null ? void 0 : globalThis.document) {
-  const t = T(e);
+  const t = L(e);
   c.useEffect(() => {
     const o = (a) => {
       a.key === "Escape" && t(a);
@@ -215,11 +245,11 @@ function Zt(e, r = globalThis == null ? void 0 : globalThis.document) {
     return r.addEventListener("keydown", o, { capture: !0 }), () => r.removeEventListener("keydown", o, { capture: !0 });
   }, [t, r]);
 }
-var Qt = "DismissableLayer", We = "dismissableLayer.update", Jt = "dismissableLayer.pointerDownOutside", en = "dismissableLayer.focusOutside", or, Lr = c.createContext({
+var Qt = "DismissableLayer", We = "dismissableLayer.update", Jt = "dismissableLayer.pointerDownOutside", en = "dismissableLayer.focusOutside", rr, Tr = c.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), $r = c.forwardRef(
+}), Or = c.forwardRef(
   (e, r) => {
     const {
       disableOutsidePointerEvents: t = !1,
@@ -229,37 +259,37 @@ var Qt = "DismissableLayer", We = "dismissableLayer.update", Jt = "dismissableLa
       onInteractOutside: s,
       onDismiss: i,
       ...u
-    } = e, l = c.useContext(Lr), [d, p] = c.useState(null), h = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = c.useState({}), w = L(r, (S) => p(S)), v = Array.from(l.layers), [g] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), _ = v.indexOf(g), E = d ? v.indexOf(d) : -1, y = l.layersWithOutsidePointerEventsDisabled.size > 0, b = E >= _, C = nn((S) => {
-      const N = S.target, P = [...l.branches].some((A) => A.contains(N));
-      !b || P || (a == null || a(S), s == null || s(S), S.defaultPrevented || i == null || i());
+    } = e, l = c.useContext(Tr), [d, p] = c.useState(null), h = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = c.useState({}), w = O(r, (S) => p(S)), v = Array.from(l.layers), [g] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), _ = v.indexOf(g), b = d ? v.indexOf(d) : -1, E = l.layersWithOutsidePointerEventsDisabled.size > 0, y = b >= _, C = nn((S) => {
+      const N = S.target, P = [...l.branches].some((R) => R.contains(N));
+      !y || P || (a == null || a(S), s == null || s(S), S.defaultPrevented || i == null || i());
     }, h), x = on((S) => {
       const N = S.target;
-      [...l.branches].some((A) => A.contains(N)) || (n == null || n(S), s == null || s(S), S.defaultPrevented || i == null || i());
+      [...l.branches].some((R) => R.contains(N)) || (n == null || n(S), s == null || s(S), S.defaultPrevented || i == null || i());
     }, h);
     return Zt((S) => {
-      E === l.layers.size - 1 && (o == null || o(S), !S.defaultPrevented && i && (S.preventDefault(), i()));
+      b === l.layers.size - 1 && (o == null || o(S), !S.defaultPrevented && i && (S.preventDefault(), i()));
     }, h), c.useEffect(() => {
       if (d)
-        return t && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (or = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(d)), l.layers.add(d), ar(), () => {
-          t && l.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = or);
+        return t && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (rr = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(d)), l.layers.add(d), tr(), () => {
+          t && l.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = rr);
         };
     }, [d, h, t, l]), c.useEffect(() => () => {
-      d && (l.layers.delete(d), l.layersWithOutsidePointerEventsDisabled.delete(d), ar());
+      d && (l.layers.delete(d), l.layersWithOutsidePointerEventsDisabled.delete(d), tr());
     }, [d, l]), c.useEffect(() => {
       const S = () => m({});
       return document.addEventListener(We, S), () => document.removeEventListener(We, S);
     }, []), /* @__PURE__ */ f(
-      O.div,
+      T.div,
       {
         ...u,
         ref: w,
         style: {
-          pointerEvents: y ? b ? "auto" : "none" : void 0,
+          pointerEvents: E ? y ? "auto" : "none" : void 0,
           ...e.style
         },
-        onFocusCapture: R(e.onFocusCapture, x.onFocusCapture),
-        onBlurCapture: R(e.onBlurCapture, x.onBlurCapture),
-        onPointerDownCapture: R(
+        onFocusCapture: A(e.onFocusCapture, x.onFocusCapture),
+        onBlurCapture: A(e.onBlurCapture, x.onBlurCapture),
+        onPointerDownCapture: A(
           e.onPointerDownCapture,
           C.onPointerDownCapture
         )
@@ -267,26 +297,26 @@ var Qt = "DismissableLayer", We = "dismissableLayer.update", Jt = "dismissableLa
     );
   }
 );
-$r.displayName = Qt;
+Or.displayName = Qt;
 var rn = "DismissableLayerBranch", tn = c.forwardRef((e, r) => {
-  const t = c.useContext(Lr), o = c.useRef(null), a = L(r, o);
+  const t = c.useContext(Tr), o = c.useRef(null), a = O(r, o);
   return c.useEffect(() => {
     const n = o.current;
     if (n)
       return t.branches.add(n), () => {
         t.branches.delete(n);
       };
-  }, [t.branches]), /* @__PURE__ */ f(O.div, { ...e, ref: a });
+  }, [t.branches]), /* @__PURE__ */ f(T.div, { ...e, ref: a });
 });
 tn.displayName = rn;
 function nn(e, r = globalThis == null ? void 0 : globalThis.document) {
-  const t = T(e), o = c.useRef(!1), a = c.useRef(() => {
+  const t = L(e), o = c.useRef(!1), a = c.useRef(() => {
   });
   return c.useEffect(() => {
     const n = (i) => {
       if (i.target && !o.current) {
         let u = function() {
-          Mr(
+          Lr(
             Jt,
             t,
             l,
@@ -310,10 +340,10 @@ function nn(e, r = globalThis == null ? void 0 : globalThis.document) {
   };
 }
 function on(e, r = globalThis == null ? void 0 : globalThis.document) {
-  const t = T(e), o = c.useRef(!1);
+  const t = L(e), o = c.useRef(!1);
   return c.useEffect(() => {
     const a = (n) => {
-      n.target && !o.current && Mr(en, t, { originalEvent: n }, {
+      n.target && !o.current && Lr(en, t, { originalEvent: n }, {
         discrete: !1
       });
     };
@@ -323,22 +353,22 @@ function on(e, r = globalThis == null ? void 0 : globalThis.document) {
     onBlurCapture: () => o.current = !1
   };
 }
-function ar() {
+function tr() {
   const e = new CustomEvent(We);
   document.dispatchEvent(e);
 }
-function Mr(e, r, t, { discrete: o }) {
+function Lr(e, r, t, { discrete: o }) {
   const a = t.originalEvent.target, n = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: t });
   r && a.addEventListener(e, r, { once: !0 }), o ? Kt(a, n) : a.dispatchEvent(n);
 }
-var xe = "focusScope.autoFocusOnMount", Ae = "focusScope.autoFocusOnUnmount", ir = { bubbles: !1, cancelable: !0 }, an = "FocusScope", Ir = c.forwardRef((e, r) => {
+var Re = "focusScope.autoFocusOnMount", Ne = "focusScope.autoFocusOnUnmount", nr = { bubbles: !1, cancelable: !0 }, an = "FocusScope", $r = c.forwardRef((e, r) => {
   const {
     loop: t = !1,
     trapped: o = !1,
     onMountAutoFocus: a,
     onUnmountAutoFocus: n,
     ...s
-  } = e, [i, u] = c.useState(null), l = T(a), d = T(n), p = c.useRef(null), h = L(r, (v) => u(v)), m = c.useRef({
+  } = e, [i, u] = c.useState(null), l = L(a), d = L(n), p = c.useRef(null), h = O(r, (v) => u(v)), m = c.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -349,37 +379,37 @@ var xe = "focusScope.autoFocusOnMount", Ae = "focusScope.autoFocusOnUnmount", ir
   }).current;
   c.useEffect(() => {
     if (o) {
-      let v = function(y) {
+      let v = function(E) {
         if (m.paused || !i) return;
-        const b = y.target;
-        i.contains(b) ? p.current = b : H(p.current, { select: !0 });
-      }, g = function(y) {
+        const y = E.target;
+        i.contains(y) ? p.current = y : H(p.current, { select: !0 });
+      }, g = function(E) {
         if (m.paused || !i) return;
-        const b = y.relatedTarget;
-        b !== null && (i.contains(b) || H(p.current, { select: !0 }));
-      }, _ = function(y) {
+        const y = E.relatedTarget;
+        y !== null && (i.contains(y) || H(p.current, { select: !0 }));
+      }, _ = function(E) {
         if (document.activeElement === document.body)
-          for (const C of y)
+          for (const C of E)
             C.removedNodes.length > 0 && H(i);
       };
       document.addEventListener("focusin", v), document.addEventListener("focusout", g);
-      const E = new MutationObserver(_);
-      return i && E.observe(i, { childList: !0, subtree: !0 }), () => {
-        document.removeEventListener("focusin", v), document.removeEventListener("focusout", g), E.disconnect();
+      const b = new MutationObserver(_);
+      return i && b.observe(i, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", v), document.removeEventListener("focusout", g), b.disconnect();
       };
     }
   }, [o, i, m.paused]), c.useEffect(() => {
     if (i) {
-      cr.add(m);
+      ar.add(m);
       const v = document.activeElement;
       if (!i.contains(v)) {
-        const _ = new CustomEvent(xe, ir);
-        i.addEventListener(xe, l), i.dispatchEvent(_), _.defaultPrevented || (sn(fn(kr(i)), { select: !0 }), document.activeElement === v && H(i));
+        const _ = new CustomEvent(Re, nr);
+        i.addEventListener(Re, l), i.dispatchEvent(_), _.defaultPrevented || (sn(fn(Mr(i)), { select: !0 }), document.activeElement === v && H(i));
       }
       return () => {
-        i.removeEventListener(xe, l), setTimeout(() => {
-          const _ = new CustomEvent(Ae, ir);
-          i.addEventListener(Ae, d), i.dispatchEvent(_), _.defaultPrevented || H(v ?? document.body, { select: !0 }), i.removeEventListener(Ae, d), cr.remove(m);
+        i.removeEventListener(Re, l), setTimeout(() => {
+          const _ = new CustomEvent(Ne, nr);
+          i.addEventListener(Ne, d), i.dispatchEvent(_), _.defaultPrevented || H(v ?? document.body, { select: !0 }), i.removeEventListener(Ne, d), ar.remove(m);
         }, 0);
       };
     }
@@ -389,25 +419,25 @@ var xe = "focusScope.autoFocusOnMount", Ae = "focusScope.autoFocusOnUnmount", ir
       if (!t && !o || m.paused) return;
       const g = v.key === "Tab" && !v.altKey && !v.ctrlKey && !v.metaKey, _ = document.activeElement;
       if (g && _) {
-        const E = v.currentTarget, [y, b] = cn(E);
-        y && b ? !v.shiftKey && _ === b ? (v.preventDefault(), t && H(y, { select: !0 })) : v.shiftKey && _ === y && (v.preventDefault(), t && H(b, { select: !0 })) : _ === E && v.preventDefault();
+        const b = v.currentTarget, [E, y] = cn(b);
+        E && y ? !v.shiftKey && _ === y ? (v.preventDefault(), t && H(E, { select: !0 })) : v.shiftKey && _ === E && (v.preventDefault(), t && H(y, { select: !0 })) : _ === b && v.preventDefault();
       }
     },
     [t, o, m.paused]
   );
-  return /* @__PURE__ */ f(O.div, { tabIndex: -1, ...s, ref: h, onKeyDown: w });
+  return /* @__PURE__ */ f(T.div, { tabIndex: -1, ...s, ref: h, onKeyDown: w });
 });
-Ir.displayName = an;
+$r.displayName = an;
 function sn(e, { select: r = !1 } = {}) {
   const t = document.activeElement;
   for (const o of e)
     if (H(o, { select: r }), document.activeElement !== t) return;
 }
 function cn(e) {
-  const r = kr(e), t = sr(r, e), o = sr(r.reverse(), e);
+  const r = Mr(e), t = or(r, e), o = or(r.reverse(), e);
   return [t, o];
 }
-function kr(e) {
+function Mr(e) {
   const r = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (o) => {
       const a = o.tagName === "INPUT" && o.type === "hidden";
@@ -417,7 +447,7 @@ function kr(e) {
   for (; t.nextNode(); ) r.push(t.currentNode);
   return r;
 }
-function sr(e, r) {
+function or(e, r) {
   for (const t of e)
     if (!ln(t, { upTo: r })) return t;
 }
@@ -439,45 +469,45 @@ function H(e, { select: r = !1 } = {}) {
     e.focus({ preventScroll: !0 }), e !== t && un(e) && r && e.select();
   }
 }
-var cr = dn();
+var ar = dn();
 function dn() {
   let e = [];
   return {
     add(r) {
       const t = e[0];
-      r !== t && (t == null || t.pause()), e = lr(e, r), e.unshift(r);
+      r !== t && (t == null || t.pause()), e = ir(e, r), e.unshift(r);
     },
     remove(r) {
       var t;
-      e = lr(e, r), (t = e[0]) == null || t.resume();
+      e = ir(e, r), (t = e[0]) == null || t.resume();
     }
   };
 }
-function lr(e, r) {
+function ir(e, r) {
   const t = [...e], o = t.indexOf(r);
   return o !== -1 && t.splice(o, 1), t;
 }
 function fn(e) {
   return e.filter((r) => r.tagName !== "A");
 }
-var pn = "Portal", Wr = c.forwardRef((e, r) => {
+var pn = "Portal", Ir = c.forwardRef((e, r) => {
   var i;
   const { container: t, ...o } = e, [a, n] = c.useState(!1);
-  se(() => n(!0), []);
+  ne(() => n(!0), []);
   const s = t || a && ((i = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : i.body);
-  return s ? Wt.createPortal(/* @__PURE__ */ f(O.div, { ...o, ref: r }), s) : null;
+  return s ? Mt.createPortal(/* @__PURE__ */ f(T.div, { ...o, ref: r }), s) : null;
 });
-Wr.displayName = pn;
+Ir.displayName = pn;
 function hn(e, r) {
   return c.useReducer((t, o) => r[t][o] ?? t, e);
 }
-var z = (e) => {
-  const { present: r, children: t } = e, o = vn(r), a = typeof t == "function" ? t({ present: o.isPresent }) : c.Children.only(t), n = L(o.ref, mn(a));
+var j = (e) => {
+  const { present: r, children: t } = e, o = vn(r), a = typeof t == "function" ? t({ present: o.isPresent }) : c.Children.only(t), n = O(o.ref, mn(a));
   return typeof t == "function" || o.isPresent ? c.cloneElement(a, { ref: n }) : null;
 };
-z.displayName = "Presence";
+j.displayName = "Presence";
 function vn(e) {
-  const [r, t] = c.useState(), o = c.useRef({}), a = c.useRef(e), n = c.useRef("none"), s = e ? "mounted" : "unmounted", [i, u] = hn(s, {
+  const [r, t] = c.useState(), o = c.useRef(null), a = c.useRef(e), n = c.useRef("none"), s = e ? "mounted" : "unmounted", [i, u] = hn(s, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -493,17 +523,17 @@ function vn(e) {
   return c.useEffect(() => {
     const l = le(o.current);
     n.current = i === "mounted" ? l : "none";
-  }, [i]), se(() => {
+  }, [i]), ne(() => {
     const l = o.current, d = a.current;
     if (d !== e) {
       const h = n.current, m = le(l);
       e ? u("MOUNT") : m === "none" || (l == null ? void 0 : l.display) === "none" ? u("UNMOUNT") : u(d && h !== m ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
     }
-  }, [e, u]), se(() => {
+  }, [e, u]), ne(() => {
     if (r) {
       let l;
       const d = r.ownerDocument.defaultView ?? window, p = (m) => {
-        const v = le(o.current).includes(m.animationName);
+        const v = le(o.current).includes(CSS.escape(m.animationName));
         if (m.target === r && v && (u("ANIMATION_END"), !a.current)) {
           const g = r.style.animationFillMode;
           r.style.animationFillMode = "forwards", l = d.setTimeout(() => {
@@ -521,7 +551,7 @@ function vn(e) {
   }, [r, u]), {
     isPresent: ["mounted", "unmountSuspended"].includes(i),
     ref: c.useCallback((l) => {
-      l && (o.current = getComputedStyle(l)), t(l);
+      o.current = l ? getComputedStyle(l) : null, t(l);
     }, [])
   };
 }
@@ -533,16 +563,16 @@ function mn(e) {
   let r = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, t = r && "isReactWarning" in r && r.isReactWarning;
   return t ? e.ref : (r = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, t = r && "isReactWarning" in r && r.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
 }
-var Ne = 0;
+var Ae = 0;
 function gn() {
   c.useEffect(() => {
     const e = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", e[0] ?? ur()), document.body.insertAdjacentElement("beforeend", e[1] ?? ur()), Ne++, () => {
-      Ne === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((r) => r.remove()), Ne--;
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? sr()), document.body.insertAdjacentElement("beforeend", e[1] ?? sr()), Ae++, () => {
+      Ae === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((r) => r.remove()), Ae--;
     };
   }, []);
 }
-function ur() {
+function sr() {
   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;
 }
@@ -555,7 +585,7 @@ var k = function() {
     return r;
   }, k.apply(this, arguments);
 };
-function Fr(e, r) {
+function kr(e, r) {
   var t = {};
   for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -569,11 +599,11 @@ function _n(e, r, t) {
   return e.concat(n || Array.prototype.slice.call(r));
 }
 var ge = "right-scroll-bar-position", _e = "width-before-scroll-bar", wn = "with-scroll-bars-hidden", bn = "--removed-body-scroll-bar-size";
-function Re(e, r) {
+function De(e, r) {
   return typeof e == "function" ? e(r) : e && (e.current = r), e;
 }
 function yn(e, r) {
-  var t = Ot(function() {
+  var t = At(function() {
     return {
       // value
       value: e,
@@ -593,24 +623,24 @@ function yn(e, r) {
   })[0];
   return t.callback = r, t.facade;
 }
-var Sn = typeof window < "u" ? c.useLayoutEffect : c.useEffect, dr = /* @__PURE__ */ new WeakMap();
+var Sn = typeof window < "u" ? c.useLayoutEffect : c.useEffect, cr = /* @__PURE__ */ new WeakMap();
 function En(e, r) {
   var t = yn(null, function(o) {
     return e.forEach(function(a) {
-      return Re(a, o);
+      return De(a, o);
     });
   });
   return Sn(function() {
-    var o = dr.get(t);
+    var o = cr.get(t);
     if (o) {
       var a = new Set(o), n = new Set(e), s = t.current;
       a.forEach(function(i) {
-        n.has(i) || Re(i, null);
+        n.has(i) || De(i, null);
       }), n.forEach(function(i) {
-        a.has(i) || Re(i, s);
+        a.has(i) || De(i, s);
       });
     }
-    dr.set(t, e);
+    cr.set(t, e);
   }, [e]), t;
 }
 function Cn(e) {
@@ -676,8 +706,8 @@ function xn(e) {
   var r = Pn(null);
   return r.options = k({ async: !0, ssr: !1 }, e), r;
 }
-var Ur = function(e) {
-  var r = e.sideCar, t = Fr(e, ["sideCar"]);
+var Wr = function(e) {
+  var r = e.sideCar, t = kr(e, ["sideCar"]);
   if (!r)
     throw new Error("Sidecar: please provide `sideCar` property to import the right car");
   var o = r.read();
@@ -685,22 +715,22 @@ var Ur = function(e) {
     throw new Error("Sidecar medium not found");
   return c.createElement(o, k({}, t));
 };
-Ur.isSideCarExport = !0;
-function An(e, r) {
-  return e.useMedium(r), Ur;
+Wr.isSideCarExport = !0;
+function Rn(e, r) {
+  return e.useMedium(r), Wr;
 }
-var Hr = xn(), De = function() {
+var Fr = xn(), Te = function() {
 }, Se = c.forwardRef(function(e, r) {
   var t = c.useRef(null), o = c.useState({
-    onScrollCapture: De,
-    onWheelCapture: De,
-    onTouchMoveCapture: De
-  }), a = o[0], n = o[1], s = e.forwardProps, i = e.children, u = e.className, l = e.removeScrollBar, d = e.enabled, p = e.shards, h = e.sideCar, m = e.noIsolation, w = e.inert, v = e.allowPinchZoom, g = e.as, _ = g === void 0 ? "div" : g, E = e.gapMode, y = Fr(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), b = h, C = En([t, r]), x = k(k({}, y), a);
+    onScrollCapture: Te,
+    onWheelCapture: Te,
+    onTouchMoveCapture: Te
+  }), a = o[0], n = o[1], s = e.forwardProps, i = e.children, u = e.className, l = e.removeScrollBar, d = e.enabled, p = e.shards, h = e.sideCar, m = e.noRelative, w = e.noIsolation, v = e.inert, g = e.allowPinchZoom, _ = e.as, b = _ === void 0 ? "div" : _, E = e.gapMode, y = kr(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), C = h, x = En([t, r]), S = k(k({}, y), a);
   return c.createElement(
     c.Fragment,
     null,
-    d && c.createElement(b, { sideCar: Hr, removeScrollBar: l, shards: p, noIsolation: m, inert: w, setCallbacks: n, allowPinchZoom: !!v, lockRef: t, gapMode: E }),
-    s ? c.cloneElement(c.Children.only(i), k(k({}, x), { ref: C })) : c.createElement(_, k({}, x, { className: u, ref: C }), i)
+    d && c.createElement(C, { sideCar: Fr, removeScrollBar: l, shards: p, noRelative: m, noIsolation: w, inert: v, setCallbacks: n, allowPinchZoom: !!g, lockRef: t, gapMode: E }),
+    s ? c.cloneElement(c.Children.only(i), k(k({}, S), { ref: x })) : c.createElement(b, k({}, S, { className: u, ref: x }), i)
   );
 });
 Se.defaultProps = {
@@ -716,7 +746,7 @@ var Nn = function() {
   if (typeof __webpack_nonce__ < "u")
     return __webpack_nonce__;
 };
-function Rn() {
+function An() {
   if (!document)
     return null;
   var e = document.createElement("style");
@@ -735,7 +765,7 @@ var On = function() {
   var e = 0, r = null;
   return {
     add: function(t) {
-      e == 0 && (r = Rn()) && (Dn(r, t), Tn(r)), e++;
+      e == 0 && (r = An()) && (Dn(r, t), Tn(r)), e++;
     },
     remove: function() {
       e--, !e && r && (r.parentNode && r.parentNode.removeChild(r), r = null);
@@ -750,7 +780,7 @@ var On = function() {
       };
     }, [r && t]);
   };
-}, Br = function() {
+}, Ur = function() {
   var e = Ln(), r = function(t) {
     var o = t.styles, a = t.dynamic;
     return e(o, a), null;
@@ -761,11 +791,11 @@ var On = function() {
   top: 0,
   right: 0,
   gap: 0
-}, Te = function(e) {
+}, Oe = function(e) {
   return parseInt(e || "", 10) || 0;
 }, Mn = function(e) {
   var r = window.getComputedStyle(document.body), t = r[e === "padding" ? "paddingLeft" : "marginLeft"], o = r[e === "padding" ? "paddingTop" : "marginTop"], a = r[e === "padding" ? "paddingRight" : "marginRight"];
-  return [Te(t), Te(o), Te(a)];
+  return [Oe(t), Oe(o), Oe(a)];
 }, In = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
     return $n;
@@ -776,14 +806,14 @@ var On = function() {
     right: r[2],
     gap: Math.max(0, o - t + r[2] - r[0])
   };
-}, kn = Br(), te = "data-scroll-locked", Wn = function(e, r, t, o) {
+}, kn = Ur(), re = "data-scroll-locked", Wn = function(e, r, t, o) {
   var a = e.left, n = e.top, s = e.right, i = e.gap;
   return t === void 0 && (t = "margin"), `
   .`.concat(wn, ` {
    overflow: hidden `).concat(o, `;
    padding-right: `).concat(i, "px ").concat(o, `;
   }
-  body[`).concat(te, `] {
+  body[`).concat(re, `] {
     overflow: hidden `).concat(o, `;
     overscroll-behavior: contain;
     `).concat([
@@ -816,18 +846,18 @@ var On = function() {
     margin-right: 0 `).concat(o, `;
   }
   
-  body[`).concat(te, `] {
+  body[`).concat(re, `] {
     `).concat(bn, ": ").concat(i, `px;
   }
 `);
-}, fr = function() {
-  var e = parseInt(document.body.getAttribute(te) || "0", 10);
+}, lr = function() {
+  var e = parseInt(document.body.getAttribute(re) || "0", 10);
   return isFinite(e) ? e : 0;
 }, Fn = function() {
   c.useEffect(function() {
-    return document.body.setAttribute(te, (fr() + 1).toString()), function() {
-      var e = fr() - 1;
-      e <= 0 ? document.body.removeAttribute(te) : document.body.setAttribute(te, e.toString());
+    return document.body.setAttribute(re, (lr() + 1).toString()), function() {
+      var e = lr() - 1;
+      e <= 0 ? document.body.removeAttribute(re) : document.body.setAttribute(re, e.toString());
     };
   }, []);
 }, Un = function(e) {
@@ -849,9 +879,9 @@ if (typeof window < "u")
   } catch {
     Fe = !1;
   }
-var G = Fe ? { passive: !1 } : !1, Hn = function(e) {
+var q = Fe ? { passive: !1 } : !1, Hn = function(e) {
   return e.tagName === "TEXTAREA";
-}, jr = function(e, r) {
+}, Hr = function(e, r) {
   if (!(e instanceof Element))
     return !1;
   var t = window.getComputedStyle(e);
@@ -861,47 +891,51 @@ var G = Fe ? { passive: !1 } : !1, Hn = function(e) {
     !(t.overflowY === t.overflowX && !Hn(e) && t[r] === "visible")
   );
 }, Bn = function(e) {
-  return jr(e, "overflowY");
+  return Hr(e, "overflowY");
 }, jn = function(e) {
-  return jr(e, "overflowX");
-}, pr = function(e, r) {
+  return Hr(e, "overflowX");
+}, ur = function(e, r) {
   var t = r.ownerDocument, o = r;
   do {
     typeof ShadowRoot < "u" && o instanceof ShadowRoot && (o = o.host);
-    var a = zr(e, o);
+    var a = Br(e, o);
     if (a) {
-      var n = Vr(e, o), s = n[1], i = n[2];
+      var n = jr(e, o), s = n[1], i = n[2];
       if (s > i)
         return !0;
     }
     o = o.parentNode;
   } while (o && o !== t.body);
   return !1;
-}, zn = function(e) {
+}, Vn = function(e) {
   var r = e.scrollTop, t = e.scrollHeight, o = e.clientHeight;
   return [
     r,
     t,
     o
   ];
-}, Vn = function(e) {
+}, zn = function(e) {
   var r = e.scrollLeft, t = e.scrollWidth, o = e.clientWidth;
   return [
     r,
     t,
     o
   ];
-}, zr = function(e, r) {
+}, Br = function(e, r) {
   return e === "v" ? Bn(r) : jn(r);
-}, Vr = function(e, r) {
-  return e === "v" ? zn(r) : Vn(r);
+}, jr = function(e, r) {
+  return e === "v" ? Vn(r) : zn(r);
 }, Yn = function(e, r) {
   return e === "h" && r === "rtl" ? -1 : 1;
 }, Xn = function(e, r, t, o, a) {
   var n = Yn(e, window.getComputedStyle(r).direction), s = n * o, i = t.target, u = r.contains(i), l = !1, d = s > 0, p = 0, h = 0;
   do {
-    var m = Vr(e, i), w = m[0], v = m[1], g = m[2], _ = v - g - n * w;
-    (w || _) && zr(e, i) && (p += _, h += w), i instanceof ShadowRoot ? i = i.host : i = i.parentNode;
+    if (!i)
+      break;
+    var m = jr(e, i), w = m[0], v = m[1], g = m[2], _ = v - g - n * w;
+    (w || _) && Br(e, i) && (p += _, h += w);
+    var b = i.parentNode;
+    i = b && b.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? b.host : b;
   } while (
     // portaled content
     !u && i !== document.body || // self content
@@ -910,9 +944,9 @@ var G = Fe ? { passive: !1 } : !1, Hn = function(e) {
   return (d && Math.abs(p) < 1 || !d && Math.abs(h) < 1) && (l = !0), l;
 }, de = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
-}, hr = function(e) {
+}, dr = function(e) {
   return [e.deltaX, e.deltaY];
-}, vr = function(e) {
+}, fr = function(e) {
   return e && "current" in e ? e.current : e;
 }, qn = function(e, r) {
   return e[0] === r[0] && e[1] === r[1];
@@ -921,15 +955,15 @@ var G = Fe ? { passive: !1 } : !1, Hn = function(e) {
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, Kn = 0, K = [];
+}, Kn = 0, G = [];
 function Zn(e) {
-  var r = c.useRef([]), t = c.useRef([0, 0]), o = c.useRef(), a = c.useState(Kn++)[0], n = c.useState(Br)[0], s = c.useRef(e);
+  var r = c.useRef([]), t = c.useRef([0, 0]), o = c.useRef(), a = c.useState(Kn++)[0], n = c.useState(Ur)[0], s = c.useRef(e);
   c.useEffect(function() {
     s.current = e;
   }, [e]), c.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(a));
-      var v = _n([e.lockRef.current], (e.shards || []).map(vr), !0).filter(Boolean);
+      var v = _n([e.lockRef.current], (e.shards || []).map(fr), !0).filter(Boolean);
       return v.forEach(function(g) {
         return g.classList.add("allow-interactivity-".concat(a));
       }), function() {
@@ -942,58 +976,58 @@ function Zn(e) {
   var i = c.useCallback(function(v, g) {
     if ("touches" in v && v.touches.length === 2 || v.type === "wheel" && v.ctrlKey)
       return !s.current.allowPinchZoom;
-    var _ = de(v), E = t.current, y = "deltaX" in v ? v.deltaX : E[0] - _[0], b = "deltaY" in v ? v.deltaY : E[1] - _[1], C, x = v.target, S = Math.abs(y) > Math.abs(b) ? "h" : "v";
+    var _ = de(v), b = t.current, E = "deltaX" in v ? v.deltaX : b[0] - _[0], y = "deltaY" in v ? v.deltaY : b[1] - _[1], C, x = v.target, S = Math.abs(E) > Math.abs(y) ? "h" : "v";
     if ("touches" in v && S === "h" && x.type === "range")
       return !1;
-    var N = pr(S, x);
+    var N = ur(S, x);
     if (!N)
       return !0;
-    if (N ? C = S : (C = S === "v" ? "h" : "v", N = pr(S, x)), !N)
+    if (N ? C = S : (C = S === "v" ? "h" : "v", N = ur(S, x)), !N)
       return !1;
-    if (!o.current && "changedTouches" in v && (y || b) && (o.current = C), !C)
+    if (!o.current && "changedTouches" in v && (E || y) && (o.current = C), !C)
       return !0;
     var P = o.current || C;
-    return Xn(P, g, v, P === "h" ? y : b);
+    return Xn(P, g, v, P === "h" ? E : y);
   }, []), u = c.useCallback(function(v) {
     var g = v;
-    if (!(!K.length || K[K.length - 1] !== n)) {
-      var _ = "deltaY" in g ? hr(g) : de(g), E = r.current.filter(function(C) {
+    if (!(!G.length || G[G.length - 1] !== n)) {
+      var _ = "deltaY" in g ? dr(g) : de(g), b = r.current.filter(function(C) {
         return C.name === g.type && (C.target === g.target || g.target === C.shadowParent) && qn(C.delta, _);
       })[0];
-      if (E && E.should) {
+      if (b && b.should) {
         g.cancelable && g.preventDefault();
         return;
       }
-      if (!E) {
-        var y = (s.current.shards || []).map(vr).filter(Boolean).filter(function(C) {
+      if (!b) {
+        var E = (s.current.shards || []).map(fr).filter(Boolean).filter(function(C) {
           return C.contains(g.target);
-        }), b = y.length > 0 ? i(g, y[0]) : !s.current.noIsolation;
-        b && g.cancelable && g.preventDefault();
+        }), y = E.length > 0 ? i(g, E[0]) : !s.current.noIsolation;
+        y && g.cancelable && g.preventDefault();
       }
     }
-  }, []), l = c.useCallback(function(v, g, _, E) {
-    var y = { name: v, delta: g, target: _, should: E, shadowParent: Qn(_) };
-    r.current.push(y), setTimeout(function() {
-      r.current = r.current.filter(function(b) {
-        return b !== y;
+  }, []), l = c.useCallback(function(v, g, _, b) {
+    var E = { name: v, delta: g, target: _, should: b, shadowParent: Qn(_) };
+    r.current.push(E), setTimeout(function() {
+      r.current = r.current.filter(function(y) {
+        return y !== E;
       });
     }, 1);
   }, []), d = c.useCallback(function(v) {
     t.current = de(v), o.current = void 0;
   }, []), p = c.useCallback(function(v) {
-    l(v.type, hr(v), v.target, i(v, e.lockRef.current));
+    l(v.type, dr(v), v.target, i(v, e.lockRef.current));
   }, []), h = c.useCallback(function(v) {
     l(v.type, de(v), v.target, i(v, e.lockRef.current));
   }, []);
   c.useEffect(function() {
-    return K.push(n), e.setCallbacks({
+    return G.push(n), e.setCallbacks({
       onScrollCapture: p,
       onWheelCapture: p,
       onTouchMoveCapture: h
-    }), document.addEventListener("wheel", u, G), document.addEventListener("touchmove", u, G), document.addEventListener("touchstart", d, G), function() {
-      K = K.filter(function(v) {
+    }), document.addEventListener("wheel", u, q), document.addEventListener("touchmove", u, q), document.addEventListener("touchstart", d, q), function() {
+      G = G.filter(function(v) {
         return v !== n;
-      }), document.removeEventListener("wheel", u, G), document.removeEventListener("touchmove", u, G), document.removeEventListener("touchstart", d, G);
+      }), document.removeEventListener("wheel", u, q), document.removeEventListener("touchmove", u, q), document.removeEventListener("touchstart", d, q);
     };
   }, []);
   var m = e.removeScrollBar, w = e.inert;
@@ -1001,7 +1035,7 @@ function Zn(e) {
     c.Fragment,
     null,
     w ? c.createElement(n, { styles: Gn(a) }) : null,
-    m ? c.createElement(Un, { gapMode: e.gapMode }) : null
+    m ? c.createElement(Un, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
   );
 }
 function Qn(e) {
@@ -1009,23 +1043,23 @@ function Qn(e) {
     e instanceof ShadowRoot && (r = e.host, e = e.host), e = e.parentNode;
   return r;
 }
-const Jn = An(Hr, Zn);
-var Yr = c.forwardRef(function(e, r) {
+const Jn = Rn(Fr, Zn);
+var Vr = c.forwardRef(function(e, r) {
   return c.createElement(Se, k({}, e, { ref: r, sideCar: Jn }));
 });
-Yr.classNames = Se.classNames;
+Vr.classNames = Se.classNames;
 var eo = function(e) {
   if (typeof document > "u")
     return null;
   var r = Array.isArray(e) ? e[0] : e;
   return r.ownerDocument.body;
-}, Z = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {}, Oe = 0, Xr = function(e) {
-  return e && (e.host || Xr(e.parentNode));
+}, K = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {}, Le = 0, zr = function(e) {
+  return e && (e.host || zr(e.parentNode));
 }, ro = function(e, r) {
   return r.map(function(t) {
     if (e.contains(t))
       return t;
-    var o = Xr(t);
+    var o = zr(t);
     return o && e.contains(o) ? o : (console.error("aria-hidden", t, "in not contained inside", e, ". Doing nothing"), null);
   }).filter(function(t) {
     return !!t;
@@ -1043,26 +1077,26 @@ var eo = function(e) {
         d(h);
       else
         try {
-          var m = h.getAttribute(o), w = m !== null && m !== "false", v = (Z.get(h) || 0) + 1, g = (n.get(h) || 0) + 1;
-          Z.set(h, v), n.set(h, g), s.push(h), v === 1 && w && fe.set(h, !0), g === 1 && h.setAttribute(t, "true"), w || h.setAttribute(o, "true");
+          var m = h.getAttribute(o), w = m !== null && m !== "false", v = (K.get(h) || 0) + 1, g = (n.get(h) || 0) + 1;
+          K.set(h, v), n.set(h, g), s.push(h), v === 1 && w && fe.set(h, !0), g === 1 && h.setAttribute(t, "true"), w || h.setAttribute(o, "true");
         } catch (_) {
           console.error("aria-hidden: cannot operate on ", h, _);
         }
     });
   };
-  return d(r), i.clear(), Oe++, function() {
+  return d(r), i.clear(), Le++, function() {
     s.forEach(function(p) {
-      var h = Z.get(p) - 1, m = n.get(p) - 1;
-      Z.set(p, h), n.set(p, m), h || (fe.has(p) || p.removeAttribute(o), fe.delete(p)), m || p.removeAttribute(t);
-    }), Oe--, Oe || (Z = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {});
+      var h = K.get(p) - 1, m = n.get(p) - 1;
+      K.set(p, h), n.set(p, m), h || (fe.has(p) || p.removeAttribute(o), fe.delete(p)), m || p.removeAttribute(t);
+    }), Le--, Le || (K = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {});
   };
 }, no = function(e, r, t) {
   t === void 0 && (t = "data-aria-hidden");
   var o = Array.from(Array.isArray(e) ? e : [e]), a = eo(e);
-  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), to(o, a, t, "aria-hidden")) : function() {
+  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live], script"))), to(o, a, t, "aria-hidden")) : function() {
     return null;
   };
-}, Ye = "Dialog", [qr, Za] = Or(Ye), [oo, I] = qr(Ye), Gr = (e) => {
+}, Ee = "Dialog", [Yr] = Ar(Ee), [oo, I] = Yr(Ee), Xr = (e) => {
   const {
     __scopeDialog: r,
     children: t,
@@ -1070,10 +1104,11 @@ var eo = function(e) {
     defaultOpen: a,
     onOpenChange: n,
     modal: s = !0
-  } = e, i = c.useRef(null), u = c.useRef(null), [l = !1, d] = jt({
+  } = e, i = c.useRef(null), u = c.useRef(null), [l, d] = Ht({
     prop: o,
-    defaultProp: a,
-    onChange: n
+    defaultProp: a ?? !1,
+    onChange: n,
+    caller: Ee
   });
   return /* @__PURE__ */ f(
     oo,
@@ -1081,9 +1116,9 @@ var eo = function(e) {
       scope: r,
       triggerRef: i,
       contentRef: u,
-      contentId: Pe(),
-      titleId: Pe(),
-      descriptionId: Pe(),
+      contentId: xe(),
+      titleId: xe(),
+      descriptionId: xe(),
       open: l,
       onOpenChange: d,
       onOpenToggle: c.useCallback(() => d((p) => !p), [d]),
@@ -1092,50 +1127,50 @@ var eo = function(e) {
     }
   );
 };
-Gr.displayName = Ye;
-var Kr = "DialogTrigger", Zr = c.forwardRef(
+Xr.displayName = Ee;
+var qr = "DialogTrigger", Gr = c.forwardRef(
   (e, r) => {
-    const { __scopeDialog: t, ...o } = e, a = I(Kr, t), n = L(r, a.triggerRef);
+    const { __scopeDialog: t, ...o } = e, a = I(qr, t), n = O(r, a.triggerRef);
     return /* @__PURE__ */ f(
-      O.button,
+      T.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
         "aria-expanded": a.open,
         "aria-controls": a.contentId,
-        "data-state": Ge(a.open),
+        "data-state": Ye(a.open),
         ...o,
         ref: n,
-        onClick: R(e.onClick, a.onOpenToggle)
+        onClick: A(e.onClick, a.onOpenToggle)
       }
     );
   }
 );
-Zr.displayName = Kr;
-var Xe = "DialogPortal", [ao, Qr] = qr(Xe, {
+Gr.displayName = qr;
+var Ve = "DialogPortal", [ao, Kr] = Yr(Ve, {
   forceMount: void 0
-}), Jr = (e) => {
-  const { __scopeDialog: r, forceMount: t, children: o, container: a } = e, n = I(Xe, r);
-  return /* @__PURE__ */ f(ao, { scope: r, forceMount: t, children: c.Children.map(o, (s) => /* @__PURE__ */ f(z, { present: t || n.open, children: /* @__PURE__ */ f(Wr, { asChild: !0, container: a, children: s }) })) });
+}), Zr = (e) => {
+  const { __scopeDialog: r, forceMount: t, children: o, container: a } = e, n = I(Ve, r);
+  return /* @__PURE__ */ f(ao, { scope: r, forceMount: t, children: c.Children.map(o, (s) => /* @__PURE__ */ f(j, { present: t || n.open, children: /* @__PURE__ */ f(Ir, { asChild: !0, container: a, children: s }) })) });
 };
-Jr.displayName = Xe;
-var we = "DialogOverlay", et = c.forwardRef(
+Zr.displayName = Ve;
+var we = "DialogOverlay", Qr = c.forwardRef(
   (e, r) => {
-    const t = Qr(we, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = I(we, e.__scopeDialog);
-    return n.modal ? /* @__PURE__ */ f(z, { present: o || n.open, children: /* @__PURE__ */ f(io, { ...a, ref: r }) }) : null;
+    const t = Kr(we, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = I(we, e.__scopeDialog);
+    return n.modal ? /* @__PURE__ */ f(j, { present: o || n.open, children: /* @__PURE__ */ f(so, { ...a, ref: r }) }) : null;
   }
 );
-et.displayName = we;
-var io = c.forwardRef(
+Qr.displayName = we;
+var io = /* @__PURE__ */ Dr("DialogOverlay.RemoveScroll"), so = c.forwardRef(
   (e, r) => {
     const { __scopeDialog: t, ...o } = e, a = I(we, t);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ f(Yr, { as: Ve, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
-        O.div,
+      /* @__PURE__ */ f(Vr, { as: io, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
+        T.div,
         {
-          "data-state": Ge(a.open),
+          "data-state": Ye(a.open),
           ...o,
           ref: r,
           style: { pointerEvents: "auto", ...o.style }
@@ -1143,46 +1178,46 @@ var io = c.forwardRef(
       ) })
     );
   }
-), X = "DialogContent", rt = c.forwardRef(
+), Y = "DialogContent", Jr = c.forwardRef(
   (e, r) => {
-    const t = Qr(X, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = I(X, e.__scopeDialog);
-    return /* @__PURE__ */ f(z, { present: o || n.open, children: n.modal ? /* @__PURE__ */ f(so, { ...a, ref: r }) : /* @__PURE__ */ f(co, { ...a, ref: r }) });
+    const t = Kr(Y, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = I(Y, e.__scopeDialog);
+    return /* @__PURE__ */ f(j, { present: o || n.open, children: n.modal ? /* @__PURE__ */ f(co, { ...a, ref: r }) : /* @__PURE__ */ f(lo, { ...a, ref: r }) });
   }
 );
-rt.displayName = X;
-var so = c.forwardRef(
+Jr.displayName = Y;
+var co = c.forwardRef(
   (e, r) => {
-    const t = I(X, e.__scopeDialog), o = c.useRef(null), a = L(r, t.contentRef, o);
+    const t = I(Y, e.__scopeDialog), o = c.useRef(null), a = O(r, t.contentRef, o);
     return c.useEffect(() => {
       const n = o.current;
       if (n) return no(n);
     }, []), /* @__PURE__ */ f(
-      tt,
+      et,
       {
         ...e,
         ref: a,
         trapFocus: t.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: R(e.onCloseAutoFocus, (n) => {
+        onCloseAutoFocus: A(e.onCloseAutoFocus, (n) => {
           var s;
           n.preventDefault(), (s = t.triggerRef.current) == null || s.focus();
         }),
-        onPointerDownOutside: R(e.onPointerDownOutside, (n) => {
+        onPointerDownOutside: A(e.onPointerDownOutside, (n) => {
           const s = n.detail.originalEvent, i = s.button === 0 && s.ctrlKey === !0;
           (s.button === 2 || i) && n.preventDefault();
         }),
-        onFocusOutside: R(
+        onFocusOutside: A(
           e.onFocusOutside,
           (n) => n.preventDefault()
         )
       }
     );
   }
-), co = c.forwardRef(
+), lo = c.forwardRef(
   (e, r) => {
-    const t = I(X, e.__scopeDialog), o = c.useRef(!1), a = c.useRef(!1);
+    const t = I(Y, e.__scopeDialog), o = c.useRef(!1), a = c.useRef(!1);
     return /* @__PURE__ */ f(
-      tt,
+      et,
       {
         ...e,
         ref: r,
@@ -1201,12 +1236,12 @@ var so = c.forwardRef(
       }
     );
   }
-), tt = c.forwardRef(
+), et = c.forwardRef(
   (e, r) => {
-    const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...s } = e, i = I(X, t), u = c.useRef(null), l = L(r, u);
-    return gn(), /* @__PURE__ */ D(B, { children: [
+    const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...s } = e, i = I(Y, t), u = c.useRef(null), l = O(r, u);
+    return gn(), /* @__PURE__ */ D(te, { children: [
       /* @__PURE__ */ f(
-        Ir,
+        $r,
         {
           asChild: !0,
           loop: !0,
@@ -1214,13 +1249,13 @@ var so = c.forwardRef(
           onMountAutoFocus: a,
           onUnmountAutoFocus: n,
           children: /* @__PURE__ */ f(
-            $r,
+            Or,
             {
               role: "dialog",
               id: i.contentId,
               "aria-describedby": i.descriptionId,
               "aria-labelledby": i.titleId,
-              "data-state": Ge(i.open),
+              "data-state": Ye(i.open),
               ...s,
               ref: l,
               onDismiss: () => i.onOpenChange(!1)
@@ -1228,50 +1263,50 @@ var so = c.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ D(B, { children: [
-        /* @__PURE__ */ f(lo, { titleId: i.titleId }),
-        /* @__PURE__ */ f(fo, { contentRef: u, descriptionId: i.descriptionId })
+      /* @__PURE__ */ D(te, { children: [
+        /* @__PURE__ */ f(uo, { titleId: i.titleId }),
+        /* @__PURE__ */ f(po, { contentRef: u, descriptionId: i.descriptionId })
       ] })
     ] });
   }
-), qe = "DialogTitle", nt = c.forwardRef(
+), ze = "DialogTitle", rt = c.forwardRef(
   (e, r) => {
-    const { __scopeDialog: t, ...o } = e, a = I(qe, t);
-    return /* @__PURE__ */ f(O.h2, { id: a.titleId, ...o, ref: r });
+    const { __scopeDialog: t, ...o } = e, a = I(ze, t);
+    return /* @__PURE__ */ f(T.h2, { id: a.titleId, ...o, ref: r });
   }
 );
-nt.displayName = qe;
-var ot = "DialogDescription", at = c.forwardRef(
+rt.displayName = ze;
+var tt = "DialogDescription", nt = c.forwardRef(
   (e, r) => {
-    const { __scopeDialog: t, ...o } = e, a = I(ot, t);
-    return /* @__PURE__ */ f(O.p, { id: a.descriptionId, ...o, ref: r });
+    const { __scopeDialog: t, ...o } = e, a = I(tt, t);
+    return /* @__PURE__ */ f(T.p, { id: a.descriptionId, ...o, ref: r });
   }
 );
-at.displayName = ot;
-var it = "DialogClose", st = c.forwardRef(
+nt.displayName = tt;
+var ot = "DialogClose", at = c.forwardRef(
   (e, r) => {
-    const { __scopeDialog: t, ...o } = e, a = I(it, t);
+    const { __scopeDialog: t, ...o } = e, a = I(ot, t);
     return /* @__PURE__ */ f(
-      O.button,
+      T.button,
       {
         type: "button",
         ...o,
         ref: r,
-        onClick: R(e.onClick, () => a.onOpenChange(!1))
+        onClick: A(e.onClick, () => a.onOpenChange(!1))
       }
     );
   }
 );
-st.displayName = it;
-function Ge(e) {
+at.displayName = ot;
+function Ye(e) {
   return e ? "open" : "closed";
 }
-var ct = "DialogTitleWarning", [Qa, lt] = Ft(ct, {
-  contentName: X,
-  titleName: qe,
+var it = "DialogTitleWarning", [ei, st] = It(it, {
+  contentName: Y,
+  titleName: ze,
   docsSlug: "dialog"
-}), lo = ({ titleId: e }) => {
-  const r = lt(ct), t = `\`${r.contentName}\` requires a \`${r.titleName}\` for the component to be accessible for screen reader users.
+}), uo = ({ titleId: e }) => {
+  const r = st(it), t = `\`${r.contentName}\` requires a \`${r.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${r.titleName}\`, you can wrap it with our VisuallyHidden component.
 
@@ -1279,26 +1314,26 @@ For more information, see https://radix-ui.com/primitives/docs/components/${r.do
   return c.useEffect(() => {
     e && (document.getElementById(e) || console.error(t));
   }, [t, e]), null;
-}, uo = "DialogDescriptionWarning", fo = ({ contentRef: e, descriptionId: r }) => {
-  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${lt(uo).contentName}}.`;
+}, fo = "DialogDescriptionWarning", po = ({ contentRef: e, descriptionId: r }) => {
+  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${st(fo).contentName}}.`;
   return c.useEffect(() => {
     var n;
     const a = (n = e.current) == null ? void 0 : n.getAttribute("aria-describedby");
     r && a && (document.getElementById(r) || console.warn(o));
   }, [o, e, r]), null;
-}, po = Gr, ho = Zr, vo = Jr, mo = et, go = rt, he = nt, _o = at, wo = st;
-function bo(e) {
+}, ho = Xr, vo = Gr, mo = Zr, go = Qr, _o = Jr, he = rt, wo = nt, bo = at;
+function yo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Le = { exports: {} };
+var $e = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var mr;
-function yo() {
-  return mr || (mr = 1, function(e) {
+var pr;
+function So() {
+  return pr || (pr = 1, (function(e) {
     (function() {
       var r = {}.hasOwnProperty;
       function t() {
@@ -1327,29 +1362,29 @@ function yo() {
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  }(Le)), Le.exports;
+  })($e)), $e.exports;
 }
-var So = yo();
-const q = /* @__PURE__ */ bo(So), ut = Lt(null), Eo = {}, Co = "_drawerSmallScreenAnimation_khfax_1", Po = "_drawerLargeScreenAnimationRight_khfax_1", xo = "_drawerLargeScreenAnimationLeft_khfax_1", Ao = "_slideDown_khfax_1", No = "_overlayAnimation_khfax_1", Ro = {
+var Eo = So();
+const X = /* @__PURE__ */ yo(Eo), ct = Dt(null), Co = {}, Po = "_drawerSmallScreenAnimation_khfax_1", xo = "_drawerLargeScreenAnimationRight_khfax_1", Ro = "_drawerLargeScreenAnimationLeft_khfax_1", No = "_slideDown_khfax_1", Ao = "_overlayAnimation_khfax_1", Do = {
   "purpur-drawer-content": "_purpur-drawer-content_khfax_1",
-  drawerSmallScreenAnimation: Co,
+  drawerSmallScreenAnimation: Po,
   "purpur-drawer-content--left": "_purpur-drawer-content--left_khfax_15",
   "purpur-drawer-content--right": "_purpur-drawer-content--right_khfax_18",
   "purpur-drawer-content--fit-to-content": "_purpur-drawer-content--fit-to-content_khfax_21",
-  drawerLargeScreenAnimationRight: Po,
-  drawerLargeScreenAnimationLeft: xo,
+  drawerLargeScreenAnimationRight: xo,
+  drawerLargeScreenAnimationLeft: Ro,
   "purpur-drawer-content__content-container": "_purpur-drawer-content__content-container_khfax_51",
   "purpur-drawer-content__drawer-frame": "_purpur-drawer-content__drawer-frame_khfax_56",
-  slideDown: Ao,
+  slideDown: No,
   "purpur-drawer-content__description": "_purpur-drawer-content__description_khfax_66",
   "purpur-drawer-overlay": "_purpur-drawer-overlay_khfax_77",
-  overlayAnimation: No
-}, Do = {
+  overlayAnimation: Ao
+}, To = {
   "purpur-drawer-container--header": "_purpur-drawer-container--header_1u45h_1",
   "purpur-drawer-container--body": "_purpur-drawer-container--body_1u45h_10",
   "purpur-drawer-container--sticky": "_purpur-drawer-container--sticky_1u45h_18",
   "purpur-drawer-container--footer": "_purpur-drawer-container--footer_1u45h_26"
-}, To = q.bind(Do), $e = "purpur-drawer-container", re = j(
+}, Oo = X.bind(To), Me = "purpur-drawer-container", ee = B(
   ({
     ["data-testid"]: e = "purpur-drawer-container",
     children: r,
@@ -1358,21 +1393,21 @@ const q = /* @__PURE__ */ bo(So), ut = Lt(null), Eo = {}, Co = "_drawerSmallScre
     stickyFooter: a,
     ...n
   }, s) => {
-    const i = To([
+    const i = Oo([
       t,
-      $e,
+      Me,
       {
-        [`${$e}--${o}`]: o
+        [`${Me}--${o}`]: o
       },
       {
-        [`${$e}--sticky`]: a
+        [`${Me}--sticky`]: a
       }
     ]);
     return /* @__PURE__ */ f("div", { className: i, "data-testid": e, ref: s, ...n, children: r });
   }
 );
-re.displayName = "DrawerContainer";
-const Oo = {
+ee.displayName = "DrawerContainer";
+const Lo = {
   "purpur-drawer-frame": "_purpur-drawer-frame_1s8hq_1",
   "purpur-drawer-frame--left": "_purpur-drawer-frame--left_1s8hq_12",
   "purpur-drawer-frame--right": "_purpur-drawer-frame--right_1s8hq_16",
@@ -1383,9 +1418,9 @@ const Oo = {
   "purpur-drawer-frame__footer": "_purpur-drawer-frame__footer_1s8hq_40",
   "purpur-drawer-frame__content-container": "_purpur-drawer-frame__content-container_1s8hq_43",
   "purpur-drawer-frame__content-container--no-footer": "_purpur-drawer-frame__content-container--no-footer_1s8hq_48"
-}, Lo = {
+}, $o = {
   "purpur-drawer-handle": "_purpur-drawer-handle_3n0ew_1"
-}, $o = (e, r, t, o, a, n) => ({
+}, Mo = (e, r, t, o, a, n) => ({
   onPointerDown: (l) => {
     e.current = { y: l.clientY };
   },
@@ -1393,18 +1428,18 @@ const Oo = {
     if (!e.current)
       return;
     const d = l.clientY - e.current.y, p = !!r.current, h = Math.max(0, d), m = l.pointerType === "touch" ? 10 : 2, w = { y: h }, v = { originalEvent: l, delta: w };
-    p ? (r.current = w, o(v)) : gr(w, 0) ? (r.current = w, t(), l.target.setPointerCapture(l.pointerId)) : Math.abs(d) > m && (e.current = null);
+    p ? (r.current = w, o(v)) : hr(w, 0) ? (r.current = w, t(), l.target.setPointerCapture(l.pointerId)) : Math.abs(d) > m && (e.current = null);
   },
   onPointerUp: (l) => {
     const d = r.current, p = l.target;
     if (p.hasPointerCapture(l.pointerId) && p.releasePointerCapture(l.pointerId), r.current = null, e.current = null, d) {
       const h = l.currentTarget, m = { originalEvent: l, delta: d };
-      gr(d, 0) && d.y > 200 ? n(m) : a(), h.addEventListener("click", (w) => w.preventDefault(), {
+      hr(d, 0) && d.y > 200 ? n(m) : a(), h.addEventListener("click", (w) => w.preventDefault(), {
         once: !0
       });
     }
   }
-}), gr = (e, r = 0) => Math.abs(e.y) > r, Mo = q.bind(Lo), Io = "purpur-drawer-handle", dt = j(
+}), hr = (e, r = 0) => Math.abs(e.y) > r, Io = X.bind($o), ko = "purpur-drawer-handle", lt = B(
   ({
     ["data-testid"]: e = "purpur-drawer-handle",
     className: r,
@@ -1414,7 +1449,7 @@ const Oo = {
     onSwipeEnd: n,
     ...s
   }, i) => {
-    const u = Mo([r, Io]), l = Ie.useRef(null), d = Ie.useRef(null), { onPointerDown: p, onPointerMove: h, onPointerUp: m } = $o(
+    const u = Io([r, ko]), l = ke.useRef(null), d = ke.useRef(null), { onPointerDown: p, onPointerMove: h, onPointerUp: m } = Mo(
       d,
       l,
       t,
@@ -1436,22 +1471,22 @@ const Oo = {
     );
   }
 );
-dt.displayName = "DrawerHandle";
-const ko = {
+lt.displayName = "DrawerHandle";
+const Wo = {
   LG: "lg"
 };
-function Wo(e) {
+function Fo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var _r = { exports: {} };
+var vr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var wr;
-function Fo() {
-  return wr || (wr = 1, function(e) {
+var mr;
+function Uo() {
+  return mr || (mr = 1, (function(e) {
     (function() {
       var r = {}.hasOwnProperty;
       function t() {
@@ -1480,52 +1515,52 @@ function Fo() {
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  }(_r)), _r.exports;
+  })(vr)), vr.exports;
 }
-var Uo = Fo();
-const Ho = /* @__PURE__ */ Wo(Uo), Bo = "_rotate_12t9p_1", jo = "_dash_12t9p_1", zo = {
+var Ho = Uo();
+const Bo = /* @__PURE__ */ Fo(Ho), jo = "_rotate_12t9p_1", Vo = "_dash_12t9p_1", zo = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Bo,
+  rotate: jo,
   "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: jo,
+  dash: Vo,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, br = Ho.bind(zo), oe = "purpur-spinner", Vo = {
+}, gr = Bo.bind(zo), ae = "purpur-spinner", Yo = {
   SM: "sm"
-}, Yo = ({
+}, Xo = ({
   disabled: e = !1,
   negative: r = !1,
-  size: t = Vo.SM,
+  size: t = Yo.SM,
   ...o
-}) => /* @__PURE__ */ f("div", { className: br(oe, `${oe}--${t}`), ...o, children: /* @__PURE__ */ f("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ f(
+}) => /* @__PURE__ */ f("div", { className: gr(ae, `${ae}--${t}`), ...o, children: /* @__PURE__ */ f("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ f(
   "circle",
   {
-    className: br(`${oe}__circle`, {
-      [`${oe}__circle--disabled`]: e,
-      [`${oe}__circle--negative`]: r
+    className: gr(`${ae}__circle`, {
+      [`${ae}__circle--disabled`]: e,
+      [`${ae}__circle--negative`]: r
     }),
     cx: "25",
     cy: "25",
     r: "20"
   }
 ) }) });
-function Xo(e) {
+function qo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var yr = { exports: {} };
+var _r = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Sr;
-function qo() {
-  return Sr || (Sr = 1, function(e) {
+var wr;
+function Go() {
+  return wr || (wr = 1, (function(e) {
     (function() {
       var r = {}.hasOwnProperty;
       function t() {
@@ -1554,10 +1589,10 @@ function qo() {
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  }(yr)), yr.exports;
+  })(_r)), _r.exports;
 }
-var Go = qo();
-const Ko = /* @__PURE__ */ Xo(Go), Zo = {
+var Ko = Go();
+const Zo = /* @__PURE__ */ qo(Ko), Qo = {
   "purpur-button": "_purpur-button_1goi7_1",
   "purpur-button--xs": "_purpur-button--xs_1goi7_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_1goi7_36",
@@ -1579,10 +1614,10 @@ const Ko = /* @__PURE__ */ Xo(Go), Zo = {
   "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"
-}, Me = {
+}, Ie = {
   TERTIARY_PURPLE: "tertiary-purple",
   TEXT: "text"
-}, Qo = Ko.bind(Zo), V = "purpur-button", Ue = j(
+}, Jo = Zo.bind(Qo), V = "purpur-button", Ue = B(
   ({
     children: e,
     className: r,
@@ -1599,7 +1634,7 @@ const Ko = /* @__PURE__ */ Xo(Go), Zo = {
   }, h) => {
     if (a && l === "destructive")
       return null;
-    const m = Qo(
+    const m = Jo(
       [
         V,
         `${V}--${s ? `${l}-negative` : l}`,
@@ -1626,9 +1661,9 @@ const Ko = /* @__PURE__ */ Xo(Go), Zo = {
         ...p,
         children: [
           n && /* @__PURE__ */ f(
-            Yo,
+            Xo,
             {
-              size: u === ko.LG ? "xs" : "xxs",
+              size: u === Wo.LG ? "xs" : "xxs",
               negative: s,
               disabled: v
             }
@@ -1641,18 +1676,18 @@ const Ko = /* @__PURE__ */ Xo(Go), Zo = {
   }
 );
 Ue.displayName = "Button";
-function Jo(e) {
+function ea(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Er = { exports: {} };
+var br = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Cr;
-function ea() {
-  return Cr || (Cr = 1, function(e) {
+var yr;
+function ra() {
+  return yr || (yr = 1, (function(e) {
     (function() {
       var r = {}.hasOwnProperty;
       function t() {
@@ -1681,10 +1716,10 @@ function ea() {
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  }(Er)), Er.exports;
+  })(br)), br.exports;
 }
-var ra = ea();
-const ta = /* @__PURE__ */ Jo(ra), ve = {
+var ta = ra();
+const na = /* @__PURE__ */ ea(ta), ve = {
   "purpur-heading": "_purpur-heading_vo751_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_vo751_8",
   "purpur-heading--negative": "_purpur-heading--negative_vo751_11",
@@ -1716,7 +1751,7 @@ const ta = /* @__PURE__ */ Jo(ra), ve = {
   variant: n = He.TITLE100,
   ...s
 }) => {
-  const i = a, u = ta([
+  const i = a, u = na([
     r,
     ve[me],
     ve[`${me}--${n}`],
@@ -1728,18 +1763,18 @@ const ta = /* @__PURE__ */ Jo(ra), ve = {
   return /* @__PURE__ */ f(i, { className: u, ...s, children: e });
 };
 Be.displayName = "Heading";
-function na(e) {
+function oa(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Pr = { exports: {} };
+var Sr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var xr;
-function oa() {
-  return xr || (xr = 1, function(e) {
+var Er;
+function aa() {
+  return Er || (Er = 1, (function(e) {
     (function() {
       var r = {}.hasOwnProperty;
       function t() {
@@ -1768,10 +1803,10 @@ function oa() {
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  }(Pr)), Pr.exports;
+  })(Sr)), Sr.exports;
 }
-var aa = oa();
-const ia = /* @__PURE__ */ na(aa), sa = {
+var ia = aa();
+const sa = /* @__PURE__ */ oa(ia), ca = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -1779,80 +1814,86 @@ const ia = /* @__PURE__ */ na(aa), sa = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, ca = ia.bind(sa), Ar = "purpur-icon", la = "md", ua = (e) => e.filter((r) => Object.keys(r).length >= 1).map((r) => `${r.name}="${r.value}"`).join(" "), da = ({ content: e = "", title: r } = {}) => {
+}, la = sa.bind(ca), Cr = "purpur-icon", ua = "md", da = (e) => e.filter((r) => Object.keys(r).length >= 1).map((r) => `${r.name}="${r.value}"`).join(" "), fa = ({ content: e = "", title: r } = {}) => {
   const t = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     r ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = r ? `<title>${r}</title>` : "";
-  return `<svg ${ua(t)}>${o}${e}</svg>`;
-}, fa = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Ke = ({ svg: e, allyTitle: r, className: t, size: o = la, ...a }) => {
-  const n = da({
-    content: fa(e.svg),
+  return `<svg ${da(t)}>${o}${e}</svg>`;
+}, pa = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Xe = ({ svg: e, allyTitle: r, className: t, size: o = ua, ...a }) => {
+  const n = fa({
+    content: pa(e.svg),
     title: r
-  }), s = ca(t, Ar, `${Ar}--${o}`);
+  }), s = la(t, Cr, `${Cr}--${o}`);
   return /* @__PURE__ */ f("span", { className: s, dangerouslySetInnerHTML: { __html: n }, ...a });
 };
-Ke.displayName = "Icon";
-const pa = {
+Xe.displayName = "Icon";
+const ha = {
   name: "arrow-left",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.1 12a.9.9 0 0 1 .264-.636l5.5-5.5a.9.9 0 0 1 1.272 1.272L6.173 11.1H20a.9.9 0 0 1 0 1.8H6.173l3.963 3.964a.9.9 0 1 1-1.272 1.272l-5.5-5.5A.9.9 0 0 1 3.1 12Z" clip-rule="evenodd"/></svg>',
   keywords: ["arrow-left"],
   category: "utility"
-}, ft = (e) => /* @__PURE__ */ f(Ke, { ...e, svg: pa });
-ft.displayName = "IconArrowLeft";
-const ha = {
+}, ut = (e) => /* @__PURE__ */ f(Xe, { ...e, svg: ha });
+ut.displayName = "IconArrowLeft";
+const va = {
   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"
-}, pt = (e) => /* @__PURE__ */ f(Ke, { ...e, svg: ha });
-pt.displayName = "IconClose";
-function Nr(e, r) {
+}, dt = (e) => /* @__PURE__ */ f(Xe, { ...e, svg: va });
+dt.displayName = "IconClose";
+function Pr(e, r) {
   if (typeof e == "function")
     return e(r);
   e != null && (e.current = r);
 }
-function va(...e) {
+function ma(...e) {
   return (r) => {
     let t = !1;
     const o = e.map((a) => {
-      const n = Nr(a, r);
+      const n = Pr(a, r);
       return !t && typeof n == "function" && (t = !0), n;
     });
     if (t)
       return () => {
         for (let a = 0; a < o.length; a++) {
           const n = o[a];
-          typeof n == "function" ? n() : Nr(e[a], null);
+          typeof n == "function" ? n() : Pr(e[a], null);
         }
       };
   };
 }
-var ht = c.forwardRef((e, r) => {
-  const { children: t, ...o } = e, a = c.Children.toArray(t), n = a.find(ga);
-  if (n) {
-    const s = n.props.children, i = a.map((u) => u === n ? c.Children.count(s) > 1 ? c.Children.only(null) : c.isValidElement(s) ? s.props.children : null : u);
-    return /* @__PURE__ */ f(je, { ...o, ref: r, children: c.isValidElement(s) ? c.cloneElement(s, void 0, i) : null });
-  }
-  return /* @__PURE__ */ f(je, { ...o, ref: r, children: t });
-});
-ht.displayName = "Slot";
-var je = c.forwardRef((e, r) => {
-  const { children: t, ...o } = e;
-  if (c.isValidElement(t)) {
-    const a = wa(t), n = _a(o, t.props);
-    return t.type !== c.Fragment && (n.ref = r ? va(r, a) : a), c.cloneElement(t, n);
-  }
-  return c.Children.count(t) > 1 ? c.Children.only(null) : null;
-});
-je.displayName = "SlotClone";
-var ma = ({ children: e }) => /* @__PURE__ */ f(B, { children: e });
+// @__NO_SIDE_EFFECTS__
 function ga(e) {
-  return c.isValidElement(e) && e.type === ma;
+  const r = /* @__PURE__ */ _a(e), t = c.forwardRef((o, a) => {
+    const { children: n, ...s } = o, i = c.Children.toArray(n), u = i.find(ba);
+    if (u) {
+      const l = u.props.children, d = i.map((p) => p === u ? c.Children.count(l) > 1 ? c.Children.only(null) : c.isValidElement(l) ? l.props.children : null : p);
+      return /* @__PURE__ */ f(r, { ...s, ref: a, children: c.isValidElement(l) ? c.cloneElement(l, void 0, d) : null });
+    }
+    return /* @__PURE__ */ f(r, { ...s, ref: a, children: n });
+  });
+  return t.displayName = `${e}.Slot`, t;
+}
+// @__NO_SIDE_EFFECTS__
+function _a(e) {
+  const r = c.forwardRef((t, o) => {
+    const { children: a, ...n } = t;
+    if (c.isValidElement(a)) {
+      const s = Sa(a), i = ya(n, a.props);
+      return a.type !== c.Fragment && (i.ref = o ? ma(o, s) : s), c.cloneElement(a, i);
+    }
+    return c.Children.count(a) > 1 ? c.Children.only(null) : null;
+  });
+  return r.displayName = `${e}.SlotClone`, r;
 }
-function _a(e, r) {
+var wa = Symbol("radix.slottable");
+function ba(e) {
+  return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === wa;
+}
+function ya(e, r) {
   const t = { ...r };
   for (const o in r) {
     const a = e[o], n = r[o];
@@ -1862,12 +1903,12 @@ function _a(e, r) {
   }
   return { ...e, ...t };
 }
-function wa(e) {
+function Sa(e) {
   var r, t;
   let o = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, a = o && "isReactWarning" in o && o.isReactWarning;
   return a ? e.ref : (o = (t = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : t.get, a = o && "isReactWarning" in o && o.isReactWarning, a ? e.props.ref : e.props.ref || e.ref);
 }
-var ba = [
+var Ea = [
   "a",
   "button",
   "div",
@@ -1884,15 +1925,15 @@ var ba = [
   "span",
   "svg",
   "ul"
-], ya = ba.reduce((e, r) => {
-  const t = c.forwardRef((o, a) => {
-    const { asChild: n, ...s } = o, i = n ? ht : r;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(i, { ...s, ref: a });
+], Ca = Ea.reduce((e, r) => {
+  const t = /* @__PURE__ */ ga(`Primitive.${r}`), o = c.forwardRef((a, n) => {
+    const { asChild: s, ...i } = a, u = s ? t : r;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(u, { ...i, ref: n });
   });
-  return t.displayName = `Primitive.${r}`, { ...e, [r]: t };
-}, {}), Sa = "VisuallyHidden", vt = c.forwardRef(
+  return o.displayName = `Primitive.${r}`, { ...e, [r]: o };
+}, {}), Pa = "VisuallyHidden", ft = c.forwardRef(
   (e, r) => /* @__PURE__ */ f(
-    ya.span,
+    Ca.span,
     {
       ...e,
       ref: r,
@@ -1913,16 +1954,16 @@ var ba = [
     }
   )
 );
-vt.displayName = Sa;
-var Ea = vt;
-const Rr = ({ asChild: e, children: r, ...t }) => /* @__PURE__ */ f(Ea, { asChild: e, ...t, children: r }), Ca = {
+ft.displayName = Pa;
+var xa = ft;
+const xr = ({ asChild: e, children: r, ...t }) => /* @__PURE__ */ f(xa, { asChild: e, ...t, children: r }), Ra = {
   "purpur-drawer-header__row": "_purpur-drawer-header__row_1yg5w_1",
   "purpur-drawer-header__row--with-back-button": "_purpur-drawer-header__row--with-back-button_1yg5w_6",
   "purpur-drawer-header__left": "_purpur-drawer-header__left_1yg5w_9",
   "purpur-drawer-header__right": "_purpur-drawer-header__right_1yg5w_12",
   "purpur-drawer-header__close-button": "_purpur-drawer-header__close-button_1yg5w_15",
   "purpur-drawer-header__back-button--only-icon": "_purpur-drawer-header__back-button--only-icon_1yg5w_18"
-}, Q = q.bind(Ca), U = "purpur-drawer-header", mt = j(
+}, Z = X.bind(Ra), U = "purpur-drawer-header", pt = B(
   ({
     ["data-testid"]: e = "purpur-drawer-header",
     backButton: r,
@@ -1935,12 +1976,12 @@ const Rr = ({ asChild: e, children: r, ...t }) => /* @__PURE__ */ f(Ea, { asChil
     title: u,
     ...l
   }, d) => {
-    const p = Q([a, U]);
+    const p = Z([a, U]);
     return /* @__PURE__ */ D("div", { className: p, "data-testid": e, ref: d, ...l, children: [
       /* @__PURE__ */ D(
         "div",
         {
-          className: Q([
+          className: Z([
             `${U}__row`,
             {
               [`${U}__row--with-back-button`]: r && t && i
@@ -1948,11 +1989,11 @@ const Rr = ({ asChild: e, children: r, ...t }) => /* @__PURE__ */ f(Ea, { asChil
           ]),
           "data-testid": `${e}-row`,
           children: [
-            /* @__PURE__ */ f("div", { className: Q(`${U}__left`), children: r && t && i ? /* @__PURE__ */ D(
+            /* @__PURE__ */ f("div", { className: Z(`${U}__left`), children: r && t && i ? /* @__PURE__ */ D(
               Ue,
               {
                 "aria-label": o ? t : "",
-                className: Q([
+                className: Z([
                   `${U}__back-button`,
                   {
                     [`${U}__back-button--only-icon`]: o
@@ -1962,15 +2003,15 @@ const Rr = ({ asChild: e, children: r, ...t }) => /* @__PURE__ */ f(Ea, { asChil
                 iconOnly: o,
                 onClick: i,
                 size: "sm",
-                variant: o ? Me.TERTIARY_PURPLE : Me.TEXT,
+                variant: o ? Ie.TERTIARY_PURPLE : Ie.TEXT,
                 children: [
-                  /* @__PURE__ */ f(ft, { size: "sm" }),
+                  /* @__PURE__ */ f(ut, { size: "sm" }),
                   !o && t
                 ]
               }
-            ) : s ? /* @__PURE__ */ D(B, { children: [
+            ) : s ? /* @__PURE__ */ D(te, { children: [
               s,
-              /* @__PURE__ */ f(Rr, { asChild: !0, children: /* @__PURE__ */ f(he, { children: u }) })
+              /* @__PURE__ */ f(xr, { asChild: !0, children: /* @__PURE__ */ f(he, { children: u }) })
             ] }) : /* @__PURE__ */ f(he, { asChild: !0, children: /* @__PURE__ */ f(
               Be,
               {
@@ -1981,23 +2022,23 @@ const Rr = ({ asChild: e, children: r, ...t }) => /* @__PURE__ */ f(Ea, { asChil
                 children: u
               }
             ) }) }),
-            /* @__PURE__ */ f("div", { className: Q(`${U}__right`), children: /* @__PURE__ */ f(wo, { asChild: !0, children: /* @__PURE__ */ f(
+            /* @__PURE__ */ f("div", { className: Z(`${U}__right`), children: /* @__PURE__ */ f(bo, { asChild: !0, children: /* @__PURE__ */ f(
               Ue,
               {
                 "aria-label": n,
-                className: Q(`${U}__close-button`),
+                className: Z(`${U}__close-button`),
                 iconOnly: !0,
                 size: "sm",
-                variant: Me.TERTIARY_PURPLE,
-                children: /* @__PURE__ */ f(pt, { size: "sm" })
+                variant: Ie.TERTIARY_PURPLE,
+                children: /* @__PURE__ */ f(dt, { size: "sm" })
               }
             ) }) })
           ]
         }
       ),
-      r && t && i && (s ? /* @__PURE__ */ D(B, { children: [
+      r && t && i && (s ? /* @__PURE__ */ D(te, { children: [
         s,
-        /* @__PURE__ */ f(Rr, { asChild: !0, children: /* @__PURE__ */ f(he, { children: u }) })
+        /* @__PURE__ */ f(xr, { asChild: !0, children: /* @__PURE__ */ f(he, { children: u }) })
       ] }) : /* @__PURE__ */ f(he, { asChild: !0, children: /* @__PURE__ */ f(
         Be,
         {
@@ -2011,19 +2052,19 @@ const Rr = ({ asChild: e, children: r, ...t }) => /* @__PURE__ */ f(Ea, { asChil
     ] });
   }
 );
-mt.displayName = "DrawerHeader";
-var Pa = c.createContext(void 0);
-function xa(e) {
-  const r = c.useContext(Pa);
+pt.displayName = "DrawerHeader";
+var Na = c.createContext(void 0);
+function Aa(e) {
+  const r = c.useContext(Na);
   return e || r || "ltr";
 }
-function Aa(e, [r, t]) {
+function Da(e, [r, t]) {
   return Math.min(t, Math.max(r, e));
 }
-function Na(e, r) {
+function Ta(e, r) {
   return c.useReducer((t, o) => r[t][o] ?? t, e);
 }
-var Ze = "ScrollArea", [gt, Ja] = Or(Ze), [Ra, $] = gt(Ze), _t = c.forwardRef(
+var qe = "ScrollArea", [ht] = Ar(qe), [Oa, $] = ht(qe), vt = c.forwardRef(
   (e, r) => {
     const {
       __scopeScrollArea: t,
@@ -2031,13 +2072,13 @@ var Ze = "ScrollArea", [gt, Ja] = Or(Ze), [Ra, $] = gt(Ze), _t = c.forwardRef(
       dir: a,
       scrollHideDelay: n = 600,
       ...s
-    } = e, [i, u] = c.useState(null), [l, d] = c.useState(null), [p, h] = c.useState(null), [m, w] = c.useState(null), [v, g] = c.useState(null), [_, E] = c.useState(0), [y, b] = c.useState(0), [C, x] = c.useState(!1), [S, N] = c.useState(!1), P = L(r, (F) => u(F)), A = xa(a);
+    } = e, [i, u] = c.useState(null), [l, d] = c.useState(null), [p, h] = c.useState(null), [m, w] = c.useState(null), [v, g] = c.useState(null), [_, b] = c.useState(0), [E, y] = c.useState(0), [C, x] = c.useState(!1), [S, N] = c.useState(!1), P = O(r, (F) => u(F)), R = Aa(a);
     return /* @__PURE__ */ f(
-      Ra,
+      Oa,
       {
         scope: t,
         type: o,
-        dir: A,
+        dir: R,
         scrollHideDelay: n,
         scrollArea: i,
         viewport: l,
@@ -2052,19 +2093,19 @@ var Ze = "ScrollArea", [gt, Ja] = Or(Ze), [Ra, $] = gt(Ze), _t = c.forwardRef(
         onScrollbarYChange: g,
         scrollbarYEnabled: S,
         onScrollbarYEnabledChange: N,
-        onCornerWidthChange: E,
-        onCornerHeightChange: b,
+        onCornerWidthChange: b,
+        onCornerHeightChange: y,
         children: /* @__PURE__ */ f(
-          O.div,
+          T.div,
           {
-            dir: A,
+            dir: R,
             ...s,
             ref: P,
             style: {
               position: "relative",
               // Pass corner sizes as CSS vars to reduce re-renders of context consumers
               "--radix-scroll-area-corner-width": _ + "px",
-              "--radix-scroll-area-corner-height": y + "px",
+              "--radix-scroll-area-corner-height": E + "px",
               ...e.style
             }
           }
@@ -2073,11 +2114,11 @@ var Ze = "ScrollArea", [gt, Ja] = Or(Ze), [Ra, $] = gt(Ze), _t = c.forwardRef(
     );
   }
 );
-_t.displayName = Ze;
-var wt = "ScrollAreaViewport", bt = c.forwardRef(
+vt.displayName = qe;
+var mt = "ScrollAreaViewport", gt = c.forwardRef(
   (e, r) => {
-    const { __scopeScrollArea: t, children: o, nonce: a, ...n } = e, s = $(wt, t), i = c.useRef(null), u = L(r, i, s.onViewportChange);
-    return /* @__PURE__ */ D(B, { children: [
+    const { __scopeScrollArea: t, children: o, nonce: a, ...n } = e, s = $(mt, t), i = c.useRef(null), u = O(r, i, s.onViewportChange);
+    return /* @__PURE__ */ D(te, { children: [
       /* @__PURE__ */ f(
         "style",
         {
@@ -2088,7 +2129,7 @@ var wt = "ScrollAreaViewport", bt = c.forwardRef(
         }
       ),
       /* @__PURE__ */ f(
-        O.div,
+        T.div,
         {
           "data-radix-scroll-area-viewport": "",
           ...n,
@@ -2115,17 +2156,17 @@ var wt = "ScrollAreaViewport", bt = c.forwardRef(
     ] });
   }
 );
-bt.displayName = wt;
-var W = "ScrollAreaScrollbar", yt = c.forwardRef(
+gt.displayName = mt;
+var W = "ScrollAreaScrollbar", _t = c.forwardRef(
   (e, r) => {
     const { forceMount: t, ...o } = e, a = $(W, e.__scopeScrollArea), { onScrollbarXEnabledChange: n, onScrollbarYEnabledChange: s } = a, i = e.orientation === "horizontal";
     return c.useEffect(() => (i ? n(!0) : s(!0), () => {
       i ? n(!1) : s(!1);
-    }), [i, n, s]), a.type === "hover" ? /* @__PURE__ */ f(Da, { ...o, ref: r, forceMount: t }) : a.type === "scroll" ? /* @__PURE__ */ f(Ta, { ...o, ref: r, forceMount: t }) : a.type === "auto" ? /* @__PURE__ */ f(St, { ...o, ref: r, forceMount: t }) : a.type === "always" ? /* @__PURE__ */ f(Qe, { ...o, ref: r }) : null;
+    }), [i, n, s]), a.type === "hover" ? /* @__PURE__ */ f(La, { ...o, ref: r, forceMount: t }) : a.type === "scroll" ? /* @__PURE__ */ f($a, { ...o, ref: r, forceMount: t }) : a.type === "auto" ? /* @__PURE__ */ f(wt, { ...o, ref: r, forceMount: t }) : a.type === "always" ? /* @__PURE__ */ f(Ge, { ...o, ref: r }) : null;
   }
 );
-yt.displayName = W;
-var Da = c.forwardRef((e, r) => {
+_t.displayName = W;
+var La = c.forwardRef((e, r) => {
   const { forceMount: t, ...o } = e, a = $(W, e.__scopeScrollArea), [n, s] = c.useState(!1);
   return c.useEffect(() => {
     const i = a.scrollArea;
@@ -2140,16 +2181,16 @@ var Da = c.forwardRef((e, r) => {
         window.clearTimeout(u), i.removeEventListener("pointerenter", l), i.removeEventListener("pointerleave", d);
       };
     }
-  }, [a.scrollArea, a.scrollHideDelay]), /* @__PURE__ */ f(z, { present: t || n, children: /* @__PURE__ */ f(
-    St,
+  }, [a.scrollArea, a.scrollHideDelay]), /* @__PURE__ */ f(j, { present: t || n, children: /* @__PURE__ */ f(
+    wt,
     {
       "data-state": n ? "visible" : "hidden",
       ...o,
       ref: r
     }
   ) });
-}), Ta = c.forwardRef((e, r) => {
-  const { forceMount: t, ...o } = e, a = $(W, e.__scopeScrollArea), n = e.orientation === "horizontal", s = Ce(() => u("SCROLL_END"), 100), [i, u] = Na("hidden", {
+}), $a = c.forwardRef((e, r) => {
+  const { forceMount: t, ...o } = e, a = $(W, e.__scopeScrollArea), n = e.orientation === "horizontal", s = Pe(() => u("SCROLL_END"), 100), [i, u] = Ta("hidden", {
     hidden: {
       SCROLL: "scrolling"
     },
@@ -2182,37 +2223,37 @@ var Da = c.forwardRef((e, r) => {
       };
       return l.addEventListener("scroll", h), () => l.removeEventListener("scroll", h);
     }
-  }, [a.viewport, n, u, s]), /* @__PURE__ */ f(z, { present: t || i !== "hidden", children: /* @__PURE__ */ f(
-    Qe,
+  }, [a.viewport, n, u, s]), /* @__PURE__ */ f(j, { present: t || i !== "hidden", children: /* @__PURE__ */ f(
+    Ge,
     {
       "data-state": i === "hidden" ? "hidden" : "visible",
       ...o,
       ref: r,
-      onPointerEnter: R(e.onPointerEnter, () => u("POINTER_ENTER")),
-      onPointerLeave: R(e.onPointerLeave, () => u("POINTER_LEAVE"))
+      onPointerEnter: A(e.onPointerEnter, () => u("POINTER_ENTER")),
+      onPointerLeave: A(e.onPointerLeave, () => u("POINTER_LEAVE"))
     }
   ) });
-}), St = c.forwardRef((e, r) => {
-  const t = $(W, e.__scopeScrollArea), { forceMount: o, ...a } = e, [n, s] = c.useState(!1), i = e.orientation === "horizontal", u = Ce(() => {
+}), wt = c.forwardRef((e, r) => {
+  const t = $(W, e.__scopeScrollArea), { forceMount: o, ...a } = e, [n, s] = c.useState(!1), i = e.orientation === "horizontal", u = Pe(() => {
     if (t.viewport) {
       const l = t.viewport.offsetWidth < t.viewport.scrollWidth, d = t.viewport.offsetHeight < t.viewport.scrollHeight;
       s(i ? l : d);
     }
   }, 10);
-  return ne(t.viewport, u), ne(t.content, u), /* @__PURE__ */ f(z, { present: o || n, children: /* @__PURE__ */ f(
-    Qe,
+  return oe(t.viewport, u), oe(t.content, u), /* @__PURE__ */ f(j, { present: o || n, children: /* @__PURE__ */ f(
+    Ge,
     {
       "data-state": n ? "visible" : "hidden",
       ...a,
       ref: r
     }
   ) });
-}), Qe = c.forwardRef((e, r) => {
+}), Ge = c.forwardRef((e, r) => {
   const { orientation: t = "vertical", ...o } = e, a = $(W, e.__scopeScrollArea), n = c.useRef(null), s = c.useRef(0), [i, u] = c.useState({
     content: 0,
     viewport: 0,
     scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
-  }), l = xt(i.viewport, i.content), d = {
+  }), l = Et(i.viewport, i.content), d = {
     ...o,
     sizes: i,
     onSizesChange: u,
@@ -2222,16 +2263,16 @@ var Da = c.forwardRef((e, r) => {
     onThumbPointerDown: (h) => s.current = h
   };
   function p(h, m) {
-    return Wa(h, s.current, i, m);
+    return Ha(h, s.current, i, m);
   }
   return t === "horizontal" ? /* @__PURE__ */ f(
-    Oa,
+    Ma,
     {
       ...d,
       ref: r,
       onThumbPositionChange: () => {
         if (a.viewport && n.current) {
-          const h = a.viewport.scrollLeft, m = Dr(h, i, a.dir);
+          const h = a.viewport.scrollLeft, m = Rr(h, i, a.dir);
           n.current.style.transform = `translate3d(${m}px, 0, 0)`;
         }
       },
@@ -2243,13 +2284,13 @@ var Da = c.forwardRef((e, r) => {
       }
     }
   ) : t === "vertical" ? /* @__PURE__ */ f(
-    La,
+    Ia,
     {
       ...d,
       ref: r,
       onThumbPositionChange: () => {
         if (a.viewport && n.current) {
-          const h = a.viewport.scrollTop, m = Dr(h, i);
+          const h = a.viewport.scrollTop, m = Rr(h, i);
           n.current.style.transform = `translate3d(0, ${m}px, 0)`;
         }
       },
@@ -2261,12 +2302,12 @@ var Da = c.forwardRef((e, r) => {
       }
     }
   ) : null;
-}), Oa = c.forwardRef((e, r) => {
-  const { sizes: t, onSizesChange: o, ...a } = e, n = $(W, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = L(r, u, n.onScrollbarXChange);
+}), Ma = c.forwardRef((e, r) => {
+  const { sizes: t, onSizesChange: o, ...a } = e, n = $(W, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = O(r, u, n.onScrollbarXChange);
   return c.useEffect(() => {
     u.current && i(getComputedStyle(u.current));
   }, [u]), /* @__PURE__ */ f(
-    Ct,
+    yt,
     {
       "data-orientation": "horizontal",
       ...a,
@@ -2276,7 +2317,7 @@ var Da = c.forwardRef((e, r) => {
         bottom: 0,
         left: n.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
         right: n.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
-        "--radix-scroll-area-thumb-width": Ee(t) + "px",
+        "--radix-scroll-area-thumb-width": Ce(t) + "px",
         ...e.style
       },
       onThumbPointerDown: (d) => e.onThumbPointerDown(d.x),
@@ -2284,7 +2325,7 @@ var Da = c.forwardRef((e, r) => {
       onWheelScroll: (d, p) => {
         if (n.viewport) {
           const h = n.viewport.scrollLeft + d.deltaX;
-          e.onWheelScroll(h), Nt(h, p) && d.preventDefault();
+          e.onWheelScroll(h), Pt(h, p) && d.preventDefault();
         }
       },
       onResize: () => {
@@ -2300,12 +2341,12 @@ var Da = c.forwardRef((e, r) => {
       }
     }
   );
-}), La = c.forwardRef((e, r) => {
-  const { sizes: t, onSizesChange: o, ...a } = e, n = $(W, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = L(r, u, n.onScrollbarYChange);
+}), Ia = c.forwardRef((e, r) => {
+  const { sizes: t, onSizesChange: o, ...a } = e, n = $(W, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = O(r, u, n.onScrollbarYChange);
   return c.useEffect(() => {
     u.current && i(getComputedStyle(u.current));
   }, [u]), /* @__PURE__ */ f(
-    Ct,
+    yt,
     {
       "data-orientation": "vertical",
       ...a,
@@ -2316,7 +2357,7 @@ var Da = c.forwardRef((e, r) => {
         right: n.dir === "ltr" ? 0 : void 0,
         left: n.dir === "rtl" ? 0 : void 0,
         bottom: "var(--radix-scroll-area-corner-height)",
-        "--radix-scroll-area-thumb-height": Ee(t) + "px",
+        "--radix-scroll-area-thumb-height": Ce(t) + "px",
         ...e.style
       },
       onThumbPointerDown: (d) => e.onThumbPointerDown(d.y),
@@ -2324,7 +2365,7 @@ var Da = c.forwardRef((e, r) => {
       onWheelScroll: (d, p) => {
         if (n.viewport) {
           const h = n.viewport.scrollTop + d.deltaY;
-          e.onWheelScroll(h), Nt(h, p) && d.preventDefault();
+          e.onWheelScroll(h), Pt(h, p) && d.preventDefault();
         }
       },
       onResize: () => {
@@ -2340,7 +2381,7 @@ var Da = c.forwardRef((e, r) => {
       }
     }
   );
-}), [$a, Et] = gt(W), Ct = c.forwardRef((e, r) => {
+}), [ka, bt] = ht(W), yt = c.forwardRef((e, r) => {
   const {
     __scopeScrollArea: t,
     sizes: o,
@@ -2353,58 +2394,58 @@ var Da = c.forwardRef((e, r) => {
     onWheelScroll: d,
     onResize: p,
     ...h
-  } = e, m = $(W, t), [w, v] = c.useState(null), g = L(r, (P) => v(P)), _ = c.useRef(null), E = c.useRef(""), y = m.viewport, b = o.content - o.viewport, C = T(d), x = T(u), S = Ce(p, 10);
+  } = e, m = $(W, t), [w, v] = c.useState(null), g = O(r, (P) => v(P)), _ = c.useRef(null), b = c.useRef(""), E = m.viewport, y = o.content - o.viewport, C = L(d), x = L(u), S = Pe(p, 10);
   function N(P) {
     if (_.current) {
-      const A = P.clientX - _.current.left, F = P.clientY - _.current.top;
-      l({ x: A, y: F });
+      const R = P.clientX - _.current.left, F = P.clientY - _.current.top;
+      l({ x: R, y: F });
     }
   }
   return c.useEffect(() => {
-    const P = (A) => {
-      const F = A.target;
-      (w == null ? void 0 : w.contains(F)) && C(A, b);
+    const P = (R) => {
+      const F = R.target;
+      (w == null ? void 0 : w.contains(F)) && C(R, y);
     };
     return document.addEventListener("wheel", P, { passive: !1 }), () => document.removeEventListener("wheel", P, { passive: !1 });
-  }, [y, w, b, C]), c.useEffect(x, [o, x]), ne(w, S), ne(m.content, S), /* @__PURE__ */ f(
-    $a,
+  }, [E, w, y, C]), c.useEffect(x, [o, x]), oe(w, S), oe(m.content, S), /* @__PURE__ */ f(
+    ka,
     {
       scope: t,
       scrollbar: w,
       hasThumb: a,
-      onThumbChange: T(n),
-      onThumbPointerUp: T(s),
+      onThumbChange: L(n),
+      onThumbPointerUp: L(s),
       onThumbPositionChange: x,
-      onThumbPointerDown: T(i),
+      onThumbPointerDown: L(i),
       children: /* @__PURE__ */ f(
-        O.div,
+        T.div,
         {
           ...h,
           ref: g,
           style: { position: "absolute", ...h.style },
-          onPointerDown: R(e.onPointerDown, (P) => {
-            P.button === 0 && (P.target.setPointerCapture(P.pointerId), _.current = w.getBoundingClientRect(), E.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", m.viewport && (m.viewport.style.scrollBehavior = "auto"), N(P));
+          onPointerDown: A(e.onPointerDown, (P) => {
+            P.button === 0 && (P.target.setPointerCapture(P.pointerId), _.current = w.getBoundingClientRect(), b.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", m.viewport && (m.viewport.style.scrollBehavior = "auto"), N(P));
           }),
-          onPointerMove: R(e.onPointerMove, N),
-          onPointerUp: R(e.onPointerUp, (P) => {
-            const A = P.target;
-            A.hasPointerCapture(P.pointerId) && A.releasePointerCapture(P.pointerId), document.body.style.webkitUserSelect = E.current, m.viewport && (m.viewport.style.scrollBehavior = ""), _.current = null;
+          onPointerMove: A(e.onPointerMove, N),
+          onPointerUp: A(e.onPointerUp, (P) => {
+            const R = P.target;
+            R.hasPointerCapture(P.pointerId) && R.releasePointerCapture(P.pointerId), document.body.style.webkitUserSelect = b.current, m.viewport && (m.viewport.style.scrollBehavior = ""), _.current = null;
           })
         }
       )
     }
   );
-}), be = "ScrollAreaThumb", Pt = c.forwardRef(
+}), be = "ScrollAreaThumb", St = c.forwardRef(
   (e, r) => {
-    const { forceMount: t, ...o } = e, a = Et(be, e.__scopeScrollArea);
-    return /* @__PURE__ */ f(z, { present: t || a.hasThumb, children: /* @__PURE__ */ f(Ma, { ref: r, ...o }) });
+    const { forceMount: t, ...o } = e, a = bt(be, e.__scopeScrollArea);
+    return /* @__PURE__ */ f(j, { present: t || a.hasThumb, children: /* @__PURE__ */ f(Wa, { ref: r, ...o }) });
   }
-), Ma = c.forwardRef(
+), Wa = c.forwardRef(
   (e, r) => {
-    const { __scopeScrollArea: t, style: o, ...a } = e, n = $(be, t), s = Et(be, t), { onThumbPositionChange: i } = s, u = L(
+    const { __scopeScrollArea: t, style: o, ...a } = e, n = $(be, t), s = bt(be, t), { onThumbPositionChange: i } = s, u = O(
       r,
       (p) => s.onThumbChange(p)
-    ), l = c.useRef(void 0), d = Ce(() => {
+    ), l = c.useRef(void 0), d = Pe(() => {
       l.current && (l.current(), l.current = void 0);
     }, 100);
     return c.useEffect(() => {
@@ -2412,14 +2453,14 @@ var Da = c.forwardRef((e, r) => {
       if (p) {
         const h = () => {
           if (d(), !l.current) {
-            const m = Fa(p, i);
+            const m = Ba(p, i);
             l.current = m, i();
           }
         };
         return i(), p.addEventListener("scroll", h), () => p.removeEventListener("scroll", h);
       }
     }, [n.viewport, d, i]), /* @__PURE__ */ f(
-      O.div,
+      T.div,
       {
         "data-state": s.hasThumb ? "visible" : "hidden",
         ...a,
@@ -2429,35 +2470,35 @@ var Da = c.forwardRef((e, r) => {
           height: "var(--radix-scroll-area-thumb-height)",
           ...o
         },
-        onPointerDownCapture: R(e.onPointerDownCapture, (p) => {
+        onPointerDownCapture: A(e.onPointerDownCapture, (p) => {
           const m = p.target.getBoundingClientRect(), w = p.clientX - m.left, v = p.clientY - m.top;
           s.onThumbPointerDown({ x: w, y: v });
         }),
-        onPointerUp: R(e.onPointerUp, s.onThumbPointerUp)
+        onPointerUp: A(e.onPointerUp, s.onThumbPointerUp)
       }
     );
   }
 );
-Pt.displayName = be;
-var Je = "ScrollAreaCorner", Ia = c.forwardRef(
+St.displayName = be;
+var Ke = "ScrollAreaCorner", Fa = c.forwardRef(
   (e, r) => {
-    const t = $(Je, e.__scopeScrollArea), o = !!(t.scrollbarX && t.scrollbarY);
-    return t.type !== "scroll" && o ? /* @__PURE__ */ f(ka, { ...e, ref: r }) : null;
+    const t = $(Ke, e.__scopeScrollArea), o = !!(t.scrollbarX && t.scrollbarY);
+    return t.type !== "scroll" && o ? /* @__PURE__ */ f(Ua, { ...e, ref: r }) : null;
   }
 );
-Ia.displayName = Je;
-var ka = c.forwardRef((e, r) => {
-  const { __scopeScrollArea: t, ...o } = e, a = $(Je, t), [n, s] = c.useState(0), [i, u] = c.useState(0), l = !!(n && i);
-  return ne(a.scrollbarX, () => {
+Fa.displayName = Ke;
+var Ua = c.forwardRef((e, r) => {
+  const { __scopeScrollArea: t, ...o } = e, a = $(Ke, t), [n, s] = c.useState(0), [i, u] = c.useState(0), l = !!(n && i);
+  return oe(a.scrollbarX, () => {
     var p;
     const d = ((p = a.scrollbarX) == null ? void 0 : p.offsetHeight) || 0;
     a.onCornerHeightChange(d), u(d);
-  }), ne(a.scrollbarY, () => {
+  }), oe(a.scrollbarY, () => {
     var p;
     const d = ((p = a.scrollbarY) == null ? void 0 : p.offsetWidth) || 0;
     a.onCornerWidthChange(d), s(d);
   }), l ? /* @__PURE__ */ f(
-    O.div,
+    T.div,
     {
       ...o,
       ref: r,
@@ -2476,49 +2517,49 @@ var ka = c.forwardRef((e, r) => {
 function ye(e) {
   return e ? parseInt(e, 10) : 0;
 }
-function xt(e, r) {
+function Et(e, r) {
   const t = e / r;
   return isNaN(t) ? 0 : t;
 }
-function Ee(e) {
-  const r = xt(e.viewport, e.content), t = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, o = (e.scrollbar.size - t) * r;
+function Ce(e) {
+  const r = Et(e.viewport, e.content), t = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, o = (e.scrollbar.size - t) * r;
   return Math.max(o, 18);
 }
-function Wa(e, r, t, o = "ltr") {
-  const a = Ee(t), n = a / 2, s = r || n, i = a - s, u = t.scrollbar.paddingStart + s, l = t.scrollbar.size - t.scrollbar.paddingEnd - i, d = t.content - t.viewport, p = o === "ltr" ? [0, d] : [d * -1, 0];
-  return At([u, l], p)(e);
+function Ha(e, r, t, o = "ltr") {
+  const a = Ce(t), n = a / 2, s = r || n, i = a - s, u = t.scrollbar.paddingStart + s, l = t.scrollbar.size - t.scrollbar.paddingEnd - i, d = t.content - t.viewport, p = o === "ltr" ? [0, d] : [d * -1, 0];
+  return Ct([u, l], p)(e);
 }
-function Dr(e, r, t = "ltr") {
-  const o = Ee(r), a = r.scrollbar.paddingStart + r.scrollbar.paddingEnd, n = r.scrollbar.size - a, s = r.content - r.viewport, i = n - o, u = t === "ltr" ? [0, s] : [s * -1, 0], l = Aa(e, u);
-  return At([0, s], [0, i])(l);
+function Rr(e, r, t = "ltr") {
+  const o = Ce(r), a = r.scrollbar.paddingStart + r.scrollbar.paddingEnd, n = r.scrollbar.size - a, s = r.content - r.viewport, i = n - o, u = t === "ltr" ? [0, s] : [s * -1, 0], l = Da(e, u);
+  return Ct([0, s], [0, i])(l);
 }
-function At(e, r) {
+function Ct(e, r) {
   return (t) => {
     if (e[0] === e[1] || r[0] === r[1]) return r[0];
     const o = (r[1] - r[0]) / (e[1] - e[0]);
     return r[0] + o * (t - e[0]);
   };
 }
-function Nt(e, r) {
+function Pt(e, r) {
   return e > 0 && e < r;
 }
-var Fa = (e, r = () => {
+var Ba = (e, r = () => {
 }) => {
   let t = { left: e.scrollLeft, top: e.scrollTop }, o = 0;
-  return function a() {
+  return (function a() {
     const n = { left: e.scrollLeft, top: e.scrollTop }, s = t.left !== n.left, i = t.top !== n.top;
     (s || i) && r(), t = n, o = window.requestAnimationFrame(a);
-  }(), () => window.cancelAnimationFrame(o);
+  })(), () => window.cancelAnimationFrame(o);
 };
-function Ce(e, r) {
-  const t = T(e), o = c.useRef(0);
+function Pe(e, r) {
+  const t = L(e), o = c.useRef(0);
   return c.useEffect(() => () => window.clearTimeout(o.current), []), c.useCallback(() => {
     window.clearTimeout(o.current), o.current = window.setTimeout(t, r);
   }, [t, r]);
 }
-function ne(e, r) {
-  const t = T(r);
-  se(() => {
+function oe(e, r) {
+  const t = L(r);
+  ne(() => {
     let o = 0;
     if (e) {
       const a = new ResizeObserver(() => {
@@ -2530,14 +2571,14 @@ function ne(e, r) {
     }
   }, [e, t]);
 }
-var Ua = _t, Ha = bt, Ba = yt, ja = Pt;
-const za = {
+var ja = vt, Va = gt, za = _t, Ya = St;
+const Xa = {
   "purpur-drawer-scroll-area__root": "_purpur-drawer-scroll-area__root_1r0fa_1",
   "purpur-drawer-scroll-area__root--fit-to-content": "_purpur-drawer-scroll-area__root--fit-to-content_1r0fa_4",
   "purpur-drawer-scroll-area__viewport": "_purpur-drawer-scroll-area__viewport_1r0fa_10",
   "purpur-drawer-scroll-area__scrollbar": "_purpur-drawer-scroll-area__scrollbar_1r0fa_13",
   "purpur-drawer-scroll-area__thumb": "_purpur-drawer-scroll-area__thumb_1r0fa_24"
-}, ae = q.bind(za), J = "purpur-drawer-scroll-area", ze = j(
+}, ie = X.bind(Xa), Q = "purpur-drawer-scroll-area", je = B(
   ({
     ["data-testid"]: e = "purpur-drawer-scroll-area",
     children: r,
@@ -2545,21 +2586,21 @@ const za = {
     fitToContent: o = !1,
     ...a
   }, n) => {
-    const s = ae([t, J]);
+    const s = ie([t, Q]);
     return /* @__PURE__ */ f("div", { className: s, "data-testid": e, ref: n, ...a, children: /* @__PURE__ */ D(
-      Ua,
+      ja,
       {
-        className: ae(`${J}__root`, {
-          [`${J}__root--fit-to-content`]: o
+        className: ie(`${Q}__root`, {
+          [`${Q}__root--fit-to-content`]: o
         }),
         children: [
-          /* @__PURE__ */ f(Ha, { className: ae(`${J}__viewport`), children: r }),
+          /* @__PURE__ */ f(Va, { className: ie(`${Q}__viewport`), children: r }),
           /* @__PURE__ */ f(
-            Ba,
+            za,
             {
-              className: ae(`${J}__scrollbar`),
+              className: ie(`${Q}__scrollbar`),
               orientation: "vertical",
-              children: /* @__PURE__ */ f(ja, { className: ae(`${J}__thumb`) })
+              children: /* @__PURE__ */ f(Ya, { className: ie(`${Q}__thumb`) })
             }
           )
         ]
@@ -2567,8 +2608,8 @@ const za = {
     ) });
   }
 );
-ze.displayName = "DrawerScrollArea";
-const ee = q.bind(Oo), M = "purpur-drawer-frame", Rt = j(
+je.displayName = "DrawerScrollArea";
+const J = X.bind(Lo), M = "purpur-drawer-frame", xt = B(
   ({
     ["data-testid"]: e = "purpur-drawer-frame",
     backButton: r,
@@ -2588,17 +2629,17 @@ const ee = q.bind(Oo), M = "purpur-drawer-frame", Rt = j(
     onSwipeEnd: v,
     title: g,
     stickyFooter: _,
-    position: E = "right",
-    ...y
-  }, b) => {
-    const C = ee([
+    position: b = "right",
+    ...E
+  }, y) => {
+    const C = J([
       n,
       M,
       {
         [`${M}--fit-to-content`]: i,
         [`${M}--sticky-footer`]: _,
-        [`${M}--left`]: E === "left",
-        [`${M}--right`]: E === "right"
+        [`${M}--left`]: b === "left",
+        [`${M}--right`]: b === "right"
       }
     ]);
     return /* @__PURE__ */ D(
@@ -2606,12 +2647,12 @@ const ee = q.bind(Oo), M = "purpur-drawer-frame", Rt = j(
       {
         className: C,
         "data-testid": e,
-        ref: b,
+        ref: y,
         onAnimationEnd: d,
-        ...y,
+        ...E,
         children: [
           /* @__PURE__ */ f(
-            dt,
+            lt,
             {
               onSwipeStart: h,
               onSwipeMove: m,
@@ -2620,13 +2661,13 @@ const ee = q.bind(Oo), M = "purpur-drawer-frame", Rt = j(
             }
           ),
           /* @__PURE__ */ f(
-            re,
+            ee,
             {
-              className: ee(`${M}__header`),
+              className: J(`${M}__header`),
               variant: "header",
               stickyFooter: _,
               children: /* @__PURE__ */ f(
-                mt,
+                pt,
                 {
                   title: g,
                   headerContent: l,
@@ -2639,20 +2680,20 @@ const ee = q.bind(Oo), M = "purpur-drawer-frame", Rt = j(
               )
             }
           ),
-          _ ? /* @__PURE__ */ D(B, { children: [
+          _ ? /* @__PURE__ */ D(te, { children: [
             /* @__PURE__ */ f(
-              ze,
+              je,
               {
-                className: ee(`${M}__body`),
+                className: J(`${M}__body`),
                 "data-testid": `${e}-sticky-footer-scroll-area`,
                 fitToContent: i,
-                children: /* @__PURE__ */ f(re, { stickyFooter: !0, children: a })
+                children: /* @__PURE__ */ f(ee, { stickyFooter: !0, children: a })
               }
             ),
             u && /* @__PURE__ */ f(
-              re,
+              ee,
               {
-                className: ee(`${M}__footer`),
+                className: J(`${M}__footer`),
                 "data-testid": `${e}-sticky-footer`,
                 variant: "footer",
                 stickyFooter: _,
@@ -2660,22 +2701,22 @@ const ee = q.bind(Oo), M = "purpur-drawer-frame", Rt = j(
               }
             )
           ] }) : /* @__PURE__ */ f(
-            ze,
+            je,
             {
-              className: ee(`${M}__body`),
+              className: J(`${M}__body`),
               "data-testid": `${e}-scroll-area`,
               fitToContent: i,
               children: /* @__PURE__ */ D(
                 "div",
                 {
-                  className: ee([
+                  className: J([
                     `${M}__content-container`,
                     { [`${M}__content-container--no-footer`]: !u }
                   ]),
                   children: [
-                    /* @__PURE__ */ f(re, { stickyFooter: _, children: a }),
+                    /* @__PURE__ */ f(ee, { stickyFooter: _, children: a }),
                     u && /* @__PURE__ */ f(
-                      re,
+                      ee,
                       {
                         "data-testid": `${e}-footer`,
                         stickyFooter: _,
@@ -2693,8 +2734,8 @@ const ee = q.bind(Oo), M = "purpur-drawer-frame", Rt = j(
     );
   }
 );
-Rt.displayName = "DrawerFrame";
-const Va = (e, r) => ({
+xt.displayName = "DrawerFrame";
+const qa = (e, r) => ({
   onAnimationEnd: (i) => {
     i.currentTarget.getAttribute("data-swipe") === "end" && r(!1);
   },
@@ -2716,7 +2757,7 @@ const Va = (e, r) => ({
     const { y: u } = i.delta;
     e.current.setAttribute("data-swipe", "end"), e.current.style.removeProperty("--purpur-drawer-swipe-move-y"), e.current.style.setProperty("--purpur-drawer-swipe-end-y", `${u}px`);
   }
-}), ie = q.bind(Ro), Y = "purpur-drawer-content", Dt = j(
+}), se = X.bind(Do), z = "purpur-drawer-content", Rt = B(
   ({
     ["data-testid"]: e = "purpur-drawer-content",
     backButton: r = !1,
@@ -2736,66 +2777,66 @@ const Va = (e, r) => ({
     zIndex: v,
     position: g = "right",
     ..._
-  }, E) => {
-    const y = ie([
+  }, b) => {
+    const E = se([
       s,
-      Y,
-      { [`${Y}--fit-to-content`]: l },
-      { [`${Y}--left`]: g === "left" },
-      { [`${Y}--right`]: g === "right" }
-    ]), b = $t(null), C = Mt(ut), { onAnimationEnd: x, onSwipeStart: S, onSwipeMove: N, onSwipeCancel: P, onSwipeEnd: A } = Va(b, C), F = (ce) => {
+      z,
+      { [`${z}--fit-to-content`]: l },
+      { [`${z}--left`]: g === "left" },
+      { [`${z}--right`]: g === "right" }
+    ]), y = Tt(null), C = Ot(ct), { onAnimationEnd: x, onSwipeStart: S, onSwipeMove: N, onSwipeCancel: P, onSwipeEnd: R } = qa(y, C), F = (ce) => {
       u && ce.preventDefault();
-    }, rr = () => {
-      const ce = b.current;
+    }, Qe = () => {
+      const ce = y.current;
       if (ce) {
-        const tr = ce.querySelector("h2");
-        tr && setTimeout(() => {
-          tr.focus();
+        const Je = ce.querySelector("h2");
+        Je && setTimeout(() => {
+          Je.focus();
         });
       }
     };
-    return /* @__PURE__ */ f(vo, { children: /* @__PURE__ */ f(
-      mo,
+    return /* @__PURE__ */ f(mo, { children: /* @__PURE__ */ f(
+      go,
       {
-        className: ie("purpur-drawer-overlay"),
+        className: se("purpur-drawer-overlay"),
         style: v ? { zIndex: v } : void 0,
         "data-testid": `${e}-overlay`,
         children: /* @__PURE__ */ f(
-          go,
+          _o,
           {
             onPointerDownOutside: F,
-            onOpenAutoFocus: rr,
-            className: y,
+            onOpenAutoFocus: Qe,
+            className: E,
             "data-testid": e,
-            ref: E,
+            ref: b,
             ...!a && { "aria-describedby": void 0 },
             ..._,
             children: /* @__PURE__ */ f(
-              Rt,
+              xt,
               {
                 backButton: r,
                 backButtonText: t,
                 backButtonOnlyIcon: o,
                 closeButtonAriaLabel: i,
-                className: ie(`${Y}__drawer-frame`),
+                className: se(`${z}__drawer-frame`),
                 fitToContent: l,
                 footerContent: d,
                 headerContent: p,
-                ref: b,
+                ref: y,
                 onAnimationEnd: x,
                 onBackButtonClick: h,
                 onSwipeStart: S,
                 onSwipeMove: N,
                 onSwipeCancel: P,
-                onSwipeEnd: A,
+                onSwipeEnd: R,
                 stickyFooter: m,
                 title: w,
                 position: g,
-                children: a ? /* @__PURE__ */ D("div", { className: ie(`${Y}__content-container`), children: [
+                children: a ? /* @__PURE__ */ D("div", { className: se(`${z}__content-container`), children: [
                   /* @__PURE__ */ f(
-                    _o,
+                    wo,
                     {
-                      className: ie(`${Y}__description`),
+                      className: se(`${z}__description`),
                       "data-testid": `${e}-description`,
                       children: a
                     }
@@ -2810,12 +2851,12 @@ const Va = (e, r) => ({
     ) });
   }
 );
-Dt.displayName = "DrawerContent";
-const Tt = j(
-  ({ ["data-testid"]: e = "purpur-drawer-trigger", children: r, ...t }, o) => /* @__PURE__ */ f(ho, { asChild: !0, "data-testid": e, ref: o, ...t, children: r })
+Rt.displayName = "DrawerContent";
+const Nt = B(
+  ({ ["data-testid"]: e = "purpur-drawer-trigger", children: r, ...t }, o) => /* @__PURE__ */ f(vo, { asChild: !0, "data-testid": e, ref: o, ...t, children: r })
 );
-Tt.displayName = "DrawerTrigger";
-const Ya = q.bind(Eo), Xa = "purpur-drawer", er = ({
+Nt.displayName = "DrawerTrigger";
+const Ga = X.bind(Co), Ka = "purpur-drawer", Ze = ({
   ["data-testid"]: e = "purpur-drawer",
   children: r,
   className: t,
@@ -2823,17 +2864,17 @@ const Ya = q.bind(Eo), Xa = "purpur-drawer", er = ({
   open: a = !1,
   ...n
 }) => {
-  const [s, i] = Ie.useState(a), u = Ya([t, Xa]), l = (d) => {
+  const [s, i] = ke.useState(a), u = Ga([t, Ka]), l = (d) => {
     i(d), o == null || o(d);
   };
-  return It(() => {
+  return Lt(() => {
     i(a);
-  }, [a]), /* @__PURE__ */ f(ut.Provider, { value: l, children: /* @__PURE__ */ f("div", { className: u, "data-testid": e, ...n, children: /* @__PURE__ */ f(po, { open: s, onOpenChange: l, children: r }) }) });
+  }, [a]), /* @__PURE__ */ f(ct.Provider, { value: l, children: /* @__PURE__ */ f("div", { className: u, "data-testid": e, ...n, children: /* @__PURE__ */ f(ho, { open: s, onOpenChange: l, children: r }) }) });
 };
-er.Trigger = Tt;
-er.Content = Dt;
-er.displayName = "Drawer";
+Ze.Trigger = Nt;
+Ze.Content = Rt;
+Ze.displayName = "Drawer";
 export {
-  er as Drawer
+  Ze as Drawer
 };
 //# sourceMappingURL=drawer.es.js.map