@purpurds/drawer 7.0.0 → 7.1.0

package/dist/drawer.es.js

@@ -1,9 +1,9 @@
-import { jsx as f, Fragment as q, jsxs as D } from "react/jsx-runtime";
+import { jsx as f, Fragment as H, jsxs as D } from "react/jsx-runtime";
 import * as c from "react";
-import Ie, { useState as Dt, createContext as Tt, forwardRef as z, useRef as Ot, useContext as Lt, useEffect as $t } from "react";
+import Ie, { useState as Dt, createContext as Tt, forwardRef as B, useRef as Ot, useContext as Lt, useEffect as $t } from "react";
 import * as Mt from "react-dom";
 import It from "react-dom";
-function R(e, r, { checkForDefaultPrevented: t = !0 } = {}) {
+function x(e, r, { checkForDefaultPrevented: t = !0 } = {}) {
   return function(a) {
     if (e == null || e(a), t === !1 || !a.defaultPrevented)
       return r == null ? void 0 : r(a);
@@ -14,7 +14,7 @@ function rr(e, r) {
     return e(r);
   e != null && (e.current = r);
 }
-function Rr(...e) {
+function xr(...e) {
   return (r) => {
     let t = !1;
     const o = e.map((a) => {
@@ -31,7 +31,7 @@ function Rr(...e) {
   };
 }
 function L(...e) {
-  return c.useCallback(Rr(...e), e);
+  return c.useCallback(xr(...e), e);
 }
 function kt(e, r) {
   const t = c.createContext(r), o = (n) => {
@@ -115,13 +115,13 @@ function T(e) {
     return (o = r.current) == null ? void 0 : o.call(r, ...t);
   }, []);
 }
-function jt({
+function qt({
   prop: e,
   defaultProp: r,
   onChange: t = () => {
   }
 }) {
-  const [o, a] = qt({ defaultProp: r, onChange: t }), n = e !== void 0, s = n ? e : o, i = T(t), u = c.useCallback(
+  const [o, a] = Ht({ defaultProp: r, onChange: t }), n = e !== void 0, s = n ? e : o, i = T(t), u = c.useCallback(
     (l) => {
       if (n) {
         const p = typeof l == "function" ? l(e) : l;
@@ -133,7 +133,7 @@ function jt({
   );
   return [s, u];
 }
-function qt({
+function Ht({
   defaultProp: e,
   onChange: r
 }) {
@@ -142,29 +142,29 @@ function qt({
     a.current !== o && (n(o), a.current = o);
   }, [o, a, n]), t;
 }
-var Be = c.forwardRef((e, r) => {
-  const { children: t, ...o } = e, a = c.Children.toArray(t), n = a.find(Ht);
+var ze = c.forwardRef((e, r) => {
+  const { children: t, ...o } = e, a = c.Children.toArray(t), n = a.find(jt);
   if (n) {
     const s = n.props.children, i = a.map((u) => u === n ? c.Children.count(s) > 1 ? c.Children.only(null) : c.isValidElement(s) ? s.props.children : null : u);
     return /* @__PURE__ */ f(ke, { ...o, ref: r, children: c.isValidElement(s) ? c.cloneElement(s, void 0, i) : null });
   }
   return /* @__PURE__ */ f(ke, { ...o, ref: r, children: t });
 });
-Be.displayName = "Slot";
+ze.displayName = "Slot";
 var ke = c.forwardRef((e, r) => {
   const { children: t, ...o } = e;
   if (c.isValidElement(t)) {
-    const a = Vt(t), n = Bt(o, t.props);
-    return t.type !== c.Fragment && (n.ref = r ? Rr(r, a) : a), c.cloneElement(t, n);
+    const a = Vt(t), n = zt(o, t.props);
+    return t.type !== c.Fragment && (n.ref = r ? xr(r, a) : a), c.cloneElement(t, n);
   }
   return c.Children.count(t) > 1 ? c.Children.only(null) : null;
 });
 ke.displayName = "SlotClone";
-var zt = ({ children: e }) => /* @__PURE__ */ f(q, { children: e });
-function Ht(e) {
-  return c.isValidElement(e) && e.type === zt;
+var Bt = ({ children: e }) => /* @__PURE__ */ f(H, { children: e });
+function jt(e) {
+  return c.isValidElement(e) && e.type === Bt;
 }
-function Bt(e, r) {
+function zt(e, r) {
   const t = { ...r };
   for (const o in r) {
     const a = e[o], n = r[o];
@@ -198,7 +198,7 @@ var Yt = [
   "ul"
 ], O = Yt.reduce((e, r) => {
   const t = c.forwardRef((o, a) => {
-    const { asChild: n, ...s } = o, i = n ? Be : r;
+    const { asChild: n, ...s } = o, i = n ? ze : r;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(i, { ...s, ref: a });
   });
   return t.displayName = `Primitive.${r}`, { ...e, [r]: t };
@@ -230,11 +230,11 @@ var Kt = "DismissableLayer", We = "dismissableLayer.update", Zt = "dismissableLa
       onDismiss: i,
       ...u
     } = e, l = c.useContext(Tr), [d, p] = c.useState(null), v = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = c.useState({}), w = L(r, (S) => p(S)), h = Array.from(l.layers), [_] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), g = h.indexOf(_), E = d ? h.indexOf(d) : -1, b = l.layersWithOutsidePointerEventsDisabled.size > 0, y = E >= g, C = rn((S) => {
-      const A = S.target, P = [...l.branches].some((N) => N.contains(A));
+      const R = S.target, P = [...l.branches].some((A) => A.contains(R));
       !y || P || (a == null || a(S), s == null || s(S), S.defaultPrevented || i == null || i());
-    }, v), x = tn((S) => {
-      const A = S.target;
-      [...l.branches].some((N) => N.contains(A)) || (n == null || n(S), s == null || s(S), S.defaultPrevented || i == null || i());
+    }, v), N = tn((S) => {
+      const R = S.target;
+      [...l.branches].some((A) => A.contains(R)) || (n == null || n(S), s == null || s(S), S.defaultPrevented || i == null || i());
     }, v);
     return Gt((S) => {
       E === l.layers.size - 1 && (o == null || o(S), !S.defaultPrevented && i && (S.preventDefault(), i()));
@@ -257,9 +257,9 @@ var Kt = "DismissableLayer", We = "dismissableLayer.update", Zt = "dismissableLa
           pointerEvents: b ? y ? "auto" : "none" : void 0,
           ...e.style
         },
-        onFocusCapture: R(e.onFocusCapture, x.onFocusCapture),
-        onBlurCapture: R(e.onBlurCapture, x.onBlurCapture),
-        onPointerDownCapture: R(
+        onFocusCapture: x(e.onFocusCapture, N.onFocusCapture),
+        onBlurCapture: x(e.onBlurCapture, N.onBlurCapture),
+        onPointerDownCapture: x(
           e.onPointerDownCapture,
           C.onPointerDownCapture
         )
@@ -331,7 +331,7 @@ function Lr(e, r, t, { discrete: o }) {
   const a = t.originalEvent.target, n = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: t });
   r && a.addEventListener(e, r, { once: !0 }), o ? Xt(a, n) : a.dispatchEvent(n);
 }
-var xe = "focusScope.autoFocusOnMount", Ne = "focusScope.autoFocusOnUnmount", or = { bubbles: !1, cancelable: !0 }, nn = "FocusScope", $r = c.forwardRef((e, r) => {
+var Ne = "focusScope.autoFocusOnMount", Ae = "focusScope.autoFocusOnUnmount", or = { bubbles: !1, cancelable: !0 }, nn = "FocusScope", $r = c.forwardRef((e, r) => {
   const {
     loop: t = !1,
     trapped: o = !1,
@@ -352,15 +352,15 @@ var xe = "focusScope.autoFocusOnMount", Ne = "focusScope.autoFocusOnUnmount", or
       let h = function(b) {
         if (m.paused || !i) return;
         const y = b.target;
-        i.contains(y) ? p.current = y : j(p.current, { select: !0 });
+        i.contains(y) ? p.current = y : q(p.current, { select: !0 });
       }, _ = function(b) {
         if (m.paused || !i) return;
         const y = b.relatedTarget;
-        y !== null && (i.contains(y) || j(p.current, { select: !0 }));
+        y !== null && (i.contains(y) || q(p.current, { select: !0 }));
       }, g = function(b) {
         if (document.activeElement === document.body)
           for (const C of b)
-            C.removedNodes.length > 0 && j(i);
+            C.removedNodes.length > 0 && q(i);
       };
       document.addEventListener("focusin", h), document.addEventListener("focusout", _);
       const E = new MutationObserver(g);
@@ -373,13 +373,13 @@ var xe = "focusScope.autoFocusOnMount", Ne = "focusScope.autoFocusOnUnmount", or
       ir.add(m);
       const h = document.activeElement;
       if (!i.contains(h)) {
-        const g = new CustomEvent(xe, or);
-        i.addEventListener(xe, l), i.dispatchEvent(g), g.defaultPrevented || (on(un(Mr(i)), { select: !0 }), document.activeElement === h && j(i));
+        const g = new CustomEvent(Ne, or);
+        i.addEventListener(Ne, l), i.dispatchEvent(g), g.defaultPrevented || (on(un(Mr(i)), { select: !0 }), document.activeElement === h && q(i));
       }
       return () => {
-        i.removeEventListener(xe, l), setTimeout(() => {
-          const g = new CustomEvent(Ne, or);
-          i.addEventListener(Ne, d), i.dispatchEvent(g), g.defaultPrevented || j(h ?? document.body, { select: !0 }), i.removeEventListener(Ne, d), ir.remove(m);
+        i.removeEventListener(Ne, l), setTimeout(() => {
+          const g = new CustomEvent(Ae, or);
+          i.addEventListener(Ae, d), i.dispatchEvent(g), g.defaultPrevented || q(h ?? document.body, { select: !0 }), i.removeEventListener(Ae, d), ir.remove(m);
         }, 0);
       };
     }
@@ -390,7 +390,7 @@ var xe = "focusScope.autoFocusOnMount", Ne = "focusScope.autoFocusOnUnmount", or
       const _ = h.key === "Tab" && !h.altKey && !h.ctrlKey && !h.metaKey, g = document.activeElement;
       if (_ && g) {
         const E = h.currentTarget, [b, y] = an(E);
-        b && y ? !h.shiftKey && g === y ? (h.preventDefault(), t && j(b, { select: !0 })) : h.shiftKey && g === b && (h.preventDefault(), t && j(y, { select: !0 })) : g === E && h.preventDefault();
+        b && y ? !h.shiftKey && g === y ? (h.preventDefault(), t && q(b, { select: !0 })) : h.shiftKey && g === b && (h.preventDefault(), t && q(y, { select: !0 })) : g === E && h.preventDefault();
       }
     },
     [t, o, m.paused]
@@ -401,7 +401,7 @@ $r.displayName = nn;
 function on(e, { select: r = !1 } = {}) {
   const t = document.activeElement;
   for (const o of e)
-    if (j(o, { select: r }), document.activeElement !== t) return;
+    if (q(o, { select: r }), document.activeElement !== t) return;
 }
 function an(e) {
   const r = Mr(e), t = ar(r, e), o = ar(r.reverse(), e);
@@ -433,7 +433,7 @@ function sn(e, { upTo: r }) {
 function cn(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
-function j(e, { select: r = !1 } = {}) {
+function q(e, { select: r = !1 } = {}) {
   if (e && e.focus) {
     const t = document.activeElement;
     e.focus({ preventScroll: !0 }), e !== t && cn(e) && r && e.select();
@@ -471,11 +471,11 @@ Ir.displayName = dn;
 function fn(e, r) {
   return c.useReducer((t, o) => r[t][o] ?? t, e);
 }
-var H = (e) => {
+var j = (e) => {
   const { present: r, children: t } = e, o = pn(r), a = typeof t == "function" ? t({ present: o.isPresent }) : c.Children.only(t), n = L(o.ref, vn(a));
   return typeof t == "function" || o.isPresent ? c.cloneElement(a, { ref: n }) : null;
 };
-H.displayName = "Presence";
+j.displayName = "Presence";
 function pn(e) {
   const [r, t] = c.useState(), o = c.useRef({}), a = c.useRef(e), n = c.useRef("none"), s = e ? "mounted" : "unmounted", [i, u] = fn(s, {
     mounted: {
@@ -533,12 +533,12 @@ function vn(e) {
   let r = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, t = r && "isReactWarning" in r && r.isReactWarning;
   return t ? e.ref : (r = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, t = r && "isReactWarning" in r && r.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
 }
-var Ae = 0;
+var Re = 0;
 function hn() {
   c.useEffect(() => {
     const e = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", e[0] ?? cr()), document.body.insertAdjacentElement("beforeend", e[1] ?? cr()), Ae++, () => {
-      Ae === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((r) => r.remove()), Ae--;
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? cr()), document.body.insertAdjacentElement("beforeend", e[1] ?? cr()), Re++, () => {
+      Re === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((r) => r.remove()), Re--;
     };
   }, []);
 }
@@ -569,7 +569,7 @@ function mn(e, r, t) {
   return e.concat(n || Array.prototype.slice.call(r));
 }
 var ge = "right-scroll-bar-position", _e = "width-before-scroll-bar", gn = "with-scroll-bars-hidden", _n = "--removed-body-scroll-bar-size";
-function Re(e, r) {
+function xe(e, r) {
   return typeof e == "function" ? e(r) : e && (e.current = r), e;
 }
 function wn(e, r) {
@@ -597,7 +597,7 @@ var bn = typeof window < "u" ? c.useLayoutEffect : c.useEffect, lr = /* @__PURE_
 function yn(e, r) {
   var t = wn(null, function(o) {
     return e.forEach(function(a) {
-      return Re(a, o);
+      return xe(a, o);
     });
   });
   return bn(function() {
@@ -605,9 +605,9 @@ function yn(e, r) {
     if (o) {
       var a = new Set(o), n = new Set(e), s = t.current;
       a.forEach(function(i) {
-        n.has(i) || Re(i, null);
+        n.has(i) || xe(i, null);
       }), n.forEach(function(i) {
-        a.has(i) || Re(i, s);
+        a.has(i) || xe(i, s);
       });
     }
     lr.set(t, e);
@@ -695,12 +695,12 @@ var Fr = Cn(), De = function() {
     onScrollCapture: De,
     onWheelCapture: De,
     onTouchMoveCapture: De
-  }), a = o[0], n = o[1], s = e.forwardProps, i = e.children, u = e.className, l = e.removeScrollBar, d = e.enabled, p = e.shards, v = e.sideCar, m = e.noIsolation, w = e.inert, h = e.allowPinchZoom, _ = e.as, g = _ === void 0 ? "div" : _, E = e.gapMode, b = kr(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), y = v, C = yn([t, r]), x = I(I({}, b), a);
+  }), a = o[0], n = o[1], s = e.forwardProps, i = e.children, u = e.className, l = e.removeScrollBar, d = e.enabled, p = e.shards, v = e.sideCar, m = e.noIsolation, w = e.inert, h = e.allowPinchZoom, _ = e.as, g = _ === void 0 ? "div" : _, E = e.gapMode, b = kr(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), y = v, C = yn([t, r]), N = I(I({}, b), a);
   return c.createElement(
     c.Fragment,
     null,
     d && c.createElement(y, { sideCar: Fr, removeScrollBar: l, shards: p, noIsolation: m, inert: w, setCallbacks: n, allowPinchZoom: !!h, lockRef: t, gapMode: E }),
-    s ? c.cloneElement(c.Children.only(i), I(I({}, x), { ref: C })) : c.createElement(g, I({}, x, { className: u, ref: C }), i)
+    s ? c.cloneElement(c.Children.only(i), I(I({}, N), { ref: C })) : c.createElement(g, I({}, N, { className: u, ref: C }), i)
   );
 });
 Se.defaultProps = {
@@ -712,22 +712,22 @@ Se.classNames = {
   fullWidth: _e,
   zeroRight: ge
 };
-var xn = function() {
+var Nn = function() {
   if (typeof __webpack_nonce__ < "u")
     return __webpack_nonce__;
 };
-function Nn() {
+function An() {
   if (!document)
     return null;
   var e = document.createElement("style");
   e.type = "text/css";
-  var r = xn();
+  var r = Nn();
   return r && e.setAttribute("nonce", r), e;
 }
-function An(e, r) {
+function Rn(e, r) {
   e.styleSheet ? e.styleSheet.cssText = r : e.appendChild(document.createTextNode(r));
 }
-function Rn(e) {
+function xn(e) {
   var r = document.head || document.getElementsByTagName("head")[0];
   r.appendChild(e);
 }
@@ -735,7 +735,7 @@ var Dn = function() {
   var e = 0, r = null;
   return {
     add: function(t) {
-      e == 0 && (r = Nn()) && (An(r, t), Rn(r)), e++;
+      e == 0 && (r = An()) && (Rn(r, t), xn(r)), e++;
     },
     remove: function() {
       e--, !e && r && (r.parentNode && r.parentNode.removeChild(r), r = null);
@@ -851,7 +851,7 @@ if (typeof window < "u")
   }
 var X = Fe ? { passive: !1 } : !1, Fn = function(e) {
   return e.tagName === "TEXTAREA";
-}, jr = function(e, r) {
+}, qr = function(e, r) {
   if (!(e instanceof Element))
     return !1;
   var t = window.getComputedStyle(e);
@@ -861,47 +861,47 @@ var X = Fe ? { passive: !1 } : !1, Fn = function(e) {
     !(t.overflowY === t.overflowX && !Fn(e) && t[r] === "visible")
   );
 }, Un = function(e) {
-  return jr(e, "overflowY");
-}, jn = function(e) {
-  return jr(e, "overflowX");
+  return qr(e, "overflowY");
+}, qn = function(e) {
+  return qr(e, "overflowX");
 }, dr = function(e, r) {
   var t = r.ownerDocument, o = r;
   do {
     typeof ShadowRoot < "u" && o instanceof ShadowRoot && (o = o.host);
-    var a = qr(e, o);
+    var a = Hr(e, o);
     if (a) {
-      var n = zr(e, o), s = n[1], i = n[2];
+      var n = Br(e, o), s = n[1], i = n[2];
       if (s > i)
         return !0;
     }
     o = o.parentNode;
   } while (o && o !== t.body);
   return !1;
-}, qn = function(e) {
+}, Hn = function(e) {
   var r = e.scrollTop, t = e.scrollHeight, o = e.clientHeight;
   return [
     r,
     t,
     o
   ];
-}, zn = function(e) {
+}, Bn = function(e) {
   var r = e.scrollLeft, t = e.scrollWidth, o = e.clientWidth;
   return [
     r,
     t,
     o
   ];
-}, qr = function(e, r) {
-  return e === "v" ? Un(r) : jn(r);
-}, zr = function(e, r) {
-  return e === "v" ? qn(r) : zn(r);
-}, Hn = function(e, r) {
+}, Hr = function(e, r) {
+  return e === "v" ? Un(r) : qn(r);
+}, Br = function(e, r) {
+  return e === "v" ? Hn(r) : Bn(r);
+}, jn = function(e, r) {
   return e === "h" && r === "rtl" ? -1 : 1;
-}, Bn = function(e, r, t, o, a) {
-  var n = Hn(e, window.getComputedStyle(r).direction), s = n * o, i = t.target, u = r.contains(i), l = !1, d = s > 0, p = 0, v = 0;
+}, zn = function(e, r, t, o, a) {
+  var n = jn(e, window.getComputedStyle(r).direction), s = n * o, i = t.target, u = r.contains(i), l = !1, d = s > 0, p = 0, v = 0;
   do {
-    var m = zr(e, i), w = m[0], h = m[1], _ = m[2], g = h - _ - n * w;
-    (w || g) && qr(e, i) && (p += g, v += w), i instanceof ShadowRoot ? i = i.host : i = i.parentNode;
+    var m = Br(e, i), w = m[0], h = m[1], _ = m[2], g = h - _ - n * w;
+    (w || g) && Hr(e, i) && (p += g, v += w), i instanceof ShadowRoot ? i = i.host : i = i.parentNode;
   } while (
     // portaled content
     !u && i !== document.body || // self content
@@ -942,18 +942,18 @@ function Gn(e) {
   var i = c.useCallback(function(h, _) {
     if ("touches" in h && h.touches.length === 2 || h.type === "wheel" && h.ctrlKey)
       return !s.current.allowPinchZoom;
-    var g = de(h), E = t.current, b = "deltaX" in h ? h.deltaX : E[0] - g[0], y = "deltaY" in h ? h.deltaY : E[1] - g[1], C, x = h.target, S = Math.abs(b) > Math.abs(y) ? "h" : "v";
-    if ("touches" in h && S === "h" && x.type === "range")
+    var g = de(h), E = t.current, b = "deltaX" in h ? h.deltaX : E[0] - g[0], y = "deltaY" in h ? h.deltaY : E[1] - g[1], C, N = h.target, S = Math.abs(b) > Math.abs(y) ? "h" : "v";
+    if ("touches" in h && S === "h" && N.type === "range")
       return !1;
-    var A = dr(S, x);
-    if (!A)
+    var R = dr(S, N);
+    if (!R)
       return !0;
-    if (A ? C = S : (C = S === "v" ? "h" : "v", A = dr(S, x)), !A)
+    if (R ? C = S : (C = S === "v" ? "h" : "v", R = dr(S, N)), !R)
       return !1;
     if (!o.current && "changedTouches" in h && (b || y) && (o.current = C), !C)
       return !0;
     var P = o.current || C;
-    return Bn(P, _, h, P === "h" ? b : y);
+    return zn(P, _, h, P === "h" ? b : y);
   }, []), u = c.useCallback(function(h) {
     var _ = h;
     if (!(!G.length || G[G.length - 1] !== n)) {
@@ -1010,22 +1010,22 @@ function Kn(e) {
   return r;
 }
 const Zn = Pn(Fr, Gn);
-var Hr = c.forwardRef(function(e, r) {
+var jr = c.forwardRef(function(e, r) {
   return c.createElement(Se, I({}, e, { ref: r, sideCar: Zn }));
 });
-Hr.classNames = Se.classNames;
+jr.classNames = Se.classNames;
 var Qn = function(e) {
   if (typeof document > "u")
     return null;
   var r = Array.isArray(e) ? e[0] : e;
   return r.ownerDocument.body;
-}, K = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {}, Oe = 0, Br = function(e) {
-  return e && (e.host || Br(e.parentNode));
+}, K = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {}, Oe = 0, zr = function(e) {
+  return e && (e.host || zr(e.parentNode));
 }, Jn = function(e, r) {
   return r.map(function(t) {
     if (e.contains(t))
       return t;
-    var o = Br(t);
+    var o = zr(t);
     return o && e.contains(o) ? o : (console.error("aria-hidden", t, "in not contained inside", e, ". Doing nothing"), null);
   }).filter(function(t) {
     return !!t;
@@ -1070,7 +1070,7 @@ var Qn = function(e) {
     defaultOpen: a,
     onOpenChange: n,
     modal: s = !0
-  } = e, i = c.useRef(null), u = c.useRef(null), [l = !1, d] = jt({
+  } = e, i = c.useRef(null), u = c.useRef(null), [l = !1, d] = qt({
     prop: o,
     defaultProp: a,
     onChange: n
@@ -1106,7 +1106,7 @@ var Xr = "DialogTrigger", Gr = c.forwardRef(
         "data-state": Ge(a.open),
         ...o,
         ref: n,
-        onClick: R(e.onClick, a.onOpenToggle)
+        onClick: x(e.onClick, a.onOpenToggle)
       }
     );
   }
@@ -1116,13 +1116,13 @@ var Ye = "DialogPortal", [no, Kr] = Vr(Ye, {
   forceMount: void 0
 }), Zr = (e) => {
   const { __scopeDialog: r, forceMount: t, children: o, container: a } = e, n = M(Ye, r);
-  return /* @__PURE__ */ f(no, { scope: r, forceMount: t, children: c.Children.map(o, (s) => /* @__PURE__ */ f(H, { present: t || n.open, children: /* @__PURE__ */ f(Ir, { asChild: !0, container: a, children: s }) })) });
+  return /* @__PURE__ */ f(no, { scope: r, forceMount: t, children: c.Children.map(o, (s) => /* @__PURE__ */ f(j, { present: t || n.open, children: /* @__PURE__ */ f(Ir, { asChild: !0, container: a, children: s }) })) });
 };
 Zr.displayName = Ye;
 var we = "DialogOverlay", Qr = c.forwardRef(
   (e, r) => {
     const t = Kr(we, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = M(we, e.__scopeDialog);
-    return n.modal ? /* @__PURE__ */ f(H, { present: o || n.open, children: /* @__PURE__ */ f(oo, { ...a, ref: r }) }) : null;
+    return n.modal ? /* @__PURE__ */ f(j, { present: o || n.open, children: /* @__PURE__ */ f(oo, { ...a, ref: r }) }) : null;
   }
 );
 Qr.displayName = we;
@@ -1132,7 +1132,7 @@ var oo = 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(Hr, { as: Be, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
+      /* @__PURE__ */ f(jr, { as: ze, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
         O.div,
         {
           "data-state": Ge(a.open),
@@ -1146,7 +1146,7 @@ var oo = c.forwardRef(
 ), V = "DialogContent", Jr = c.forwardRef(
   (e, r) => {
     const t = Kr(V, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = M(V, e.__scopeDialog);
-    return /* @__PURE__ */ f(H, { present: o || n.open, children: n.modal ? /* @__PURE__ */ f(ao, { ...a, ref: r }) : /* @__PURE__ */ f(io, { ...a, ref: r }) });
+    return /* @__PURE__ */ f(j, { present: o || n.open, children: n.modal ? /* @__PURE__ */ f(ao, { ...a, ref: r }) : /* @__PURE__ */ f(io, { ...a, ref: r }) });
   }
 );
 Jr.displayName = V;
@@ -1163,15 +1163,15 @@ var ao = c.forwardRef(
         ref: a,
         trapFocus: t.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: R(e.onCloseAutoFocus, (n) => {
+        onCloseAutoFocus: x(e.onCloseAutoFocus, (n) => {
           var s;
           n.preventDefault(), (s = t.triggerRef.current) == null || s.focus();
         }),
-        onPointerDownOutside: R(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: R(
+        onFocusOutside: x(
           e.onFocusOutside,
           (n) => n.preventDefault()
         )
@@ -1204,7 +1204,7 @@ var ao = c.forwardRef(
 ), et = c.forwardRef(
   (e, r) => {
     const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...s } = e, i = M(V, t), u = c.useRef(null), l = L(r, u);
-    return hn(), /* @__PURE__ */ D(q, { children: [
+    return hn(), /* @__PURE__ */ D(H, { children: [
       /* @__PURE__ */ f(
         $r,
         {
@@ -1228,7 +1228,7 @@ var ao = c.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ D(q, { children: [
+      /* @__PURE__ */ D(H, { children: [
         /* @__PURE__ */ f(so, { titleId: i.titleId }),
         /* @__PURE__ */ f(lo, { contentRef: u, descriptionId: i.descriptionId })
       ] })
@@ -1257,7 +1257,7 @@ var ot = "DialogClose", at = c.forwardRef(
         type: "button",
         ...o,
         ref: r,
-        onClick: R(e.onClick, () => a.onOpenChange(!1))
+        onClick: x(e.onClick, () => a.onOpenChange(!1))
       }
     );
   }
@@ -1330,23 +1330,23 @@ function wo() {
   }(Le)), Le.exports;
 }
 var bo = wo();
-const Y = /* @__PURE__ */ _o(bo), ct = Tt(null), yo = {}, So = "_drawerSmallScreenAnimation_1xk2s_1", Eo = "_drawerLargeScreenAnimation_1xk2s_1", Co = "_slideDown_1xk2s_1", Po = "_overlayAnimation_1xk2s_1", xo = {
-  "purpur-drawer-content": "_purpur-drawer-content_1xk2s_1",
+const Y = /* @__PURE__ */ _o(bo), ct = Tt(null), yo = {}, So = "_drawerSmallScreenAnimation_5mlbf_1", Eo = "_drawerLargeScreenAnimation_5mlbf_1", Co = "_slideDown_5mlbf_1", Po = "_overlayAnimation_5mlbf_1", No = {
+  "purpur-drawer-content": "_purpur-drawer-content_5mlbf_1",
   drawerSmallScreenAnimation: So,
-  "purpur-drawer-content--fit-to-content": "_purpur-drawer-content--fit-to-content_1xk2s_12",
+  "purpur-drawer-content--fit-to-content": "_purpur-drawer-content--fit-to-content_5mlbf_16",
   drawerLargeScreenAnimation: Eo,
-  "purpur-drawer-content__content-container": "_purpur-drawer-content__content-container_1xk2s_35",
-  "purpur-drawer-content__drawer-frame": "_purpur-drawer-content__drawer-frame_1xk2s_40",
+  "purpur-drawer-content__content-container": "_purpur-drawer-content__content-container_5mlbf_43",
+  "purpur-drawer-content__drawer-frame": "_purpur-drawer-content__drawer-frame_5mlbf_48",
   slideDown: Co,
-  "purpur-drawer-content__description": "_purpur-drawer-content__description_1xk2s_50",
-  "purpur-drawer-overlay": "_purpur-drawer-overlay_1xk2s_61",
+  "purpur-drawer-content__description": "_purpur-drawer-content__description_5mlbf_58",
+  "purpur-drawer-overlay": "_purpur-drawer-overlay_5mlbf_69",
   overlayAnimation: Po
-}, No = {
+}, Ao = {
   "purpur-drawer-container--header": "_purpur-drawer-container--header_1u45h_1",
   "purpur-drawer-container--body": "_purpur-drawer-container--body_1u45h_10",
   "purpur-drawer-container--sticky": "_purpur-drawer-container--sticky_1u45h_18",
   "purpur-drawer-container--footer": "_purpur-drawer-container--footer_1u45h_26"
-}, Ao = Y.bind(No), $e = "purpur-drawer-container", ee = z(
+}, Ro = Y.bind(Ao), $e = "purpur-drawer-container", ee = B(
   ({
     ["data-testid"]: e = "purpur-drawer-container",
     children: r,
@@ -1355,7 +1355,7 @@ const Y = /* @__PURE__ */ _o(bo), ct = Tt(null), yo = {}, So = "_drawerSmallScre
     stickyFooter: a,
     ...n
   }, s) => {
-    const i = Ao([
+    const i = Ro([
       t,
       $e,
       {
@@ -1369,7 +1369,7 @@ const Y = /* @__PURE__ */ _o(bo), ct = Tt(null), yo = {}, So = "_drawerSmallScre
   }
 );
 ee.displayName = "DrawerContainer";
-const Ro = {
+const xo = {
   "purpur-drawer-frame": "_purpur-drawer-frame_1gdvv_1",
   "purpur-drawer-frame--sticky-footer": "_purpur-drawer-frame--sticky-footer_1gdvv_17",
   "purpur-drawer-frame__header": "_purpur-drawer-frame__header_1gdvv_20",
@@ -1399,7 +1399,7 @@ const Ro = {
       });
     }
   }
-}), hr = (e, r = 0) => Math.abs(e.y) > r, Oo = Y.bind(Do), Lo = "purpur-drawer-handle", lt = z(
+}), hr = (e, r = 0) => Math.abs(e.y) > r, Oo = Y.bind(Do), Lo = "purpur-drawer-handle", lt = B(
   ({
     ["data-testid"]: e = "purpur-drawer-handle",
     className: r,
@@ -1478,21 +1478,21 @@ function Io() {
   }(mr)), mr.exports;
 }
 var ko = Io();
-const _r = /* @__PURE__ */ Mo(ko), Wo = "_rotate_1xozj_1", Fo = "_dash_1xozj_1", ne = {
-  "purpur-spinner": "_purpur-spinner_1xozj_1",
+const _r = /* @__PURE__ */ Mo(ko), Wo = "_rotate_12t9p_1", Fo = "_dash_12t9p_1", ne = {
+  "purpur-spinner": "_purpur-spinner_12t9p_2",
   rotate: Wo,
-  "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
-  "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
-  "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
-  "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
-  "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
-  "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
+  "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
+  "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
+  "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
+  "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
+  "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
+  "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
   dash: Fo,
-  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
-  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
 }, oe = "purpur-spinner", Uo = {
   SM: "sm"
-}, jo = ({
+}, qo = ({
   ["data-testid"]: e,
   disabled: r = !1,
   negative: t = !1,
@@ -1518,7 +1518,7 @@ const _r = /* @__PURE__ */ Mo(ko), Wo = "_rotate_1xozj_1", Fo = "_dash_1xozj_1",
     ) })
   }
 );
-function qo(e) {
+function Ho(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var wr = { exports: {} };
@@ -1528,7 +1528,7 @@ var wr = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var br;
-function zo() {
+function Bo() {
   return br || (br = 1, function(e) {
     (function() {
       var r = {}.hasOwnProperty;
@@ -1560,8 +1560,8 @@ function zo() {
     })();
   }(wr)), wr.exports;
 }
-var Ho = zo();
-const Bo = /* @__PURE__ */ qo(Ho), Vo = {
+var jo = Bo();
+const zo = /* @__PURE__ */ Ho(jo), Vo = {
   "purpur-button": "_purpur-button_w455q_1",
   "purpur-button--xs": "_purpur-button--xs_w455q_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
@@ -1586,7 +1586,7 @@ const Bo = /* @__PURE__ */ qo(Ho), Vo = {
 }, Me = {
   TERTIARY_PURPLE: "tertiary-purple",
   TEXT: "text"
-}, Yo = Bo.bind(Vo), B = "purpur-button", Xo = ({
+}, Yo = zo.bind(Vo), z = "purpur-button", Xo = ({
   children: e,
   className: r,
   ["data-testid"]: t,
@@ -1605,15 +1605,15 @@ const Bo = /* @__PURE__ */ qo(Ho), Vo = {
     return null;
   const w = Yo(
     [
-      B,
-      `${B}--${i ? `${d}-negative` : d}`,
-      `${B}--${l}`
+      z,
+      `${z}--${i ? `${d}-negative` : d}`,
+      `${z}--${l}`
     ],
     {
-      [`${B}--icon-only`]: n,
-      [`${B}--negative`]: i,
-      [`${B}--full-width`]: a,
-      [`${B}--disabled`]: o || s
+      [`${z}--icon-only`]: n,
+      [`${z}--negative`]: i,
+      [`${z}--full-width`]: a,
+      [`${z}--disabled`]: o || s
     },
     r
   ), h = (g) => {
@@ -1630,13 +1630,13 @@ const Bo = /* @__PURE__ */ qo(Ho), Vo = {
       onClick: h,
       ...v,
       children: [
-        s && /* @__PURE__ */ f(jo, { size: l === $o.LG ? "xs" : "xxs", negative: i, disabled: _ }),
+        s && /* @__PURE__ */ f(qo, { size: l === $o.LG ? "xs" : "xxs", negative: i, disabled: _ }),
         " ",
         e
       ]
     }
   );
-}, Ue = z(Xo);
+}, Ue = B(Xo);
 Ue.displayName = "Button";
 function Go(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -1697,16 +1697,16 @@ const Qo = /* @__PURE__ */ Go(Zo), he = {
   "purpur-heading--display-50": "_purpur-heading--display-50_k9fhq_68",
   "purpur-heading--display-100": "_purpur-heading--display-100_k9fhq_74",
   "purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
-}, je = {
+}, qe = {
   TITLE100: "title-100",
   TITLE200: "title-200"
-}, me = "purpur-heading", qe = ({
+}, me = "purpur-heading", He = ({
   children: e,
   className: r = "",
   enableHyphenation: t = !1,
   negative: o = !1,
   tag: a,
-  variant: n = je.TITLE100,
+  variant: n = qe.TITLE100,
   ...s
 }) => {
   const i = a, u = Qo([
@@ -1720,7 +1720,7 @@ const Qo = /* @__PURE__ */ Go(Zo), he = {
   ]);
   return /* @__PURE__ */ f(i, { className: u, ...s, children: e });
 };
-qe.displayName = "Heading";
+He.displayName = "Heading";
 function Jo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -1817,7 +1817,7 @@ const ua = {
   category: "utility"
 }, dt = (e) => /* @__PURE__ */ f(Ke, { ...e, svg: ua });
 dt.displayName = "IconClose";
-function xr(e, r) {
+function Nr(e, r) {
   if (typeof e == "function")
     return e(r);
   e != null && (e.current = r);
@@ -1826,14 +1826,14 @@ function da(...e) {
   return (r) => {
     let t = !1;
     const o = e.map((a) => {
-      const n = xr(a, r);
+      const n = Nr(a, r);
       return !t && typeof n == "function" && (t = !0), n;
     });
     if (t)
       return () => {
         for (let a = 0; a < o.length; a++) {
           const n = o[a];
-          typeof n == "function" ? n() : xr(e[a], null);
+          typeof n == "function" ? n() : Nr(e[a], null);
         }
       };
   };
@@ -1842,12 +1842,12 @@ var ft = c.forwardRef((e, r) => {
   const { children: t, ...o } = e, a = c.Children.toArray(t), n = a.find(pa);
   if (n) {
     const s = n.props.children, i = a.map((u) => u === n ? c.Children.count(s) > 1 ? c.Children.only(null) : c.isValidElement(s) ? s.props.children : null : u);
-    return /* @__PURE__ */ f(ze, { ...o, ref: r, children: c.isValidElement(s) ? c.cloneElement(s, void 0, i) : null });
+    return /* @__PURE__ */ f(Be, { ...o, ref: r, children: c.isValidElement(s) ? c.cloneElement(s, void 0, i) : null });
   }
-  return /* @__PURE__ */ f(ze, { ...o, ref: r, children: t });
+  return /* @__PURE__ */ f(Be, { ...o, ref: r, children: t });
 });
 ft.displayName = "Slot";
-var ze = c.forwardRef((e, r) => {
+var Be = c.forwardRef((e, r) => {
   const { children: t, ...o } = e;
   if (c.isValidElement(t)) {
     const a = ha(t), n = va(o, t.props);
@@ -1855,8 +1855,8 @@ var ze = c.forwardRef((e, r) => {
   }
   return c.Children.count(t) > 1 ? c.Children.only(null) : null;
 });
-ze.displayName = "SlotClone";
-var fa = ({ children: e }) => /* @__PURE__ */ f(q, { children: e });
+Be.displayName = "SlotClone";
+var fa = ({ children: e }) => /* @__PURE__ */ f(H, { children: e });
 function pa(e) {
   return c.isValidElement(e) && e.type === fa;
 }
@@ -1923,7 +1923,7 @@ var ma = [
 );
 pt.displayName = _a;
 var wa = pt;
-const Nr = ({
+const Ar = ({
   asChild: e,
   children: r,
   className: t = "",
@@ -1935,7 +1935,7 @@ const Nr = ({
   "purpur-drawer-header__right": "_purpur-drawer-header__right_1yg5w_12",
   "purpur-drawer-header__close-button": "_purpur-drawer-header__close-button_1yg5w_15",
   "purpur-drawer-header__back-button--only-icon": "_purpur-drawer-header__back-button--only-icon_1yg5w_18"
-}, Z = Y.bind(ba), U = "purpur-drawer-header", vt = z(
+}, Z = Y.bind(ba), U = "purpur-drawer-header", vt = B(
   ({
     ["data-testid"]: e = "purpur-drawer-header",
     backButton: r,
@@ -1981,15 +1981,15 @@ const Nr = ({
                   !o && t
                 ]
               }
-            ) : s ? /* @__PURE__ */ D(q, { children: [
+            ) : s ? /* @__PURE__ */ D(H, { children: [
               s,
-              /* @__PURE__ */ f(Nr, { asChild: !0, children: /* @__PURE__ */ f(ve, { asChild: !0, children: u }) })
+              /* @__PURE__ */ f(Ar, { asChild: !0, children: /* @__PURE__ */ f(ve, { asChild: !0, children: u }) })
             ] }) : /* @__PURE__ */ f(ve, { asChild: !0, children: /* @__PURE__ */ f(
-              qe,
+              He,
               {
                 "data-testid": `${e}-title`,
                 tag: "h2",
-                variant: je.TITLE200,
+                variant: qe.TITLE200,
                 children: u
               }
             ) }) }),
@@ -2007,15 +2007,15 @@ const Nr = ({
           ]
         }
       ),
-      r && t && i && (s ? /* @__PURE__ */ D(q, { children: [
+      r && t && i && (s ? /* @__PURE__ */ D(H, { children: [
         s,
-        /* @__PURE__ */ f(Nr, { asChild: !0, children: /* @__PURE__ */ f(ve, { asChild: !0, children: u }) })
+        /* @__PURE__ */ f(Ar, { asChild: !0, children: /* @__PURE__ */ f(ve, { asChild: !0, children: u }) })
       ] }) : /* @__PURE__ */ f(ve, { asChild: !0, children: /* @__PURE__ */ f(
-        qe,
+        He,
         {
           "data-testid": `${e}-title-with-back-button`,
           tag: "h2",
-          variant: je.TITLE200,
+          variant: qe.TITLE200,
           children: u
         }
       ) }))
@@ -2042,13 +2042,13 @@ var Ze = "ScrollArea", [ht, Ka] = Dr(Ze), [Pa, $] = ht(Ze), mt = c.forwardRef(
       dir: a,
       scrollHideDelay: n = 600,
       ...s
-    } = e, [i, u] = c.useState(null), [l, d] = c.useState(null), [p, v] = c.useState(null), [m, w] = c.useState(null), [h, _] = c.useState(null), [g, E] = c.useState(0), [b, y] = c.useState(0), [C, x] = c.useState(!1), [S, A] = c.useState(!1), P = L(r, (F) => u(F)), N = Sa(a);
+    } = e, [i, u] = c.useState(null), [l, d] = c.useState(null), [p, v] = c.useState(null), [m, w] = c.useState(null), [h, _] = c.useState(null), [g, E] = c.useState(0), [b, y] = c.useState(0), [C, N] = c.useState(!1), [S, R] = c.useState(!1), P = L(r, (F) => u(F)), A = Sa(a);
     return /* @__PURE__ */ f(
       Pa,
       {
         scope: t,
         type: o,
-        dir: N,
+        dir: A,
         scrollHideDelay: n,
         scrollArea: i,
         viewport: l,
@@ -2058,17 +2058,17 @@ var Ze = "ScrollArea", [ht, Ka] = Dr(Ze), [Pa, $] = ht(Ze), mt = c.forwardRef(
         scrollbarX: m,
         onScrollbarXChange: w,
         scrollbarXEnabled: C,
-        onScrollbarXEnabledChange: x,
+        onScrollbarXEnabledChange: N,
         scrollbarY: h,
         onScrollbarYChange: _,
         scrollbarYEnabled: S,
-        onScrollbarYEnabledChange: A,
+        onScrollbarYEnabledChange: R,
         onCornerWidthChange: E,
         onCornerHeightChange: y,
         children: /* @__PURE__ */ f(
           O.div,
           {
-            dir: N,
+            dir: A,
             ...s,
             ref: P,
             style: {
@@ -2088,7 +2088,7 @@ mt.displayName = Ze;
 var gt = "ScrollAreaViewport", _t = c.forwardRef(
   (e, r) => {
     const { __scopeScrollArea: t, children: o, nonce: a, ...n } = e, s = $(gt, t), i = c.useRef(null), u = L(r, i, s.onViewportChange);
-    return /* @__PURE__ */ D(q, { children: [
+    return /* @__PURE__ */ D(H, { children: [
       /* @__PURE__ */ f(
         "style",
         {
@@ -2132,11 +2132,11 @@ var k = "ScrollAreaScrollbar", wt = c.forwardRef(
     const { forceMount: t, ...o } = e, a = $(k, e.__scopeScrollArea), { onScrollbarXEnabledChange: n, onScrollbarYEnabledChange: s } = a, i = e.orientation === "horizontal";
     return c.useEffect(() => (i ? n(!0) : s(!0), () => {
       i ? n(!1) : s(!1);
-    }), [i, n, s]), a.type === "hover" ? /* @__PURE__ */ f(xa, { ...o, ref: r, forceMount: t }) : a.type === "scroll" ? /* @__PURE__ */ f(Na, { ...o, ref: r, forceMount: t }) : a.type === "auto" ? /* @__PURE__ */ f(bt, { ...o, ref: r, forceMount: t }) : a.type === "always" ? /* @__PURE__ */ f(Qe, { ...o, ref: r }) : null;
+    }), [i, n, s]), a.type === "hover" ? /* @__PURE__ */ f(Na, { ...o, ref: r, forceMount: t }) : a.type === "scroll" ? /* @__PURE__ */ f(Aa, { ...o, ref: r, forceMount: t }) : a.type === "auto" ? /* @__PURE__ */ f(bt, { ...o, ref: r, forceMount: t }) : a.type === "always" ? /* @__PURE__ */ f(Qe, { ...o, ref: r }) : null;
   }
 );
 wt.displayName = k;
-var xa = c.forwardRef((e, r) => {
+var Na = c.forwardRef((e, r) => {
   const { forceMount: t, ...o } = e, a = $(k, e.__scopeScrollArea), [n, s] = c.useState(!1);
   return c.useEffect(() => {
     const i = a.scrollArea;
@@ -2151,7 +2151,7 @@ var xa = c.forwardRef((e, r) => {
         window.clearTimeout(u), i.removeEventListener("pointerenter", l), i.removeEventListener("pointerleave", d);
       };
     }
-  }, [a.scrollArea, a.scrollHideDelay]), /* @__PURE__ */ f(H, { present: t || n, children: /* @__PURE__ */ f(
+  }, [a.scrollArea, a.scrollHideDelay]), /* @__PURE__ */ f(j, { present: t || n, children: /* @__PURE__ */ f(
     bt,
     {
       "data-state": n ? "visible" : "hidden",
@@ -2159,7 +2159,7 @@ var xa = c.forwardRef((e, r) => {
       ref: r
     }
   ) });
-}), Na = c.forwardRef((e, r) => {
+}), Aa = c.forwardRef((e, r) => {
   const { forceMount: t, ...o } = e, a = $(k, e.__scopeScrollArea), n = e.orientation === "horizontal", s = Ce(() => u("SCROLL_END"), 100), [i, u] = Ca("hidden", {
     hidden: {
       SCROLL: "scrolling"
@@ -2193,14 +2193,14 @@ var xa = c.forwardRef((e, r) => {
       };
       return l.addEventListener("scroll", v), () => l.removeEventListener("scroll", v);
     }
-  }, [a.viewport, n, u, s]), /* @__PURE__ */ f(H, { present: t || i !== "hidden", children: /* @__PURE__ */ f(
+  }, [a.viewport, n, u, s]), /* @__PURE__ */ f(j, { present: t || i !== "hidden", children: /* @__PURE__ */ f(
     Qe,
     {
       "data-state": i === "hidden" ? "hidden" : "visible",
       ...o,
       ref: r,
-      onPointerEnter: R(e.onPointerEnter, () => u("POINTER_ENTER")),
-      onPointerLeave: R(e.onPointerLeave, () => u("POINTER_LEAVE"))
+      onPointerEnter: x(e.onPointerEnter, () => u("POINTER_ENTER")),
+      onPointerLeave: x(e.onPointerLeave, () => u("POINTER_LEAVE"))
     }
   ) });
 }), bt = c.forwardRef((e, r) => {
@@ -2210,7 +2210,7 @@ var xa = c.forwardRef((e, r) => {
       s(i ? l : d);
     }
   }, 10);
-  return te(t.viewport, u), te(t.content, u), /* @__PURE__ */ f(H, { present: o || n, children: /* @__PURE__ */ f(
+  return te(t.viewport, u), te(t.content, u), /* @__PURE__ */ f(j, { present: o || n, children: /* @__PURE__ */ f(
     Qe,
     {
       "data-state": n ? "visible" : "hidden",
@@ -2236,13 +2236,13 @@ var xa = c.forwardRef((e, r) => {
     return $a(v, s.current, i, m);
   }
   return t === "horizontal" ? /* @__PURE__ */ f(
-    Aa,
+    Ra,
     {
       ...d,
       ref: r,
       onThumbPositionChange: () => {
         if (a.viewport && n.current) {
-          const v = a.viewport.scrollLeft, m = Ar(v, i, a.dir);
+          const v = a.viewport.scrollLeft, m = Rr(v, i, a.dir);
           n.current.style.transform = `translate3d(${m}px, 0, 0)`;
         }
       },
@@ -2254,13 +2254,13 @@ var xa = c.forwardRef((e, r) => {
       }
     }
   ) : t === "vertical" ? /* @__PURE__ */ f(
-    Ra,
+    xa,
     {
       ...d,
       ref: r,
       onThumbPositionChange: () => {
         if (a.viewport && n.current) {
-          const v = a.viewport.scrollTop, m = Ar(v, i);
+          const v = a.viewport.scrollTop, m = Rr(v, i);
           n.current.style.transform = `translate3d(0, ${m}px, 0)`;
         }
       },
@@ -2272,7 +2272,7 @@ var xa = c.forwardRef((e, r) => {
       }
     }
   ) : null;
-}), Aa = c.forwardRef((e, r) => {
+}), Ra = c.forwardRef((e, r) => {
   const { sizes: t, onSizesChange: o, ...a } = e, n = $(k, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = L(r, u, n.onScrollbarXChange);
   return c.useEffect(() => {
     u.current && i(getComputedStyle(u.current));
@@ -2295,7 +2295,7 @@ var xa = c.forwardRef((e, r) => {
       onWheelScroll: (d, p) => {
         if (n.viewport) {
           const v = n.viewport.scrollLeft + d.deltaX;
-          e.onWheelScroll(v), xt(v, p) && d.preventDefault();
+          e.onWheelScroll(v), Nt(v, p) && d.preventDefault();
         }
       },
       onResize: () => {
@@ -2311,7 +2311,7 @@ var xa = c.forwardRef((e, r) => {
       }
     }
   );
-}), Ra = c.forwardRef((e, r) => {
+}), xa = c.forwardRef((e, r) => {
   const { sizes: t, onSizesChange: o, ...a } = e, n = $(k, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = L(r, u, n.onScrollbarYChange);
   return c.useEffect(() => {
     u.current && i(getComputedStyle(u.current));
@@ -2335,7 +2335,7 @@ var xa = c.forwardRef((e, r) => {
       onWheelScroll: (d, p) => {
         if (n.viewport) {
           const v = n.viewport.scrollTop + d.deltaY;
-          e.onWheelScroll(v), xt(v, p) && d.preventDefault();
+          e.onWheelScroll(v), Nt(v, p) && d.preventDefault();
         }
       },
       onResize: () => {
@@ -2364,20 +2364,20 @@ var xa = c.forwardRef((e, r) => {
     onWheelScroll: d,
     onResize: p,
     ...v
-  } = e, m = $(k, t), [w, h] = c.useState(null), _ = L(r, (P) => h(P)), g = c.useRef(null), E = c.useRef(""), b = m.viewport, y = o.content - o.viewport, C = T(d), x = T(u), S = Ce(p, 10);
-  function A(P) {
+  } = e, m = $(k, t), [w, h] = c.useState(null), _ = L(r, (P) => h(P)), g = c.useRef(null), E = c.useRef(""), b = m.viewport, y = o.content - o.viewport, C = T(d), N = T(u), S = Ce(p, 10);
+  function R(P) {
     if (g.current) {
-      const N = P.clientX - g.current.left, F = P.clientY - g.current.top;
-      l({ x: N, y: F });
+      const A = P.clientX - g.current.left, F = P.clientY - g.current.top;
+      l({ x: A, y: F });
     }
   }
   return c.useEffect(() => {
-    const P = (N) => {
-      const F = N.target;
-      (w == null ? void 0 : w.contains(F)) && C(N, y);
+    const P = (A) => {
+      const F = A.target;
+      (w == null ? void 0 : w.contains(F)) && C(A, y);
     };
     return document.addEventListener("wheel", P, { passive: !1 }), () => document.removeEventListener("wheel", P, { passive: !1 });
-  }, [b, w, y, C]), c.useEffect(x, [o, x]), te(w, S), te(m.content, S), /* @__PURE__ */ f(
+  }, [b, w, y, C]), c.useEffect(N, [o, N]), te(w, S), te(m.content, S), /* @__PURE__ */ f(
     Da,
     {
       scope: t,
@@ -2385,7 +2385,7 @@ var xa = c.forwardRef((e, r) => {
       hasThumb: a,
       onThumbChange: T(n),
       onThumbPointerUp: T(s),
-      onThumbPositionChange: x,
+      onThumbPositionChange: N,
       onThumbPointerDown: T(i),
       children: /* @__PURE__ */ f(
         O.div,
@@ -2393,13 +2393,13 @@ var xa = c.forwardRef((e, r) => {
           ...v,
           ref: _,
           style: { position: "absolute", ...v.style },
-          onPointerDown: R(e.onPointerDown, (P) => {
-            P.button === 0 && (P.target.setPointerCapture(P.pointerId), g.current = w.getBoundingClientRect(), E.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", m.viewport && (m.viewport.style.scrollBehavior = "auto"), A(P));
+          onPointerDown: x(e.onPointerDown, (P) => {
+            P.button === 0 && (P.target.setPointerCapture(P.pointerId), g.current = w.getBoundingClientRect(), E.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", m.viewport && (m.viewport.style.scrollBehavior = "auto"), R(P));
           }),
-          onPointerMove: R(e.onPointerMove, A),
-          onPointerUp: R(e.onPointerUp, (P) => {
-            const N = P.target;
-            N.hasPointerCapture(P.pointerId) && N.releasePointerCapture(P.pointerId), document.body.style.webkitUserSelect = E.current, m.viewport && (m.viewport.style.scrollBehavior = ""), g.current = null;
+          onPointerMove: x(e.onPointerMove, R),
+          onPointerUp: x(e.onPointerUp, (P) => {
+            const A = P.target;
+            A.hasPointerCapture(P.pointerId) && A.releasePointerCapture(P.pointerId), document.body.style.webkitUserSelect = E.current, m.viewport && (m.viewport.style.scrollBehavior = ""), g.current = null;
           })
         }
       )
@@ -2408,7 +2408,7 @@ var xa = c.forwardRef((e, r) => {
 }), be = "ScrollAreaThumb", Et = c.forwardRef(
   (e, r) => {
     const { forceMount: t, ...o } = e, a = yt(be, e.__scopeScrollArea);
-    return /* @__PURE__ */ f(H, { present: t || a.hasThumb, children: /* @__PURE__ */ f(Ta, { ref: r, ...o }) });
+    return /* @__PURE__ */ f(j, { present: t || a.hasThumb, children: /* @__PURE__ */ f(Ta, { ref: r, ...o }) });
   }
 ), Ta = c.forwardRef(
   (e, r) => {
@@ -2440,11 +2440,11 @@ var xa = c.forwardRef((e, r) => {
           height: "var(--radix-scroll-area-thumb-height)",
           ...o
         },
-        onPointerDownCapture: R(e.onPointerDownCapture, (p) => {
+        onPointerDownCapture: x(e.onPointerDownCapture, (p) => {
           const m = p.target.getBoundingClientRect(), w = p.clientX - m.left, h = p.clientY - m.top;
           s.onThumbPointerDown({ x: w, y: h });
         }),
-        onPointerUp: R(e.onPointerUp, s.onThumbPointerUp)
+        onPointerUp: x(e.onPointerUp, s.onThumbPointerUp)
       }
     );
   }
@@ -2499,7 +2499,7 @@ function $a(e, r, t, o = "ltr") {
   const a = Ee(t), n = a / 2, s = r || n, i = a - s, u = t.scrollbar.paddingStart + s, l = t.scrollbar.size - t.scrollbar.paddingEnd - i, d = t.content - t.viewport, p = o === "ltr" ? [0, d] : [d * -1, 0];
   return Pt([u, l], p)(e);
 }
-function Ar(e, r, t = "ltr") {
+function Rr(e, r, t = "ltr") {
   const o = Ee(r), a = r.scrollbar.paddingStart + r.scrollbar.paddingEnd, n = r.scrollbar.size - a, s = r.content - r.viewport, i = n - o, u = t === "ltr" ? [0, s] : [s * -1, 0], l = Ea(e, u);
   return Pt([0, s], [0, i])(l);
 }
@@ -2510,7 +2510,7 @@ function Pt(e, r) {
     return r[0] + o * (t - e[0]);
   };
 }
-function xt(e, r) {
+function Nt(e, r) {
   return e > 0 && e < r;
 }
 var Ma = (e, r = () => {
@@ -2548,7 +2548,7 @@ const Ua = {
   "purpur-drawer-scroll-area__viewport": "_purpur-drawer-scroll-area__viewport_1r0fa_10",
   "purpur-drawer-scroll-area__scrollbar": "_purpur-drawer-scroll-area__scrollbar_1r0fa_13",
   "purpur-drawer-scroll-area__thumb": "_purpur-drawer-scroll-area__thumb_1r0fa_24"
-}, ae = Y.bind(Ua), Q = "purpur-drawer-scroll-area", He = z(
+}, ae = Y.bind(Ua), Q = "purpur-drawer-scroll-area", je = B(
   ({
     ["data-testid"]: e = "purpur-drawer-scroll-area",
     children: r,
@@ -2578,8 +2578,8 @@ const Ua = {
     ) });
   }
 );
-He.displayName = "DrawerScrollArea";
-const J = Y.bind(Ro), W = "purpur-drawer-frame", Nt = z(
+je.displayName = "DrawerScrollArea";
+const J = Y.bind(xo), W = "purpur-drawer-frame", At = B(
   ({
     ["data-testid"]: e = "purpur-drawer-frame",
     backButton: r,
@@ -2647,9 +2647,9 @@ const J = Y.bind(Ro), W = "purpur-drawer-frame", Nt = z(
               )
             }
           ),
-          g ? /* @__PURE__ */ D(q, { children: [
+          g ? /* @__PURE__ */ D(H, { children: [
             /* @__PURE__ */ f(
-              He,
+              je,
               {
                 className: J(`${W}__body`),
                 "data-testid": `${e}-sticky-footer-scroll-area`,
@@ -2668,7 +2668,7 @@ const J = Y.bind(Ro), W = "purpur-drawer-frame", Nt = z(
               }
             )
           ] }) : /* @__PURE__ */ f(
-            He,
+            je,
             {
               className: J(`${W}__body`),
               "data-testid": `${e}-scroll-area`,
@@ -2701,8 +2701,8 @@ const J = Y.bind(Ro), W = "purpur-drawer-frame", Nt = z(
     );
   }
 );
-Nt.displayName = "DrawerFrame";
-const ja = (e, r) => ({
+At.displayName = "DrawerFrame";
+const qa = (e, r) => ({
   onAnimationEnd: (i) => {
     i.currentTarget.getAttribute("data-swipe") === "end" && r(!1);
   },
@@ -2724,7 +2724,7 @@ const ja = (e, r) => ({
     const { y: u } = i.delta;
     e.current.setAttribute("data-swipe", "end"), e.current.style.removeProperty("--purpur-drawer-swipe-move-y"), e.current.style.setProperty("--purpur-drawer-swipe-end-y", `${u}px`);
   }
-}), ie = Y.bind(xo), se = "purpur-drawer-content", At = z(
+}), ie = Y.bind(No), se = "purpur-drawer-content", Rt = B(
   ({
     ["data-testid"]: e = "purpur-drawer-content",
     backButton: r = !1,
@@ -2748,7 +2748,7 @@ const ja = (e, r) => ({
       s,
       se,
       { [`${se}--fit-to-content`]: l }
-    ]), b = Ot(null), y = Lt(ct), { onAnimationEnd: C, onSwipeStart: x, onSwipeMove: S, onSwipeCancel: A, onSwipeEnd: P } = ja(b, y), N = (F) => {
+    ]), b = Ot(null), y = Lt(ct), { onAnimationEnd: C, onSwipeStart: N, onSwipeMove: S, onSwipeCancel: R, onSwipeEnd: P } = qa(b, y), A = (F) => {
       u && F.preventDefault();
     };
     return /* @__PURE__ */ f(po, { children: /* @__PURE__ */ f(
@@ -2760,14 +2760,14 @@ const ja = (e, r) => ({
         children: /* @__PURE__ */ f(
           ho,
           {
-            onPointerDownOutside: N,
+            onPointerDownOutside: A,
             className: E,
             "data-testid": e,
             ref: g,
             ...!a && { "aria-describedby": void 0 },
             ..._,
             children: /* @__PURE__ */ f(
-              Nt,
+              At,
               {
                 backButton: r,
                 backButtonText: t,
@@ -2780,9 +2780,9 @@ const ja = (e, r) => ({
                 ref: b,
                 onAnimationEnd: C,
                 onBackButtonClick: v,
-                onSwipeStart: x,
+                onSwipeStart: N,
                 onSwipeMove: S,
-                onSwipeCancel: A,
+                onSwipeCancel: R,
                 onSwipeEnd: P,
                 stickyFooter: m,
                 title: w,
@@ -2805,8 +2805,8 @@ const ja = (e, r) => ({
     ) });
   }
 );
-At.displayName = "DrawerContent";
-const Rt = z(
+Rt.displayName = "DrawerContent";
+const xt = B(
   ({
     ["data-testid"]: e = "purpur-drawer-trigger",
     children: r,
@@ -2824,8 +2824,8 @@ const Rt = z(
     }
   )
 );
-Rt.displayName = "DrawerTrigger";
-const qa = Y.bind(yo), za = "purpur-drawer", er = ({
+xt.displayName = "DrawerTrigger";
+const Ha = Y.bind(yo), Ba = "purpur-drawer", er = ({
   ["data-testid"]: e = "purpur-drawer",
   children: r,
   className: t,
@@ -2833,15 +2833,15 @@ const qa = Y.bind(yo), za = "purpur-drawer", er = ({
   open: a = !1,
   ...n
 }) => {
-  const [s, i] = Ie.useState(a), u = qa([t, za]), l = (d) => {
+  const [s, i] = Ie.useState(a), u = Ha([t, Ba]), l = (d) => {
     i(d), o == null || o(d);
   };
   return $t(() => {
     i(a);
   }, [a]), /* @__PURE__ */ f(ct.Provider, { value: l, children: /* @__PURE__ */ f("div", { className: u, "data-testid": e, ...n, children: /* @__PURE__ */ f(uo, { open: s, onOpenChange: l, children: r }) }) });
 };
-er.Trigger = Rt;
-er.Content = At;
+er.Trigger = xt;
+er.Content = Rt;
 er.displayName = "Drawer";
 export {
   er as Drawer