@purpurds/drawer 8.19.0 → 8.20.0

package/dist/drawer.es.js

@@ -1,9 +1,9 @@
 import { jsx as f, jsxs as A, Fragment as re } from "react/jsx-runtime";
 import * as c 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 We, { 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 D(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
+function x(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
   return function(a) {
     if (e?.(a), r === !1 || !a.defaultPrevented)
       return t?.(a);
@@ -30,7 +30,7 @@ function At(...e) {
       };
   };
 }
-function $(...e) {
+function L(...e) {
   return c.useCallback(At(...e), e);
 }
 function Fr(e, t) {
@@ -98,7 +98,7 @@ function jr(...e) {
 var ne = globalThis?.document ? c.useLayoutEffect : () => {
 }, Ur = c[" useId ".trim().toString()] || (() => {
 }), Br = 0;
-function Re(e) {
+function Ne(e) {
   const [t, r] = c.useState(Ur());
   return ne(() => {
     r((o) => o ?? String(Br++));
@@ -175,7 +175,7 @@ function Xr(e) {
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var qr = Symbol("radix.slottable");
+var qr = /* @__PURE__ */ Symbol("radix.slottable");
 function Kr(e) {
   return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === qr;
 }
@@ -215,21 +215,21 @@ var Qr = [
 ], O = Qr.reduce((e, t) => {
   const r = /* @__PURE__ */ Tt(`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 typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(u, { ...i, ref: n });
   });
   return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
 }, {});
 function Jr(e, t) {
   e && kr.flushSync(() => e.dispatchEvent(t));
 }
-function L(e) {
+function M(e) {
   const t = c.useRef(e);
   return c.useEffect(() => {
     t.current = e;
   }), c.useMemo(() => (...r) => t.current?.(...r), []);
 }
 function en(e, t = globalThis?.document) {
-  const r = L(e);
+  const r = M(e);
   c.useEffect(() => {
     const o = (a) => {
       a.key === "Escape" && r(a);
@@ -237,7 +237,7 @@ function en(e, t = 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", tt, $t = c.createContext({
+var tn = "DismissableLayer", Fe = "dismissableLayer.update", rn = "dismissableLayer.pointerDownOutside", nn = "dismissableLayer.focusOutside", tt, $t = c.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
@@ -251,12 +251,12 @@ var tn = "DismissableLayer", We = "dismissableLayer.update", rn = "dismissableLa
       onInteractOutside: s,
       onDismiss: i,
       ...u
-    } = e, l = c.useContext($t), [d, p] = c.useState(null), h = d?.ownerDocument ?? globalThis?.document, [, m] = c.useState({}), _ = $(t, (S) => p(S)), v = Array.from(l.layers), [g] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), y = v.indexOf(g), b = d ? v.indexOf(d) : -1, E = l.layersWithOutsidePointerEventsDisabled.size > 0, w = b >= y, C = sn((S) => {
-      const x = S.target, P = [...l.branches].some((N) => N.contains(x));
+    } = e, l = c.useContext($t), [d, p] = c.useState(null), h = d?.ownerDocument ?? globalThis?.document, [, m] = c.useState({}), _ = L(t, (S) => p(S)), v = Array.from(l.layers), [g] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), y = v.indexOf(g), b = d ? v.indexOf(d) : -1, E = l.layersWithOutsidePointerEventsDisabled.size > 0, w = b >= y, C = sn((S) => {
+      const D = S.target, P = [...l.branches].some((N) => N.contains(D));
       !w || P || (a?.(S), s?.(S), S.defaultPrevented || i?.());
     }, h), R = cn((S) => {
-      const x = S.target;
-      [...l.branches].some((N) => N.contains(x)) || (n?.(S), s?.(S), S.defaultPrevented || i?.());
+      const D = S.target;
+      [...l.branches].some((N) => N.contains(D)) || (n?.(S), s?.(S), S.defaultPrevented || i?.());
     }, h);
     return en((S) => {
       b === l.layers.size - 1 && (o?.(S), !S.defaultPrevented && i && (S.preventDefault(), i()));
@@ -269,7 +269,7 @@ var tn = "DismissableLayer", We = "dismissableLayer.update", rn = "dismissableLa
       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);
+      return document.addEventListener(Fe, S), () => document.removeEventListener(Fe, S);
     }, []), /* @__PURE__ */ f(
       O.div,
       {
@@ -279,9 +279,9 @@ var tn = "DismissableLayer", We = "dismissableLayer.update", rn = "dismissableLa
           pointerEvents: E ? w ? "auto" : "none" : void 0,
           ...e.style
         },
-        onFocusCapture: D(e.onFocusCapture, R.onFocusCapture),
-        onBlurCapture: D(e.onBlurCapture, R.onBlurCapture),
-        onPointerDownCapture: D(
+        onFocusCapture: x(e.onFocusCapture, R.onFocusCapture),
+        onBlurCapture: x(e.onBlurCapture, R.onBlurCapture),
+        onPointerDownCapture: x(
           e.onPointerDownCapture,
           C.onPointerDownCapture
         )
@@ -291,7 +291,7 @@ var tn = "DismissableLayer", We = "dismissableLayer.update", rn = "dismissableLa
 );
 Lt.displayName = tn;
 var on = "DismissableLayerBranch", an = c.forwardRef((e, t) => {
-  const r = c.useContext($t), o = c.useRef(null), a = $(t, o);
+  const r = c.useContext($t), o = c.useRef(null), a = L(t, o);
   return c.useEffect(() => {
     const n = o.current;
     if (n)
@@ -302,7 +302,7 @@ var on = "DismissableLayerBranch", an = c.forwardRef((e, t) => {
 });
 an.displayName = on;
 function sn(e, t = globalThis?.document) {
-  const r = L(e), o = c.useRef(!1), a = c.useRef(() => {
+  const r = M(e), o = c.useRef(!1), a = c.useRef(() => {
   });
   return c.useEffect(() => {
     const n = (i) => {
@@ -332,7 +332,7 @@ function sn(e, t = globalThis?.document) {
   };
 }
 function cn(e, t = globalThis?.document) {
-  const r = L(e), o = c.useRef(!1);
+  const r = M(e), o = c.useRef(!1);
   return c.useEffect(() => {
     const a = (n) => {
       n.target && !o.current && Mt(nn, r, { originalEvent: n }, {
@@ -346,21 +346,21 @@ function cn(e, t = globalThis?.document) {
   };
 }
 function rt() {
-  const e = new CustomEvent(We);
+  const e = new CustomEvent(Fe);
   document.dispatchEvent(e);
 }
 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", nt = { bubbles: !1, cancelable: !0 }, ln = "FocusScope", It = c.forwardRef((e, t) => {
+var xe = "focusScope.autoFocusOnMount", De = "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 = L(a), d = L(n), p = c.useRef(null), h = $(t, (v) => u(v)), m = c.useRef({
+  } = e, [i, u] = c.useState(null), l = M(a), d = M(n), p = c.useRef(null), h = L(t, (v) => u(v)), m = c.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -395,13 +395,13 @@ var Ne = "focusScope.autoFocusOnMount", xe = "focusScope.autoFocusOnUnmount", nt
       at.add(m);
       const v = document.activeElement;
       if (!i.contains(v)) {
-        const y = new CustomEvent(Ne, nt);
-        i.addEventListener(Ne, l), i.dispatchEvent(y), y.defaultPrevented || (un(vn(kt(i)), { select: !0 }), document.activeElement === v && H(i));
+        const y = new CustomEvent(xe, nt);
+        i.addEventListener(xe, l), i.dispatchEvent(y), y.defaultPrevented || (un(vn(kt(i)), { select: !0 }), document.activeElement === v && H(i));
       }
       return () => {
-        i.removeEventListener(Ne, l), setTimeout(() => {
-          const y = new CustomEvent(xe, nt);
-          i.addEventListener(xe, d), i.dispatchEvent(y), y.defaultPrevented || H(v ?? document.body, { select: !0 }), i.removeEventListener(xe, d), at.remove(m);
+        i.removeEventListener(xe, l), setTimeout(() => {
+          const y = new CustomEvent(De, nt);
+          i.addEventListener(De, d), i.dispatchEvent(y), y.defaultPrevented || H(v ?? document.body, { select: !0 }), i.removeEventListener(De, d), at.remove(m);
         }, 0);
       };
     }
@@ -492,7 +492,7 @@ function gn(e, t) {
   return c.useReducer((r, o) => t[r][o] ?? r, e);
 }
 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, yn(a));
+  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, yn(a));
   return typeof r == "function" || o.isPresent ? c.cloneElement(a, { ref: n }) : null;
 };
 V.displayName = "Presence";
@@ -511,19 +511,19 @@ function _n(e) {
     }
   });
   return c.useEffect(() => {
-    const l = le(o.current);
+    const l = ue(o.current);
     n.current = i === "mounted" ? l : "none";
   }, [i]), ne(() => {
     const l = o.current, d = a.current;
     if (d !== e) {
-      const h = n.current, m = le(l);
+      const h = n.current, m = ue(l);
       e ? u("MOUNT") : m === "none" || l?.display === "none" ? u("UNMOUNT") : u(d && h !== m ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
     }
   }, [e, u]), ne(() => {
     if (t) {
       let l;
       const d = t.ownerDocument.defaultView ?? window, p = (m) => {
-        const v = le(o.current).includes(CSS.escape(m.animationName));
+        const v = ue(o.current).includes(CSS.escape(m.animationName));
         if (m.target === t && v && (u("ANIMATION_END"), !a.current)) {
           const g = t.style.animationFillMode;
           t.style.animationFillMode = "forwards", l = d.setTimeout(() => {
@@ -531,7 +531,7 @@ function _n(e) {
           });
         }
       }, h = (m) => {
-        m.target === t && (n.current = le(o.current));
+        m.target === t && (n.current = ue(o.current));
       };
       return t.addEventListener("animationstart", h), t.addEventListener("animationcancel", p), t.addEventListener("animationend", p), () => {
         d.clearTimeout(l), t.removeEventListener("animationstart", h), t.removeEventListener("animationcancel", p), t.removeEventListener("animationend", p);
@@ -545,19 +545,19 @@ function _n(e) {
     }, [])
   };
 }
-function le(e) {
+function ue(e) {
   return e?.animationName || "none";
 }
 function yn(e) {
   let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning;
   return r ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
-var De = 0;
+var Ae = 0;
 function bn() {
   c.useEffect(() => {
     const e = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", e[0] ?? st()), document.body.insertAdjacentElement("beforeend", e[1] ?? st()), De++, () => {
-      De === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), De--;
+    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--;
     };
   }, []);
 }
@@ -565,14 +565,14 @@ 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;
 }
-var k = function() {
-  return k = Object.assign || function(t) {
+var W = function() {
+  return W = Object.assign || function(t) {
     for (var r, o = 1, a = arguments.length; o < a; o++) {
       r = arguments[o];
       for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (t[n] = r[n]);
     }
     return t;
-  }, k.apply(this, arguments);
+  }, W.apply(this, arguments);
 };
 function Ft(e, t) {
   var r = {};
@@ -587,8 +587,8 @@ function wn(e, t, r) {
     (n || !(o in t)) && (n || (n = Array.prototype.slice.call(t, 0, o)), n[o] = t[o]);
   return e.concat(n || Array.prototype.slice.call(t));
 }
-var ge = "right-scroll-bar-position", _e = "width-before-scroll-bar", Sn = "with-scroll-bars-hidden", En = "--removed-body-scroll-bar-size";
-function Ae(e, t) {
+var _e = "right-scroll-bar-position", ye = "width-before-scroll-bar", Sn = "with-scroll-bars-hidden", En = "--removed-body-scroll-bar-size";
+function Oe(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
 function Cn(e, t) {
@@ -616,7 +616,7 @@ var Pn = typeof window < "u" ? c.useLayoutEffect : c.useEffect, ct = /* @__PURE_
 function Rn(e, t) {
   var r = Cn(null, function(o) {
     return e.forEach(function(a) {
-      return Ae(a, o);
+      return Oe(a, o);
     });
   });
   return Pn(function() {
@@ -624,9 +624,9 @@ function Rn(e, t) {
     if (o) {
       var a = new Set(o), n = new Set(e), s = r.current;
       a.forEach(function(i) {
-        n.has(i) || Ae(i, null);
+        n.has(i) || Oe(i, null);
       }), n.forEach(function(i) {
-        a.has(i) || Ae(i, s);
+        a.has(i) || Oe(i, s);
       });
     }
     ct.set(r, e);
@@ -693,7 +693,7 @@ function xn(e, t) {
 function Dn(e) {
   e === void 0 && (e = {});
   var t = xn(null);
-  return t.options = k({ async: !0, ssr: !1 }, e), t;
+  return t.options = W({ async: !0, ssr: !1 }, e), t;
 }
 var jt = function(e) {
   var t = e.sideCar, r = Ft(e, ["sideCar"]);
@@ -702,34 +702,34 @@ var jt = function(e) {
   var o = t.read();
   if (!o)
     throw new Error("Sidecar medium not found");
-  return c.createElement(o, k({}, r));
+  return c.createElement(o, W({}, r));
 };
 jt.isSideCarExport = !0;
 function An(e, t) {
   return e.useMedium(t), jt;
 }
-var Ut = Dn(), Oe = function() {
-}, Se = c.forwardRef(function(e, t) {
+var Ut = Dn(), Te = function() {
+}, Ee = c.forwardRef(function(e, t) {
   var r = c.useRef(null), o = c.useState({
-    onScrollCapture: Oe,
-    onWheelCapture: Oe,
-    onTouchMoveCapture: Oe
-  }), a = o[0], n = o[1], s = e.forwardProps, i = e.children, u = e.className, l = e.removeScrollBar, d = e.enabled, p = e.shards, h = e.sideCar, m = e.noRelative, _ = e.noIsolation, v = e.inert, g = e.allowPinchZoom, y = e.as, b = y === void 0 ? "div" : y, E = e.gapMode, w = Ft(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), C = h, R = Rn([r, t]), S = k(k({}, w), a);
+    onScrollCapture: Te,
+    onWheelCapture: Te,
+    onTouchMoveCapture: Te
+  }), a = o[0], n = o[1], s = e.forwardProps, i = e.children, u = e.className, l = e.removeScrollBar, d = e.enabled, p = e.shards, h = e.sideCar, m = e.noRelative, _ = e.noIsolation, v = e.inert, g = e.allowPinchZoom, y = e.as, b = y === void 0 ? "div" : y, E = e.gapMode, w = Ft(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), C = h, R = Rn([r, t]), S = W(W({}, w), a);
   return c.createElement(
     c.Fragment,
     null,
     d && c.createElement(C, { sideCar: Ut, removeScrollBar: l, shards: p, noRelative: m, noIsolation: _, inert: v, setCallbacks: n, allowPinchZoom: !!g, lockRef: r, gapMode: E }),
-    s ? c.cloneElement(c.Children.only(i), k(k({}, S), { ref: R })) : c.createElement(b, k({}, S, { className: u, ref: R }), i)
+    s ? c.cloneElement(c.Children.only(i), W(W({}, S), { ref: R })) : c.createElement(b, W({}, S, { className: u, ref: R }), i)
   );
 });
-Se.defaultProps = {
+Ee.defaultProps = {
   enabled: !0,
   removeScrollBar: !0,
   inert: !1
 };
-Se.classNames = {
-  fullWidth: _e,
-  zeroRight: ge
+Ee.classNames = {
+  fullWidth: ye,
+  zeroRight: _e
 };
 var On = function() {
   if (typeof __webpack_nonce__ < "u")
@@ -780,11 +780,11 @@ var Mn = function() {
   top: 0,
   right: 0,
   gap: 0
-}, Te = function(e) {
+}, $e = function(e) {
   return parseInt(e || "", 10) || 0;
 }, Wn = function(e) {
   var t = window.getComputedStyle(document.body), r = t[e === "padding" ? "paddingLeft" : "marginLeft"], o = t[e === "padding" ? "paddingTop" : "marginTop"], a = t[e === "padding" ? "paddingRight" : "marginRight"];
-  return [Te(r), Te(o), Te(a)];
+  return [$e(r), $e(o), $e(a)];
 }, Fn = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
     return kn;
@@ -819,19 +819,19 @@ var Mn = function() {
   ].filter(Boolean).join(""), `
   }
   
-  .`).concat(ge, ` {
+  .`).concat(_e, ` {
     right: `).concat(i, "px ").concat(o, `;
   }
   
-  .`).concat(_e, ` {
+  .`).concat(ye, ` {
     margin-right: `).concat(i, "px ").concat(o, `;
   }
   
-  .`).concat(ge, " .").concat(ge, ` {
+  .`).concat(_e, " .").concat(_e, ` {
     right: 0 `).concat(o, `;
   }
   
-  .`).concat(_e, " .").concat(_e, ` {
+  .`).concat(ye, " .").concat(ye, ` {
     margin-right: 0 `).concat(o, `;
   }
   
@@ -856,19 +856,19 @@ var Mn = function() {
     return Fn(a);
   }, [a]);
   return c.createElement(jn, { styles: Un(n, !t, a, r ? "" : "!important") });
-}, Fe = !1;
+}, je = !1;
 if (typeof window < "u")
   try {
-    var ue = Object.defineProperty({}, "passive", {
+    var de = Object.defineProperty({}, "passive", {
       get: function() {
-        return Fe = !0, !0;
+        return je = !0, !0;
       }
     });
-    window.addEventListener("test", ue, ue), window.removeEventListener("test", ue, ue);
+    window.addEventListener("test", de, de), window.removeEventListener("test", de, de);
   } catch {
-    Fe = !1;
+    je = !1;
   }
-var q = Fe ? { passive: !1 } : !1, Yn = function(e) {
+var q = je ? { passive: !1 } : !1, Yn = function(e) {
   return e.tagName === "TEXTAREA";
 }, Ht = function(e, t) {
   if (!(e instanceof Element))
@@ -931,7 +931,7 @@ var q = Fe ? { passive: !1 } : !1, Yn = function(e) {
     u && (t.contains(i) || t === i)
   );
   return (d && Math.abs(p) < 1 || !d && Math.abs(h) < 1) && (l = !0), l;
-}, de = function(e) {
+}, fe = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
 }, dt = function(e) {
   return [e.deltaX, e.deltaY];
@@ -965,22 +965,25 @@ function eo(e) {
   var i = c.useCallback(function(v, g) {
     if ("touches" in v && v.touches.length === 2 || v.type === "wheel" && v.ctrlKey)
       return !s.current.allowPinchZoom;
-    var y = de(v), b = r.current, E = "deltaX" in v ? v.deltaX : b[0] - y[0], w = "deltaY" in v ? v.deltaY : b[1] - y[1], C, R = v.target, S = Math.abs(E) > Math.abs(w) ? "h" : "v";
+    var y = fe(v), b = r.current, E = "deltaX" in v ? v.deltaX : b[0] - y[0], w = "deltaY" in v ? v.deltaY : b[1] - y[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 = ut(S, R);
-    if (!x)
+    var D = window.getSelection(), P = D && D.anchorNode, N = P ? P === R || P.contains(R) : !1;
+    if (N)
+      return !1;
+    var T = ut(S, R);
+    if (!T)
       return !0;
-    if (x ? C = S : (C = S === "v" ? "h" : "v", x = ut(S, R)), !x)
+    if (T ? C = S : (C = S === "v" ? "h" : "v", T = ut(S, R)), !T)
       return !1;
     if (!o.current && "changedTouches" in v && (E || w) && (o.current = C), !C)
       return !0;
-    var P = o.current || C;
-    return Gn(P, g, v, P === "h" ? E : w);
+    var ie = o.current || C;
+    return Gn(ie, g, v, ie === "h" ? E : w);
   }, []), u = c.useCallback(function(v) {
     var g = v;
     if (!(!K.length || K[K.length - 1] !== n)) {
-      var y = "deltaY" in g ? dt(g) : de(g), b = t.current.filter(function(C) {
+      var y = "deltaY" in g ? dt(g) : fe(g), b = t.current.filter(function(C) {
         return C.name === g.type && (C.target === g.target || g.target === C.shadowParent) && Zn(C.delta, y);
       })[0];
       if (b && b.should) {
@@ -1002,11 +1005,11 @@ function eo(e) {
       });
     }, 1);
   }, []), d = c.useCallback(function(v) {
-    r.current = de(v), o.current = void 0;
+    r.current = fe(v), o.current = void 0;
   }, []), p = c.useCallback(function(v) {
     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));
+    l(v.type, fe(v), v.target, i(v, e.lockRef.current));
   }, []);
   c.useEffect(function() {
     return K.push(n), e.setCallbacks({
@@ -1034,15 +1037,15 @@ function to(e) {
 }
 const ro = An(Ut, eo);
 var zt = c.forwardRef(function(e, t) {
-  return c.createElement(Se, k({}, e, { ref: t, sideCar: ro }));
+  return c.createElement(Ee, W({}, e, { ref: t, sideCar: ro }));
 });
-zt.classNames = Se.classNames;
+zt.classNames = Ee.classNames;
 var no = function(e) {
   if (typeof document > "u")
     return null;
   var t = Array.isArray(e) ? e[0] : e;
   return t.ownerDocument.body;
-}, G = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {}, $e = 0, Xt = function(e) {
+}, G = /* @__PURE__ */ new WeakMap(), pe = /* @__PURE__ */ new WeakMap(), he = {}, Le = 0, Xt = function(e) {
   return e && (e.host || Xt(e.parentNode));
 }, oo = function(e, t) {
   return t.map(function(r) {
@@ -1055,8 +1058,8 @@ var no = function(e) {
   });
 }, ao = function(e, t, r, o) {
   var a = oo(t, Array.isArray(e) ? e : [e]);
-  pe[r] || (pe[r] = /* @__PURE__ */ new WeakMap());
-  var n = pe[r], s = [], i = /* @__PURE__ */ new Set(), u = new Set(a), l = function(p) {
+  he[r] || (he[r] = /* @__PURE__ */ new WeakMap());
+  var n = he[r], s = [], i = /* @__PURE__ */ new Set(), u = new Set(a), l = function(p) {
     !p || i.has(p) || (i.add(p), l(p.parentNode));
   };
   a.forEach(l);
@@ -1067,17 +1070,17 @@ var no = function(e) {
       else
         try {
           var m = h.getAttribute(o), _ = m !== null && m !== "false", v = (G.get(h) || 0) + 1, g = (n.get(h) || 0) + 1;
-          G.set(h, v), n.set(h, g), s.push(h), v === 1 && _ && fe.set(h, !0), g === 1 && h.setAttribute(r, "true"), _ || h.setAttribute(o, "true");
+          G.set(h, v), n.set(h, g), s.push(h), v === 1 && _ && pe.set(h, !0), g === 1 && h.setAttribute(r, "true"), _ || h.setAttribute(o, "true");
         } catch (y) {
           console.error("aria-hidden: cannot operate on ", h, y);
         }
     });
   };
-  return d(t), i.clear(), $e++, function() {
+  return d(t), i.clear(), Le++, function() {
     s.forEach(function(p) {
       var h = G.get(p) - 1, m = n.get(p) - 1;
-      G.set(p, h), n.set(p, m), h || (fe.has(p) || p.removeAttribute(o), fe.delete(p)), m || p.removeAttribute(r);
-    }), $e--, $e || (G = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {});
+      G.set(p, h), n.set(p, m), h || (pe.has(p) || p.removeAttribute(o), pe.delete(p)), m || p.removeAttribute(r);
+    }), Le--, Le || (G = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakMap(), pe = /* @__PURE__ */ new WeakMap(), he = {});
   };
 }, io = function(e, t, r) {
   r === void 0 && (r = "data-aria-hidden");
@@ -1085,7 +1088,7 @@ var no = function(e) {
   return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live], script"))), ao(o, a, r, "aria-hidden")) : function() {
     return null;
   };
-}, Ee = "Dialog", [qt] = Ot(Ee), [so, I] = qt(Ee), Kt = (e) => {
+}, Ce = "Dialog", [qt] = Ot(Ce), [so, k] = qt(Ce), Kt = (e) => {
   const {
     __scopeDialog: t,
     children: r,
@@ -1097,7 +1100,7 @@ var no = function(e) {
     prop: o,
     defaultProp: a ?? !1,
     onChange: n,
-    caller: Ee
+    caller: Ce
   });
   return /* @__PURE__ */ f(
     so,
@@ -1105,9 +1108,9 @@ var no = function(e) {
       scope: t,
       triggerRef: i,
       contentRef: u,
-      contentId: Re(),
-      titleId: Re(),
-      descriptionId: Re(),
+      contentId: Ne(),
+      titleId: Ne(),
+      descriptionId: Ne(),
       open: l,
       onOpenChange: d,
       onOpenToggle: c.useCallback(() => d((p) => !p), [d]),
@@ -1116,10 +1119,10 @@ var no = function(e) {
     }
   );
 };
-Kt.displayName = Ee;
+Kt.displayName = Ce;
 var Gt = "DialogTrigger", Zt = c.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = I(Gt, r), n = $(t, a.triggerRef);
+    const { __scopeDialog: r, ...o } = e, a = k(Gt, r), n = L(t, a.triggerRef);
     return /* @__PURE__ */ f(
       O.button,
       {
@@ -1127,39 +1130,39 @@ var Gt = "DialogTrigger", Zt = c.forwardRef(
         "aria-haspopup": "dialog",
         "aria-expanded": a.open,
         "aria-controls": a.contentId,
-        "data-state": Ve(a.open),
+        "data-state": ze(a.open),
         ...o,
         ref: n,
-        onClick: D(e.onClick, a.onOpenToggle)
+        onClick: x(e.onClick, a.onOpenToggle)
       }
     );
   }
 );
 Zt.displayName = Gt;
-var He = "DialogPortal", [co, Qt] = qt(He, {
+var Ye = "DialogPortal", [co, Qt] = qt(Ye, {
   forceMount: void 0
 }), Jt = (e) => {
-  const { __scopeDialog: t, forceMount: r, children: o, container: a } = e, n = I(He, t);
+  const { __scopeDialog: t, forceMount: r, children: o, container: a } = e, n = k(Ye, 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 = He;
-var ye = "DialogOverlay", er = c.forwardRef(
+Jt.displayName = Ye;
+var be = "DialogOverlay", er = c.forwardRef(
   (e, t) => {
-    const r = Qt(ye, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = I(ye, e.__scopeDialog);
+    const r = Qt(be, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = k(be, e.__scopeDialog);
     return n.modal ? /* @__PURE__ */ f(V, { present: o || n.open, children: /* @__PURE__ */ f(uo, { ...a, ref: t }) }) : null;
   }
 );
-er.displayName = ye;
+er.displayName = be;
 var lo = /* @__PURE__ */ Tt("DialogOverlay.RemoveScroll"), uo = c.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = I(ye, r);
+    const { __scopeDialog: r, ...o } = e, a = k(be, r);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
       /* @__PURE__ */ f(zt, { as: lo, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
         O.div,
         {
-          "data-state": Ve(a.open),
+          "data-state": ze(a.open),
           ...o,
           ref: t,
           style: { pointerEvents: "auto", ...o.style }
@@ -1169,14 +1172,14 @@ var lo = /* @__PURE__ */ Tt("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);
+    const r = Qt(X, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = k(X, e.__scopeDialog);
     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 = $(t, r.contentRef, o);
+    const r = k(X, e.__scopeDialog), o = c.useRef(null), a = L(t, r.contentRef, o);
     return c.useEffect(() => {
       const n = o.current;
       if (n) return io(n);
@@ -1187,14 +1190,14 @@ var fo = c.forwardRef(
         ref: a,
         trapFocus: r.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: D(e.onCloseAutoFocus, (n) => {
+        onCloseAutoFocus: x(e.onCloseAutoFocus, (n) => {
           n.preventDefault(), r.triggerRef.current?.focus();
         }),
-        onPointerDownOutside: D(e.onPointerDownOutside, (n) => {
+        onPointerDownOutside: x(e.onPointerDownOutside, (n) => {
           const s = n.detail.originalEvent, i = s.button === 0 && s.ctrlKey === !0;
           (s.button === 2 || i) && n.preventDefault();
         }),
-        onFocusOutside: D(
+        onFocusOutside: x(
           e.onFocusOutside,
           (n) => n.preventDefault()
         )
@@ -1203,7 +1206,7 @@ var fo = c.forwardRef(
   }
 ), po = c.forwardRef(
   (e, t) => {
-    const r = I(X, e.__scopeDialog), o = c.useRef(!1), a = c.useRef(!1);
+    const r = k(X, e.__scopeDialog), o = c.useRef(!1), a = c.useRef(!1);
     return /* @__PURE__ */ f(
       rr,
       {
@@ -1224,7 +1227,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 = $(t, u);
+    const { __scopeDialog: r, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...s } = e, i = k(X, r), u = c.useRef(null), l = L(t, u);
     return bn(), /* @__PURE__ */ A(re, { children: [
       /* @__PURE__ */ f(
         It,
@@ -1241,7 +1244,7 @@ var fo = c.forwardRef(
               id: i.contentId,
               "aria-describedby": i.descriptionId,
               "aria-labelledby": i.titleId,
-              "data-state": Ve(i.open),
+              "data-state": ze(i.open),
               ...s,
               ref: l,
               onDismiss: () => i.onOpenChange(!1)
@@ -1255,41 +1258,41 @@ var fo = c.forwardRef(
       ] })
     ] });
   }
-), Ye = "DialogTitle", nr = c.forwardRef(
+), Ve = "DialogTitle", nr = c.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = I(Ye, r);
+    const { __scopeDialog: r, ...o } = e, a = k(Ve, r);
     return /* @__PURE__ */ f(O.h2, { id: a.titleId, ...o, ref: t });
   }
 );
-nr.displayName = Ye;
+nr.displayName = Ve;
 var or = "DialogDescription", ar = c.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = I(or, r);
+    const { __scopeDialog: r, ...o } = e, a = k(or, r);
     return /* @__PURE__ */ f(O.p, { id: a.descriptionId, ...o, ref: t });
   }
 );
 ar.displayName = or;
 var ir = "DialogClose", sr = c.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = I(ir, r);
+    const { __scopeDialog: r, ...o } = e, a = k(ir, r);
     return /* @__PURE__ */ f(
       O.button,
       {
         type: "button",
         ...o,
         ref: t,
-        onClick: D(e.onClick, () => a.onOpenChange(!1))
+        onClick: x(e.onClick, () => a.onOpenChange(!1))
       }
     );
   }
 );
 sr.displayName = ir;
-function Ve(e) {
+function ze(e) {
   return e ? "open" : "closed";
 }
 var cr = "DialogTitleWarning", [ri, lr] = Fr(cr, {
   contentName: X,
-  titleName: Ye,
+  titleName: Ve,
   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.
@@ -1306,12 +1309,12 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
     const a = e.current?.getAttribute("aria-describedby");
     t && a && (document.getElementById(t) || console.warn(o));
   }, [o, e, t]), null;
-}, go = Kt, _o = Zt, yo = Jt, bo = er, wo = tr, he = nr, So = ar, Eo = sr;
+}, go = Kt, _o = Zt, yo = Jt, bo = er, wo = tr, ve = nr, So = ar, Eo = sr;
 const ur = Lr(null);
 function Co(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Le = { exports: {} };
+var Me = { exports: {} };
 var pt;
 function Po() {
   return pt || (pt = 1, (function(e) {
@@ -1343,7 +1346,7 @@ function Po() {
       }
       e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  })(Le)), Le.exports;
+  })(Me)), Me.exports;
 }
 var Ro = Po();
 const ae = /* @__PURE__ */ Co(Ro), No = "_slideUp_71yig_1", xo = "_slideDown_71yig_1", Do = "_slideInRight_71yig_1", Ao = "_slideInLeft_71yig_1", Oo = "_slideOutRight_71yig_1", To = "_slideOutLeft_71yig_1", $o = "_fadeIn_71yig_1", Lo = "_fadeOut_71yig_1", Mo = {
@@ -1367,7 +1370,7 @@ const ae = /* @__PURE__ */ Co(Ro), No = "_slideUp_71yig_1", xo = "_slideDown_71y
   "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 = Y(
+}, ko = ae.bind(Io), Ie = "purpur-drawer-container", ee = Y(
   ({
     ["data-testid"]: e = "purpur-drawer-container",
     children: t,
@@ -1377,10 +1380,10 @@ const ae = /* @__PURE__ */ Co(Ro), No = "_slideUp_71yig_1", xo = "_slideDown_71y
     ...n
   }, s) => {
     const i = ko([
-      Me,
+      Ie,
       {
-        [`${Me}--${o}`]: o,
-        [`${Me}--sticky`]: a
+        [`${Ie}--${o}`]: o,
+        [`${Ie}--sticky`]: a
       },
       r
     ]);
@@ -1432,7 +1435,7 @@ const Wo = {
     onSwipeEnd: n,
     ...s
   }, i) => {
-    const u = Uo([Bo, t]), l = ke.useRef(null), d = ke.useRef(null), { onPointerDown: p, onPointerMove: h, onPointerUp: m } = jo(
+    const u = Uo([Bo, t]), l = We.useRef(null), d = We.useRef(null), { onPointerDown: p, onPointerMove: h, onPointerUp: m } = jo(
       d,
       l,
       r,
@@ -1507,7 +1510,7 @@ const Xo = /* @__PURE__ */ Yo(zo), qo = "_rotate_12t9p_1", Ko = "_dash_12t9p_1",
   dash: Ko,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, gt = Xo.bind(Go), ie = "purpur-spinner", Zo = {
+}, gt = Xo.bind(Go), se = "purpur-spinner", Zo = {
   SM: "sm"
 }, fr = ({
   disabled: e = !1,
@@ -1515,12 +1518,12 @@ const Xo = /* @__PURE__ */ Yo(zo), qo = "_rotate_12t9p_1", Ko = "_dash_12t9p_1",
   size: r = Zo.SM,
   className: o,
   ...a
-}) => /* @__PURE__ */ f("div", { className: gt(ie, `${ie}--${r}`, o), ...a, children: /* @__PURE__ */ f("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ f(
+}) => /* @__PURE__ */ f("div", { className: gt(se, `${se}--${r}`, o), ...a, children: /* @__PURE__ */ f("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ f(
   "circle",
   {
-    className: gt(`${ie}__circle`, {
-      [`${ie}__circle--disabled`]: e,
-      [`${ie}__circle--negative`]: t
+    className: gt(`${se}__circle`, {
+      [`${se}__circle--disabled`]: e,
+      [`${se}__circle--negative`]: t
     }),
     cx: "25",
     cy: "25",
@@ -1588,10 +1591,10 @@ const ta = /* @__PURE__ */ Qo(ea), ra = {
   "purpur-button--text-negative": "_purpur-button--text-negative_10jh0_185",
   "purpur-button--text": "_purpur-button--text_10jh0_185",
   "purpur-button__spinner": "_purpur-button__spinner_10jh0_235"
-}, Ie = {
+}, ke = {
   TERTIARY_PURPLE: "tertiary-purple",
   TEXT: "text"
-}, bt = ta.bind(ra), U = "purpur-button", je = Y(
+}, bt = ta.bind(ra), U = "purpur-button", Ue = Y(
   ({
     children: e,
     className: t,
@@ -1650,7 +1653,7 @@ const ta = /* @__PURE__ */ Qo(ea), ra = {
     );
   }
 );
-je.displayName = "Button";
+Ue.displayName = "Button";
 function na(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -1688,7 +1691,7 @@ function oa() {
   })(wt)), wt.exports;
 }
 var aa = oa();
-const ia = /* @__PURE__ */ na(aa), ve = {
+const ia = /* @__PURE__ */ na(aa), me = {
   "purpur-heading": "_purpur-heading_vo751_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_vo751_8",
   "purpur-heading--negative": "_purpur-heading--negative_vo751_11",
@@ -1712,7 +1715,7 @@ const ia = /* @__PURE__ */ na(aa), ve = {
   TITLE100: "title-100"
 }, Et = {
   DISPLAY10: "display-10"
-}, me = "purpur-heading", Ue = ({
+}, ge = "purpur-heading", Be = ({
   children: e,
   className: t = "",
   enableHyphenation: r = !1,
@@ -1723,16 +1726,16 @@ const ia = /* @__PURE__ */ na(aa), ve = {
 }) => {
   const i = a, u = ia([
     t,
-    ve[me],
-    ve[`${me}--${n}`],
+    me[ge],
+    me[`${ge}--${n}`],
     {
-      [ve[`${me}--hyphens`]]: r,
-      [ve[`${me}--negative`]]: o
+      [me[`${ge}--hyphens`]]: r,
+      [me[`${ge}--negative`]]: o
     }
   ]);
   return /* @__PURE__ */ f(i, { className: u, ...s, children: e });
 };
-Ue.displayName = "Heading";
+Be.displayName = "Heading";
 function ca(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -1786,27 +1789,27 @@ const da = /* @__PURE__ */ ca(ua), fa = {
     t ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = t ? `<title>${t}</title>` : "";
   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 }) => {
+}, ga = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Xe = ({ svg: e, allyTitle: t, className: r, size: o = ha, ...a }) => {
   const n = ma({
     content: ga(e.svg),
     title: t
   }), s = pa(Rt, `${Rt}--${o}`, r);
   return /* @__PURE__ */ f("span", { className: s, dangerouslySetInnerHTML: { __html: n }, ...a });
 };
-ze.displayName = "Icon";
+Xe.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 = (e) => /* @__PURE__ */ f(Xe, { ...e, svg: _a });
 pr.displayName = "IconChevronLeft";
 const ya = {
   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(ze, { ...e, svg: ya });
+}, hr = (e) => /* @__PURE__ */ f(Xe, { ...e, svg: ya });
 hr.displayName = "IconClose";
 function Nt(e, t) {
   if (typeof e == "function")
@@ -1853,7 +1856,7 @@ function Sa(e) {
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var Ea = Symbol("radix.slottable");
+var Ea = /* @__PURE__ */ Symbol("radix.slottable");
 function Ca(e) {
   return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Ea;
 }
@@ -1891,7 +1894,7 @@ var Na = [
 ], 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 typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(u, { ...i, ref: n });
   });
   return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
 }, {}), Da = "VisuallyHidden", vr = c.forwardRef(
@@ -1954,7 +1957,7 @@ const xt = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ f(Aa, { asChil
           "data-testid": `${e}-row`,
           children: [
             /* @__PURE__ */ f("div", { className: Z(`${B}__left`), children: h ? /* @__PURE__ */ A(
-              je,
+              Ue,
               {
                 "aria-label": o ? r : "",
                 className: Z([
@@ -1967,7 +1970,7 @@ const xt = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ f(Aa, { asChil
                 iconOnly: o,
                 onClick: i,
                 size: "sm",
-                variant: o ? Ie.TERTIARY_PURPLE : Ie.TEXT,
+                variant: o ? ke.TERTIARY_PURPLE : ke.TEXT,
                 children: [
                   /* @__PURE__ */ f(pr, { size: "sm" }),
                   !o && r
@@ -1975,9 +1978,9 @@ const xt = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ f(Aa, { asChil
               }
             ) : s ? /* @__PURE__ */ A(re, { children: [
               s,
-              /* @__PURE__ */ f(xt, { asChild: !0, children: /* @__PURE__ */ f(he, { children: u }) })
-            ] }) : /* @__PURE__ */ f(he, { asChild: !0, children: /* @__PURE__ */ f(
-              Ue,
+              /* @__PURE__ */ f(xt, { asChild: !0, children: /* @__PURE__ */ f(ve, { children: u }) })
+            ] }) : /* @__PURE__ */ f(ve, { asChild: !0, children: /* @__PURE__ */ f(
+              Be,
               {
                 "data-testid": `${e}-title`,
                 tag: "h2",
@@ -1987,13 +1990,13 @@ const xt = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ f(Aa, { asChil
               }
             ) }) }),
             /* @__PURE__ */ f("div", { className: Z(`${B}__right`), children: /* @__PURE__ */ f(Eo, { asChild: !0, children: /* @__PURE__ */ f(
-              je,
+              Ue,
               {
                 "aria-label": n,
                 className: Z(`${B}__close-button`),
                 iconOnly: !0,
                 size: "sm",
-                variant: Ie.TERTIARY_PURPLE,
+                variant: ke.TERTIARY_PURPLE,
                 children: /* @__PURE__ */ f(hr, { size: "sm" })
               }
             ) }) })
@@ -2002,9 +2005,9 @@ const xt = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ f(Aa, { asChil
       ),
       h && (s ? /* @__PURE__ */ A(re, { children: [
         s,
-        /* @__PURE__ */ f(xt, { asChild: !0, children: /* @__PURE__ */ f(he, { children: u }) })
-      ] }) : /* @__PURE__ */ f(he, { asChild: !0, children: /* @__PURE__ */ f(
-        Ue,
+        /* @__PURE__ */ f(xt, { asChild: !0, children: /* @__PURE__ */ f(ve, { children: u }) })
+      ] }) : /* @__PURE__ */ f(ve, { asChild: !0, children: /* @__PURE__ */ f(
+        Be,
         {
           "data-testid": `${e}-title-with-back-button`,
           tag: "h2",
@@ -2028,7 +2031,7 @@ function La(e, [t, r]) {
 function Ma(e, t) {
   return c.useReducer((r, o) => t[r][o] ?? r, e);
 }
-var Xe = "ScrollArea", [gr] = Ot(Xe), [Ia, M] = gr(Xe), _r = c.forwardRef(
+var qe = "ScrollArea", [gr] = Ot(qe), [Ia, I] = gr(qe), _r = c.forwardRef(
   (e, t) => {
     const {
       __scopeScrollArea: r,
@@ -2036,7 +2039,7 @@ var Xe = "ScrollArea", [gr] = Ot(Xe), [Ia, M] = gr(Xe), _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), [y, b] = 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);
+    } = 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), [y, b] = c.useState(0), [E, w] = c.useState(0), [C, R] = c.useState(!1), [S, D] = c.useState(!1), P = L(t, (T) => u(T)), N = $a(a);
     return /* @__PURE__ */ f(
       Ia,
       {
@@ -2056,7 +2059,7 @@ var Xe = "ScrollArea", [gr] = Ot(Xe), [Ia, M] = gr(Xe), _r = c.forwardRef(
         scrollbarY: v,
         onScrollbarYChange: g,
         scrollbarYEnabled: S,
-        onScrollbarYEnabledChange: x,
+        onScrollbarYEnabledChange: D,
         onCornerWidthChange: b,
         onCornerHeightChange: w,
         children: /* @__PURE__ */ f(
@@ -2078,10 +2081,10 @@ var Xe = "ScrollArea", [gr] = Ot(Xe), [Ia, M] = gr(Xe), _r = c.forwardRef(
     );
   }
 );
-_r.displayName = Xe;
+_r.displayName = qe;
 var yr = "ScrollAreaViewport", br = c.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: r, children: o, nonce: a, ...n } = e, s = M(yr, r), i = c.useRef(null), u = $(t, i, s.onViewportChange);
+    const { __scopeScrollArea: r, children: o, nonce: a, ...n } = e, s = I(yr, r), i = c.useRef(null), u = L(t, i, s.onViewportChange);
     return /* @__PURE__ */ A(re, { children: [
       /* @__PURE__ */ f(
         "style",
@@ -2121,17 +2124,17 @@ var yr = "ScrollAreaViewport", br = c.forwardRef(
   }
 );
 br.displayName = yr;
-var W = "ScrollAreaScrollbar", wr = c.forwardRef(
+var F = "ScrollAreaScrollbar", wr = c.forwardRef(
   (e, t) => {
-    const { forceMount: r, ...o } = e, a = M(W, e.__scopeScrollArea), { onScrollbarXEnabledChange: n, onScrollbarYEnabledChange: s } = a, i = e.orientation === "horizontal";
+    const { forceMount: r, ...o } = e, a = I(F, 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(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;
+    }), [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(Ke, { ...o, ref: t }) : null;
   }
 );
-wr.displayName = W;
+wr.displayName = F;
 var ka = c.forwardRef((e, t) => {
-  const { forceMount: r, ...o } = e, a = M(W, e.__scopeScrollArea), [n, s] = c.useState(!1);
+  const { forceMount: r, ...o } = e, a = I(F, e.__scopeScrollArea), [n, s] = c.useState(!1);
   return c.useEffect(() => {
     const i = a.scrollArea;
     let u = 0;
@@ -2154,7 +2157,7 @@ var ka = c.forwardRef((e, t) => {
     }
   ) });
 }), 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", {
+  const { forceMount: r, ...o } = e, a = I(F, e.__scopeScrollArea), n = e.orientation === "horizontal", s = Re(() => u("SCROLL_END"), 100), [i, u] = Ma("hidden", {
     hidden: {
       SCROLL: "scrolling"
     },
@@ -2188,32 +2191,32 @@ var ka = c.forwardRef((e, t) => {
       return l.addEventListener("scroll", h), () => l.removeEventListener("scroll", h);
     }
   }, [a.viewport, n, u, s]), /* @__PURE__ */ f(V, { present: r || i !== "hidden", children: /* @__PURE__ */ f(
-    qe,
+    Ke,
     {
       "data-state": i === "hidden" ? "hidden" : "visible",
       ...o,
       ref: t,
-      onPointerEnter: D(e.onPointerEnter, () => u("POINTER_ENTER")),
-      onPointerLeave: D(e.onPointerLeave, () => u("POINTER_LEAVE"))
+      onPointerEnter: x(e.onPointerEnter, () => u("POINTER_ENTER")),
+      onPointerLeave: x(e.onPointerLeave, () => u("POINTER_LEAVE"))
     }
   ) });
 }), Sr = c.forwardRef((e, t) => {
-  const r = M(W, e.__scopeScrollArea), { forceMount: o, ...a } = e, [n, s] = c.useState(!1), i = e.orientation === "horizontal", u = Pe(() => {
+  const r = I(F, e.__scopeScrollArea), { forceMount: o, ...a } = e, [n, s] = c.useState(!1), i = e.orientation === "horizontal", u = Re(() => {
     if (r.viewport) {
       const l = r.viewport.offsetWidth < r.viewport.scrollWidth, d = r.viewport.offsetHeight < r.viewport.scrollHeight;
       s(i ? l : d);
     }
   }, 10);
   return oe(r.viewport, u), oe(r.content, u), /* @__PURE__ */ f(V, { present: o || n, children: /* @__PURE__ */ f(
-    qe,
+    Ke,
     {
       "data-state": n ? "visible" : "hidden",
       ...a,
       ref: 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({
+}), Ke = c.forwardRef((e, t) => {
+  const { orientation: r = "vertical", ...o } = e, a = I(F, e.__scopeScrollArea), n = c.useRef(null), s = c.useRef(0), [i, u] = c.useState({
     content: 0,
     viewport: 0,
     scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
@@ -2267,7 +2270,7 @@ var ka = c.forwardRef((e, t) => {
     }
   ) : null;
 }), 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);
+  const { sizes: r, onSizesChange: o, ...a } = e, n = I(F, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = L(t, u, n.onScrollbarXChange);
   return c.useEffect(() => {
     u.current && i(getComputedStyle(u.current));
   }, [u]), /* @__PURE__ */ f(
@@ -2281,7 +2284,7 @@ var ka = c.forwardRef((e, t) => {
         bottom: 0,
         left: n.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
         right: n.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
-        "--radix-scroll-area-thumb-width": Ce(r) + "px",
+        "--radix-scroll-area-thumb-width": Pe(r) + "px",
         ...e.style
       },
       onThumbPointerDown: (d) => e.onThumbPointerDown(d.x),
@@ -2298,15 +2301,15 @@ var ka = c.forwardRef((e, t) => {
           viewport: n.viewport.offsetWidth,
           scrollbar: {
             size: u.current.clientWidth,
-            paddingStart: we(s.paddingLeft),
-            paddingEnd: we(s.paddingRight)
+            paddingStart: Se(s.paddingLeft),
+            paddingEnd: Se(s.paddingRight)
           }
         });
       }
     }
   );
 }), 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);
+  const { sizes: r, onSizesChange: o, ...a } = e, n = I(F, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = L(t, u, n.onScrollbarYChange);
   return c.useEffect(() => {
     u.current && i(getComputedStyle(u.current));
   }, [u]), /* @__PURE__ */ f(
@@ -2321,7 +2324,7 @@ var ka = c.forwardRef((e, t) => {
         right: n.dir === "ltr" ? 0 : void 0,
         left: n.dir === "rtl" ? 0 : void 0,
         bottom: "var(--radix-scroll-area-corner-height)",
-        "--radix-scroll-area-thumb-height": Ce(r) + "px",
+        "--radix-scroll-area-thumb-height": Pe(r) + "px",
         ...e.style
       },
       onThumbPointerDown: (d) => e.onThumbPointerDown(d.y),
@@ -2338,14 +2341,14 @@ var ka = c.forwardRef((e, t) => {
           viewport: n.viewport.offsetHeight,
           scrollbar: {
             size: u.current.clientHeight,
-            paddingStart: we(s.paddingTop),
-            paddingEnd: we(s.paddingBottom)
+            paddingStart: Se(s.paddingTop),
+            paddingEnd: Se(s.paddingBottom)
           }
         });
       }
     }
   );
-}), [Ua, Er] = gr(W), Cr = c.forwardRef((e, t) => {
+}), [Ua, Er] = gr(F), Cr = c.forwardRef((e, t) => {
   const {
     __scopeScrollArea: r,
     sizes: o,
@@ -2358,17 +2361,17 @@ var ka = c.forwardRef((e, t) => {
     onWheelScroll: d,
     onResize: p,
     ...h
-  } = e, m = M(W, r), [_, v] = c.useState(null), g = $(t, (P) => v(P)), y = c.useRef(null), b = c.useRef(""), E = m.viewport, w = o.content - o.viewport, C = L(d), R = L(u), S = Pe(p, 10);
-  function x(P) {
+  } = e, m = I(F, r), [_, v] = c.useState(null), g = L(t, (P) => v(P)), y = c.useRef(null), b = c.useRef(""), E = m.viewport, w = o.content - o.viewport, C = M(d), R = M(u), S = Re(p, 10);
+  function D(P) {
     if (y.current) {
-      const N = P.clientX - y.current.left, F = P.clientY - y.current.top;
-      l({ x: N, y: F });
+      const N = P.clientX - y.current.left, T = P.clientY - y.current.top;
+      l({ x: N, y: T });
     }
   }
   return c.useEffect(() => {
     const P = (N) => {
-      const F = N.target;
-      _?.contains(F) && C(N, w);
+      const T = N.target;
+      _?.contains(T) && C(N, w);
     };
     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(
@@ -2377,21 +2380,21 @@ var ka = c.forwardRef((e, t) => {
       scope: r,
       scrollbar: _,
       hasThumb: a,
-      onThumbChange: L(n),
-      onThumbPointerUp: L(s),
+      onThumbChange: M(n),
+      onThumbPointerUp: M(s),
       onThumbPositionChange: R,
-      onThumbPointerDown: L(i),
+      onThumbPointerDown: M(i),
       children: /* @__PURE__ */ f(
         O.div,
         {
           ...h,
           ref: g,
           style: { position: "absolute", ...h.style },
-          onPointerDown: D(e.onPointerDown, (P) => {
-            P.button === 0 && (P.target.setPointerCapture(P.pointerId), y.current = _.getBoundingClientRect(), b.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", m.viewport && (m.viewport.style.scrollBehavior = "auto"), x(P));
+          onPointerDown: x(e.onPointerDown, (P) => {
+            P.button === 0 && (P.target.setPointerCapture(P.pointerId), y.current = _.getBoundingClientRect(), b.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", m.viewport && (m.viewport.style.scrollBehavior = "auto"), D(P));
           }),
-          onPointerMove: D(e.onPointerMove, x),
-          onPointerUp: D(e.onPointerUp, (P) => {
+          onPointerMove: x(e.onPointerMove, D),
+          onPointerUp: x(e.onPointerUp, (P) => {
             const N = P.target;
             N.hasPointerCapture(P.pointerId) && N.releasePointerCapture(P.pointerId), document.body.style.webkitUserSelect = b.current, m.viewport && (m.viewport.style.scrollBehavior = ""), y.current = null;
           })
@@ -2399,17 +2402,17 @@ var ka = c.forwardRef((e, t) => {
       )
     }
   );
-}), be = "ScrollAreaThumb", Pr = c.forwardRef(
+}), we = "ScrollAreaThumb", Pr = c.forwardRef(
   (e, t) => {
-    const { forceMount: r, ...o } = e, a = Er(be, e.__scopeScrollArea);
+    const { forceMount: r, ...o } = e, a = Er(we, e.__scopeScrollArea);
     return /* @__PURE__ */ f(V, { present: r || a.hasThumb, children: /* @__PURE__ */ f(Ba, { ref: t, ...o }) });
   }
 ), Ba = c.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: r, style: o, ...a } = e, n = M(be, r), s = Er(be, r), { onThumbPositionChange: i } = s, u = $(
+    const { __scopeScrollArea: r, style: o, ...a } = e, n = I(we, r), s = Er(we, r), { onThumbPositionChange: i } = s, u = L(
       t,
       (p) => s.onThumbChange(p)
-    ), l = c.useRef(void 0), d = Pe(() => {
+    ), l = c.useRef(void 0), d = Re(() => {
       l.current && (l.current(), l.current = void 0);
     }, 100);
     return c.useEffect(() => {
@@ -2434,25 +2437,25 @@ var ka = c.forwardRef((e, t) => {
           height: "var(--radix-scroll-area-thumb-height)",
           ...o
         },
-        onPointerDownCapture: D(e.onPointerDownCapture, (p) => {
+        onPointerDownCapture: x(e.onPointerDownCapture, (p) => {
           const m = p.target.getBoundingClientRect(), _ = p.clientX - m.left, v = p.clientY - m.top;
           s.onThumbPointerDown({ x: _, y: v });
         }),
-        onPointerUp: D(e.onPointerUp, s.onThumbPointerUp)
+        onPointerUp: x(e.onPointerUp, s.onThumbPointerUp)
       }
     );
   }
 );
-Pr.displayName = be;
-var Ke = "ScrollAreaCorner", Ha = c.forwardRef(
+Pr.displayName = we;
+var Ge = "ScrollAreaCorner", Ha = c.forwardRef(
   (e, t) => {
-    const r = M(Ke, e.__scopeScrollArea), o = !!(r.scrollbarX && r.scrollbarY);
+    const r = I(Ge, e.__scopeScrollArea), o = !!(r.scrollbarX && r.scrollbarY);
     return r.type !== "scroll" && o ? /* @__PURE__ */ f(Ya, { ...e, ref: t }) : null;
   }
 );
-Ha.displayName = Ke;
+Ha.displayName = Ge;
 var Ya = 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);
+  const { __scopeScrollArea: r, ...o } = e, a = I(Ge, r), [n, s] = c.useState(0), [i, u] = c.useState(0), l = !!(n && i);
   return oe(a.scrollbarX, () => {
     const d = a.scrollbarX?.offsetHeight || 0;
     a.onCornerHeightChange(d), u(d);
@@ -2476,23 +2479,23 @@ var Ya = c.forwardRef((e, t) => {
     }
   ) : null;
 });
-function we(e) {
+function Se(e) {
   return e ? parseInt(e, 10) : 0;
 }
 function Rr(e, t) {
   const r = e / t;
   return isNaN(r) ? 0 : r;
 }
-function Ce(e) {
+function Pe(e) {
   const t = Rr(e.viewport, e.content), r = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, o = (e.scrollbar.size - r) * t;
   return Math.max(o, 18);
 }
 function Va(e, t, r, o = "ltr") {
-  const a = Ce(r), n = a / 2, s = t || n, i = a - s, u = r.scrollbar.paddingStart + s, l = r.scrollbar.size - r.scrollbar.paddingEnd - i, d = r.content - r.viewport, p = o === "ltr" ? [0, d] : [d * -1, 0];
+  const a = Pe(r), n = a / 2, s = t || n, i = a - s, u = r.scrollbar.paddingStart + s, l = r.scrollbar.size - r.scrollbar.paddingEnd - i, d = r.content - r.viewport, p = o === "ltr" ? [0, d] : [d * -1, 0];
   return Nr([u, l], p)(e);
 }
 function Dt(e, t, r = "ltr") {
-  const o = Ce(t), a = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, n = t.scrollbar.size - a, s = t.content - t.viewport, i = n - o, u = r === "ltr" ? [0, s] : [s * -1, 0], l = La(e, u);
+  const o = Pe(t), a = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, n = t.scrollbar.size - a, s = t.content - t.viewport, i = n - o, u = r === "ltr" ? [0, s] : [s * -1, 0], l = La(e, u);
   return Nr([0, s], [0, i])(l);
 }
 function Nr(e, t) {
@@ -2513,14 +2516,14 @@ var za = (e, t = () => {
     (s || i) && t(), r = n, o = window.requestAnimationFrame(a);
   })(), () => window.cancelAnimationFrame(o);
 };
-function Pe(e, t) {
-  const r = L(e), o = c.useRef(0);
+function Re(e, t) {
+  const r = M(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 = L(t);
+  const r = M(t);
   ne(() => {
     let o = 0;
     if (e) {
@@ -2540,7 +2543,7 @@ const Za = {
   "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(Za), Q = "purpur-drawer-scroll-area", Be = Y(
+}, ce = ae.bind(Za), Q = "purpur-drawer-scroll-area", He = Y(
   ({
     ["data-testid"]: e = "purpur-drawer-scroll-area",
     children: t,
@@ -2548,21 +2551,21 @@ const Za = {
     fitToContent: o = !1,
     ...a
   }, n) => {
-    const s = se([Q, r]);
+    const s = ce([Q, r]);
     return /* @__PURE__ */ f("div", { className: s, "data-testid": e, ref: n, ...a, children: /* @__PURE__ */ A(
       Xa,
       {
-        className: se(`${Q}__root`, {
+        className: ce(`${Q}__root`, {
           [`${Q}__root--fit-to-content`]: o
         }),
         children: [
-          /* @__PURE__ */ f(qa, { className: se(`${Q}__viewport`), children: t }),
+          /* @__PURE__ */ f(qa, { className: ce(`${Q}__viewport`), children: t }),
           /* @__PURE__ */ f(
             Ka,
             {
-              className: se(`${Q}__scrollbar`),
+              className: ce(`${Q}__scrollbar`),
               orientation: "vertical",
-              children: /* @__PURE__ */ f(Ga, { className: se(`${Q}__thumb`) })
+              children: /* @__PURE__ */ f(Ga, { className: ce(`${Q}__thumb`) })
             }
           )
         ]
@@ -2570,8 +2573,8 @@ const Za = {
     ) });
   }
 );
-Be.displayName = "DrawerScrollArea";
-const J = ae.bind(Wo), T = "purpur-drawer-frame", Dr = Y(
+He.displayName = "DrawerScrollArea";
+const J = ae.bind(Wo), $ = "purpur-drawer-frame", Dr = Y(
   ({
     ["data-testid"]: e = "purpur-drawer-frame",
     backButton: t,
@@ -2594,14 +2597,14 @@ const J = ae.bind(Wo), T = "purpur-drawer-frame", Dr = Y(
     ...b
   }, E) => {
     const w = !!(t && r && d), C = J([
-      T,
+      $,
       {
-        [`${T}--fit-to-content`]: i,
-        [`${T}--sticky-footer`]: g,
-        [`${T}--left`]: y === "left",
-        [`${T}--right`]: y === "right",
-        [`${T}--without-back-button`]: !w,
-        [`${T}--with-back-button`]: w
+        [`${$}--fit-to-content`]: i,
+        [`${$}--sticky-footer`]: g,
+        [`${$}--left`]: y === "left",
+        [`${$}--right`]: y === "right",
+        [`${$}--without-back-button`]: !w,
+        [`${$}--with-back-button`]: w
       },
       n
     ]);
@@ -2618,7 +2621,7 @@ const J = ae.bind(Wo), T = "purpur-drawer-frame", Dr = Y(
       /* @__PURE__ */ f(
         ee,
         {
-          className: J(`${T}__header`),
+          className: J(`${$}__header`),
           variant: "header",
           stickyFooter: g,
           children: /* @__PURE__ */ f(
@@ -2637,9 +2640,9 @@ const J = ae.bind(Wo), T = "purpur-drawer-frame", Dr = Y(
       ),
       g ? /* @__PURE__ */ A(re, { children: [
         /* @__PURE__ */ f(
-          Be,
+          He,
           {
-            className: J(`${T}__body`),
+            className: J(`${$}__body`),
             "data-testid": `${e}-sticky-footer-scroll-area`,
             fitToContent: i,
             children: /* @__PURE__ */ f(ee, { stickyFooter: !0, children: a })
@@ -2648,7 +2651,7 @@ const J = ae.bind(Wo), T = "purpur-drawer-frame", Dr = Y(
         u && /* @__PURE__ */ f(
           ee,
           {
-            className: J(`${T}__footer`),
+            className: J(`${$}__footer`),
             "data-testid": `${e}-sticky-footer`,
             variant: "footer",
             stickyFooter: g,
@@ -2656,17 +2659,17 @@ const J = ae.bind(Wo), T = "purpur-drawer-frame", Dr = Y(
           }
         )
       ] }) : /* @__PURE__ */ f(
-        Be,
+        He,
         {
-          className: J(`${T}__body`),
+          className: J(`${$}__body`),
           "data-testid": `${e}-scroll-area`,
           fitToContent: i,
           children: /* @__PURE__ */ A(
             "div",
             {
               className: J([
-                `${T}__content-container`,
-                { [`${T}__content-container--no-footer`]: !u }
+                `${$}__content-container`,
+                { [`${$}__content-container--no-footer`]: !u }
               ]),
               children: [
                 /* @__PURE__ */ f(ee, { stickyFooter: g, children: a }),
@@ -2707,7 +2710,7 @@ const Qa = (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?.(!1);
   }
-}), ce = ae.bind(Mo), z = "purpur-drawer-content", Ar = Y(
+}), le = ae.bind(Mo), z = "purpur-drawer-content", Ar = Y(
   ({
     ["data-testid"]: e = "purpur-drawer-content",
     backButton: t = !1,
@@ -2728,7 +2731,7 @@ const Qa = (e, t) => ({
     position: g = "right",
     ...y
   }, b) => {
-    const E = ce([
+    const E = le([
       z,
       {
         [`${z}--fit-to-content`]: l,
@@ -2738,10 +2741,10 @@ const Qa = (e, t) => ({
       s
     ]), w = Je(null), C = Je(null), R = (j) => {
       C.current = j, typeof b == "function" ? b(j) : b && (b.current = j);
-    }, S = Mr(ur), { onSwipeStart: x, onSwipeMove: P, onSwipeCancel: N, onSwipeEnd: F } = Qa(
+    }, S = Mr(ur), { onSwipeStart: D, onSwipeMove: P, onSwipeCancel: N, onSwipeEnd: T } = Qa(
       C,
       S
-    ), Ze = (j) => {
+    ), ie = (j) => {
       u && j.preventDefault();
     }, Tr = () => {
       const j = w.current;
@@ -2755,13 +2758,13 @@ const Qa = (e, t) => ({
     return /* @__PURE__ */ f(yo, { children: /* @__PURE__ */ f(
       bo,
       {
-        className: ce("purpur-drawer-overlay"),
+        className: le("purpur-drawer-overlay"),
         style: v ? { zIndex: v } : void 0,
         "data-testid": `${e}-overlay`,
         children: /* @__PURE__ */ f(
           wo,
           {
-            onPointerDownOutside: Ze,
+            onPointerDownOutside: ie,
             onOpenAutoFocus: Tr,
             className: E,
             "data-testid": e,
@@ -2775,24 +2778,24 @@ const Qa = (e, t) => ({
                 backButtonText: r,
                 backButtonOnlyIcon: o,
                 closeButtonAriaLabel: i,
-                className: ce(`${z}__drawer-frame`),
+                className: le(`${z}__drawer-frame`),
                 fitToContent: l,
                 footerContent: d,
                 headerContent: p,
                 ref: w,
                 onBackButtonClick: h,
-                onSwipeStart: x,
+                onSwipeStart: D,
                 onSwipeMove: P,
                 onSwipeCancel: N,
-                onSwipeEnd: F,
+                onSwipeEnd: T,
                 stickyFooter: m,
                 title: _,
                 position: g,
-                children: a ? /* @__PURE__ */ A("div", { className: ce(`${z}__content-container`), children: [
+                children: a ? /* @__PURE__ */ A("div", { className: le(`${z}__content-container`), children: [
                   /* @__PURE__ */ f(
                     So,
                     {
-                      className: ce(`${z}__description`),
+                      className: le(`${z}__description`),
                       "data-testid": `${e}-description`,
                       children: a
                     }
@@ -2812,7 +2815,7 @@ const Or = Y(
   ({ ["data-testid"]: e = "purpur-drawer-trigger", children: t, ...r }, o) => /* @__PURE__ */ f(_o, { asChild: !0, "data-testid": e, ref: o, ...r, children: t })
 );
 Or.displayName = "DrawerTrigger";
-const Ge = ({
+const Ze = ({
   ["data-testid"]: e = "purpur-drawer",
   children: t,
   className: r,
@@ -2820,17 +2823,17 @@ const Ge = ({
   open: a = !1,
   ...n
 }) => {
-  const [s, i] = ke.useState(a), u = (l) => {
+  const [s, i] = We.useState(a), u = (l) => {
     i(l), o?.(l);
   };
   return Ir(() => {
     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 }) }) });
 };
-Ge.Trigger = Or;
-Ge.Content = Ar;
-Ge.displayName = "Drawer";
+Ze.Trigger = Or;
+Ze.Content = Ar;
+Ze.displayName = "Drawer";
 export {
-  Ge as Drawer
+  Ze as Drawer
 };
 //# sourceMappingURL=drawer.es.js.map