@purpurds/drawer 8.5.2 → 8.7.0

package/dist/drawer.es.js

@@ -1,6 +1,6 @@
 import { jsx as f, jsxs as D, Fragment as re } from "react/jsx-runtime";
 import * as c from "react";
-import ke, { useState as Lr, createContext as $r, forwardRef as V, useRef as et, useContext as Mr, useEffect as Ir } from "react";
+import ke, { useState as $r, createContext as Lr, forwardRef as Y, useRef as Je, useContext as Mr, useEffect as Ir } from "react";
 import * as kr from "react-dom";
 import Wr from "react-dom";
 function A(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
@@ -9,7 +9,7 @@ function A(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
       return t == null ? void 0 : t(a);
   };
 }
-function tt(e, t) {
+function et(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
@@ -18,19 +18,19 @@ function Dt(...e) {
   return (t) => {
     let r = !1;
     const o = e.map((a) => {
-      const n = tt(a, t);
+      const n = et(a, t);
       return !r && typeof n == "function" && (r = !0), n;
     });
     if (r)
       return () => {
         for (let a = 0; a < o.length; a++) {
           const n = o[a];
-          typeof n == "function" ? n() : tt(e[a], null);
+          typeof n == "function" ? n() : et(e[a], null);
         }
       };
   };
 }
-function L(...e) {
+function $(...e) {
   return c.useCallback(Dt(...e), e);
 }
 function Fr(e, t) {
@@ -107,14 +107,14 @@ function Re(e) {
   }, [e]), e || (t ? `radix-${t}` : "");
 }
 var Hr = c[" useInsertionEffect ".trim().toString()] || ne;
-function Vr({
+function Yr({
   prop: e,
   defaultProp: t,
   onChange: r = () => {
   },
   caller: o
 }) {
-  const [a, n, s] = zr({
+  const [a, n, s] = Vr({
     defaultProp: t,
     onChange: r
   }), i = e !== void 0, u = i ? e : a;
@@ -131,7 +131,7 @@ function Vr({
     (d) => {
       var p;
       if (i) {
-        const h = Yr(d) ? d(e) : d;
+        const h = zr(d) ? d(e) : d;
         h !== e && ((p = s.current) == null || p.call(s, h));
       } else
         n(d);
@@ -140,7 +140,7 @@ function Vr({
   );
   return [u, l];
 }
-function zr({
+function Vr({
   defaultProp: e,
   onChange: t
 }) {
@@ -152,7 +152,7 @@ function zr({
     a.current !== r && ((s = n.current) == null || s.call(n, r), a.current = r);
   }, [r, a]), [r, o, n];
 }
-function Yr(e) {
+function zr(e) {
   return typeof e == "function";
 }
 // @__NO_SIDE_EFFECTS__
@@ -227,7 +227,7 @@ var Qr = [
 function Jr(e, t) {
   e && kr.flushSync(() => e.dispatchEvent(t));
 }
-function $(e) {
+function L(e) {
   const t = c.useRef(e);
   return c.useEffect(() => {
     t.current = e;
@@ -237,7 +237,7 @@ function $(e) {
   }, []);
 }
 function en(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const r = $(e);
+  const r = L(e);
   c.useEffect(() => {
     const o = (a) => {
       a.key === "Escape" && r(a);
@@ -245,11 +245,11 @@ function en(e, t = globalThis == null ? void 0 : globalThis.document) {
     return t.addEventListener("keydown", o, { capture: !0 }), () => t.removeEventListener("keydown", o, { capture: !0 });
   }, [r, t]);
 }
-var tn = "DismissableLayer", We = "dismissableLayer.update", rn = "dismissableLayer.pointerDownOutside", nn = "dismissableLayer.focusOutside", rt, Lt = c.createContext({
+var tn = "DismissableLayer", We = "dismissableLayer.update", rn = "dismissableLayer.pointerDownOutside", nn = "dismissableLayer.focusOutside", tt, $t = c.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), $t = c.forwardRef(
+}), Lt = c.forwardRef(
   (e, t) => {
     const {
       disableOutsidePointerEvents: r = !1,
@@ -259,7 +259,7 @@ var tn = "DismissableLayer", We = "dismissableLayer.update", rn = "dismissableLa
       onInteractOutside: s,
       onDismiss: i,
       ...u
-    } = e, l = c.useContext(Lt), [d, p] = c.useState(null), h = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = c.useState({}), _ = L(t, (S) => p(S)), v = Array.from(l.layers), [g] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), b = v.indexOf(g), y = d ? v.indexOf(d) : -1, E = l.layersWithOutsidePointerEventsDisabled.size > 0, w = y >= b, C = sn((S) => {
+    } = e, l = c.useContext($t), [d, p] = c.useState(null), h = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = c.useState({}), _ = $(t, (S) => p(S)), v = Array.from(l.layers), [g] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), b = v.indexOf(g), y = d ? v.indexOf(d) : -1, E = l.layersWithOutsidePointerEventsDisabled.size > 0, w = y >= b, C = sn((S) => {
       const x = S.target, P = [...l.branches].some((N) => N.contains(x));
       !w || P || (a == null || a(S), s == null || s(S), S.defaultPrevented || i == null || i());
     }, h), R = cn((S) => {
@@ -270,11 +270,11 @@ var tn = "DismissableLayer", We = "dismissableLayer.update", rn = "dismissableLa
       y === l.layers.size - 1 && (o == null || o(S), !S.defaultPrevented && i && (S.preventDefault(), i()));
     }, h), c.useEffect(() => {
       if (d)
-        return r && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (rt = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(d)), l.layers.add(d), nt(), () => {
-          r && l.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = rt);
+        return r && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (tt = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(d)), l.layers.add(d), rt(), () => {
+          r && l.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = tt);
         };
     }, [d, h, r, l]), c.useEffect(() => () => {
-      d && (l.layers.delete(d), l.layersWithOutsidePointerEventsDisabled.delete(d), nt());
+      d && (l.layers.delete(d), l.layersWithOutsidePointerEventsDisabled.delete(d), rt());
     }, [d, l]), c.useEffect(() => {
       const S = () => m({});
       return document.addEventListener(We, S), () => document.removeEventListener(We, S);
@@ -297,9 +297,9 @@ var tn = "DismissableLayer", We = "dismissableLayer.update", rn = "dismissableLa
     );
   }
 );
-$t.displayName = tn;
+Lt.displayName = tn;
 var on = "DismissableLayerBranch", an = c.forwardRef((e, t) => {
-  const r = c.useContext(Lt), o = c.useRef(null), a = L(t, o);
+  const r = c.useContext($t), o = c.useRef(null), a = $(t, o);
   return c.useEffect(() => {
     const n = o.current;
     if (n)
@@ -310,7 +310,7 @@ var on = "DismissableLayerBranch", an = c.forwardRef((e, t) => {
 });
 an.displayName = on;
 function sn(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const r = $(e), o = c.useRef(!1), a = c.useRef(() => {
+  const r = L(e), o = c.useRef(!1), a = c.useRef(() => {
   });
   return c.useEffect(() => {
     const n = (i) => {
@@ -340,7 +340,7 @@ function sn(e, t = globalThis == null ? void 0 : globalThis.document) {
   };
 }
 function cn(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const r = $(e), o = c.useRef(!1);
+  const r = L(e), o = c.useRef(!1);
   return c.useEffect(() => {
     const a = (n) => {
       n.target && !o.current && Mt(nn, r, { originalEvent: n }, {
@@ -353,7 +353,7 @@ function cn(e, t = globalThis == null ? void 0 : globalThis.document) {
     onBlurCapture: () => o.current = !1
   };
 }
-function nt() {
+function rt() {
   const e = new CustomEvent(We);
   document.dispatchEvent(e);
 }
@@ -361,14 +361,14 @@ function Mt(e, t, r, { discrete: o }) {
   const a = r.originalEvent.target, n = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: r });
   t && a.addEventListener(e, t, { once: !0 }), o ? Jr(a, n) : a.dispatchEvent(n);
 }
-var Ne = "focusScope.autoFocusOnMount", xe = "focusScope.autoFocusOnUnmount", ot = { bubbles: !1, cancelable: !0 }, ln = "FocusScope", It = c.forwardRef((e, t) => {
+var Ne = "focusScope.autoFocusOnMount", xe = "focusScope.autoFocusOnUnmount", nt = { bubbles: !1, cancelable: !0 }, ln = "FocusScope", It = c.forwardRef((e, t) => {
   const {
     loop: r = !1,
     trapped: o = !1,
     onMountAutoFocus: a,
     onUnmountAutoFocus: n,
     ...s
-  } = e, [i, u] = c.useState(null), l = $(a), d = $(n), p = c.useRef(null), h = L(t, (v) => u(v)), m = c.useRef({
+  } = e, [i, u] = c.useState(null), l = L(a), d = L(n), p = c.useRef(null), h = $(t, (v) => u(v)), m = c.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -400,16 +400,16 @@ var Ne = "focusScope.autoFocusOnMount", xe = "focusScope.autoFocusOnUnmount", ot
     }
   }, [o, i, m.paused]), c.useEffect(() => {
     if (i) {
-      it.add(m);
+      at.add(m);
       const v = document.activeElement;
       if (!i.contains(v)) {
-        const b = new CustomEvent(Ne, ot);
+        const b = new CustomEvent(Ne, nt);
         i.addEventListener(Ne, l), i.dispatchEvent(b), b.defaultPrevented || (un(vn(kt(i)), { select: !0 }), document.activeElement === v && H(i));
       }
       return () => {
         i.removeEventListener(Ne, l), setTimeout(() => {
-          const b = new CustomEvent(xe, ot);
-          i.addEventListener(xe, d), i.dispatchEvent(b), b.defaultPrevented || H(v ?? document.body, { select: !0 }), i.removeEventListener(xe, d), it.remove(m);
+          const b = new CustomEvent(xe, nt);
+          i.addEventListener(xe, d), i.dispatchEvent(b), b.defaultPrevented || H(v ?? document.body, { select: !0 }), i.removeEventListener(xe, d), at.remove(m);
         }, 0);
       };
     }
@@ -434,7 +434,7 @@ function un(e, { select: t = !1 } = {}) {
     if (H(o, { select: t }), document.activeElement !== r) return;
 }
 function dn(e) {
-  const t = kt(e), r = at(t, e), o = at(t.reverse(), e);
+  const t = kt(e), r = ot(t, e), o = ot(t.reverse(), e);
   return [r, o];
 }
 function kt(e) {
@@ -447,7 +447,7 @@ function kt(e) {
   for (; r.nextNode(); ) t.push(r.currentNode);
   return t;
 }
-function at(e, t) {
+function ot(e, t) {
   for (const r of e)
     if (!fn(r, { upTo: t })) return r;
 }
@@ -469,21 +469,21 @@ function H(e, { select: t = !1 } = {}) {
     e.focus({ preventScroll: !0 }), e !== r && pn(e) && t && e.select();
   }
 }
-var it = hn();
+var at = hn();
 function hn() {
   let e = [];
   return {
     add(t) {
       const r = e[0];
-      t !== r && (r == null || r.pause()), e = st(e, t), e.unshift(t);
+      t !== r && (r == null || r.pause()), e = it(e, t), e.unshift(t);
     },
     remove(t) {
       var r;
-      e = st(e, t), (r = e[0]) == null || r.resume();
+      e = it(e, t), (r = e[0]) == null || r.resume();
     }
   };
 }
-function st(e, t) {
+function it(e, t) {
   const r = [...e], o = r.indexOf(t);
   return o !== -1 && r.splice(o, 1), r;
 }
@@ -501,11 +501,11 @@ Wt.displayName = mn;
 function gn(e, t) {
   return c.useReducer((r, o) => t[r][o] ?? r, e);
 }
-var z = (e) => {
-  const { present: t, children: r } = e, o = _n(t), a = typeof r == "function" ? r({ present: o.isPresent }) : c.Children.only(r), n = L(o.ref, bn(a));
+var V = (e) => {
+  const { present: t, children: r } = e, o = _n(t), a = typeof r == "function" ? r({ present: o.isPresent }) : c.Children.only(r), n = $(o.ref, bn(a));
   return typeof r == "function" || o.isPresent ? c.cloneElement(a, { ref: n }) : null;
 };
-z.displayName = "Presence";
+V.displayName = "Presence";
 function _n(e) {
   const [t, r] = c.useState(), o = c.useRef(null), a = c.useRef(e), n = c.useRef("none"), s = e ? "mounted" : "unmounted", [i, u] = gn(s, {
     mounted: {
@@ -567,12 +567,12 @@ var Ae = 0;
 function yn() {
   c.useEffect(() => {
     const e = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", e[0] ?? ct()), document.body.insertAdjacentElement("beforeend", e[1] ?? ct()), Ae++, () => {
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? st()), document.body.insertAdjacentElement("beforeend", e[1] ?? st()), Ae++, () => {
       Ae === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), Ae--;
     };
   }, []);
 }
-function ct() {
+function st() {
   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;
 }
@@ -603,7 +603,7 @@ function De(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
 function Cn(e, t) {
-  var r = Lr(function() {
+  var r = $r(function() {
     return {
       // value
       value: e,
@@ -623,7 +623,7 @@ function Cn(e, t) {
   })[0];
   return r.callback = t, r.facade;
 }
-var Pn = typeof window < "u" ? c.useLayoutEffect : c.useEffect, lt = /* @__PURE__ */ new WeakMap();
+var Pn = typeof window < "u" ? c.useLayoutEffect : c.useEffect, ct = /* @__PURE__ */ new WeakMap();
 function Rn(e, t) {
   var r = Cn(null, function(o) {
     return e.forEach(function(a) {
@@ -631,7 +631,7 @@ function Rn(e, t) {
     });
   });
   return Pn(function() {
-    var o = lt.get(r);
+    var o = ct.get(r);
     if (o) {
       var a = new Set(o), n = new Set(e), s = r.current;
       a.forEach(function(i) {
@@ -640,7 +640,7 @@ function Rn(e, t) {
         a.has(i) || De(i, s);
       });
     }
-    lt.set(r, e);
+    ct.set(r, e);
   }, [e]), r;
 }
 function Nn(e) {
@@ -754,10 +754,10 @@ function On() {
   var t = Tn();
   return t && e.setAttribute("nonce", t), e;
 }
-function Ln(e, t) {
+function $n(e, t) {
   e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
 }
-function $n(e) {
+function Ln(e) {
   var t = document.head || document.getElementsByTagName("head")[0];
   t.appendChild(e);
 }
@@ -765,7 +765,7 @@ var Mn = function() {
   var e = 0, t = null;
   return {
     add: function(r) {
-      e == 0 && (t = On()) && (Ln(t, r), $n(t)), e++;
+      e == 0 && (t = On()) && ($n(t, r), Ln(t)), e++;
     },
     remove: function() {
       e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
@@ -850,13 +850,13 @@ var Mn = function() {
     `).concat(En, ": ").concat(i, `px;
   }
 `);
-}, ut = function() {
+}, lt = function() {
   var e = parseInt(document.body.getAttribute(te) || "0", 10);
   return isFinite(e) ? e : 0;
 }, Bn = function() {
   c.useEffect(function() {
-    return document.body.setAttribute(te, (ut() + 1).toString()), function() {
-      var e = ut() - 1;
+    return document.body.setAttribute(te, (lt() + 1).toString()), function() {
+      var e = lt() - 1;
       e <= 0 ? document.body.removeAttribute(te) : document.body.setAttribute(te, e.toString());
     };
   }, []);
@@ -879,7 +879,7 @@ if (typeof window < "u")
   } catch {
     Fe = !1;
   }
-var q = Fe ? { passive: !1 } : !1, Vn = function(e) {
+var q = Fe ? { passive: !1 } : !1, Yn = function(e) {
   return e.tagName === "TEXTAREA";
 }, Ht = function(e, t) {
   if (!(e instanceof Element))
@@ -888,19 +888,19 @@ var q = Fe ? { passive: !1 } : !1, Vn = function(e) {
   return (
     // not-not-scrollable
     r[t] !== "hidden" && // contains scroll inside self
-    !(r.overflowY === r.overflowX && !Vn(e) && r[t] === "visible")
+    !(r.overflowY === r.overflowX && !Yn(e) && r[t] === "visible")
   );
-}, zn = function(e) {
+}, Vn = function(e) {
   return Ht(e, "overflowY");
-}, Yn = function(e) {
+}, zn = function(e) {
   return Ht(e, "overflowX");
-}, dt = function(e, t) {
+}, ut = function(e, t) {
   var r = t.ownerDocument, o = t;
   do {
     typeof ShadowRoot < "u" && o instanceof ShadowRoot && (o = o.host);
-    var a = Vt(e, o);
+    var a = Yt(e, o);
     if (a) {
-      var n = zt(e, o), s = n[1], i = n[2];
+      var n = Vt(e, o), s = n[1], i = n[2];
       if (s > i)
         return !0;
     }
@@ -921,9 +921,9 @@ var q = Fe ? { passive: !1 } : !1, Vn = function(e) {
     r,
     o
   ];
+}, Yt = function(e, t) {
+  return e === "v" ? Vn(t) : zn(t);
 }, Vt = function(e, t) {
-  return e === "v" ? zn(t) : Yn(t);
-}, zt = function(e, t) {
   return e === "v" ? Xn(t) : qn(t);
 }, Gn = function(e, t) {
   return e === "h" && t === "rtl" ? -1 : 1;
@@ -932,8 +932,8 @@ var q = Fe ? { passive: !1 } : !1, Vn = function(e) {
   do {
     if (!i)
       break;
-    var m = zt(e, i), _ = m[0], v = m[1], g = m[2], b = v - g - n * _;
-    (_ || b) && Vt(e, i) && (p += b, h += _);
+    var m = Vt(e, i), _ = m[0], v = m[1], g = m[2], b = v - g - n * _;
+    (_ || b) && Yt(e, i) && (p += b, h += _);
     var y = i.parentNode;
     i = y && y.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? y.host : y;
   } while (
@@ -944,9 +944,9 @@ var q = Fe ? { passive: !1 } : !1, Vn = function(e) {
   return (d && Math.abs(p) < 1 || !d && Math.abs(h) < 1) && (l = !0), l;
 }, de = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
-}, ft = function(e) {
+}, dt = function(e) {
   return [e.deltaX, e.deltaY];
-}, pt = function(e) {
+}, ft = function(e) {
   return e && "current" in e ? e.current : e;
 }, Zn = function(e, t) {
   return e[0] === t[0] && e[1] === t[1];
@@ -963,7 +963,7 @@ function eo(e) {
   }, [e]), c.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(a));
-      var v = wn([e.lockRef.current], (e.shards || []).map(pt), !0).filter(Boolean);
+      var v = wn([e.lockRef.current], (e.shards || []).map(ft), !0).filter(Boolean);
       return v.forEach(function(g) {
         return g.classList.add("allow-interactivity-".concat(a));
       }), function() {
@@ -979,10 +979,10 @@ function eo(e) {
     var b = de(v), y = r.current, E = "deltaX" in v ? v.deltaX : y[0] - b[0], w = "deltaY" in v ? v.deltaY : y[1] - b[1], C, R = v.target, S = Math.abs(E) > Math.abs(w) ? "h" : "v";
     if ("touches" in v && S === "h" && R.type === "range")
       return !1;
-    var x = dt(S, R);
+    var x = ut(S, R);
     if (!x)
       return !0;
-    if (x ? C = S : (C = S === "v" ? "h" : "v", x = dt(S, R)), !x)
+    if (x ? C = S : (C = S === "v" ? "h" : "v", x = ut(S, R)), !x)
       return !1;
     if (!o.current && "changedTouches" in v && (E || w) && (o.current = C), !C)
       return !0;
@@ -991,7 +991,7 @@ function eo(e) {
   }, []), u = c.useCallback(function(v) {
     var g = v;
     if (!(!G.length || G[G.length - 1] !== n)) {
-      var b = "deltaY" in g ? ft(g) : de(g), y = t.current.filter(function(C) {
+      var b = "deltaY" in g ? dt(g) : de(g), y = t.current.filter(function(C) {
         return C.name === g.type && (C.target === g.target || g.target === C.shadowParent) && Zn(C.delta, b);
       })[0];
       if (y && y.should) {
@@ -999,7 +999,7 @@ function eo(e) {
         return;
       }
       if (!y) {
-        var E = (s.current.shards || []).map(pt).filter(Boolean).filter(function(C) {
+        var E = (s.current.shards || []).map(ft).filter(Boolean).filter(function(C) {
           return C.contains(g.target);
         }), w = E.length > 0 ? i(g, E[0]) : !s.current.noIsolation;
         w && g.cancelable && g.preventDefault();
@@ -1015,7 +1015,7 @@ function eo(e) {
   }, []), d = c.useCallback(function(v) {
     r.current = de(v), o.current = void 0;
   }, []), p = c.useCallback(function(v) {
-    l(v.type, ft(v), v.target, i(v, e.lockRef.current));
+    l(v.type, dt(v), v.target, i(v, e.lockRef.current));
   }, []), h = c.useCallback(function(v) {
     l(v.type, de(v), v.target, i(v, e.lockRef.current));
   }, []);
@@ -1044,16 +1044,16 @@ function to(e) {
   return t;
 }
 const ro = Dn(Ut, eo);
-var Yt = c.forwardRef(function(e, t) {
+var zt = c.forwardRef(function(e, t) {
   return c.createElement(Se, k({}, e, { ref: t, sideCar: ro }));
 });
-Yt.classNames = Se.classNames;
+zt.classNames = Se.classNames;
 var no = function(e) {
   if (typeof document > "u")
     return null;
   var t = Array.isArray(e) ? e[0] : e;
   return t.ownerDocument.body;
-}, K = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {}, Le = 0, Xt = function(e) {
+}, K = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {}, $e = 0, Xt = function(e) {
   return e && (e.host || Xt(e.parentNode));
 }, oo = function(e, t) {
   return t.map(function(r) {
@@ -1084,11 +1084,11 @@ var no = function(e) {
         }
     });
   };
-  return d(t), i.clear(), Le++, function() {
+  return d(t), i.clear(), $e++, function() {
     s.forEach(function(p) {
       var h = K.get(p) - 1, m = n.get(p) - 1;
       K.set(p, h), n.set(p, m), h || (fe.has(p) || p.removeAttribute(o), fe.delete(p)), m || p.removeAttribute(r);
-    }), Le--, Le || (K = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {});
+    }), $e--, $e || (K = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {});
   };
 }, io = function(e, t, r) {
   r === void 0 && (r = "data-aria-hidden");
@@ -1104,7 +1104,7 @@ var no = function(e) {
     defaultOpen: a,
     onOpenChange: n,
     modal: s = !0
-  } = e, i = c.useRef(null), u = c.useRef(null), [l, d] = Vr({
+  } = e, i = c.useRef(null), u = c.useRef(null), [l, d] = Yr({
     prop: o,
     defaultProp: a ?? !1,
     onChange: n,
@@ -1130,7 +1130,7 @@ var no = function(e) {
 Gt.displayName = Ee;
 var Kt = "DialogTrigger", Zt = c.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = I(Kt, r), n = L(t, a.triggerRef);
+    const { __scopeDialog: r, ...o } = e, a = I(Kt, r), n = $(t, a.triggerRef);
     return /* @__PURE__ */ f(
       T.button,
       {
@@ -1138,7 +1138,7 @@ var Kt = "DialogTrigger", Zt = c.forwardRef(
         "aria-haspopup": "dialog",
         "aria-expanded": a.open,
         "aria-controls": a.contentId,
-        "data-state": Ye(a.open),
+        "data-state": Ve(a.open),
         ...o,
         ref: n,
         onClick: A(e.onClick, a.onOpenToggle)
@@ -1147,17 +1147,17 @@ var Kt = "DialogTrigger", Zt = c.forwardRef(
   }
 );
 Zt.displayName = Kt;
-var Ve = "DialogPortal", [co, Qt] = qt(Ve, {
+var He = "DialogPortal", [co, Qt] = qt(He, {
   forceMount: void 0
 }), Jt = (e) => {
-  const { __scopeDialog: t, forceMount: r, children: o, container: a } = e, n = I(Ve, t);
-  return /* @__PURE__ */ f(co, { scope: t, forceMount: r, children: c.Children.map(o, (s) => /* @__PURE__ */ f(z, { present: r || n.open, children: /* @__PURE__ */ f(Wt, { asChild: !0, container: a, children: s }) })) });
+  const { __scopeDialog: t, forceMount: r, children: o, container: a } = e, n = I(He, t);
+  return /* @__PURE__ */ f(co, { scope: t, forceMount: r, children: c.Children.map(o, (s) => /* @__PURE__ */ f(V, { present: r || n.open, children: /* @__PURE__ */ f(Wt, { asChild: !0, container: a, children: s }) })) });
 };
-Jt.displayName = Ve;
+Jt.displayName = He;
 var be = "DialogOverlay", er = c.forwardRef(
   (e, t) => {
     const r = Qt(be, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = I(be, e.__scopeDialog);
-    return n.modal ? /* @__PURE__ */ f(z, { present: o || n.open, children: /* @__PURE__ */ f(uo, { ...a, ref: t }) }) : null;
+    return n.modal ? /* @__PURE__ */ f(V, { present: o || n.open, children: /* @__PURE__ */ f(uo, { ...a, ref: t }) }) : null;
   }
 );
 er.displayName = be;
@@ -1167,10 +1167,10 @@ var lo = /* @__PURE__ */ Ot("DialogOverlay.RemoveScroll"), uo = c.forwardRef(
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ f(Yt, { as: lo, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
+      /* @__PURE__ */ f(zt, { as: lo, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
         T.div,
         {
-          "data-state": Ye(a.open),
+          "data-state": Ve(a.open),
           ...o,
           ref: t,
           style: { pointerEvents: "auto", ...o.style }
@@ -1181,13 +1181,13 @@ var lo = /* @__PURE__ */ Ot("DialogOverlay.RemoveScroll"), uo = c.forwardRef(
 ), X = "DialogContent", tr = c.forwardRef(
   (e, t) => {
     const r = Qt(X, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = I(X, e.__scopeDialog);
-    return /* @__PURE__ */ f(z, { present: o || n.open, children: n.modal ? /* @__PURE__ */ f(fo, { ...a, ref: t }) : /* @__PURE__ */ f(po, { ...a, ref: t }) });
+    return /* @__PURE__ */ f(V, { present: o || n.open, children: n.modal ? /* @__PURE__ */ f(fo, { ...a, ref: t }) : /* @__PURE__ */ f(po, { ...a, ref: t }) });
   }
 );
 tr.displayName = X;
 var fo = c.forwardRef(
   (e, t) => {
-    const r = I(X, e.__scopeDialog), o = c.useRef(null), a = L(t, r.contentRef, o);
+    const r = I(X, e.__scopeDialog), o = c.useRef(null), a = $(t, r.contentRef, o);
     return c.useEffect(() => {
       const n = o.current;
       if (n) return io(n);
@@ -1238,7 +1238,7 @@ var fo = c.forwardRef(
   }
 ), rr = c.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...s } = e, i = I(X, r), u = c.useRef(null), l = L(t, u);
+    const { __scopeDialog: r, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...s } = e, i = I(X, r), u = c.useRef(null), l = $(t, u);
     return yn(), /* @__PURE__ */ D(re, { children: [
       /* @__PURE__ */ f(
         It,
@@ -1249,13 +1249,13 @@ var fo = c.forwardRef(
           onMountAutoFocus: a,
           onUnmountAutoFocus: n,
           children: /* @__PURE__ */ f(
-            $t,
+            Lt,
             {
               role: "dialog",
               id: i.contentId,
               "aria-describedby": i.descriptionId,
               "aria-labelledby": i.titleId,
-              "data-state": Ye(i.open),
+              "data-state": Ve(i.open),
               ...s,
               ref: l,
               onDismiss: () => i.onOpenChange(!1)
@@ -1269,13 +1269,13 @@ var fo = c.forwardRef(
       ] })
     ] });
   }
-), ze = "DialogTitle", nr = c.forwardRef(
+), Ye = "DialogTitle", nr = c.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = I(ze, r);
+    const { __scopeDialog: r, ...o } = e, a = I(Ye, r);
     return /* @__PURE__ */ f(T.h2, { id: a.titleId, ...o, ref: t });
   }
 );
-nr.displayName = ze;
+nr.displayName = Ye;
 var or = "DialogDescription", ar = c.forwardRef(
   (e, t) => {
     const { __scopeDialog: r, ...o } = e, a = I(or, r);
@@ -1298,12 +1298,12 @@ var ir = "DialogClose", sr = c.forwardRef(
   }
 );
 sr.displayName = ir;
-function Ye(e) {
+function Ve(e) {
   return e ? "open" : "closed";
 }
-var cr = "DialogTitleWarning", [ti, lr] = Fr(cr, {
+var cr = "DialogTitleWarning", [ri, lr] = Fr(cr, {
   contentName: X,
-  titleName: ze,
+  titleName: Ye,
   docsSlug: "dialog"
 }), ho = ({ titleId: e }) => {
   const t = lr(cr), r = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
@@ -1322,19 +1322,19 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
     t && a && (document.getElementById(t) || console.warn(o));
   }, [o, e, t]), null;
 }, go = Gt, _o = Zt, bo = Jt, yo = er, wo = tr, he = nr, So = ar, Eo = sr;
-const ur = $r(null);
+const ur = Lr(null);
 function Co(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var $e = { exports: {} };
+var Le = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var ht;
+var pt;
 function Po() {
-  return ht || (ht = 1, (function(e) {
+  return pt || (pt = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
@@ -1363,10 +1363,10 @@ function Po() {
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  })($e)), $e.exports;
+  })(Le)), Le.exports;
 }
 var Ro = Po();
-const ae = /* @__PURE__ */ Co(Ro), No = "_slideUp_71yig_1", xo = "_slideDown_71yig_1", Ao = "_slideInRight_71yig_1", Do = "_slideInLeft_71yig_1", To = "_slideOutRight_71yig_1", Oo = "_slideOutLeft_71yig_1", Lo = "_fadeIn_71yig_1", $o = "_fadeOut_71yig_1", Mo = {
+const ae = /* @__PURE__ */ Co(Ro), No = "_slideUp_71yig_1", xo = "_slideDown_71yig_1", Ao = "_slideInRight_71yig_1", Do = "_slideInLeft_71yig_1", To = "_slideOutRight_71yig_1", Oo = "_slideOutLeft_71yig_1", $o = "_fadeIn_71yig_1", Lo = "_fadeOut_71yig_1", Mo = {
   "purpur-drawer-content": "_purpur-drawer-content_71yig_1",
   slideUp: No,
   slideDown: xo,
@@ -1380,14 +1380,14 @@ const ae = /* @__PURE__ */ Co(Ro), No = "_slideUp_71yig_1", xo = "_slideDown_71y
   "purpur-drawer-content__content-container": "_purpur-drawer-content__content-container_71yig_63",
   "purpur-drawer-content__description": "_purpur-drawer-content__description_71yig_68",
   "purpur-drawer-overlay": "_purpur-drawer-overlay_71yig_79",
-  fadeIn: Lo,
-  fadeOut: $o
+  fadeIn: $o,
+  fadeOut: Lo
 }, Io = {
   "purpur-drawer-container--header": "_purpur-drawer-container--header_1bcla_1",
   "purpur-drawer-container--body": "_purpur-drawer-container--body_1bcla_4",
   "purpur-drawer-container--sticky": "_purpur-drawer-container--sticky_1bcla_12",
   "purpur-drawer-container--footer": "_purpur-drawer-container--footer_1bcla_20"
-}, ko = ae.bind(Io), Me = "purpur-drawer-container", ee = V(
+}, ko = ae.bind(Io), Me = "purpur-drawer-container", ee = Y(
   ({
     ["data-testid"]: e = "purpur-drawer-container",
     children: t,
@@ -1397,14 +1397,12 @@ const ae = /* @__PURE__ */ Co(Ro), No = "_slideUp_71yig_1", xo = "_slideDown_71y
     ...n
   }, s) => {
     const i = ko([
-      r,
       Me,
       {
-        [`${Me}--${o}`]: o
-      },
-      {
+        [`${Me}--${o}`]: o,
         [`${Me}--sticky`]: a
-      }
+      },
+      r
     ]);
     return /* @__PURE__ */ f("div", { className: i, "data-testid": e, ref: s, ...n, children: t });
   }
@@ -1433,18 +1431,18 @@ const Wo = {
     if (!e.current)
       return;
     const d = l.clientY - e.current.y, p = !!t.current, h = Math.max(0, d), m = l.pointerType === "touch" ? 10 : 2, _ = { y: h }, v = { originalEvent: l, delta: _ };
-    p ? (t.current = _, o(v)) : vt(_, 0) ? (t.current = _, r(), l.target.setPointerCapture(l.pointerId)) : Math.abs(d) > m && (e.current = null);
+    p ? (t.current = _, o(v)) : ht(_, 0) ? (t.current = _, r(), l.target.setPointerCapture(l.pointerId)) : Math.abs(d) > m && (e.current = null);
   },
   onPointerUp: (l) => {
     const d = t.current, p = l.target;
     if (p.hasPointerCapture(l.pointerId) && p.releasePointerCapture(l.pointerId), t.current = null, e.current = null, d) {
       const h = l.currentTarget, m = { originalEvent: l, delta: d };
-      vt(d, 0) && d.y > 200 ? n(m) : a(), h.addEventListener("click", (_) => _.preventDefault(), {
+      ht(d, 0) && d.y > 200 ? n(m) : a(), h.addEventListener("click", (_) => _.preventDefault(), {
         once: !0
       });
     }
   }
-}), vt = (e, t = 0) => Math.abs(e.y) > t, Uo = ae.bind(Fo), Bo = "purpur-drawer-handle", dr = V(
+}), ht = (e, t = 0) => Math.abs(e.y) > t, Uo = ae.bind(Fo), Bo = "purpur-drawer-handle", dr = Y(
   ({
     ["data-testid"]: e = "purpur-drawer-handle",
     className: t,
@@ -1454,7 +1452,7 @@ const Wo = {
     onSwipeEnd: n,
     ...s
   }, i) => {
-    const u = Uo([t, Bo]), l = ke.useRef(null), d = ke.useRef(null), { onPointerDown: p, onPointerMove: h, onPointerUp: m } = jo(
+    const u = Uo([Bo, t]), l = ke.useRef(null), d = ke.useRef(null), { onPointerDown: p, onPointerMove: h, onPointerUp: m } = jo(
       d,
       l,
       r,
@@ -1480,18 +1478,18 @@ dr.displayName = "DrawerHandle";
 const Ho = {
   LG: "lg"
 };
-function Vo(e) {
+function Yo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var mt = { exports: {} };
+var vt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var gt;
-function zo() {
-  return gt || (gt = 1, (function(e) {
+var mt;
+function Vo() {
+  return mt || (mt = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
@@ -1520,10 +1518,10 @@ function zo() {
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  })(mt)), mt.exports;
+  })(vt)), vt.exports;
 }
-var Yo = zo();
-const Xo = /* @__PURE__ */ Vo(Yo), qo = "_rotate_12t9p_1", Go = "_dash_12t9p_1", Ko = {
+var zo = Vo();
+const Xo = /* @__PURE__ */ Yo(zo), qo = "_rotate_12t9p_1", Go = "_dash_12t9p_1", Ko = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
   rotate: qo,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
@@ -1535,7 +1533,7 @@ const Xo = /* @__PURE__ */ Vo(Yo), qo = "_rotate_12t9p_1", Go = "_dash_12t9p_1",
   dash: Go,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, _t = Xo.bind(Ko), ie = "purpur-spinner", Zo = {
+}, gt = Xo.bind(Ko), ie = "purpur-spinner", Zo = {
   SM: "sm"
 }, fr = ({
   disabled: e = !1,
@@ -1543,10 +1541,10 @@ const Xo = /* @__PURE__ */ Vo(Yo), qo = "_rotate_12t9p_1", Go = "_dash_12t9p_1",
   size: r = Zo.SM,
   className: o,
   ...a
-}) => /* @__PURE__ */ f("div", { className: _t(ie, `${ie}--${r}`, o), ...a, children: /* @__PURE__ */ f("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ f(
+}) => /* @__PURE__ */ f("div", { className: gt(ie, `${ie}--${r}`, o), ...a, children: /* @__PURE__ */ f("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ f(
   "circle",
   {
-    className: _t(`${ie}__circle`, {
+    className: gt(`${ie}__circle`, {
       [`${ie}__circle--disabled`]: e,
       [`${ie}__circle--negative`]: t
     }),
@@ -1559,15 +1557,15 @@ fr.displayName = "Spinner";
 function Qo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var bt = { exports: {} };
+var _t = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var yt;
+var bt;
 function Jo() {
-  return yt || (yt = 1, (function(e) {
+  return bt || (bt = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
@@ -1596,7 +1594,7 @@ function Jo() {
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  })(bt)), bt.exports;
+  })(_t)), _t.exports;
 }
 var ea = Jo();
 const ta = /* @__PURE__ */ Qo(ea), ra = {
@@ -1625,7 +1623,7 @@ const ta = /* @__PURE__ */ Qo(ea), ra = {
 }, Ie = {
   TERTIARY_PURPLE: "tertiary-purple",
   TEXT: "text"
-}, wt = ta.bind(ra), U = "purpur-button", je = V(
+}, yt = ta.bind(ra), U = "purpur-button", je = Y(
   ({
     children: e,
     className: t,
@@ -1642,7 +1640,7 @@ const ta = /* @__PURE__ */ Qo(ea), ra = {
   }, h) => {
     if (a && l === "destructive")
       return null;
-    const m = wt(
+    const m = yt(
       [
         U,
         `${U}--${s ? `${l}-negative` : l}`,
@@ -1674,7 +1672,7 @@ const ta = /* @__PURE__ */ Qo(ea), ra = {
               size: u === Ho.LG ? "xs" : "xxs",
               negative: s,
               disabled: v,
-              className: wt(`${U}__spinner`)
+              className: yt(`${U}__spinner`)
             }
           ),
           " ",
@@ -1688,15 +1686,15 @@ je.displayName = "Button";
 function na(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var St = { exports: {} };
+var wt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Et;
+var St;
 function oa() {
-  return Et || (Et = 1, (function(e) {
+  return St || (St = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
@@ -1725,7 +1723,7 @@ function oa() {
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  })(St)), St.exports;
+  })(wt)), wt.exports;
 }
 var aa = oa();
 const ia = /* @__PURE__ */ na(aa), ve = {
@@ -1748,16 +1746,17 @@ const ia = /* @__PURE__ */ na(aa), ve = {
   "purpur-heading--display-50": "_purpur-heading--display-50_vo751_92",
   "purpur-heading--display-100": "_purpur-heading--display-100_vo751_98",
   "purpur-heading--display-200": "_purpur-heading--display-200_vo751_104"
-}, Ue = {
-  TITLE100: "title-100",
-  TITLE200: "title-200"
-}, me = "purpur-heading", Be = ({
+}, sa = {
+  TITLE100: "title-100"
+}, Et = {
+  DISPLAY10: "display-10"
+}, me = "purpur-heading", Ue = ({
   children: e,
   className: t = "",
   enableHyphenation: r = !1,
   negative: o = !1,
   tag: a,
-  variant: n = Ue.TITLE100,
+  variant: n = sa.TITLE100,
   ...s
 }) => {
   const i = a, u = ia([
@@ -1771,8 +1770,8 @@ const ia = /* @__PURE__ */ na(aa), ve = {
   ]);
   return /* @__PURE__ */ f(i, { className: u, ...s, children: e });
 };
-Be.displayName = "Heading";
-function sa(e) {
+Ue.displayName = "Heading";
+function ca(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Ct = { exports: {} };
@@ -1782,7 +1781,7 @@ var Ct = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var Pt;
-function ca() {
+function la() {
   return Pt || (Pt = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
@@ -1814,8 +1813,8 @@ function ca() {
     })();
   })(Ct)), Ct.exports;
 }
-var la = ca();
-const ua = /* @__PURE__ */ sa(la), da = {
+var ua = la();
+const da = /* @__PURE__ */ ca(ua), fa = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -1823,42 +1822,42 @@ const ua = /* @__PURE__ */ sa(la), da = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, fa = ua.bind(da), Rt = "purpur-icon", pa = "md", ha = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), va = ({ content: e = "", title: t } = {}) => {
+}, pa = da.bind(fa), Rt = "purpur-icon", ha = "md", va = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), ma = ({ content: e = "", title: t } = {}) => {
   const r = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     t ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = t ? `<title>${t}</title>` : "";
-  return `<svg ${ha(r)}>${o}${e}</svg>`;
-}, ma = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Xe = ({ svg: e, allyTitle: t, className: r, size: o = pa, ...a }) => {
-  const n = va({
-    content: ma(e.svg),
+  return `<svg ${va(r)}>${o}${e}</svg>`;
+}, ga = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), ze = ({ svg: e, allyTitle: t, className: r, size: o = ha, ...a }) => {
+  const n = ma({
+    content: ga(e.svg),
     title: t
-  }), s = fa(Rt, `${Rt}--${o}`, r);
+  }), s = pa(Rt, `${Rt}--${o}`, r);
   return /* @__PURE__ */ f("span", { className: s, dangerouslySetInnerHTML: { __html: n }, ...a });
 };
-Xe.displayName = "Icon";
-const ga = {
-  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"
-}, pr = (e) => /* @__PURE__ */ f(Xe, { ...e, svg: ga });
-pr.displayName = "IconArrowLeft";
+ze.displayName = "Icon";
 const _a = {
+  name: "chevron-left",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M16.175 3.905a.9.9 0 0 1-.08 1.27L8.36 12l7.736 6.825a.9.9 0 0 1-1.191 1.35l-8.5-7.5a.9.9 0 0 1 0-1.35l8.5-7.5a.9.9 0 0 1 1.27.08Z" clip-rule="evenodd"/></svg>',
+  keywords: ["chevron-left"],
+  category: "utility"
+}, pr = (e) => /* @__PURE__ */ f(ze, { ...e, svg: _a });
+pr.displayName = "IconChevronLeft";
+const ba = {
   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"
-}, hr = (e) => /* @__PURE__ */ f(Xe, { ...e, svg: _a });
+}, hr = (e) => /* @__PURE__ */ f(ze, { ...e, svg: ba });
 hr.displayName = "IconClose";
 function Nt(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function ba(...e) {
+function ya(...e) {
   return (t) => {
     let r = !1;
     const o = e.map((a) => {
@@ -1875,9 +1874,9 @@ function ba(...e) {
   };
 }
 // @__NO_SIDE_EFFECTS__
-function ya(e) {
-  const t = /* @__PURE__ */ wa(e), r = c.forwardRef((o, a) => {
-    const { children: n, ...s } = o, i = c.Children.toArray(n), u = i.find(Ea);
+function wa(e) {
+  const t = /* @__PURE__ */ Sa(e), r = c.forwardRef((o, a) => {
+    const { children: n, ...s } = o, i = c.Children.toArray(n), u = i.find(Ca);
     if (u) {
       const l = u.props.children, d = i.map((p) => p === u ? c.Children.count(l) > 1 ? c.Children.only(null) : c.isValidElement(l) ? l.props.children : null : p);
       return /* @__PURE__ */ f(t, { ...s, ref: a, children: c.isValidElement(l) ? c.cloneElement(l, void 0, d) : null });
@@ -1887,22 +1886,22 @@ function ya(e) {
   return r.displayName = `${e}.Slot`, r;
 }
 // @__NO_SIDE_EFFECTS__
-function wa(e) {
+function Sa(e) {
   const t = c.forwardRef((r, o) => {
     const { children: a, ...n } = r;
     if (c.isValidElement(a)) {
-      const s = Pa(a), i = Ca(n, a.props);
-      return a.type !== c.Fragment && (i.ref = o ? ba(o, s) : s), c.cloneElement(a, i);
+      const s = Ra(a), i = Pa(n, a.props);
+      return a.type !== c.Fragment && (i.ref = o ? ya(o, s) : s), c.cloneElement(a, i);
     }
     return c.Children.count(a) > 1 ? c.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var Sa = Symbol("radix.slottable");
-function Ea(e) {
-  return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Sa;
+var Ea = Symbol("radix.slottable");
+function Ca(e) {
+  return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Ea;
 }
-function Ca(e, t) {
+function Pa(e, t) {
   const r = { ...t };
   for (const o in t) {
     const a = e[o], n = t[o];
@@ -1912,12 +1911,12 @@ function Ca(e, t) {
   }
   return { ...e, ...r };
 }
-function Pa(e) {
+function Ra(e) {
   var t, r;
   let o = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, a = o && "isReactWarning" in o && o.isReactWarning;
   return a ? e.ref : (o = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, a = o && "isReactWarning" in o && o.isReactWarning, a ? e.props.ref : e.props.ref || e.ref);
 }
-var Ra = [
+var Na = [
   "a",
   "button",
   "div",
@@ -1934,15 +1933,15 @@ var Ra = [
   "span",
   "svg",
   "ul"
-], Na = Ra.reduce((e, t) => {
-  const r = /* @__PURE__ */ ya(`Primitive.${t}`), o = c.forwardRef((a, n) => {
+], xa = Na.reduce((e, t) => {
+  const r = /* @__PURE__ */ wa(`Primitive.${t}`), o = c.forwardRef((a, n) => {
     const { asChild: s, ...i } = a, u = s ? r : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(u, { ...i, ref: n });
   });
   return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
-}, {}), xa = "VisuallyHidden", vr = c.forwardRef(
+}, {}), Aa = "VisuallyHidden", vr = c.forwardRef(
   (e, t) => /* @__PURE__ */ f(
-    Na.span,
+    xa.span,
     {
       ...e,
       ref: t,
@@ -1963,9 +1962,9 @@ var Ra = [
     }
   )
 );
-vr.displayName = xa;
-var Aa = vr;
-const xt = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ f(Aa, { asChild: e, ...r, children: t }), Da = {
+vr.displayName = Aa;
+var Da = vr;
+const xt = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ f(Da, { asChild: e, ...r, children: t }), Ta = {
   "purpur-drawer-header": "_purpur-drawer-header_1iujy_1",
   "purpur-drawer-header__row": "_purpur-drawer-header__row_1iujy_4",
   "purpur-drawer-header__row--with-back-button": "_purpur-drawer-header__row--with-back-button_1iujy_7",
@@ -1973,7 +1972,7 @@ const xt = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ f(Aa, { asChil
   "purpur-drawer-header__right": "_purpur-drawer-header__right_1iujy_13",
   "purpur-drawer-header__close-button": "_purpur-drawer-header__close-button_1iujy_16",
   "purpur-drawer-header__back-button--only-icon": "_purpur-drawer-header__back-button--only-icon_1iujy_27"
-}, Z = ae.bind(Da), B = "purpur-drawer-header", mr = V(
+}, Z = ae.bind(Ta), B = "purpur-drawer-header", mr = Y(
   ({
     ["data-testid"]: e = "purpur-drawer-header",
     backButton: t,
@@ -1986,7 +1985,7 @@ const xt = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ f(Aa, { asChil
     title: u,
     ...l
   }, d) => {
-    const p = Z([a, B]), h = !!(t && r && i);
+    const p = Z([B, a]), h = !!(t && r && i);
     return /* @__PURE__ */ D("div", { className: p, "data-testid": e, ref: d, ...l, children: [
       /* @__PURE__ */ D(
         "div",
@@ -2023,11 +2022,11 @@ const xt = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ f(Aa, { asChil
               s,
               /* @__PURE__ */ f(xt, { asChild: !0, children: /* @__PURE__ */ f(he, { children: u }) })
             ] }) : /* @__PURE__ */ f(he, { asChild: !0, children: /* @__PURE__ */ f(
-              Be,
+              Ue,
               {
                 "data-testid": `${e}-title`,
                 tag: "h2",
-                variant: Ue.TITLE200,
+                variant: Et.DISPLAY10,
                 tabIndex: -1,
                 children: u
               }
@@ -2050,12 +2049,12 @@ const xt = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ f(Aa, { asChil
         s,
         /* @__PURE__ */ f(xt, { asChild: !0, children: /* @__PURE__ */ f(he, { children: u }) })
       ] }) : /* @__PURE__ */ f(he, { asChild: !0, children: /* @__PURE__ */ f(
-        Be,
+        Ue,
         {
           "data-testid": `${e}-title-with-back-button`,
           tag: "h2",
           tabIndex: -1,
-          variant: Ue.TITLE200,
+          variant: Et.DISPLAY10,
           children: u
         }
       ) }))
@@ -2063,18 +2062,18 @@ const xt = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ f(Aa, { asChil
   }
 );
 mr.displayName = "DrawerHeader";
-var Ta = c.createContext(void 0);
-function Oa(e) {
-  const t = c.useContext(Ta);
+var Oa = c.createContext(void 0);
+function $a(e) {
+  const t = c.useContext(Oa);
   return e || t || "ltr";
 }
 function La(e, [t, r]) {
   return Math.min(r, Math.max(t, e));
 }
-function $a(e, t) {
+function Ma(e, t) {
   return c.useReducer((r, o) => t[r][o] ?? r, e);
 }
-var qe = "ScrollArea", [gr] = Tt(qe), [Ma, M] = gr(qe), _r = c.forwardRef(
+var Xe = "ScrollArea", [gr] = Tt(Xe), [Ia, M] = gr(Xe), _r = c.forwardRef(
   (e, t) => {
     const {
       __scopeScrollArea: r,
@@ -2082,9 +2081,9 @@ var qe = "ScrollArea", [gr] = Tt(qe), [Ma, M] = gr(qe), _r = c.forwardRef(
       dir: a,
       scrollHideDelay: n = 600,
       ...s
-    } = e, [i, u] = c.useState(null), [l, d] = c.useState(null), [p, h] = c.useState(null), [m, _] = c.useState(null), [v, g] = c.useState(null), [b, y] = c.useState(0), [E, w] = c.useState(0), [C, R] = c.useState(!1), [S, x] = c.useState(!1), P = L(t, (F) => u(F)), N = Oa(a);
+    } = e, [i, u] = c.useState(null), [l, d] = c.useState(null), [p, h] = c.useState(null), [m, _] = c.useState(null), [v, g] = c.useState(null), [b, y] = c.useState(0), [E, w] = c.useState(0), [C, R] = c.useState(!1), [S, x] = c.useState(!1), P = $(t, (F) => u(F)), N = $a(a);
     return /* @__PURE__ */ f(
-      Ma,
+      Ia,
       {
         scope: r,
         type: o,
@@ -2124,10 +2123,10 @@ var qe = "ScrollArea", [gr] = Tt(qe), [Ma, M] = gr(qe), _r = c.forwardRef(
     );
   }
 );
-_r.displayName = qe;
+_r.displayName = Xe;
 var br = "ScrollAreaViewport", yr = c.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: r, children: o, nonce: a, ...n } = e, s = M(br, r), i = c.useRef(null), u = L(t, i, s.onViewportChange);
+    const { __scopeScrollArea: r, children: o, nonce: a, ...n } = e, s = M(br, r), i = c.useRef(null), u = $(t, i, s.onViewportChange);
     return /* @__PURE__ */ D(re, { children: [
       /* @__PURE__ */ f(
         "style",
@@ -2172,11 +2171,11 @@ var W = "ScrollAreaScrollbar", wr = c.forwardRef(
     const { forceMount: r, ...o } = e, a = M(W, e.__scopeScrollArea), { onScrollbarXEnabledChange: n, onScrollbarYEnabledChange: s } = a, i = e.orientation === "horizontal";
     return c.useEffect(() => (i ? n(!0) : s(!0), () => {
       i ? n(!1) : s(!1);
-    }), [i, n, s]), a.type === "hover" ? /* @__PURE__ */ f(Ia, { ...o, ref: t, forceMount: r }) : a.type === "scroll" ? /* @__PURE__ */ f(ka, { ...o, ref: t, forceMount: r }) : a.type === "auto" ? /* @__PURE__ */ f(Sr, { ...o, ref: t, forceMount: r }) : a.type === "always" ? /* @__PURE__ */ f(Ge, { ...o, ref: t }) : null;
+    }), [i, n, s]), a.type === "hover" ? /* @__PURE__ */ f(ka, { ...o, ref: t, forceMount: r }) : a.type === "scroll" ? /* @__PURE__ */ f(Wa, { ...o, ref: t, forceMount: r }) : a.type === "auto" ? /* @__PURE__ */ f(Sr, { ...o, ref: t, forceMount: r }) : a.type === "always" ? /* @__PURE__ */ f(qe, { ...o, ref: t }) : null;
   }
 );
 wr.displayName = W;
-var Ia = c.forwardRef((e, t) => {
+var ka = c.forwardRef((e, t) => {
   const { forceMount: r, ...o } = e, a = M(W, e.__scopeScrollArea), [n, s] = c.useState(!1);
   return c.useEffect(() => {
     const i = a.scrollArea;
@@ -2191,7 +2190,7 @@ var Ia = c.forwardRef((e, t) => {
         window.clearTimeout(u), i.removeEventListener("pointerenter", l), i.removeEventListener("pointerleave", d);
       };
     }
-  }, [a.scrollArea, a.scrollHideDelay]), /* @__PURE__ */ f(z, { present: r || n, children: /* @__PURE__ */ f(
+  }, [a.scrollArea, a.scrollHideDelay]), /* @__PURE__ */ f(V, { present: r || n, children: /* @__PURE__ */ f(
     Sr,
     {
       "data-state": n ? "visible" : "hidden",
@@ -2199,8 +2198,8 @@ var Ia = c.forwardRef((e, t) => {
       ref: t
     }
   ) });
-}), ka = c.forwardRef((e, t) => {
-  const { forceMount: r, ...o } = e, a = M(W, e.__scopeScrollArea), n = e.orientation === "horizontal", s = Pe(() => u("SCROLL_END"), 100), [i, u] = $a("hidden", {
+}), Wa = c.forwardRef((e, t) => {
+  const { forceMount: r, ...o } = e, a = M(W, e.__scopeScrollArea), n = e.orientation === "horizontal", s = Pe(() => u("SCROLL_END"), 100), [i, u] = Ma("hidden", {
     hidden: {
       SCROLL: "scrolling"
     },
@@ -2233,8 +2232,8 @@ var Ia = c.forwardRef((e, t) => {
       };
       return l.addEventListener("scroll", h), () => l.removeEventListener("scroll", h);
     }
-  }, [a.viewport, n, u, s]), /* @__PURE__ */ f(z, { present: r || i !== "hidden", children: /* @__PURE__ */ f(
-    Ge,
+  }, [a.viewport, n, u, s]), /* @__PURE__ */ f(V, { present: r || i !== "hidden", children: /* @__PURE__ */ f(
+    qe,
     {
       "data-state": i === "hidden" ? "hidden" : "visible",
       ...o,
@@ -2250,15 +2249,15 @@ var Ia = c.forwardRef((e, t) => {
       s(i ? l : d);
     }
   }, 10);
-  return oe(r.viewport, u), oe(r.content, u), /* @__PURE__ */ f(z, { present: o || n, children: /* @__PURE__ */ f(
-    Ge,
+  return oe(r.viewport, u), oe(r.content, u), /* @__PURE__ */ f(V, { present: o || n, children: /* @__PURE__ */ f(
+    qe,
     {
       "data-state": n ? "visible" : "hidden",
       ...a,
       ref: t
     }
   ) });
-}), Ge = c.forwardRef((e, t) => {
+}), qe = c.forwardRef((e, t) => {
   const { orientation: r = "vertical", ...o } = e, a = M(W, e.__scopeScrollArea), n = c.useRef(null), s = c.useRef(0), [i, u] = c.useState({
     content: 0,
     viewport: 0,
@@ -2276,7 +2275,7 @@ var Ia = c.forwardRef((e, t) => {
     return Va(h, s.current, i, m);
   }
   return r === "horizontal" ? /* @__PURE__ */ f(
-    Wa,
+    Fa,
     {
       ...d,
       ref: t,
@@ -2294,7 +2293,7 @@ var Ia = c.forwardRef((e, t) => {
       }
     }
   ) : r === "vertical" ? /* @__PURE__ */ f(
-    Fa,
+    ja,
     {
       ...d,
       ref: t,
@@ -2312,8 +2311,8 @@ var Ia = c.forwardRef((e, t) => {
       }
     }
   ) : null;
-}), Wa = c.forwardRef((e, t) => {
-  const { sizes: r, onSizesChange: o, ...a } = e, n = M(W, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = L(t, u, n.onScrollbarXChange);
+}), Fa = c.forwardRef((e, t) => {
+  const { sizes: r, onSizesChange: o, ...a } = e, n = M(W, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = $(t, u, n.onScrollbarXChange);
   return c.useEffect(() => {
     u.current && i(getComputedStyle(u.current));
   }, [u]), /* @__PURE__ */ f(
@@ -2351,8 +2350,8 @@ var Ia = c.forwardRef((e, t) => {
       }
     }
   );
-}), Fa = c.forwardRef((e, t) => {
-  const { sizes: r, onSizesChange: o, ...a } = e, n = M(W, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = L(t, u, n.onScrollbarYChange);
+}), ja = c.forwardRef((e, t) => {
+  const { sizes: r, onSizesChange: o, ...a } = e, n = M(W, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = $(t, u, n.onScrollbarYChange);
   return c.useEffect(() => {
     u.current && i(getComputedStyle(u.current));
   }, [u]), /* @__PURE__ */ f(
@@ -2391,7 +2390,7 @@ var Ia = c.forwardRef((e, t) => {
       }
     }
   );
-}), [ja, Er] = gr(W), Cr = c.forwardRef((e, t) => {
+}), [Ua, Er] = gr(W), Cr = c.forwardRef((e, t) => {
   const {
     __scopeScrollArea: r,
     sizes: o,
@@ -2404,7 +2403,7 @@ var Ia = c.forwardRef((e, t) => {
     onWheelScroll: d,
     onResize: p,
     ...h
-  } = e, m = M(W, r), [_, v] = c.useState(null), g = L(t, (P) => v(P)), b = c.useRef(null), y = c.useRef(""), E = m.viewport, w = o.content - o.viewport, C = $(d), R = $(u), S = Pe(p, 10);
+  } = e, m = M(W, r), [_, v] = c.useState(null), g = $(t, (P) => v(P)), b = c.useRef(null), y = c.useRef(""), E = m.viewport, w = o.content - o.viewport, C = L(d), R = L(u), S = Pe(p, 10);
   function x(P) {
     if (b.current) {
       const N = P.clientX - b.current.left, F = P.clientY - b.current.top;
@@ -2418,15 +2417,15 @@ var Ia = c.forwardRef((e, t) => {
     };
     return document.addEventListener("wheel", P, { passive: !1 }), () => document.removeEventListener("wheel", P, { passive: !1 });
   }, [E, _, w, C]), c.useEffect(R, [o, R]), oe(_, S), oe(m.content, S), /* @__PURE__ */ f(
-    ja,
+    Ua,
     {
       scope: r,
       scrollbar: _,
       hasThumb: a,
-      onThumbChange: $(n),
-      onThumbPointerUp: $(s),
+      onThumbChange: L(n),
+      onThumbPointerUp: L(s),
       onThumbPositionChange: R,
-      onThumbPointerDown: $(i),
+      onThumbPointerDown: L(i),
       children: /* @__PURE__ */ f(
         T.div,
         {
@@ -2448,11 +2447,11 @@ var Ia = c.forwardRef((e, t) => {
 }), ye = "ScrollAreaThumb", Pr = c.forwardRef(
   (e, t) => {
     const { forceMount: r, ...o } = e, a = Er(ye, e.__scopeScrollArea);
-    return /* @__PURE__ */ f(z, { present: r || a.hasThumb, children: /* @__PURE__ */ f(Ua, { ref: t, ...o }) });
+    return /* @__PURE__ */ f(V, { present: r || a.hasThumb, children: /* @__PURE__ */ f(Ba, { ref: t, ...o }) });
   }
-), Ua = c.forwardRef(
+), Ba = c.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: r, style: o, ...a } = e, n = M(ye, r), s = Er(ye, r), { onThumbPositionChange: i } = s, u = L(
+    const { __scopeScrollArea: r, style: o, ...a } = e, n = M(ye, r), s = Er(ye, r), { onThumbPositionChange: i } = s, u = $(
       t,
       (p) => s.onThumbChange(p)
     ), l = c.useRef(void 0), d = Pe(() => {
@@ -2490,15 +2489,15 @@ var Ia = c.forwardRef((e, t) => {
   }
 );
 Pr.displayName = ye;
-var Ke = "ScrollAreaCorner", Ba = c.forwardRef(
+var Ge = "ScrollAreaCorner", Ha = c.forwardRef(
   (e, t) => {
-    const r = M(Ke, e.__scopeScrollArea), o = !!(r.scrollbarX && r.scrollbarY);
-    return r.type !== "scroll" && o ? /* @__PURE__ */ f(Ha, { ...e, ref: t }) : null;
+    const r = M(Ge, e.__scopeScrollArea), o = !!(r.scrollbarX && r.scrollbarY);
+    return r.type !== "scroll" && o ? /* @__PURE__ */ f(Ya, { ...e, ref: t }) : null;
   }
 );
-Ba.displayName = Ke;
-var Ha = c.forwardRef((e, t) => {
-  const { __scopeScrollArea: r, ...o } = e, a = M(Ke, r), [n, s] = c.useState(0), [i, u] = c.useState(0), l = !!(n && i);
+Ha.displayName = Ge;
+var Ya = c.forwardRef((e, t) => {
+  const { __scopeScrollArea: r, ...o } = e, a = M(Ge, r), [n, s] = c.useState(0), [i, u] = c.useState(0), l = !!(n && i);
   return oe(a.scrollbarX, () => {
     var p;
     const d = ((p = a.scrollbarX) == null ? void 0 : p.offsetHeight) || 0;
@@ -2562,13 +2561,13 @@ var za = (e, t = () => {
   })(), () => window.cancelAnimationFrame(o);
 };
 function Pe(e, t) {
-  const r = $(e), o = c.useRef(0);
+  const r = L(e), o = c.useRef(0);
   return c.useEffect(() => () => window.clearTimeout(o.current), []), c.useCallback(() => {
     window.clearTimeout(o.current), o.current = window.setTimeout(r, t);
   }, [r, t]);
 }
 function oe(e, t) {
-  const r = $(t);
+  const r = L(t);
   ne(() => {
     let o = 0;
     if (e) {
@@ -2581,14 +2580,14 @@ function oe(e, t) {
     }
   }, [e, r]);
 }
-var Ya = _r, Xa = yr, qa = wr, Ga = Pr;
-const Ka = {
+var Xa = _r, qa = yr, Ga = wr, Ka = Pr;
+const Za = {
   "purpur-drawer-scroll-area__root": "_purpur-drawer-scroll-area__root_1hyos_1",
   "purpur-drawer-scroll-area__root--fit-to-content": "_purpur-drawer-scroll-area__root--fit-to-content_1hyos_4",
   "purpur-drawer-scroll-area__viewport": "_purpur-drawer-scroll-area__viewport_1hyos_10",
   "purpur-drawer-scroll-area__scrollbar": "_purpur-drawer-scroll-area__scrollbar_1hyos_14",
   "purpur-drawer-scroll-area__thumb": "_purpur-drawer-scroll-area__thumb_1hyos_25"
-}, se = ae.bind(Ka), Q = "purpur-drawer-scroll-area", He = V(
+}, se = ae.bind(Za), Q = "purpur-drawer-scroll-area", Be = Y(
   ({
     ["data-testid"]: e = "purpur-drawer-scroll-area",
     children: t,
@@ -2596,21 +2595,21 @@ const Ka = {
     fitToContent: o = !1,
     ...a
   }, n) => {
-    const s = se([r, Q]);
+    const s = se([Q, r]);
     return /* @__PURE__ */ f("div", { className: s, "data-testid": e, ref: n, ...a, children: /* @__PURE__ */ D(
-      Ya,
+      Xa,
       {
         className: se(`${Q}__root`, {
           [`${Q}__root--fit-to-content`]: o
         }),
         children: [
-          /* @__PURE__ */ f(Xa, { className: se(`${Q}__viewport`), children: t }),
+          /* @__PURE__ */ f(qa, { className: se(`${Q}__viewport`), children: t }),
           /* @__PURE__ */ f(
-            qa,
+            Ga,
             {
               className: se(`${Q}__scrollbar`),
               orientation: "vertical",
-              children: /* @__PURE__ */ f(Ga, { className: se(`${Q}__thumb`) })
+              children: /* @__PURE__ */ f(Ka, { className: se(`${Q}__thumb`) })
             }
           )
         ]
@@ -2618,8 +2617,8 @@ const Ka = {
     ) });
   }
 );
-He.displayName = "DrawerScrollArea";
-const J = ae.bind(Wo), O = "purpur-drawer-frame", Ar = V(
+Be.displayName = "DrawerScrollArea";
+const J = ae.bind(Wo), O = "purpur-drawer-frame", Ar = Y(
   ({
     ["data-testid"]: e = "purpur-drawer-frame",
     backButton: t,
@@ -2642,7 +2641,6 @@ const J = ae.bind(Wo), O = "purpur-drawer-frame", Ar = V(
     ...y
   }, E) => {
     const w = !!(t && r && d), C = J([
-      n,
       O,
       {
         [`${O}--fit-to-content`]: i,
@@ -2651,7 +2649,8 @@ const J = ae.bind(Wo), O = "purpur-drawer-frame", Ar = V(
         [`${O}--right`]: b === "right",
         [`${O}--without-back-button`]: !w,
         [`${O}--with-back-button`]: w
-      }
+      },
+      n
     ]);
     return /* @__PURE__ */ D("div", { className: C, "data-testid": e, ref: E, ...y, children: [
       /* @__PURE__ */ f(
@@ -2685,7 +2684,7 @@ const J = ae.bind(Wo), O = "purpur-drawer-frame", Ar = V(
       ),
       g ? /* @__PURE__ */ D(re, { children: [
         /* @__PURE__ */ f(
-          He,
+          Be,
           {
             className: J(`${O}__body`),
             "data-testid": `${e}-sticky-footer-scroll-area`,
@@ -2704,7 +2703,7 @@ const J = ae.bind(Wo), O = "purpur-drawer-frame", Ar = V(
           }
         )
       ] }) : /* @__PURE__ */ f(
-        He,
+        Be,
         {
           className: J(`${O}__body`),
           "data-testid": `${e}-scroll-area`,
@@ -2736,7 +2735,7 @@ const J = ae.bind(Wo), O = "purpur-drawer-frame", Ar = V(
   }
 );
 Ar.displayName = "DrawerFrame";
-const Za = (e, t) => ({
+const Qa = (e, t) => ({
   onSwipeStart: () => {
     e.current && e.current.setAttribute("data-swipe", "start");
   },
@@ -2755,7 +2754,7 @@ const Za = (e, t) => ({
     const { y: i } = s.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", `${i}px`), t == null || t(!1);
   }
-}), ce = ae.bind(Mo), Y = "purpur-drawer-content", Dr = V(
+}), ce = ae.bind(Mo), z = "purpur-drawer-content", Dr = Y(
   ({
     ["data-testid"]: e = "purpur-drawer-content",
     backButton: t = !1,
@@ -2777,24 +2776,26 @@ const Za = (e, t) => ({
     ...b
   }, y) => {
     const E = ce([
-      s,
-      Y,
-      { [`${Y}--fit-to-content`]: l },
-      { [`${Y}--left`]: g === "left" },
-      { [`${Y}--right`]: g === "right" }
-    ]), w = et(null), C = et(null), R = (j) => {
+      z,
+      {
+        [`${z}--fit-to-content`]: l,
+        [`${z}--left`]: g === "left",
+        [`${z}--right`]: g === "right"
+      },
+      s
+    ]), w = Je(null), C = Je(null), R = (j) => {
       C.current = j, typeof y == "function" ? y(j) : y && (y.current = j);
-    }, S = Mr(ur), { onSwipeStart: x, onSwipeMove: P, onSwipeCancel: N, onSwipeEnd: F } = Za(
+    }, S = Mr(ur), { onSwipeStart: x, onSwipeMove: P, onSwipeCancel: N, onSwipeEnd: F } = Qa(
       C,
       S
-    ), Qe = (j) => {
+    ), Ze = (j) => {
       u && j.preventDefault();
     }, Or = () => {
       const j = w.current;
       if (j) {
-        const Je = j.querySelector("h2");
-        Je && setTimeout(() => {
-          Je.focus();
+        const Qe = j.querySelector("h2");
+        Qe && setTimeout(() => {
+          Qe.focus();
         });
       }
     };
@@ -2807,7 +2808,7 @@ const Za = (e, t) => ({
         children: /* @__PURE__ */ f(
           wo,
           {
-            onPointerDownOutside: Qe,
+            onPointerDownOutside: Ze,
             onOpenAutoFocus: Or,
             className: E,
             "data-testid": e,
@@ -2821,7 +2822,7 @@ const Za = (e, t) => ({
                 backButtonText: r,
                 backButtonOnlyIcon: o,
                 closeButtonAriaLabel: i,
-                className: ce(`${Y}__drawer-frame`),
+                className: ce(`${z}__drawer-frame`),
                 fitToContent: l,
                 footerContent: d,
                 headerContent: p,
@@ -2834,11 +2835,11 @@ const Za = (e, t) => ({
                 stickyFooter: m,
                 title: _,
                 position: g,
-                children: a ? /* @__PURE__ */ D("div", { className: ce(`${Y}__content-container`), children: [
+                children: a ? /* @__PURE__ */ D("div", { className: ce(`${z}__content-container`), children: [
                   /* @__PURE__ */ f(
                     So,
                     {
-                      className: ce(`${Y}__description`),
+                      className: ce(`${z}__description`),
                       "data-testid": `${e}-description`,
                       children: a
                     }
@@ -2854,11 +2855,11 @@ const Za = (e, t) => ({
   }
 );
 Dr.displayName = "DrawerContent";
-const Tr = V(
+const Tr = Y(
   ({ ["data-testid"]: e = "purpur-drawer-trigger", children: t, ...r }, o) => /* @__PURE__ */ f(_o, { asChild: !0, "data-testid": e, ref: o, ...r, children: t })
 );
 Tr.displayName = "DrawerTrigger";
-const Ze = ({
+const Ke = ({
   ["data-testid"]: e = "purpur-drawer",
   children: t,
   className: r,
@@ -2873,10 +2874,10 @@ const Ze = ({
     i(a);
   }, [a]), /* @__PURE__ */ f(ur.Provider, { value: u, children: /* @__PURE__ */ f("div", { className: r, "data-testid": e, ...n, children: /* @__PURE__ */ f(go, { open: s, onOpenChange: u, children: t }) }) });
 };
-Ze.Trigger = Tr;
-Ze.Content = Dr;
-Ze.displayName = "Drawer";
+Ke.Trigger = Tr;
+Ke.Content = Dr;
+Ke.displayName = "Drawer";
 export {
-  Ze as Drawer
+  Ke as Drawer
 };
 //# sourceMappingURL=drawer.es.js.map