@purpurds/drawer 7.6.1 → 7.7.0

package/dist/drawer.es.js

@@ -1,39 +1,39 @@
 import { jsx as f, Fragment as H, jsxs as D } from "react/jsx-runtime";
 import * as c from "react";
-import Ie, { useState as Dt, createContext as Tt, forwardRef as B, useRef as Ot, useContext as Lt, useEffect as $t } from "react";
-import * as Mt from "react-dom";
-import It from "react-dom";
+import Ie, { useState as Tt, createContext as Ot, forwardRef as B, useRef as Lt, useContext as $t, useEffect as Mt } from "react";
+import * as It from "react-dom";
+import kt from "react-dom";
 function x(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 rr(e, r) {
+function tr(e, r) {
   if (typeof e == "function")
     return e(r);
   e != null && (e.current = r);
 }
-function xr(...e) {
+function Dr(...e) {
   return (r) => {
     let t = !1;
     const o = e.map((a) => {
-      const n = rr(a, r);
+      const n = tr(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() : rr(e[a], null);
+          typeof n == "function" ? n() : tr(e[a], null);
         }
       };
   };
 }
 function L(...e) {
-  return c.useCallback(xr(...e), e);
+  return c.useCallback(Dr(...e), e);
 }
-function kt(e, r) {
+function Wt(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,15 +47,15 @@ function kt(e, r) {
   }
   return [o, a];
 }
-function Dr(e, r = []) {
+function Tr(e, r = []) {
   let t = [];
   function o(n, s) {
     const i = c.createContext(s), u = t.length;
     t = [...t, s];
     const l = (p) => {
-      var g;
-      const { scope: v, children: m, ...w } = p, h = ((g = v == null ? void 0 : v[e]) == null ? void 0 : g[u]) || i, _ = c.useMemo(() => w, Object.values(w));
-      return /* @__PURE__ */ f(h.Provider, { value: _, children: m });
+      var _;
+      const { scope: v, children: m, ...w } = p, h = ((_ = v == null ? void 0 : v[e]) == null ? void 0 : _[u]) || i, g = c.useMemo(() => w, Object.values(w));
+      return /* @__PURE__ */ f(h.Provider, { value: g, children: m });
     };
     l.displayName = n + "Provider";
     function d(p, v) {
@@ -77,9 +77,9 @@ function Dr(e, r = []) {
       );
     };
   };
-  return a.scopeName = e, [o, Wt(a, ...r)];
+  return a.scopeName = e, [o, Ft(a, ...r)];
 }
-function Wt(...e) {
+function Ft(...e) {
   const r = e[0];
   if (e.length === 1) return r;
   const t = () => {
@@ -98,12 +98,12 @@ function Wt(...e) {
   return t.scopeName = r.scopeName, t;
 }
 var ce = globalThis != null && globalThis.document ? c.useLayoutEffect : () => {
-}, Ft = c.useId || (() => {
-}), Ut = 0;
+}, Ut = c.useId || (() => {
+}), qt = 0;
 function Pe(e) {
-  const [r, t] = c.useState(Ft());
+  const [r, t] = c.useState(Ut());
   return ce(() => {
-    t((o) => o ?? String(Ut++));
+    t((o) => o ?? String(qt++));
   }, [e]), e || (r ? `radix-${r}` : "");
 }
 function T(e) {
@@ -115,13 +115,13 @@ function T(e) {
     return (o = r.current) == null ? void 0 : o.call(r, ...t);
   }, []);
 }
-function qt({
+function Ht({
   prop: e,
   defaultProp: r,
   onChange: t = () => {
   }
 }) {
-  const [o, a] = Ht({ defaultProp: r, onChange: t }), n = e !== void 0, s = n ? e : o, i = T(t), u = c.useCallback(
+  const [o, a] = Bt({ 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;
@@ -133,7 +133,7 @@ function qt({
   );
   return [s, u];
 }
-function Ht({
+function Bt({
   defaultProp: e,
   onChange: r
 }) {
@@ -143,7 +143,7 @@ function Ht({
   }, [o, a, n]), t;
 }
 var ze = c.forwardRef((e, r) => {
-  const { children: t, ...o } = e, a = c.Children.toArray(t), n = a.find(jt);
+  const { children: t, ...o } = e, a = c.Children.toArray(t), n = a.find(zt);
   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 });
@@ -154,17 +154,17 @@ ze.displayName = "Slot";
 var ke = c.forwardRef((e, r) => {
   const { children: t, ...o } = e;
   if (c.isValidElement(t)) {
-    const a = Vt(t), n = zt(o, t.props);
-    return t.type !== c.Fragment && (n.ref = r ? xr(r, a) : a), c.cloneElement(t, n);
+    const a = Yt(t), n = Vt(o, t.props);
+    return t.type !== c.Fragment && (n.ref = r ? Dr(r, a) : a), c.cloneElement(t, n);
   }
   return c.Children.count(t) > 1 ? c.Children.only(null) : null;
 });
 ke.displayName = "SlotClone";
-var Bt = ({ children: e }) => /* @__PURE__ */ f(H, { children: e });
-function jt(e) {
-  return c.isValidElement(e) && e.type === Bt;
+var jt = ({ children: e }) => /* @__PURE__ */ f(H, { children: e });
+function zt(e) {
+  return c.isValidElement(e) && e.type === jt;
 }
-function zt(e, r) {
+function Vt(e, r) {
   const t = { ...r };
   for (const o in r) {
     const a = e[o], n = r[o];
@@ -174,12 +174,12 @@ function zt(e, r) {
   }
   return { ...e, ...t };
 }
-function Vt(e) {
+function Yt(e) {
   var o, a;
   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 Yt = [
+var Xt = [
   "a",
   "button",
   "div",
@@ -196,17 +196,17 @@ var Yt = [
   "span",
   "svg",
   "ul"
-], O = Yt.reduce((e, r) => {
+], O = Xt.reduce((e, r) => {
   const t = c.forwardRef((o, a) => {
     const { asChild: n, ...s } = o, i = n ? ze : r;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(i, { ...s, ref: a });
   });
   return t.displayName = `Primitive.${r}`, { ...e, [r]: t };
 }, {});
-function Xt(e, r) {
-  e && Mt.flushSync(() => e.dispatchEvent(r));
+function Gt(e, r) {
+  e && It.flushSync(() => e.dispatchEvent(r));
 }
-function Gt(e, r = globalThis == null ? void 0 : globalThis.document) {
+function Kt(e, r = globalThis == null ? void 0 : globalThis.document) {
   const t = T(e);
   c.useEffect(() => {
     const o = (a) => {
@@ -215,11 +215,11 @@ function Gt(e, r = globalThis == null ? void 0 : globalThis.document) {
     return r.addEventListener("keydown", o, { capture: !0 }), () => r.removeEventListener("keydown", o, { capture: !0 });
   }, [t, r]);
 }
-var Kt = "DismissableLayer", We = "dismissableLayer.update", Zt = "dismissableLayer.pointerDownOutside", Qt = "dismissableLayer.focusOutside", tr, Tr = c.createContext({
+var Zt = "DismissableLayer", We = "dismissableLayer.update", Qt = "dismissableLayer.pointerDownOutside", Jt = "dismissableLayer.focusOutside", nr, Or = c.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), Or = c.forwardRef(
+}), Lr = c.forwardRef(
   (e, r) => {
     const {
       disableOutsidePointerEvents: t = !1,
@@ -229,22 +229,22 @@ var Kt = "DismissableLayer", We = "dismissableLayer.update", Zt = "dismissableLa
       onInteractOutside: s,
       onDismiss: i,
       ...u
-    } = e, l = c.useContext(Tr), [d, p] = c.useState(null), v = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = c.useState({}), w = L(r, (S) => p(S)), h = Array.from(l.layers), [_] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), g = h.indexOf(_), E = d ? h.indexOf(d) : -1, b = l.layersWithOutsidePointerEventsDisabled.size > 0, y = E >= g, C = rn((S) => {
+    } = e, l = c.useContext(Or), [d, p] = c.useState(null), v = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = c.useState({}), w = L(r, (S) => p(S)), h = Array.from(l.layers), [g] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), _ = h.indexOf(g), E = d ? h.indexOf(d) : -1, b = l.layersWithOutsidePointerEventsDisabled.size > 0, y = E >= _, C = tn((S) => {
       const R = S.target, P = [...l.branches].some((A) => A.contains(R));
       !y || P || (a == null || a(S), s == null || s(S), S.defaultPrevented || i == null || i());
-    }, v), N = tn((S) => {
+    }, v), N = nn((S) => {
       const R = S.target;
       [...l.branches].some((A) => A.contains(R)) || (n == null || n(S), s == null || s(S), S.defaultPrevented || i == null || i());
     }, v);
-    return Gt((S) => {
+    return Kt((S) => {
       E === l.layers.size - 1 && (o == null || o(S), !S.defaultPrevented && i && (S.preventDefault(), i()));
     }, v), c.useEffect(() => {
       if (d)
-        return t && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (tr = v.body.style.pointerEvents, v.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(d)), l.layers.add(d), nr(), () => {
-          t && l.layersWithOutsidePointerEventsDisabled.size === 1 && (v.body.style.pointerEvents = tr);
+        return t && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (nr = v.body.style.pointerEvents, v.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(d)), l.layers.add(d), or(), () => {
+          t && l.layersWithOutsidePointerEventsDisabled.size === 1 && (v.body.style.pointerEvents = nr);
         };
     }, [d, v, t, l]), c.useEffect(() => () => {
-      d && (l.layers.delete(d), l.layersWithOutsidePointerEventsDisabled.delete(d), nr());
+      d && (l.layers.delete(d), l.layersWithOutsidePointerEventsDisabled.delete(d), or());
     }, [d, l]), c.useEffect(() => {
       const S = () => m({});
       return document.addEventListener(We, S), () => document.removeEventListener(We, S);
@@ -267,9 +267,9 @@ var Kt = "DismissableLayer", We = "dismissableLayer.update", Zt = "dismissableLa
     );
   }
 );
-Or.displayName = Kt;
-var Jt = "DismissableLayerBranch", en = c.forwardRef((e, r) => {
-  const t = c.useContext(Tr), o = c.useRef(null), a = L(r, o);
+Lr.displayName = Zt;
+var en = "DismissableLayerBranch", rn = c.forwardRef((e, r) => {
+  const t = c.useContext(Or), o = c.useRef(null), a = L(r, o);
   return c.useEffect(() => {
     const n = o.current;
     if (n)
@@ -278,16 +278,16 @@ var Jt = "DismissableLayerBranch", en = c.forwardRef((e, r) => {
       };
   }, [t.branches]), /* @__PURE__ */ f(O.div, { ...e, ref: a });
 });
-en.displayName = Jt;
-function rn(e, r = globalThis == null ? void 0 : globalThis.document) {
+rn.displayName = en;
+function tn(e, r = globalThis == null ? void 0 : globalThis.document) {
   const t = T(e), o = c.useRef(!1), a = c.useRef(() => {
   });
   return c.useEffect(() => {
     const n = (i) => {
       if (i.target && !o.current) {
         let u = function() {
-          Lr(
-            Zt,
+          $r(
+            Qt,
             t,
             l,
             { discrete: !0 }
@@ -309,11 +309,11 @@ function rn(e, r = globalThis == null ? void 0 : globalThis.document) {
     onPointerDownCapture: () => o.current = !0
   };
 }
-function tn(e, r = globalThis == null ? void 0 : globalThis.document) {
+function nn(e, r = globalThis == null ? void 0 : globalThis.document) {
   const t = T(e), o = c.useRef(!1);
   return c.useEffect(() => {
     const a = (n) => {
-      n.target && !o.current && Lr(Qt, t, { originalEvent: n }, {
+      n.target && !o.current && $r(Jt, t, { originalEvent: n }, {
         discrete: !1
       });
     };
@@ -323,15 +323,15 @@ function tn(e, r = globalThis == null ? void 0 : globalThis.document) {
     onBlurCapture: () => o.current = !1
   };
 }
-function nr() {
+function or() {
   const e = new CustomEvent(We);
   document.dispatchEvent(e);
 }
-function Lr(e, r, t, { discrete: o }) {
+function $r(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 ? Xt(a, n) : a.dispatchEvent(n);
+  r && a.addEventListener(e, r, { once: !0 }), o ? Gt(a, n) : a.dispatchEvent(n);
 }
-var Ne = "focusScope.autoFocusOnMount", Ae = "focusScope.autoFocusOnUnmount", or = { bubbles: !1, cancelable: !0 }, nn = "FocusScope", $r = c.forwardRef((e, r) => {
+var Ne = "focusScope.autoFocusOnMount", Ae = "focusScope.autoFocusOnUnmount", ar = { bubbles: !1, cancelable: !0 }, on = "FocusScope", Mr = c.forwardRef((e, r) => {
   const {
     loop: t = !1,
     trapped: o = !1,
@@ -353,33 +353,33 @@ var Ne = "focusScope.autoFocusOnMount", Ae = "focusScope.autoFocusOnUnmount", or
         if (m.paused || !i) return;
         const y = b.target;
         i.contains(y) ? p.current = y : q(p.current, { select: !0 });
-      }, _ = function(b) {
+      }, g = function(b) {
         if (m.paused || !i) return;
         const y = b.relatedTarget;
         y !== null && (i.contains(y) || q(p.current, { select: !0 }));
-      }, g = function(b) {
+      }, _ = function(b) {
         if (document.activeElement === document.body)
           for (const C of b)
             C.removedNodes.length > 0 && q(i);
       };
-      document.addEventListener("focusin", h), document.addEventListener("focusout", _);
-      const E = new MutationObserver(g);
+      document.addEventListener("focusin", h), document.addEventListener("focusout", g);
+      const E = new MutationObserver(_);
       return i && E.observe(i, { childList: !0, subtree: !0 }), () => {
-        document.removeEventListener("focusin", h), document.removeEventListener("focusout", _), E.disconnect();
+        document.removeEventListener("focusin", h), document.removeEventListener("focusout", g), E.disconnect();
       };
     }
   }, [o, i, m.paused]), c.useEffect(() => {
     if (i) {
-      ir.add(m);
+      sr.add(m);
       const h = document.activeElement;
       if (!i.contains(h)) {
-        const g = new CustomEvent(Ne, or);
-        i.addEventListener(Ne, l), i.dispatchEvent(g), g.defaultPrevented || (on(un(Mr(i)), { select: !0 }), document.activeElement === h && q(i));
+        const _ = new CustomEvent(Ne, ar);
+        i.addEventListener(Ne, l), i.dispatchEvent(_), _.defaultPrevented || (an(dn(Ir(i)), { select: !0 }), document.activeElement === h && q(i));
       }
       return () => {
         i.removeEventListener(Ne, l), setTimeout(() => {
-          const g = new CustomEvent(Ae, or);
-          i.addEventListener(Ae, d), i.dispatchEvent(g), g.defaultPrevented || q(h ?? document.body, { select: !0 }), i.removeEventListener(Ae, d), ir.remove(m);
+          const _ = new CustomEvent(Ae, ar);
+          i.addEventListener(Ae, d), i.dispatchEvent(_), _.defaultPrevented || q(h ?? document.body, { select: !0 }), i.removeEventListener(Ae, d), sr.remove(m);
         }, 0);
       };
     }
@@ -387,27 +387,27 @@ var Ne = "focusScope.autoFocusOnMount", Ae = "focusScope.autoFocusOnUnmount", or
   const w = c.useCallback(
     (h) => {
       if (!t && !o || m.paused) return;
-      const _ = h.key === "Tab" && !h.altKey && !h.ctrlKey && !h.metaKey, g = document.activeElement;
-      if (_ && g) {
-        const E = h.currentTarget, [b, y] = an(E);
-        b && y ? !h.shiftKey && g === y ? (h.preventDefault(), t && q(b, { select: !0 })) : h.shiftKey && g === b && (h.preventDefault(), t && q(y, { select: !0 })) : g === E && h.preventDefault();
+      const g = h.key === "Tab" && !h.altKey && !h.ctrlKey && !h.metaKey, _ = document.activeElement;
+      if (g && _) {
+        const E = h.currentTarget, [b, y] = sn(E);
+        b && y ? !h.shiftKey && _ === y ? (h.preventDefault(), t && q(b, { select: !0 })) : h.shiftKey && _ === b && (h.preventDefault(), t && q(y, { select: !0 })) : _ === E && h.preventDefault();
       }
     },
     [t, o, m.paused]
   );
   return /* @__PURE__ */ f(O.div, { tabIndex: -1, ...s, ref: v, onKeyDown: w });
 });
-$r.displayName = nn;
-function on(e, { select: r = !1 } = {}) {
+Mr.displayName = on;
+function an(e, { select: r = !1 } = {}) {
   const t = document.activeElement;
   for (const o of e)
     if (q(o, { select: r }), document.activeElement !== t) return;
 }
-function an(e) {
-  const r = Mr(e), t = ar(r, e), o = ar(r.reverse(), e);
+function sn(e) {
+  const r = Ir(e), t = ir(r, e), o = ir(r.reverse(), e);
   return [t, o];
 }
-function Mr(e) {
+function Ir(e) {
   const r = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (o) => {
       const a = o.tagName === "INPUT" && o.type === "hidden";
@@ -417,11 +417,11 @@ function Mr(e) {
   for (; t.nextNode(); ) r.push(t.currentNode);
   return r;
 }
-function ar(e, r) {
+function ir(e, r) {
   for (const t of e)
-    if (!sn(t, { upTo: r })) return t;
+    if (!cn(t, { upTo: r })) return t;
 }
-function sn(e, { upTo: r }) {
+function cn(e, { upTo: r }) {
   if (getComputedStyle(e).visibility === "hidden") return !0;
   for (; e; ) {
     if (r !== void 0 && e === r) return !1;
@@ -430,54 +430,54 @@ function sn(e, { upTo: r }) {
   }
   return !1;
 }
-function cn(e) {
+function ln(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
 function q(e, { select: r = !1 } = {}) {
   if (e && e.focus) {
     const t = document.activeElement;
-    e.focus({ preventScroll: !0 }), e !== t && cn(e) && r && e.select();
+    e.focus({ preventScroll: !0 }), e !== t && ln(e) && r && e.select();
   }
 }
-var ir = ln();
-function ln() {
+var sr = un();
+function un() {
   let e = [];
   return {
     add(r) {
       const t = e[0];
-      r !== t && (t == null || t.pause()), e = sr(e, r), e.unshift(r);
+      r !== t && (t == null || t.pause()), e = cr(e, r), e.unshift(r);
     },
     remove(r) {
       var t;
-      e = sr(e, r), (t = e[0]) == null || t.resume();
+      e = cr(e, r), (t = e[0]) == null || t.resume();
     }
   };
 }
-function sr(e, r) {
+function cr(e, r) {
   const t = [...e], o = t.indexOf(r);
   return o !== -1 && t.splice(o, 1), t;
 }
-function un(e) {
+function dn(e) {
   return e.filter((r) => r.tagName !== "A");
 }
-var dn = "Portal", Ir = c.forwardRef((e, r) => {
+var fn = "Portal", kr = c.forwardRef((e, r) => {
   var i;
   const { container: t, ...o } = e, [a, n] = c.useState(!1);
   ce(() => n(!0), []);
   const s = t || a && ((i = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : i.body);
-  return s ? It.createPortal(/* @__PURE__ */ f(O.div, { ...o, ref: r }), s) : null;
+  return s ? kt.createPortal(/* @__PURE__ */ f(O.div, { ...o, ref: r }), s) : null;
 });
-Ir.displayName = dn;
-function fn(e, r) {
+kr.displayName = fn;
+function pn(e, r) {
   return c.useReducer((t, o) => r[t][o] ?? t, e);
 }
 var j = (e) => {
-  const { present: r, children: t } = e, o = pn(r), a = typeof t == "function" ? t({ present: o.isPresent }) : c.Children.only(t), n = L(o.ref, vn(a));
+  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, hn(a));
   return typeof t == "function" || o.isPresent ? c.cloneElement(a, { ref: n }) : null;
 };
 j.displayName = "Presence";
-function pn(e) {
-  const [r, t] = c.useState(), o = c.useRef({}), a = c.useRef(e), n = c.useRef("none"), s = e ? "mounted" : "unmounted", [i, u] = fn(s, {
+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] = pn(s, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -505,9 +505,9 @@ function pn(e) {
       const d = r.ownerDocument.defaultView ?? window, p = (m) => {
         const h = le(o.current).includes(m.animationName);
         if (m.target === r && h && (u("ANIMATION_END"), !a.current)) {
-          const _ = r.style.animationFillMode;
+          const g = r.style.animationFillMode;
           r.style.animationFillMode = "forwards", l = d.setTimeout(() => {
-            r.style.animationFillMode === "forwards" && (r.style.animationFillMode = _);
+            r.style.animationFillMode === "forwards" && (r.style.animationFillMode = g);
           });
         }
       }, v = (m) => {
@@ -528,21 +528,21 @@ function pn(e) {
 function le(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-function vn(e) {
+function hn(e) {
   var o, a;
   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 Re = 0;
-function hn() {
+function mn() {
   c.useEffect(() => {
     const e = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", e[0] ?? cr()), document.body.insertAdjacentElement("beforeend", e[1] ?? cr()), Re++, () => {
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? lr()), document.body.insertAdjacentElement("beforeend", e[1] ?? lr()), Re++, () => {
       Re === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((r) => r.remove()), Re--;
     };
   }, []);
 }
-function cr() {
+function lr() {
   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 +555,7 @@ var I = function() {
     return r;
   }, I.apply(this, arguments);
 };
-function kr(e, r) {
+function Wr(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")
@@ -563,17 +563,17 @@ function kr(e, r) {
       r.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (t[o[a]] = e[o[a]]);
   return t;
 }
-function mn(e, r, t) {
+function gn(e, r, t) {
   if (t || arguments.length === 2) for (var o = 0, a = r.length, n; o < a; o++)
     (n || !(o in r)) && (n || (n = Array.prototype.slice.call(r, 0, o)), n[o] = r[o]);
   return e.concat(n || Array.prototype.slice.call(r));
 }
-var ge = "right-scroll-bar-position", _e = "width-before-scroll-bar", gn = "with-scroll-bars-hidden", _n = "--removed-body-scroll-bar-size";
+var ge = "right-scroll-bar-position", _e = "width-before-scroll-bar", _n = "with-scroll-bars-hidden", wn = "--removed-body-scroll-bar-size";
 function xe(e, r) {
   return typeof e == "function" ? e(r) : e && (e.current = r), e;
 }
-function wn(e, r) {
-  var t = Dt(function() {
+function bn(e, r) {
+  var t = Tt(function() {
     return {
       // value
       value: e,
@@ -593,15 +593,15 @@ function wn(e, r) {
   })[0];
   return t.callback = r, t.facade;
 }
-var bn = typeof window < "u" ? c.useLayoutEffect : c.useEffect, lr = /* @__PURE__ */ new WeakMap();
-function yn(e, r) {
-  var t = wn(null, function(o) {
+var yn = typeof window < "u" ? c.useLayoutEffect : c.useEffect, ur = /* @__PURE__ */ new WeakMap();
+function Sn(e, r) {
+  var t = bn(null, function(o) {
     return e.forEach(function(a) {
       return xe(a, o);
     });
   });
-  return bn(function() {
-    var o = lr.get(t);
+  return yn(function() {
+    var o = ur.get(t);
     if (o) {
       var a = new Set(o), n = new Set(e), s = t.current;
       a.forEach(function(i) {
@@ -610,14 +610,14 @@ function yn(e, r) {
         a.has(i) || xe(i, s);
       });
     }
-    lr.set(t, e);
+    ur.set(t, e);
   }, [e]), t;
 }
-function Sn(e) {
+function En(e) {
   return e;
 }
-function En(e, r) {
-  r === void 0 && (r = Sn);
+function Cn(e, r) {
+  r === void 0 && (r = En);
   var t = [], o = !1, a = {
     read: function() {
       if (o)
@@ -671,13 +671,13 @@ function En(e, r) {
   };
   return a;
 }
-function Cn(e) {
+function Pn(e) {
   e === void 0 && (e = {});
-  var r = En(null);
+  var r = Cn(null);
   return r.options = I({ async: !0, ssr: !1 }, e), r;
 }
-var Wr = function(e) {
-  var r = e.sideCar, t = kr(e, ["sideCar"]);
+var Fr = function(e) {
+  var r = e.sideCar, t = Wr(e, ["sideCar"]);
   if (!r)
     throw new Error("Sidecar: please provide `sideCar` property to import the right car");
   var o = r.read();
@@ -685,22 +685,22 @@ var Wr = function(e) {
     throw new Error("Sidecar medium not found");
   return c.createElement(o, I({}, t));
 };
-Wr.isSideCarExport = !0;
-function Pn(e, r) {
-  return e.useMedium(r), Wr;
+Fr.isSideCarExport = !0;
+function Nn(e, r) {
+  return e.useMedium(r), Fr;
 }
-var Fr = Cn(), De = function() {
+var Ur = Pn(), De = 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, v = e.sideCar, m = e.noIsolation, w = e.inert, h = e.allowPinchZoom, _ = e.as, g = _ === void 0 ? "div" : _, E = e.gapMode, b = kr(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), y = v, C = yn([t, r]), N = I(I({}, b), a);
+  }), a = o[0], n = o[1], s = e.forwardProps, i = e.children, u = e.className, l = e.removeScrollBar, d = e.enabled, p = e.shards, v = e.sideCar, m = e.noIsolation, w = e.inert, h = e.allowPinchZoom, g = e.as, _ = g === void 0 ? "div" : g, E = e.gapMode, b = Wr(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), y = v, C = Sn([t, r]), N = I(I({}, b), a);
   return c.createElement(
     c.Fragment,
     null,
-    d && c.createElement(y, { sideCar: Fr, removeScrollBar: l, shards: p, noIsolation: m, inert: w, setCallbacks: n, allowPinchZoom: !!h, lockRef: t, gapMode: E }),
-    s ? c.cloneElement(c.Children.only(i), I(I({}, N), { ref: C })) : c.createElement(g, I({}, N, { className: u, ref: C }), i)
+    d && c.createElement(y, { sideCar: Ur, removeScrollBar: l, shards: p, noIsolation: m, inert: w, setCallbacks: n, allowPinchZoom: !!h, lockRef: t, gapMode: E }),
+    s ? c.cloneElement(c.Children.only(i), I(I({}, N), { ref: C })) : c.createElement(_, I({}, N, { className: u, ref: C }), i)
   );
 });
 Se.defaultProps = {
@@ -712,37 +712,37 @@ Se.classNames = {
   fullWidth: _e,
   zeroRight: ge
 };
-var Nn = function() {
+var An = function() {
   if (typeof __webpack_nonce__ < "u")
     return __webpack_nonce__;
 };
-function An() {
+function Rn() {
   if (!document)
     return null;
   var e = document.createElement("style");
   e.type = "text/css";
-  var r = Nn();
+  var r = An();
   return r && e.setAttribute("nonce", r), e;
 }
-function Rn(e, r) {
+function xn(e, r) {
   e.styleSheet ? e.styleSheet.cssText = r : e.appendChild(document.createTextNode(r));
 }
-function xn(e) {
+function Dn(e) {
   var r = document.head || document.getElementsByTagName("head")[0];
   r.appendChild(e);
 }
-var Dn = function() {
+var Tn = function() {
   var e = 0, r = null;
   return {
     add: function(t) {
-      e == 0 && (r = An()) && (Rn(r, t), xn(r)), e++;
+      e == 0 && (r = Rn()) && (xn(r, t), Dn(r)), e++;
     },
     remove: function() {
       e--, !e && r && (r.parentNode && r.parentNode.removeChild(r), r = null);
     }
   };
-}, Tn = function() {
-  var e = Dn();
+}, On = function() {
+  var e = Tn();
   return function(r, t) {
     c.useEffect(function() {
       return e.add(r), function() {
@@ -750,36 +750,36 @@ var Dn = function() {
       };
     }, [r && t]);
   };
-}, Ur = function() {
-  var e = Tn(), r = function(t) {
+}, qr = function() {
+  var e = On(), r = function(t) {
     var o = t.styles, a = t.dynamic;
     return e(o, a), null;
   };
   return r;
-}, On = {
+}, Ln = {
   left: 0,
   top: 0,
   right: 0,
   gap: 0
 }, Te = function(e) {
   return parseInt(e || "", 10) || 0;
-}, Ln = function(e) {
+}, $n = 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)];
-}, $n = function(e) {
+}, Mn = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
-    return On;
-  var r = Ln(e), t = document.documentElement.clientWidth, o = window.innerWidth;
+    return Ln;
+  var r = $n(e), t = document.documentElement.clientWidth, o = window.innerWidth;
   return {
     left: r[0],
     top: r[1],
     right: r[2],
     gap: Math.max(0, o - t + r[2] - r[0])
   };
-}, Mn = Ur(), re = "data-scroll-locked", In = function(e, r, t, o) {
+}, In = qr(), re = "data-scroll-locked", kn = 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(gn, ` {
+  .`.concat(_n, ` {
    overflow: hidden `).concat(o, `;
    padding-right: `).concat(i, "px ").concat(o, `;
   }
@@ -817,26 +817,26 @@ var Dn = function() {
   }
   
   body[`).concat(re, `] {
-    `).concat(_n, ": ").concat(i, `px;
+    `).concat(wn, ": ").concat(i, `px;
   }
 `);
-}, ur = function() {
+}, dr = function() {
   var e = parseInt(document.body.getAttribute(re) || "0", 10);
   return isFinite(e) ? e : 0;
-}, kn = function() {
+}, Wn = function() {
   c.useEffect(function() {
-    return document.body.setAttribute(re, (ur() + 1).toString()), function() {
-      var e = ur() - 1;
+    return document.body.setAttribute(re, (dr() + 1).toString()), function() {
+      var e = dr() - 1;
       e <= 0 ? document.body.removeAttribute(re) : document.body.setAttribute(re, e.toString());
     };
   }, []);
-}, Wn = function(e) {
+}, Fn = function(e) {
   var r = e.noRelative, t = e.noImportant, o = e.gapMode, a = o === void 0 ? "margin" : o;
-  kn();
+  Wn();
   var n = c.useMemo(function() {
-    return $n(a);
+    return Mn(a);
   }, [a]);
-  return c.createElement(Mn, { styles: In(n, !r, a, t ? "" : "!important") });
+  return c.createElement(In, { styles: kn(n, !r, a, t ? "" : "!important") });
 }, Fe = !1;
 if (typeof window < "u")
   try {
@@ -849,59 +849,59 @@ if (typeof window < "u")
   } catch {
     Fe = !1;
   }
-var X = Fe ? { passive: !1 } : !1, Fn = function(e) {
+var X = Fe ? { passive: !1 } : !1, Un = function(e) {
   return e.tagName === "TEXTAREA";
-}, qr = function(e, r) {
+}, Hr = function(e, r) {
   if (!(e instanceof Element))
     return !1;
   var t = window.getComputedStyle(e);
   return (
     // not-not-scrollable
     t[r] !== "hidden" && // contains scroll inside self
-    !(t.overflowY === t.overflowX && !Fn(e) && t[r] === "visible")
+    !(t.overflowY === t.overflowX && !Un(e) && t[r] === "visible")
   );
-}, Un = function(e) {
-  return qr(e, "overflowY");
 }, qn = function(e) {
-  return qr(e, "overflowX");
-}, dr = function(e, r) {
+  return Hr(e, "overflowY");
+}, Hn = function(e) {
+  return Hr(e, "overflowX");
+}, fr = function(e, r) {
   var t = r.ownerDocument, o = r;
   do {
     typeof ShadowRoot < "u" && o instanceof ShadowRoot && (o = o.host);
-    var a = Hr(e, o);
+    var a = Br(e, o);
     if (a) {
-      var n = Br(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;
-}, Hn = function(e) {
+}, Bn = function(e) {
   var r = e.scrollTop, t = e.scrollHeight, o = e.clientHeight;
   return [
     r,
     t,
     o
   ];
-}, Bn = function(e) {
+}, jn = function(e) {
   var r = e.scrollLeft, t = e.scrollWidth, o = e.clientWidth;
   return [
     r,
     t,
     o
   ];
-}, Hr = function(e, r) {
-  return e === "v" ? Un(r) : qn(r);
 }, Br = function(e, r) {
-  return e === "v" ? Hn(r) : Bn(r);
-}, jn = function(e, r) {
+  return e === "v" ? qn(r) : Hn(r);
+}, jr = function(e, r) {
+  return e === "v" ? Bn(r) : jn(r);
+}, zn = function(e, r) {
   return e === "h" && r === "rtl" ? -1 : 1;
-}, zn = function(e, r, t, o, a) {
-  var n = jn(e, window.getComputedStyle(r).direction), s = n * o, i = t.target, u = r.contains(i), l = !1, d = s > 0, p = 0, v = 0;
+}, Vn = function(e, r, t, o, a) {
+  var n = zn(e, window.getComputedStyle(r).direction), s = n * o, i = t.target, u = r.contains(i), l = !1, d = s > 0, p = 0, v = 0;
   do {
-    var m = Br(e, i), w = m[0], h = m[1], _ = m[2], g = h - _ - n * w;
-    (w || g) && Hr(e, i) && (p += g, v += w), i instanceof ShadowRoot ? i = i.host : i = i.parentNode;
+    var m = jr(e, i), w = m[0], h = m[1], g = m[2], _ = h - g - n * w;
+    (w || _) && Br(e, i) && (p += _, v += w), i instanceof ShadowRoot ? i = i.host : i = i.parentNode;
   } while (
     // portaled content
     !u && i !== document.body || // self content
@@ -910,69 +910,69 @@ var X = Fe ? { passive: !1 } : !1, Fn = function(e) {
   return (d && Math.abs(p) < 1 || !d && Math.abs(v) < 1) && (l = !0), l;
 }, de = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
-}, fr = function(e) {
-  return [e.deltaX, e.deltaY];
 }, pr = function(e) {
+  return [e.deltaX, e.deltaY];
+}, vr = function(e) {
   return e && "current" in e ? e.current : e;
-}, Vn = function(e, r) {
+}, Yn = function(e, r) {
   return e[0] === r[0] && e[1] === r[1];
-}, Yn = function(e) {
+}, Xn = function(e) {
   return `
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, Xn = 0, G = [];
-function Gn(e) {
-  var r = c.useRef([]), t = c.useRef([0, 0]), o = c.useRef(), a = c.useState(Xn++)[0], n = c.useState(Ur)[0], s = c.useRef(e);
+}, Gn = 0, G = [];
+function Kn(e) {
+  var r = c.useRef([]), t = c.useRef([0, 0]), o = c.useRef(), a = c.useState(Gn++)[0], n = c.useState(qr)[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 h = mn([e.lockRef.current], (e.shards || []).map(pr), !0).filter(Boolean);
-      return h.forEach(function(_) {
-        return _.classList.add("allow-interactivity-".concat(a));
+      var h = gn([e.lockRef.current], (e.shards || []).map(vr), !0).filter(Boolean);
+      return h.forEach(function(g) {
+        return g.classList.add("allow-interactivity-".concat(a));
       }), function() {
-        document.body.classList.remove("block-interactivity-".concat(a)), h.forEach(function(_) {
-          return _.classList.remove("allow-interactivity-".concat(a));
+        document.body.classList.remove("block-interactivity-".concat(a)), h.forEach(function(g) {
+          return g.classList.remove("allow-interactivity-".concat(a));
         });
       };
     }
   }, [e.inert, e.lockRef.current, e.shards]);
-  var i = c.useCallback(function(h, _) {
+  var i = c.useCallback(function(h, g) {
     if ("touches" in h && h.touches.length === 2 || h.type === "wheel" && h.ctrlKey)
       return !s.current.allowPinchZoom;
-    var g = de(h), E = t.current, b = "deltaX" in h ? h.deltaX : E[0] - g[0], y = "deltaY" in h ? h.deltaY : E[1] - g[1], C, N = h.target, S = Math.abs(b) > Math.abs(y) ? "h" : "v";
+    var _ = de(h), E = t.current, b = "deltaX" in h ? h.deltaX : E[0] - _[0], y = "deltaY" in h ? h.deltaY : E[1] - _[1], C, N = h.target, S = Math.abs(b) > Math.abs(y) ? "h" : "v";
     if ("touches" in h && S === "h" && N.type === "range")
       return !1;
-    var R = dr(S, N);
+    var R = fr(S, N);
     if (!R)
       return !0;
-    if (R ? C = S : (C = S === "v" ? "h" : "v", R = dr(S, N)), !R)
+    if (R ? C = S : (C = S === "v" ? "h" : "v", R = fr(S, N)), !R)
       return !1;
     if (!o.current && "changedTouches" in h && (b || y) && (o.current = C), !C)
       return !0;
     var P = o.current || C;
-    return zn(P, _, h, P === "h" ? b : y);
+    return Vn(P, g, h, P === "h" ? b : y);
   }, []), u = c.useCallback(function(h) {
-    var _ = h;
+    var g = h;
     if (!(!G.length || G[G.length - 1] !== n)) {
-      var g = "deltaY" in _ ? fr(_) : de(_), E = r.current.filter(function(C) {
-        return C.name === _.type && (C.target === _.target || _.target === C.shadowParent) && Vn(C.delta, g);
+      var _ = "deltaY" in g ? pr(g) : de(g), E = r.current.filter(function(C) {
+        return C.name === g.type && (C.target === g.target || g.target === C.shadowParent) && Yn(C.delta, _);
       })[0];
       if (E && E.should) {
-        _.cancelable && _.preventDefault();
+        g.cancelable && g.preventDefault();
         return;
       }
       if (!E) {
-        var b = (s.current.shards || []).map(pr).filter(Boolean).filter(function(C) {
-          return C.contains(_.target);
-        }), y = b.length > 0 ? i(_, b[0]) : !s.current.noIsolation;
-        y && _.cancelable && _.preventDefault();
+        var b = (s.current.shards || []).map(vr).filter(Boolean).filter(function(C) {
+          return C.contains(g.target);
+        }), y = b.length > 0 ? i(g, b[0]) : !s.current.noIsolation;
+        y && g.cancelable && g.preventDefault();
       }
     }
-  }, []), l = c.useCallback(function(h, _, g, E) {
-    var b = { name: h, delta: _, target: g, should: E, shadowParent: Kn(g) };
+  }, []), l = c.useCallback(function(h, g, _, E) {
+    var b = { name: h, delta: g, target: _, should: E, shadowParent: Zn(_) };
     r.current.push(b), setTimeout(function() {
       r.current = r.current.filter(function(y) {
         return y !== b;
@@ -981,7 +981,7 @@ function Gn(e) {
   }, []), d = c.useCallback(function(h) {
     t.current = de(h), o.current = void 0;
   }, []), p = c.useCallback(function(h) {
-    l(h.type, fr(h), h.target, i(h, e.lockRef.current));
+    l(h.type, pr(h), h.target, i(h, e.lockRef.current));
   }, []), v = c.useCallback(function(h) {
     l(h.type, de(h), h.target, i(h, e.lockRef.current));
   }, []);
@@ -1000,38 +1000,38 @@ function Gn(e) {
   return c.createElement(
     c.Fragment,
     null,
-    w ? c.createElement(n, { styles: Yn(a) }) : null,
-    m ? c.createElement(Wn, { gapMode: e.gapMode }) : null
+    w ? c.createElement(n, { styles: Xn(a) }) : null,
+    m ? c.createElement(Fn, { gapMode: e.gapMode }) : null
   );
 }
-function Kn(e) {
+function Zn(e) {
   for (var r = null; e !== null; )
     e instanceof ShadowRoot && (r = e.host, e = e.host), e = e.parentNode;
   return r;
 }
-const Zn = Pn(Fr, Gn);
-var jr = c.forwardRef(function(e, r) {
-  return c.createElement(Se, I({}, e, { ref: r, sideCar: Zn }));
+const Qn = Nn(Ur, Kn);
+var zr = c.forwardRef(function(e, r) {
+  return c.createElement(Se, I({}, e, { ref: r, sideCar: Qn }));
 });
-jr.classNames = Se.classNames;
-var Qn = function(e) {
+zr.classNames = Se.classNames;
+var Jn = function(e) {
   if (typeof document > "u")
     return null;
   var r = Array.isArray(e) ? e[0] : e;
   return r.ownerDocument.body;
-}, K = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {}, Oe = 0, zr = function(e) {
-  return e && (e.host || zr(e.parentNode));
-}, Jn = function(e, r) {
+}, K = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {}, Oe = 0, Vr = function(e) {
+  return e && (e.host || Vr(e.parentNode));
+}, eo = function(e, r) {
   return r.map(function(t) {
     if (e.contains(t))
       return t;
-    var o = zr(t);
+    var o = Vr(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;
   });
-}, eo = function(e, r, t, o) {
-  var a = Jn(r, Array.isArray(e) ? e : [e]);
+}, ro = function(e, r, t, o) {
+  var a = eo(r, Array.isArray(e) ? e : [e]);
   pe[t] || (pe[t] = /* @__PURE__ */ new WeakMap());
   var n = pe[t], s = [], i = /* @__PURE__ */ new Set(), u = new Set(a), l = function(p) {
     !p || i.has(p) || (i.add(p), l(p.parentNode));
@@ -1043,10 +1043,10 @@ var Qn = function(e) {
         d(v);
       else
         try {
-          var m = v.getAttribute(o), w = m !== null && m !== "false", h = (K.get(v) || 0) + 1, _ = (n.get(v) || 0) + 1;
-          K.set(v, h), n.set(v, _), s.push(v), h === 1 && w && fe.set(v, !0), _ === 1 && v.setAttribute(t, "true"), w || v.setAttribute(o, "true");
-        } catch (g) {
-          console.error("aria-hidden: cannot operate on ", v, g);
+          var m = v.getAttribute(o), w = m !== null && m !== "false", h = (K.get(v) || 0) + 1, g = (n.get(v) || 0) + 1;
+          K.set(v, h), n.set(v, g), s.push(v), h === 1 && w && fe.set(v, !0), g === 1 && v.setAttribute(t, "true"), w || v.setAttribute(o, "true");
+        } catch (_) {
+          console.error("aria-hidden: cannot operate on ", v, _);
         }
     });
   };
@@ -1056,13 +1056,13 @@ var Qn = function(e) {
       K.set(p, v), n.set(p, m), v || (fe.has(p) || p.removeAttribute(o), fe.delete(p)), m || p.removeAttribute(t);
     }), Oe--, Oe || (K = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {});
   };
-}, ro = function(e, r, t) {
+}, to = function(e, r, t) {
   t === void 0 && (t = "data-aria-hidden");
-  var o = Array.from(Array.isArray(e) ? e : [e]), a = Qn(e);
-  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), eo(o, a, t, "aria-hidden")) : function() {
+  var o = Array.from(Array.isArray(e) ? e : [e]), a = Jn(e);
+  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), ro(o, a, t, "aria-hidden")) : function() {
     return null;
   };
-}, Ve = "Dialog", [Vr, Xa] = Dr(Ve), [to, M] = Vr(Ve), Yr = (e) => {
+}, Ve = "Dialog", [Yr, Ga] = Tr(Ve), [no, M] = Yr(Ve), Xr = (e) => {
   const {
     __scopeDialog: r,
     children: t,
@@ -1070,13 +1070,13 @@ var Qn = function(e) {
     defaultOpen: a,
     onOpenChange: n,
     modal: s = !0
-  } = e, i = c.useRef(null), u = c.useRef(null), [l = !1, d] = qt({
+  } = e, i = c.useRef(null), u = c.useRef(null), [l = !1, d] = Ht({
     prop: o,
     defaultProp: a,
     onChange: n
   });
   return /* @__PURE__ */ f(
-    to,
+    no,
     {
       scope: r,
       triggerRef: i,
@@ -1092,10 +1092,10 @@ var Qn = function(e) {
     }
   );
 };
-Yr.displayName = Ve;
-var Xr = "DialogTrigger", Gr = c.forwardRef(
+Xr.displayName = Ve;
+var Gr = "DialogTrigger", Kr = c.forwardRef(
   (e, r) => {
-    const { __scopeDialog: t, ...o } = e, a = M(Xr, t), n = L(r, a.triggerRef);
+    const { __scopeDialog: t, ...o } = e, a = M(Gr, t), n = L(r, a.triggerRef);
     return /* @__PURE__ */ f(
       O.button,
       {
@@ -1111,28 +1111,28 @@ var Xr = "DialogTrigger", Gr = c.forwardRef(
     );
   }
 );
-Gr.displayName = Xr;
-var Ye = "DialogPortal", [no, Kr] = Vr(Ye, {
+Kr.displayName = Gr;
+var Ye = "DialogPortal", [oo, Zr] = Yr(Ye, {
   forceMount: void 0
-}), Zr = (e) => {
+}), Qr = (e) => {
   const { __scopeDialog: r, forceMount: t, children: o, container: a } = e, n = M(Ye, r);
-  return /* @__PURE__ */ f(no, { 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 }) })) });
+  return /* @__PURE__ */ f(oo, { scope: r, forceMount: t, children: c.Children.map(o, (s) => /* @__PURE__ */ f(j, { present: t || n.open, children: /* @__PURE__ */ f(kr, { asChild: !0, container: a, children: s }) })) });
 };
-Zr.displayName = Ye;
-var we = "DialogOverlay", Qr = c.forwardRef(
+Qr.displayName = Ye;
+var we = "DialogOverlay", Jr = c.forwardRef(
   (e, r) => {
-    const t = Kr(we, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = M(we, e.__scopeDialog);
-    return n.modal ? /* @__PURE__ */ f(j, { present: o || n.open, children: /* @__PURE__ */ f(oo, { ...a, ref: r }) }) : null;
+    const t = Zr(we, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = M(we, e.__scopeDialog);
+    return n.modal ? /* @__PURE__ */ f(j, { present: o || n.open, children: /* @__PURE__ */ f(ao, { ...a, ref: r }) }) : null;
   }
 );
-Qr.displayName = we;
-var oo = c.forwardRef(
+Jr.displayName = we;
+var ao = c.forwardRef(
   (e, r) => {
     const { __scopeDialog: t, ...o } = e, a = M(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(jr, { as: ze, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
+      /* @__PURE__ */ f(zr, { as: ze, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
         O.div,
         {
           "data-state": Ge(a.open),
@@ -1143,21 +1143,21 @@ var oo = c.forwardRef(
       ) })
     );
   }
-), V = "DialogContent", Jr = c.forwardRef(
+), V = "DialogContent", et = c.forwardRef(
   (e, r) => {
-    const t = Kr(V, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = M(V, e.__scopeDialog);
-    return /* @__PURE__ */ f(j, { present: o || n.open, children: n.modal ? /* @__PURE__ */ f(ao, { ...a, ref: r }) : /* @__PURE__ */ f(io, { ...a, ref: r }) });
+    const t = Zr(V, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = M(V, e.__scopeDialog);
+    return /* @__PURE__ */ f(j, { present: o || n.open, children: n.modal ? /* @__PURE__ */ f(io, { ...a, ref: r }) : /* @__PURE__ */ f(so, { ...a, ref: r }) });
   }
 );
-Jr.displayName = V;
-var ao = c.forwardRef(
+et.displayName = V;
+var io = c.forwardRef(
   (e, r) => {
     const t = M(V, e.__scopeDialog), o = c.useRef(null), a = L(r, t.contentRef, o);
     return c.useEffect(() => {
       const n = o.current;
-      if (n) return ro(n);
+      if (n) return to(n);
     }, []), /* @__PURE__ */ f(
-      et,
+      rt,
       {
         ...e,
         ref: a,
@@ -1178,11 +1178,11 @@ var ao = c.forwardRef(
       }
     );
   }
-), io = c.forwardRef(
+), so = c.forwardRef(
   (e, r) => {
     const t = M(V, e.__scopeDialog), o = c.useRef(!1), a = c.useRef(!1);
     return /* @__PURE__ */ f(
-      et,
+      rt,
       {
         ...e,
         ref: r,
@@ -1201,12 +1201,12 @@ var ao = c.forwardRef(
       }
     );
   }
-), et = c.forwardRef(
+), rt = c.forwardRef(
   (e, r) => {
     const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...s } = e, i = M(V, t), u = c.useRef(null), l = L(r, u);
-    return hn(), /* @__PURE__ */ D(H, { children: [
+    return mn(), /* @__PURE__ */ D(H, { children: [
       /* @__PURE__ */ f(
-        $r,
+        Mr,
         {
           asChild: !0,
           loop: !0,
@@ -1214,7 +1214,7 @@ var ao = c.forwardRef(
           onMountAutoFocus: a,
           onUnmountAutoFocus: n,
           children: /* @__PURE__ */ f(
-            Or,
+            Lr,
             {
               role: "dialog",
               id: i.contentId,
@@ -1229,28 +1229,28 @@ var ao = c.forwardRef(
         }
       ),
       /* @__PURE__ */ D(H, { children: [
-        /* @__PURE__ */ f(so, { titleId: i.titleId }),
-        /* @__PURE__ */ f(lo, { contentRef: u, descriptionId: i.descriptionId })
+        /* @__PURE__ */ f(co, { titleId: i.titleId }),
+        /* @__PURE__ */ f(uo, { contentRef: u, descriptionId: i.descriptionId })
       ] })
     ] });
   }
-), Xe = "DialogTitle", rt = c.forwardRef(
+), Xe = "DialogTitle", tt = c.forwardRef(
   (e, r) => {
     const { __scopeDialog: t, ...o } = e, a = M(Xe, t);
     return /* @__PURE__ */ f(O.h2, { id: a.titleId, ...o, ref: r });
   }
 );
-rt.displayName = Xe;
-var tt = "DialogDescription", nt = c.forwardRef(
+tt.displayName = Xe;
+var nt = "DialogDescription", ot = c.forwardRef(
   (e, r) => {
-    const { __scopeDialog: t, ...o } = e, a = M(tt, t);
+    const { __scopeDialog: t, ...o } = e, a = M(nt, t);
     return /* @__PURE__ */ f(O.p, { id: a.descriptionId, ...o, ref: r });
   }
 );
-nt.displayName = tt;
-var ot = "DialogClose", at = c.forwardRef(
+ot.displayName = nt;
+var at = "DialogClose", it = c.forwardRef(
   (e, r) => {
-    const { __scopeDialog: t, ...o } = e, a = M(ot, t);
+    const { __scopeDialog: t, ...o } = e, a = M(at, t);
     return /* @__PURE__ */ f(
       O.button,
       {
@@ -1262,16 +1262,16 @@ var ot = "DialogClose", at = c.forwardRef(
     );
   }
 );
-at.displayName = ot;
+it.displayName = at;
 function Ge(e) {
   return e ? "open" : "closed";
 }
-var it = "DialogTitleWarning", [Ga, st] = kt(it, {
+var st = "DialogTitleWarning", [Ka, ct] = Wt(st, {
   contentName: V,
   titleName: Xe,
   docsSlug: "dialog"
-}), so = ({ titleId: e }) => {
-  const r = st(it), t = `\`${r.contentName}\` requires a \`${r.titleName}\` for the component to be accessible for screen reader users.
+}), co = ({ titleId: e }) => {
+  const r = ct(st), 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,15 +1279,15 @@ 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;
-}, co = "DialogDescriptionWarning", lo = ({ contentRef: e, descriptionId: r }) => {
-  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${st(co).contentName}}.`;
+}, lo = "DialogDescriptionWarning", uo = ({ contentRef: e, descriptionId: r }) => {
+  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${ct(lo).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;
-}, uo = Yr, fo = Gr, po = Zr, vo = Qr, ho = Jr, ve = rt, mo = nt, go = at;
-function _o(e) {
+}, fo = Xr, po = Kr, vo = Qr, ho = Jr, mo = et, ve = tt, go = ot, _o = it;
+function wo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Le = { exports: {} };
@@ -1296,9 +1296,9 @@ var Le = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var vr;
-function wo() {
-  return vr || (vr = 1, function(e) {
+var hr;
+function bo() {
+  return hr || (hr = 1, function(e) {
     (function() {
       var r = {}.hasOwnProperty;
       function t() {
@@ -1329,24 +1329,24 @@ function wo() {
     })();
   }(Le)), Le.exports;
 }
-var bo = wo();
-const Y = /* @__PURE__ */ _o(bo), ct = Tt(null), yo = {}, So = "_drawerSmallScreenAnimation_5mlbf_1", Eo = "_drawerLargeScreenAnimation_5mlbf_1", Co = "_slideDown_5mlbf_1", Po = "_overlayAnimation_5mlbf_1", No = {
+var yo = bo();
+const Y = /* @__PURE__ */ wo(yo), lt = Ot(null), So = {}, Eo = "_drawerSmallScreenAnimation_5mlbf_1", Co = "_drawerLargeScreenAnimation_5mlbf_1", Po = "_slideDown_5mlbf_1", No = "_overlayAnimation_5mlbf_1", Ao = {
   "purpur-drawer-content": "_purpur-drawer-content_5mlbf_1",
-  drawerSmallScreenAnimation: So,
+  drawerSmallScreenAnimation: Eo,
   "purpur-drawer-content--fit-to-content": "_purpur-drawer-content--fit-to-content_5mlbf_16",
-  drawerLargeScreenAnimation: Eo,
+  drawerLargeScreenAnimation: Co,
   "purpur-drawer-content__content-container": "_purpur-drawer-content__content-container_5mlbf_43",
   "purpur-drawer-content__drawer-frame": "_purpur-drawer-content__drawer-frame_5mlbf_48",
-  slideDown: Co,
+  slideDown: Po,
   "purpur-drawer-content__description": "_purpur-drawer-content__description_5mlbf_58",
   "purpur-drawer-overlay": "_purpur-drawer-overlay_5mlbf_69",
-  overlayAnimation: Po
-}, Ao = {
+  overlayAnimation: No
+}, Ro = {
   "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"
-}, Ro = Y.bind(Ao), $e = "purpur-drawer-container", ee = B(
+}, xo = Y.bind(Ro), $e = "purpur-drawer-container", ee = B(
   ({
     ["data-testid"]: e = "purpur-drawer-container",
     children: r,
@@ -1355,7 +1355,7 @@ const Y = /* @__PURE__ */ _o(bo), ct = Tt(null), yo = {}, So = "_drawerSmallScre
     stickyFooter: a,
     ...n
   }, s) => {
-    const i = Ro([
+    const i = xo([
       t,
       $e,
       {
@@ -1369,7 +1369,7 @@ const Y = /* @__PURE__ */ _o(bo), ct = Tt(null), yo = {}, So = "_drawerSmallScre
   }
 );
 ee.displayName = "DrawerContainer";
-const xo = {
+const Do = {
   "purpur-drawer-frame": "_purpur-drawer-frame_1gdvv_1",
   "purpur-drawer-frame--sticky-footer": "_purpur-drawer-frame--sticky-footer_1gdvv_17",
   "purpur-drawer-frame__header": "_purpur-drawer-frame__header_1gdvv_20",
@@ -1378,9 +1378,9 @@ const xo = {
   "purpur-drawer-frame__footer": "_purpur-drawer-frame__footer_1gdvv_36",
   "purpur-drawer-frame__content-container": "_purpur-drawer-frame__content-container_1gdvv_39",
   "purpur-drawer-frame__content-container--no-footer": "_purpur-drawer-frame__content-container--no-footer_1gdvv_44"
-}, Do = {
+}, To = {
   "purpur-drawer-handle": "_purpur-drawer-handle_3n0ew_1"
-}, To = (e, r, t, o, a, n) => ({
+}, Oo = (e, r, t, o, a, n) => ({
   onPointerDown: (l) => {
     e.current = { y: l.clientY };
   },
@@ -1388,18 +1388,18 @@ const xo = {
     if (!e.current)
       return;
     const d = l.clientY - e.current.y, p = !!r.current, v = Math.max(0, d), m = l.pointerType === "touch" ? 10 : 2, w = { y: v }, h = { originalEvent: l, delta: w };
-    p ? (r.current = w, o(h)) : hr(w, 0) ? (r.current = w, t(), l.target.setPointerCapture(l.pointerId)) : Math.abs(d) > m && (e.current = null);
+    p ? (r.current = w, o(h)) : mr(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 v = l.currentTarget, m = { originalEvent: l, delta: d };
-      hr(d, 0) && d.y > 200 ? n(m) : a(), v.addEventListener("click", (w) => w.preventDefault(), {
+      mr(d, 0) && d.y > 200 ? n(m) : a(), v.addEventListener("click", (w) => w.preventDefault(), {
         once: !0
       });
     }
   }
-}), hr = (e, r = 0) => Math.abs(e.y) > r, Oo = Y.bind(Do), Lo = "purpur-drawer-handle", lt = B(
+}), mr = (e, r = 0) => Math.abs(e.y) > r, Lo = Y.bind(To), $o = "purpur-drawer-handle", ut = B(
   ({
     ["data-testid"]: e = "purpur-drawer-handle",
     className: r,
@@ -1409,7 +1409,7 @@ const xo = {
     onSwipeEnd: n,
     ...s
   }, i) => {
-    const u = Oo([r, Lo]), l = Ie.useRef(null), d = Ie.useRef(null), { onPointerDown: p, onPointerMove: v, onPointerUp: m } = To(
+    const u = Lo([r, $o]), l = Ie.useRef(null), d = Ie.useRef(null), { onPointerDown: p, onPointerMove: v, onPointerUp: m } = Oo(
       d,
       l,
       t,
@@ -1431,43 +1431,43 @@ const xo = {
     );
   }
 );
-lt.displayName = "DrawerHandle";
-const $o = {
+ut.displayName = "DrawerHandle";
+const Mo = {
   LG: "lg"
 };
-function Mo(e) {
+function Io(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var mr = { exports: {} };
+var gr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var gr;
-function Io() {
-  return gr || (gr = 1, function(e) {
+var _r;
+function ko() {
+  return _r || (_r = 1, function(e) {
     (function() {
       var r = {}.hasOwnProperty;
       function t() {
         for (var n = "", s = 0; s < arguments.length; s++) {
           var i = arguments[s];
-          i && (n = a(n, o(i)));
+          i && (n = a(n, o.call(this, i)));
         }
         return n;
       }
       function o(n) {
         if (typeof n == "string" || typeof n == "number")
-          return n;
+          return this && this[n] || n;
         if (typeof n != "object")
           return "";
         if (Array.isArray(n))
-          return t.apply(null, n);
+          return t.apply(this, n);
         if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
           return n.toString();
         var s = "";
         for (var i in n)
-          r.call(n, i) && n[i] && (s = a(s, i));
+          r.call(n, i) && n[i] && (s = a(s, this && this[i] || i));
         return s;
       }
       function a(n, s) {
@@ -1475,61 +1475,52 @@ function Io() {
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  }(mr)), mr.exports;
+  }(gr)), gr.exports;
 }
-var ko = Io();
-const _r = /* @__PURE__ */ Mo(ko), Wo = "_rotate_12t9p_1", Fo = "_dash_12t9p_1", ne = {
+var Wo = ko();
+const Fo = /* @__PURE__ */ Io(Wo), Uo = "_rotate_12t9p_1", qo = "_dash_12t9p_1", Ho = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Wo,
+  rotate: Uo,
   "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: Fo,
+  dash: qo,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, oe = "purpur-spinner", Uo = {
+}, wr = Fo.bind(Ho), oe = "purpur-spinner", Bo = {
   SM: "sm"
-}, qo = ({
-  ["data-testid"]: e,
-  disabled: r = !1,
-  negative: t = !1,
-  size: o = Uo.SM,
-  ...a
-}) => /* @__PURE__ */ f(
-  "div",
+}, jo = ({
+  disabled: e = !1,
+  negative: r = !1,
+  size: t = Bo.SM,
+  ...o
+}) => /* @__PURE__ */ f("div", { className: wr(oe, `${oe}--${t}`), ...o, children: /* @__PURE__ */ f("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ f(
+  "circle",
   {
-    className: _r([ne[oe], ne[`${oe}--${o}`]]),
-    "data-testid": e,
-    ...a,
-    children: /* @__PURE__ */ f("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ f(
-      "circle",
-      {
-        className: _r(ne[`${oe}__circle`], {
-          [ne[`${oe}__circle--disabled`]]: r,
-          [ne[`${oe}__circle--negative`]]: t
-        }),
-        cx: "25",
-        cy: "25",
-        r: "20"
-      }
-    ) })
+    className: wr(`${oe}__circle`, {
+      [`${oe}__circle--disabled`]: e,
+      [`${oe}__circle--negative`]: r
+    }),
+    cx: "25",
+    cy: "25",
+    r: "20"
   }
-);
-function Ho(e) {
+) }) });
+function zo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var wr = { exports: {} };
+var br = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var br;
-function Bo() {
-  return br || (br = 1, function(e) {
+var yr;
+function Vo() {
+  return yr || (yr = 1, function(e) {
     (function() {
       var r = {}.hasOwnProperty;
       function t() {
@@ -1558,10 +1549,10 @@ function Bo() {
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  }(wr)), wr.exports;
+  }(br)), br.exports;
 }
-var jo = Bo();
-const zo = /* @__PURE__ */ Ho(jo), Vo = {
+var Yo = Vo();
+const Xo = /* @__PURE__ */ zo(Yo), Go = {
   "purpur-button": "_purpur-button_w455q_1",
   "purpur-button--xs": "_purpur-button--xs_w455q_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
@@ -1586,70 +1577,77 @@ const zo = /* @__PURE__ */ Ho(jo), Vo = {
 }, Me = {
   TERTIARY_PURPLE: "tertiary-purple",
   TEXT: "text"
-}, Yo = zo.bind(Vo), z = "purpur-button", Xo = ({
-  children: e,
-  className: r,
-  ["data-testid"]: t,
-  disabled: o = !1,
-  fullWidth: a = !1,
-  iconOnly: n,
-  loading: s = !1,
-  negative: i = !1,
-  onClick: u,
-  size: l = "md",
-  variant: d,
-  type: p = "button",
-  ...v
-}, m) => {
-  if (n && d === "destructive")
-    return null;
-  const w = Yo(
-    [
-      z,
-      `${z}--${i ? `${d}-negative` : d}`,
-      `${z}--${l}`
-    ],
-    {
-      [`${z}--icon-only`]: n,
-      [`${z}--negative`]: i,
-      [`${z}--full-width`]: a,
-      [`${z}--disabled`]: o || s
-    },
-    r
-  ), h = (g) => {
-    o || s ? g.preventDefault() : u && u(g);
-  }, _ = !!v["aria-disabled"] || o || s;
-  return /* @__PURE__ */ D(
-    "button",
-    {
-      className: w,
-      "data-testid": t,
-      type: p,
-      ref: m,
-      "aria-disabled": _,
-      onClick: h,
-      ...v,
-      children: [
-        s && /* @__PURE__ */ f(qo, { size: l === $o.LG ? "xs" : "xxs", negative: i, disabled: _ }),
-        " ",
-        e
-      ]
-    }
-  );
-}, Ue = B(Xo);
+}, Ko = Xo.bind(Go), z = "purpur-button", Ue = B(
+  ({
+    children: e,
+    className: r,
+    disabled: t = !1,
+    fullWidth: o = !1,
+    iconOnly: a,
+    loading: n = !1,
+    negative: s = !1,
+    onClick: i,
+    size: u = "md",
+    variant: l,
+    type: d = "button",
+    ...p
+  }, v) => {
+    if (a && l === "destructive")
+      return null;
+    const m = Ko(
+      [
+        z,
+        `${z}--${s ? `${l}-negative` : l}`,
+        `${z}--${u}`
+      ],
+      {
+        [`${z}--icon-only`]: a,
+        [`${z}--negative`]: s,
+        [`${z}--full-width`]: o,
+        [`${z}--disabled`]: t || n
+      },
+      r
+    ), w = (g) => {
+      t || n ? g.preventDefault() : i && i(g);
+    }, h = !!p["aria-disabled"] || t || n;
+    return /* @__PURE__ */ D(
+      "button",
+      {
+        className: m,
+        type: d,
+        ref: v,
+        "aria-disabled": h,
+        onClick: w,
+        ...p,
+        children: [
+          n && /* @__PURE__ */ f(
+            jo,
+            {
+              size: u === Mo.LG ? "xs" : "xxs",
+              negative: s,
+              disabled: h
+            }
+          ),
+          " ",
+          e
+        ]
+      }
+    );
+  }
+);
 Ue.displayName = "Button";
-function Go(e) {
+function Zo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var yr = { exports: {} };
+var Sr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Sr;
-function Ko() {
-  return Sr || (Sr = 1, function(e) {
+var Er;
+function Qo() {
+  return Er || (Er = 1, function(e) {
     (function() {
       var r = {}.hasOwnProperty;
       function t() {
@@ -1678,10 +1676,10 @@ function Ko() {
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  }(yr)), yr.exports;
+  }(Sr)), Sr.exports;
 }
-var Zo = Ko();
-const Qo = /* @__PURE__ */ Go(Zo), he = {
+var Jo = Qo();
+const ea = /* @__PURE__ */ Zo(Jo), he = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -1709,7 +1707,7 @@ const Qo = /* @__PURE__ */ Go(Zo), he = {
   variant: n = qe.TITLE100,
   ...s
 }) => {
-  const i = a, u = Qo([
+  const i = a, u = ea([
     r,
     he[me],
     he[`${me}--${n}`],
@@ -1721,18 +1719,18 @@ const Qo = /* @__PURE__ */ Go(Zo), he = {
   return /* @__PURE__ */ f(i, { className: u, ...s, children: e });
 };
 He.displayName = "Heading";
-function Jo(e) {
+function ra(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Er = { exports: {} };
+var Cr = { 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 Pr;
+function ta() {
+  return Pr || (Pr = 1, function(e) {
     (function() {
       var r = {}.hasOwnProperty;
       function t() {
@@ -1761,10 +1759,10 @@ function ea() {
       }
       e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
     })();
-  }(Er)), Er.exports;
+  }(Cr)), Cr.exports;
 }
-var ra = ea();
-const ta = /* @__PURE__ */ Jo(ra), na = {
+var na = ta();
+const oa = /* @__PURE__ */ ra(na), aa = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -1772,95 +1770,80 @@ const ta = /* @__PURE__ */ Jo(ra), na = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, oa = ta.bind(na), Pr = "purpur-icon", aa = "md", ia = (e) => e.filter((r) => Object.keys(r).length >= 1).map((r) => `${r.name}="${r.value}"`).join(" "), sa = ({ content: e = "", title: r } = {}) => {
+}, ia = oa.bind(aa), Nr = "purpur-icon", sa = "md", ca = (e) => e.filter((r) => Object.keys(r).length >= 1).map((r) => `${r.name}="${r.value}"`).join(" "), la = ({ 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 ${ia(t)}>${o}${e}</svg>`;
-}, ca = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Ke = ({
-  ["data-testid"]: e,
-  svg: r,
-  allyTitle: t,
-  className: o,
-  size: a = aa,
-  ...n
-}) => {
-  const s = sa({
-    content: ca(r.svg),
-    title: t
-  }), i = oa(o, Pr, `${Pr}--${a}`);
-  return /* @__PURE__ */ f(
-    "span",
-    {
-      className: i,
-      "data-testid": e,
-      dangerouslySetInnerHTML: { __html: s },
-      ...n
-    }
-  );
+  return `<svg ${ca(t)}>${o}${e}</svg>`;
+}, ua = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Ke = ({ svg: e, allyTitle: r, className: t, size: o = sa, ...a }) => {
+  const n = la({
+    content: ua(e.svg),
+    title: r
+  }), s = ia(t, Nr, `${Nr}--${o}`);
+  return /* @__PURE__ */ f("span", { className: s, dangerouslySetInnerHTML: { __html: n }, ...a });
 };
 Ke.displayName = "Icon";
-const la = {
+const da = {
   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"
-}, ut = (e) => /* @__PURE__ */ f(Ke, { ...e, svg: la });
-ut.displayName = "IconArrowLeft";
-const ua = {
+}, dt = (e) => /* @__PURE__ */ f(Ke, { ...e, svg: da });
+dt.displayName = "IconArrowLeft";
+const fa = {
   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"
-}, dt = (e) => /* @__PURE__ */ f(Ke, { ...e, svg: ua });
-dt.displayName = "IconClose";
-function Nr(e, r) {
+}, ft = (e) => /* @__PURE__ */ f(Ke, { ...e, svg: fa });
+ft.displayName = "IconClose";
+function Ar(e, r) {
   if (typeof e == "function")
     return e(r);
   e != null && (e.current = r);
 }
-function da(...e) {
+function pa(...e) {
   return (r) => {
     let t = !1;
     const o = e.map((a) => {
-      const n = Nr(a, r);
+      const n = Ar(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() : Ar(e[a], null);
         }
       };
   };
 }
-var ft = c.forwardRef((e, r) => {
-  const { children: t, ...o } = e, a = c.Children.toArray(t), n = a.find(pa);
+var pt = c.forwardRef((e, r) => {
+  const { children: t, ...o } = e, a = c.Children.toArray(t), n = a.find(ha);
   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(Be, { ...o, ref: r, children: c.isValidElement(s) ? c.cloneElement(s, void 0, i) : null });
   }
   return /* @__PURE__ */ f(Be, { ...o, ref: r, children: t });
 });
-ft.displayName = "Slot";
+pt.displayName = "Slot";
 var Be = c.forwardRef((e, r) => {
   const { children: t, ...o } = e;
   if (c.isValidElement(t)) {
-    const a = ha(t), n = va(o, t.props);
-    return t.type !== c.Fragment && (n.ref = r ? da(r, a) : a), c.cloneElement(t, n);
+    const a = ga(t), n = ma(o, t.props);
+    return t.type !== c.Fragment && (n.ref = r ? pa(r, a) : a), c.cloneElement(t, n);
   }
   return c.Children.count(t) > 1 ? c.Children.only(null) : null;
 });
 Be.displayName = "SlotClone";
-var fa = ({ children: e }) => /* @__PURE__ */ f(H, { children: e });
-function pa(e) {
-  return c.isValidElement(e) && e.type === fa;
+var va = ({ children: e }) => /* @__PURE__ */ f(H, { children: e });
+function ha(e) {
+  return c.isValidElement(e) && e.type === va;
 }
-function va(e, r) {
+function ma(e, r) {
   const t = { ...r };
   for (const o in r) {
     const a = e[o], n = r[o];
@@ -1870,12 +1853,12 @@ function va(e, r) {
   }
   return { ...e, ...t };
 }
-function ha(e) {
+function ga(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 ma = [
+var _a = [
   "a",
   "button",
   "div",
@@ -1892,15 +1875,15 @@ var ma = [
   "span",
   "svg",
   "ul"
-], ga = ma.reduce((e, r) => {
+], wa = _a.reduce((e, r) => {
   const t = c.forwardRef((o, a) => {
-    const { asChild: n, ...s } = o, i = n ? ft : r;
+    const { asChild: n, ...s } = o, i = n ? pt : r;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(i, { ...s, ref: a });
   });
   return t.displayName = `Primitive.${r}`, { ...e, [r]: t };
-}, {}), _a = "VisuallyHidden", pt = c.forwardRef(
+}, {}), ba = "VisuallyHidden", vt = c.forwardRef(
   (e, r) => /* @__PURE__ */ f(
-    ga.span,
+    wa.span,
     {
       ...e,
       ref: r,
@@ -1921,21 +1904,16 @@ var ma = [
     }
   )
 );
-pt.displayName = _a;
-var wa = pt;
-const Ar = ({
-  asChild: e,
-  children: r,
-  className: t = "",
-  ["data-testid"]: o
-}) => /* @__PURE__ */ f(wa, { asChild: e, "data-testid": o, className: t, children: r }), ba = {
+vt.displayName = ba;
+var ya = vt;
+const Rr = ({ asChild: e, children: r, ...t }) => /* @__PURE__ */ f(ya, { asChild: e, ...t, children: r }), Sa = {
   "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"
-}, Z = Y.bind(ba), U = "purpur-drawer-header", vt = B(
+}, Z = Y.bind(Sa), U = "purpur-drawer-header", ht = B(
   ({
     ["data-testid"]: e = "purpur-drawer-header",
     backButton: r,
@@ -1977,23 +1955,24 @@ const Ar = ({
                 size: "sm",
                 variant: o ? Me.TERTIARY_PURPLE : Me.TEXT,
                 children: [
-                  /* @__PURE__ */ f(ut, { size: "sm" }),
+                  /* @__PURE__ */ f(dt, { size: "sm" }),
                   !o && t
                 ]
               }
             ) : s ? /* @__PURE__ */ D(H, { children: [
               s,
-              /* @__PURE__ */ f(Ar, { asChild: !0, children: /* @__PURE__ */ f(ve, { children: u }) })
+              /* @__PURE__ */ f(Rr, { asChild: !0, children: /* @__PURE__ */ f(ve, { children: u }) })
             ] }) : /* @__PURE__ */ f(ve, { asChild: !0, children: /* @__PURE__ */ f(
               He,
               {
                 "data-testid": `${e}-title`,
                 tag: "h2",
                 variant: qe.TITLE200,
+                tabIndex: -1,
                 children: u
               }
             ) }) }),
-            /* @__PURE__ */ f("div", { className: Z(`${U}__right`), children: /* @__PURE__ */ f(go, { asChild: !0, children: /* @__PURE__ */ f(
+            /* @__PURE__ */ f("div", { className: Z(`${U}__right`), children: /* @__PURE__ */ f(_o, { asChild: !0, children: /* @__PURE__ */ f(
               Ue,
               {
                 "aria-label": n,
@@ -2001,7 +1980,7 @@ const Ar = ({
                 iconOnly: !0,
                 size: "sm",
                 variant: Me.TERTIARY_PURPLE,
-                children: /* @__PURE__ */ f(dt, { size: "sm" })
+                children: /* @__PURE__ */ f(ft, { size: "sm" })
               }
             ) }) })
           ]
@@ -2009,12 +1988,13 @@ const Ar = ({
       ),
       r && t && i && (s ? /* @__PURE__ */ D(H, { children: [
         s,
-        /* @__PURE__ */ f(Ar, { asChild: !0, children: /* @__PURE__ */ f(ve, { children: u }) })
+        /* @__PURE__ */ f(Rr, { asChild: !0, children: /* @__PURE__ */ f(ve, { children: u }) })
       ] }) : /* @__PURE__ */ f(ve, { asChild: !0, children: /* @__PURE__ */ f(
         He,
         {
           "data-testid": `${e}-title-with-back-button`,
           tag: "h2",
+          tabIndex: -1,
           variant: qe.TITLE200,
           children: u
         }
@@ -2022,19 +2002,19 @@ const Ar = ({
     ] });
   }
 );
-vt.displayName = "DrawerHeader";
-var ya = c.createContext(void 0);
-function Sa(e) {
-  const r = c.useContext(ya);
+ht.displayName = "DrawerHeader";
+var Ea = c.createContext(void 0);
+function Ca(e) {
+  const r = c.useContext(Ea);
   return e || r || "ltr";
 }
-function Ea(e, [r, t]) {
+function Pa(e, [r, t]) {
   return Math.min(t, Math.max(r, e));
 }
-function Ca(e, r) {
+function Na(e, r) {
   return c.useReducer((t, o) => r[t][o] ?? t, e);
 }
-var Ze = "ScrollArea", [ht, Ka] = Dr(Ze), [Pa, $] = ht(Ze), mt = c.forwardRef(
+var Ze = "ScrollArea", [mt, Za] = Tr(Ze), [Aa, $] = mt(Ze), gt = c.forwardRef(
   (e, r) => {
     const {
       __scopeScrollArea: t,
@@ -2042,9 +2022,9 @@ var Ze = "ScrollArea", [ht, Ka] = Dr(Ze), [Pa, $] = ht(Ze), mt = c.forwardRef(
       dir: a,
       scrollHideDelay: n = 600,
       ...s
-    } = e, [i, u] = c.useState(null), [l, d] = c.useState(null), [p, v] = c.useState(null), [m, w] = c.useState(null), [h, _] = c.useState(null), [g, E] = c.useState(0), [b, y] = c.useState(0), [C, N] = c.useState(!1), [S, R] = c.useState(!1), P = L(r, (F) => u(F)), A = Sa(a);
+    } = e, [i, u] = c.useState(null), [l, d] = c.useState(null), [p, v] = c.useState(null), [m, w] = c.useState(null), [h, g] = c.useState(null), [_, E] = c.useState(0), [b, y] = c.useState(0), [C, N] = c.useState(!1), [S, R] = c.useState(!1), P = L(r, (F) => u(F)), A = Ca(a);
     return /* @__PURE__ */ f(
-      Pa,
+      Aa,
       {
         scope: t,
         type: o,
@@ -2060,7 +2040,7 @@ var Ze = "ScrollArea", [ht, Ka] = Dr(Ze), [Pa, $] = ht(Ze), mt = c.forwardRef(
         scrollbarXEnabled: C,
         onScrollbarXEnabledChange: N,
         scrollbarY: h,
-        onScrollbarYChange: _,
+        onScrollbarYChange: g,
         scrollbarYEnabled: S,
         onScrollbarYEnabledChange: R,
         onCornerWidthChange: E,
@@ -2074,7 +2054,7 @@ var Ze = "ScrollArea", [ht, Ka] = Dr(Ze), [Pa, $] = ht(Ze), mt = c.forwardRef(
             style: {
               position: "relative",
               // Pass corner sizes as CSS vars to reduce re-renders of context consumers
-              "--radix-scroll-area-corner-width": g + "px",
+              "--radix-scroll-area-corner-width": _ + "px",
               "--radix-scroll-area-corner-height": b + "px",
               ...e.style
             }
@@ -2084,10 +2064,10 @@ var Ze = "ScrollArea", [ht, Ka] = Dr(Ze), [Pa, $] = ht(Ze), mt = c.forwardRef(
     );
   }
 );
-mt.displayName = Ze;
-var gt = "ScrollAreaViewport", _t = c.forwardRef(
+gt.displayName = Ze;
+var _t = "ScrollAreaViewport", wt = c.forwardRef(
   (e, r) => {
-    const { __scopeScrollArea: t, children: o, nonce: a, ...n } = e, s = $(gt, t), i = c.useRef(null), u = L(r, i, s.onViewportChange);
+    const { __scopeScrollArea: t, children: o, nonce: a, ...n } = e, s = $(_t, t), i = c.useRef(null), u = L(r, i, s.onViewportChange);
     return /* @__PURE__ */ D(H, { children: [
       /* @__PURE__ */ f(
         "style",
@@ -2126,17 +2106,17 @@ var gt = "ScrollAreaViewport", _t = c.forwardRef(
     ] });
   }
 );
-_t.displayName = gt;
-var k = "ScrollAreaScrollbar", wt = c.forwardRef(
+wt.displayName = _t;
+var k = "ScrollAreaScrollbar", bt = c.forwardRef(
   (e, r) => {
     const { forceMount: t, ...o } = e, a = $(k, 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(Na, { ...o, ref: r, forceMount: t }) : a.type === "scroll" ? /* @__PURE__ */ f(Aa, { ...o, ref: r, forceMount: t }) : a.type === "auto" ? /* @__PURE__ */ f(bt, { ...o, ref: r, forceMount: t }) : a.type === "always" ? /* @__PURE__ */ f(Qe, { ...o, ref: r }) : null;
+    }), [i, n, s]), a.type === "hover" ? /* @__PURE__ */ f(Ra, { ...o, ref: r, forceMount: t }) : a.type === "scroll" ? /* @__PURE__ */ f(xa, { ...o, ref: r, forceMount: t }) : a.type === "auto" ? /* @__PURE__ */ f(yt, { ...o, ref: r, forceMount: t }) : a.type === "always" ? /* @__PURE__ */ f(Qe, { ...o, ref: r }) : null;
   }
 );
-wt.displayName = k;
-var Na = c.forwardRef((e, r) => {
+bt.displayName = k;
+var Ra = c.forwardRef((e, r) => {
   const { forceMount: t, ...o } = e, a = $(k, e.__scopeScrollArea), [n, s] = c.useState(!1);
   return c.useEffect(() => {
     const i = a.scrollArea;
@@ -2152,15 +2132,15 @@ var Na = c.forwardRef((e, r) => {
       };
     }
   }, [a.scrollArea, a.scrollHideDelay]), /* @__PURE__ */ f(j, { present: t || n, children: /* @__PURE__ */ f(
-    bt,
+    yt,
     {
       "data-state": n ? "visible" : "hidden",
       ...o,
       ref: r
     }
   ) });
-}), Aa = c.forwardRef((e, r) => {
-  const { forceMount: t, ...o } = e, a = $(k, e.__scopeScrollArea), n = e.orientation === "horizontal", s = Ce(() => u("SCROLL_END"), 100), [i, u] = Ca("hidden", {
+}), xa = c.forwardRef((e, r) => {
+  const { forceMount: t, ...o } = e, a = $(k, e.__scopeScrollArea), n = e.orientation === "horizontal", s = Ce(() => u("SCROLL_END"), 100), [i, u] = Na("hidden", {
     hidden: {
       SCROLL: "scrolling"
     },
@@ -2203,7 +2183,7 @@ var Na = c.forwardRef((e, r) => {
       onPointerLeave: x(e.onPointerLeave, () => u("POINTER_LEAVE"))
     }
   ) });
-}), bt = c.forwardRef((e, r) => {
+}), yt = c.forwardRef((e, r) => {
   const t = $(k, e.__scopeScrollArea), { forceMount: o, ...a } = e, [n, s] = c.useState(!1), i = e.orientation === "horizontal", u = Ce(() => {
     if (t.viewport) {
       const l = t.viewport.offsetWidth < t.viewport.scrollWidth, d = t.viewport.offsetHeight < t.viewport.scrollHeight;
@@ -2223,7 +2203,7 @@ var Na = c.forwardRef((e, r) => {
     content: 0,
     viewport: 0,
     scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
-  }), l = Ct(i.viewport, i.content), d = {
+  }), l = Pt(i.viewport, i.content), d = {
     ...o,
     sizes: i,
     onSizesChange: u,
@@ -2233,16 +2213,16 @@ var Na = c.forwardRef((e, r) => {
     onThumbPointerDown: (v) => s.current = v
   };
   function p(v, m) {
-    return $a(v, s.current, i, m);
+    return Ia(v, s.current, i, m);
   }
   return t === "horizontal" ? /* @__PURE__ */ f(
-    Ra,
+    Da,
     {
       ...d,
       ref: r,
       onThumbPositionChange: () => {
         if (a.viewport && n.current) {
-          const v = a.viewport.scrollLeft, m = Rr(v, i, a.dir);
+          const v = a.viewport.scrollLeft, m = xr(v, i, a.dir);
           n.current.style.transform = `translate3d(${m}px, 0, 0)`;
         }
       },
@@ -2254,13 +2234,13 @@ var Na = c.forwardRef((e, r) => {
       }
     }
   ) : t === "vertical" ? /* @__PURE__ */ f(
-    xa,
+    Ta,
     {
       ...d,
       ref: r,
       onThumbPositionChange: () => {
         if (a.viewport && n.current) {
-          const v = a.viewport.scrollTop, m = Rr(v, i);
+          const v = a.viewport.scrollTop, m = xr(v, i);
           n.current.style.transform = `translate3d(0, ${m}px, 0)`;
         }
       },
@@ -2272,12 +2252,12 @@ var Na = c.forwardRef((e, r) => {
       }
     }
   ) : null;
-}), Ra = c.forwardRef((e, r) => {
+}), Da = c.forwardRef((e, r) => {
   const { sizes: t, onSizesChange: o, ...a } = e, n = $(k, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = L(r, u, n.onScrollbarXChange);
   return c.useEffect(() => {
     u.current && i(getComputedStyle(u.current));
   }, [u]), /* @__PURE__ */ f(
-    St,
+    Et,
     {
       "data-orientation": "horizontal",
       ...a,
@@ -2295,7 +2275,7 @@ var Na = c.forwardRef((e, r) => {
       onWheelScroll: (d, p) => {
         if (n.viewport) {
           const v = n.viewport.scrollLeft + d.deltaX;
-          e.onWheelScroll(v), Nt(v, p) && d.preventDefault();
+          e.onWheelScroll(v), At(v, p) && d.preventDefault();
         }
       },
       onResize: () => {
@@ -2311,12 +2291,12 @@ var Na = c.forwardRef((e, r) => {
       }
     }
   );
-}), xa = c.forwardRef((e, r) => {
+}), Ta = c.forwardRef((e, r) => {
   const { sizes: t, onSizesChange: o, ...a } = e, n = $(k, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = L(r, u, n.onScrollbarYChange);
   return c.useEffect(() => {
     u.current && i(getComputedStyle(u.current));
   }, [u]), /* @__PURE__ */ f(
-    St,
+    Et,
     {
       "data-orientation": "vertical",
       ...a,
@@ -2335,7 +2315,7 @@ var Na = c.forwardRef((e, r) => {
       onWheelScroll: (d, p) => {
         if (n.viewport) {
           const v = n.viewport.scrollTop + d.deltaY;
-          e.onWheelScroll(v), Nt(v, p) && d.preventDefault();
+          e.onWheelScroll(v), At(v, p) && d.preventDefault();
         }
       },
       onResize: () => {
@@ -2351,7 +2331,7 @@ var Na = c.forwardRef((e, r) => {
       }
     }
   );
-}), [Da, yt] = ht(k), St = c.forwardRef((e, r) => {
+}), [Oa, St] = mt(k), Et = c.forwardRef((e, r) => {
   const {
     __scopeScrollArea: t,
     sizes: o,
@@ -2364,10 +2344,10 @@ var Na = c.forwardRef((e, r) => {
     onWheelScroll: d,
     onResize: p,
     ...v
-  } = e, m = $(k, t), [w, h] = c.useState(null), _ = L(r, (P) => h(P)), g = c.useRef(null), E = c.useRef(""), b = m.viewport, y = o.content - o.viewport, C = T(d), N = T(u), S = Ce(p, 10);
+  } = e, m = $(k, t), [w, h] = c.useState(null), g = L(r, (P) => h(P)), _ = c.useRef(null), E = c.useRef(""), b = m.viewport, y = o.content - o.viewport, C = T(d), N = T(u), S = Ce(p, 10);
   function R(P) {
-    if (g.current) {
-      const A = P.clientX - g.current.left, F = P.clientY - g.current.top;
+    if (_.current) {
+      const A = P.clientX - _.current.left, F = P.clientY - _.current.top;
       l({ x: A, y: F });
     }
   }
@@ -2378,7 +2358,7 @@ var Na = c.forwardRef((e, r) => {
     };
     return document.addEventListener("wheel", P, { passive: !1 }), () => document.removeEventListener("wheel", P, { passive: !1 });
   }, [b, w, y, C]), c.useEffect(N, [o, N]), te(w, S), te(m.content, S), /* @__PURE__ */ f(
-    Da,
+    Oa,
     {
       scope: t,
       scrollbar: w,
@@ -2391,28 +2371,28 @@ var Na = c.forwardRef((e, r) => {
         O.div,
         {
           ...v,
-          ref: _,
+          ref: g,
           style: { position: "absolute", ...v.style },
           onPointerDown: x(e.onPointerDown, (P) => {
-            P.button === 0 && (P.target.setPointerCapture(P.pointerId), g.current = w.getBoundingClientRect(), E.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", m.viewport && (m.viewport.style.scrollBehavior = "auto"), R(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"), R(P));
           }),
           onPointerMove: x(e.onPointerMove, R),
           onPointerUp: x(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 = ""), g.current = null;
+            A.hasPointerCapture(P.pointerId) && A.releasePointerCapture(P.pointerId), document.body.style.webkitUserSelect = E.current, m.viewport && (m.viewport.style.scrollBehavior = ""), _.current = null;
           })
         }
       )
     }
   );
-}), be = "ScrollAreaThumb", Et = c.forwardRef(
+}), be = "ScrollAreaThumb", Ct = c.forwardRef(
   (e, r) => {
-    const { forceMount: t, ...o } = e, a = yt(be, e.__scopeScrollArea);
-    return /* @__PURE__ */ f(j, { present: t || a.hasThumb, children: /* @__PURE__ */ f(Ta, { ref: r, ...o }) });
+    const { forceMount: t, ...o } = e, a = St(be, e.__scopeScrollArea);
+    return /* @__PURE__ */ f(j, { present: t || a.hasThumb, children: /* @__PURE__ */ f(La, { ref: r, ...o }) });
   }
-), Ta = c.forwardRef(
+), La = c.forwardRef(
   (e, r) => {
-    const { __scopeScrollArea: t, style: o, ...a } = e, n = $(be, t), s = yt(be, t), { onThumbPositionChange: i } = s, u = L(
+    const { __scopeScrollArea: t, style: o, ...a } = e, n = $(be, t), s = St(be, t), { onThumbPositionChange: i } = s, u = L(
       r,
       (p) => s.onThumbChange(p)
     ), l = c.useRef(void 0), d = Ce(() => {
@@ -2423,7 +2403,7 @@ var Na = c.forwardRef((e, r) => {
       if (p) {
         const v = () => {
           if (d(), !l.current) {
-            const m = Ma(p, i);
+            const m = ka(p, i);
             l.current = m, i();
           }
         };
@@ -2449,15 +2429,15 @@ var Na = c.forwardRef((e, r) => {
     );
   }
 );
-Et.displayName = be;
-var Je = "ScrollAreaCorner", Oa = c.forwardRef(
+Ct.displayName = be;
+var Je = "ScrollAreaCorner", $a = c.forwardRef(
   (e, r) => {
     const t = $(Je, e.__scopeScrollArea), o = !!(t.scrollbarX && t.scrollbarY);
-    return t.type !== "scroll" && o ? /* @__PURE__ */ f(La, { ...e, ref: r }) : null;
+    return t.type !== "scroll" && o ? /* @__PURE__ */ f(Ma, { ...e, ref: r }) : null;
   }
 );
-Oa.displayName = Je;
-var La = c.forwardRef((e, r) => {
+$a.displayName = Je;
+var Ma = 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 te(a.scrollbarX, () => {
     var p;
@@ -2487,33 +2467,33 @@ var La = c.forwardRef((e, r) => {
 function ye(e) {
   return e ? parseInt(e, 10) : 0;
 }
-function Ct(e, r) {
+function Pt(e, r) {
   const t = e / r;
   return isNaN(t) ? 0 : t;
 }
 function Ee(e) {
-  const r = Ct(e.viewport, e.content), t = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, o = (e.scrollbar.size - t) * r;
+  const r = Pt(e.viewport, e.content), t = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, o = (e.scrollbar.size - t) * r;
   return Math.max(o, 18);
 }
-function $a(e, r, t, o = "ltr") {
+function Ia(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 Pt([u, l], p)(e);
+  return Nt([u, l], p)(e);
 }
-function Rr(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 = Ea(e, u);
-  return Pt([0, s], [0, i])(l);
+function xr(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 = Pa(e, u);
+  return Nt([0, s], [0, i])(l);
 }
-function Pt(e, r) {
+function Nt(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 At(e, r) {
   return e > 0 && e < r;
 }
-var Ma = (e, r = () => {
+var ka = (e, r = () => {
 }) => {
   let t = { left: e.scrollLeft, top: e.scrollTop }, o = 0;
   return function a() {
@@ -2541,14 +2521,14 @@ function te(e, r) {
     }
   }, [e, t]);
 }
-var Ia = mt, ka = _t, Wa = wt, Fa = Et;
-const Ua = {
+var Wa = gt, Fa = wt, Ua = bt, qa = Ct;
+const Ha = {
   "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 = Y.bind(Ua), Q = "purpur-drawer-scroll-area", je = B(
+}, ae = Y.bind(Ha), Q = "purpur-drawer-scroll-area", je = B(
   ({
     ["data-testid"]: e = "purpur-drawer-scroll-area",
     children: r,
@@ -2558,19 +2538,19 @@ const Ua = {
   }, n) => {
     const s = ae([t, Q]);
     return /* @__PURE__ */ f("div", { className: s, "data-testid": e, ref: n, ...a, children: /* @__PURE__ */ D(
-      Ia,
+      Wa,
       {
         className: ae(`${Q}__root`, {
           [`${Q}__root--fit-to-content`]: o
         }),
         children: [
-          /* @__PURE__ */ f(ka, { className: ae(`${Q}__viewport`), children: r }),
+          /* @__PURE__ */ f(Fa, { className: ae(`${Q}__viewport`), children: r }),
           /* @__PURE__ */ f(
-            Wa,
+            Ua,
             {
               className: ae(`${Q}__scrollbar`),
               orientation: "vertical",
-              children: /* @__PURE__ */ f(Fa, { className: ae(`${Q}__thumb`) })
+              children: /* @__PURE__ */ f(qa, { className: ae(`${Q}__thumb`) })
             }
           )
         ]
@@ -2579,7 +2559,7 @@ const Ua = {
   }
 );
 je.displayName = "DrawerScrollArea";
-const J = Y.bind(xo), W = "purpur-drawer-frame", At = B(
+const J = Y.bind(Do), W = "purpur-drawer-frame", Rt = B(
   ({
     ["data-testid"]: e = "purpur-drawer-frame",
     backButton: r,
@@ -2597,8 +2577,8 @@ const J = Y.bind(xo), W = "purpur-drawer-frame", At = B(
     onSwipeMove: m,
     onSwipeCancel: w,
     onSwipeEnd: h,
-    title: _,
-    stickyFooter: g,
+    title: g,
+    stickyFooter: _,
     ...E
   }, b) => {
     const y = J([
@@ -2606,7 +2586,7 @@ const J = Y.bind(xo), W = "purpur-drawer-frame", At = B(
       W,
       {
         [`${W}--fit-to-content`]: i,
-        [`${W}--sticky-footer`]: g
+        [`${W}--sticky-footer`]: _
       }
     ]);
     return /* @__PURE__ */ D(
@@ -2619,7 +2599,7 @@ const J = Y.bind(xo), W = "purpur-drawer-frame", At = B(
         ...E,
         children: [
           /* @__PURE__ */ f(
-            lt,
+            ut,
             {
               onSwipeStart: v,
               onSwipeMove: m,
@@ -2632,11 +2612,11 @@ const J = Y.bind(xo), W = "purpur-drawer-frame", At = B(
             {
               className: J(`${W}__header`),
               variant: "header",
-              stickyFooter: g,
+              stickyFooter: _,
               children: /* @__PURE__ */ f(
-                vt,
+                ht,
                 {
-                  title: _,
+                  title: g,
                   headerContent: l,
                   backButtonOnlyIcon: o,
                   backButton: r,
@@ -2647,7 +2627,7 @@ const J = Y.bind(xo), W = "purpur-drawer-frame", At = B(
               )
             }
           ),
-          g ? /* @__PURE__ */ D(H, { children: [
+          _ ? /* @__PURE__ */ D(H, { children: [
             /* @__PURE__ */ f(
               je,
               {
@@ -2663,7 +2643,7 @@ const J = Y.bind(xo), W = "purpur-drawer-frame", At = B(
                 className: J(`${W}__footer`),
                 "data-testid": `${e}-sticky-footer`,
                 variant: "footer",
-                stickyFooter: g,
+                stickyFooter: _,
                 children: u
               }
             )
@@ -2681,12 +2661,12 @@ const J = Y.bind(xo), W = "purpur-drawer-frame", At = B(
                     { [`${W}__content-container--no-footer`]: !u }
                   ]),
                   children: [
-                    /* @__PURE__ */ f(ee, { stickyFooter: g, children: a }),
+                    /* @__PURE__ */ f(ee, { stickyFooter: _, children: a }),
                     u && /* @__PURE__ */ f(
                       ee,
                       {
                         "data-testid": `${e}-footer`,
-                        stickyFooter: g,
+                        stickyFooter: _,
                         variant: "footer",
                         children: u
                       }
@@ -2701,8 +2681,8 @@ const J = Y.bind(xo), W = "purpur-drawer-frame", At = B(
     );
   }
 );
-At.displayName = "DrawerFrame";
-const qa = (e, r) => ({
+Rt.displayName = "DrawerFrame";
+const Ba = (e, r) => ({
   onAnimationEnd: (i) => {
     i.currentTarget.getAttribute("data-swipe") === "end" && r(!1);
   },
@@ -2724,7 +2704,7 @@ const qa = (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 = Y.bind(No), se = "purpur-drawer-content", Rt = B(
+}), ie = Y.bind(Ao), se = "purpur-drawer-content", xt = B(
   ({
     ["data-testid"]: e = "purpur-drawer-content",
     backButton: r = !1,
@@ -2742,32 +2722,41 @@ const qa = (e, r) => ({
     stickyFooter: m = !1,
     title: w,
     zIndex: h,
-    ..._
-  }, g) => {
+    ...g
+  }, _) => {
     const E = ie([
       s,
       se,
       { [`${se}--fit-to-content`]: l }
-    ]), b = Ot(null), y = Lt(ct), { onAnimationEnd: C, onSwipeStart: N, onSwipeMove: S, onSwipeCancel: R, onSwipeEnd: P } = qa(b, y), A = (F) => {
-      u && F.preventDefault();
+    ]), b = Lt(null), y = $t(lt), { onAnimationEnd: C, onSwipeStart: N, onSwipeMove: S, onSwipeCancel: R, onSwipeEnd: P } = Ba(b, y), A = (ne) => {
+      u && ne.preventDefault();
+    }, F = () => {
+      const ne = b.current;
+      if (ne) {
+        const rr = ne.querySelector("h2");
+        rr && setTimeout(() => {
+          rr.focus();
+        });
+      }
     };
-    return /* @__PURE__ */ f(po, { children: /* @__PURE__ */ f(
-      vo,
+    return /* @__PURE__ */ f(vo, { children: /* @__PURE__ */ f(
+      ho,
       {
         className: ie("purpur-drawer-overlay"),
         style: h ? { zIndex: h } : void 0,
         "data-testid": `${e}-overlay`,
         children: /* @__PURE__ */ f(
-          ho,
+          mo,
           {
             onPointerDownOutside: A,
+            onOpenAutoFocus: F,
             className: E,
             "data-testid": e,
-            ref: g,
+            ref: _,
             ...!a && { "aria-describedby": void 0 },
-            ..._,
+            ...g,
             children: /* @__PURE__ */ f(
-              At,
+              Rt,
               {
                 backButton: r,
                 backButtonText: t,
@@ -2788,7 +2777,7 @@ const qa = (e, r) => ({
                 title: w,
                 children: a ? /* @__PURE__ */ D("div", { className: ie(`${se}__content-container`), children: [
                   /* @__PURE__ */ f(
-                    mo,
+                    go,
                     {
                       className: ie(`${se}__description`),
                       "data-testid": `${e}-description`,
@@ -2805,27 +2794,12 @@ const qa = (e, r) => ({
     ) });
   }
 );
-Rt.displayName = "DrawerContent";
-const xt = B(
-  ({
-    ["data-testid"]: e = "purpur-drawer-trigger",
-    children: r,
-    className: t,
-    ...o
-  }, a) => /* @__PURE__ */ f(
-    fo,
-    {
-      asChild: !0,
-      className: t,
-      "data-testid": e,
-      ref: a,
-      ...o,
-      children: r
-    }
-  )
+xt.displayName = "DrawerContent";
+const Dt = B(
+  ({ ["data-testid"]: e = "purpur-drawer-trigger", children: r, ...t }, o) => /* @__PURE__ */ f(po, { asChild: !0, "data-testid": e, ref: o, ...t, children: r })
 );
-xt.displayName = "DrawerTrigger";
-const Ha = Y.bind(yo), Ba = "purpur-drawer", er = ({
+Dt.displayName = "DrawerTrigger";
+const ja = Y.bind(So), za = "purpur-drawer", er = ({
   ["data-testid"]: e = "purpur-drawer",
   children: r,
   className: t,
@@ -2833,15 +2807,15 @@ const Ha = Y.bind(yo), Ba = "purpur-drawer", er = ({
   open: a = !1,
   ...n
 }) => {
-  const [s, i] = Ie.useState(a), u = Ha([t, Ba]), l = (d) => {
+  const [s, i] = Ie.useState(a), u = ja([t, za]), l = (d) => {
     i(d), o == null || o(d);
   };
-  return $t(() => {
+  return Mt(() => {
     i(a);
-  }, [a]), /* @__PURE__ */ f(ct.Provider, { value: l, children: /* @__PURE__ */ f("div", { className: u, "data-testid": e, ...n, children: /* @__PURE__ */ f(uo, { open: s, onOpenChange: l, children: r }) }) });
+  }, [a]), /* @__PURE__ */ f(lt.Provider, { value: l, children: /* @__PURE__ */ f("div", { className: u, "data-testid": e, ...n, children: /* @__PURE__ */ f(fo, { open: s, onOpenChange: l, children: r }) }) });
 };
-er.Trigger = xt;
-er.Content = Rt;
+er.Trigger = Dt;
+er.Content = xt;
 er.displayName = "Drawer";
 export {
   er as Drawer