@purpurds/drawer 7.10.1 → 7.12.0

package/dist/drawer.es.js

@@ -1,8 +1,8 @@
-import { jsx as f, Fragment as H, jsxs as D } from "react/jsx-runtime";
+import { jsx as f, Fragment as B, jsxs as D } from "react/jsx-runtime";
 import * as c from "react";
-import Ie, { useState as Tt, createContext as Ot, forwardRef as B, useRef as Lt, useContext as $t, useEffect as Mt } from "react";
+import Ie, { useState as Tt, createContext as Ot, forwardRef as j, useRef as Lt, useContext as $t, useEffect as Mt } from "react";
 import * as It from "react-dom";
-import kt from "react-dom";
+import Wt from "react-dom";
 function x(e, r, { checkForDefaultPrevented: t = !0 } = {}) {
   return function(a) {
     if (e == null || e(a), t === !1 || !a.defaultPrevented)
@@ -33,7 +33,7 @@ function Dr(...e) {
 function L(...e) {
   return c.useCallback(Dr(...e), e);
 }
-function Wt(e, r) {
+function Ft(e, r) {
   const t = c.createContext(r), o = (n) => {
     const { children: s, ...i } = n, u = c.useMemo(() => i, Object.values(i));
     return /* @__PURE__ */ f(t.Provider, { value: u, children: s });
@@ -77,9 +77,9 @@ function Tr(e, r = []) {
       );
     };
   };
-  return a.scopeName = e, [o, Ft(a, ...r)];
+  return a.scopeName = e, [o, kt(a, ...r)];
 }
-function Ft(...e) {
+function kt(...e) {
   const r = e[0];
   if (e.length === 1) return r;
   const t = () => {
@@ -99,11 +99,11 @@ function Ft(...e) {
 }
 var ce = globalThis != null && globalThis.document ? c.useLayoutEffect : () => {
 }, Ut = c.useId || (() => {
-}), qt = 0;
+}), Ht = 0;
 function Pe(e) {
   const [r, t] = c.useState(Ut());
   return ce(() => {
-    t((o) => o ?? String(qt++));
+    t((o) => o ?? String(Ht++));
   }, [e]), e || (r ? `radix-${r}` : "");
 }
 function T(e) {
@@ -115,13 +115,13 @@ function T(e) {
     return (o = r.current) == null ? void 0 : o.call(r, ...t);
   }, []);
 }
-function Ht({
+function Bt({
   prop: e,
   defaultProp: r,
   onChange: t = () => {
   }
 }) {
-  const [o, a] = Bt({ defaultProp: r, onChange: t }), n = e !== void 0, s = n ? e : o, i = T(t), u = c.useCallback(
+  const [o, a] = jt({ 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 Ht({
   );
   return [s, u];
 }
-function Bt({
+function jt({
   defaultProp: e,
   onChange: r
 }) {
@@ -142,29 +142,29 @@ function Bt({
     a.current !== o && (n(o), a.current = o);
   }, [o, a, n]), t;
 }
-var ze = c.forwardRef((e, r) => {
-  const { children: t, ...o } = e, a = c.Children.toArray(t), n = a.find(zt);
+var Ve = c.forwardRef((e, r) => {
+  const { children: t, ...o } = e, a = c.Children.toArray(t), n = a.find(Vt);
   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(We, { ...o, ref: r, children: c.isValidElement(s) ? c.cloneElement(s, void 0, i) : null });
   }
-  return /* @__PURE__ */ f(ke, { ...o, ref: r, children: t });
+  return /* @__PURE__ */ f(We, { ...o, ref: r, children: t });
 });
-ze.displayName = "Slot";
-var ke = c.forwardRef((e, r) => {
+Ve.displayName = "Slot";
+var We = c.forwardRef((e, r) => {
   const { children: t, ...o } = e;
   if (c.isValidElement(t)) {
-    const a = Yt(t), n = Vt(o, t.props);
+    const a = qt(t), n = Yt(o, t.props);
     return t.type !== c.Fragment && (n.ref = r ? Dr(r, a) : a), c.cloneElement(t, n);
   }
   return c.Children.count(t) > 1 ? c.Children.only(null) : null;
 });
-ke.displayName = "SlotClone";
-var jt = ({ children: e }) => /* @__PURE__ */ f(H, { children: e });
-function zt(e) {
-  return c.isValidElement(e) && e.type === jt;
+We.displayName = "SlotClone";
+var zt = ({ children: e }) => /* @__PURE__ */ f(B, { children: e });
+function Vt(e) {
+  return c.isValidElement(e) && e.type === zt;
 }
-function Vt(e, r) {
+function Yt(e, r) {
   const t = { ...r };
   for (const o in r) {
     const a = e[o], n = r[o];
@@ -174,7 +174,7 @@ function Vt(e, r) {
   }
   return { ...e, ...t };
 }
-function Yt(e) {
+function qt(e) {
   var o, a;
   let r = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, t = r && "isReactWarning" in r && r.isReactWarning;
   return t ? e.ref : (r = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, t = r && "isReactWarning" in r && r.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
@@ -198,7 +198,7 @@ var Xt = [
   "ul"
 ], O = Xt.reduce((e, r) => {
   const t = c.forwardRef((o, a) => {
-    const { asChild: n, ...s } = o, i = n ? ze : r;
+    const { asChild: n, ...s } = o, i = n ? Ve : r;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(i, { ...s, ref: a });
   });
   return t.displayName = `Primitive.${r}`, { ...e, [r]: t };
@@ -215,7 +215,7 @@ function Kt(e, r = globalThis == null ? void 0 : globalThis.document) {
     return r.addEventListener("keydown", o, { capture: !0 }), () => r.removeEventListener("keydown", o, { capture: !0 });
   }, [t, r]);
 }
-var Zt = "DismissableLayer", We = "dismissableLayer.update", Qt = "dismissableLayer.pointerDownOutside", Jt = "dismissableLayer.focusOutside", nr, Or = c.createContext({
+var Zt = "DismissableLayer", Fe = "dismissableLayer.update", Qt = "dismissableLayer.pointerDownOutside", Jt = "dismissableLayer.focusOutside", nr, Or = c.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
@@ -247,7 +247,7 @@ var Zt = "DismissableLayer", We = "dismissableLayer.update", Qt = "dismissableLa
       d && (l.layers.delete(d), l.layersWithOutsidePointerEventsDisabled.delete(d), or());
     }, [d, l]), c.useEffect(() => {
       const S = () => m({});
-      return document.addEventListener(We, S), () => document.removeEventListener(We, S);
+      return document.addEventListener(Fe, S), () => document.removeEventListener(Fe, S);
     }, []), /* @__PURE__ */ f(
       O.div,
       {
@@ -324,7 +324,7 @@ function nn(e, r = globalThis == null ? void 0 : globalThis.document) {
   };
 }
 function or() {
-  const e = new CustomEvent(We);
+  const e = new CustomEvent(Fe);
   document.dispatchEvent(e);
 }
 function $r(e, r, t, { discrete: o }) {
@@ -352,15 +352,15 @@ var Ne = "focusScope.autoFocusOnMount", Ae = "focusScope.autoFocusOnUnmount", ar
       let h = function(b) {
         if (m.paused || !i) return;
         const y = b.target;
-        i.contains(y) ? p.current = y : q(p.current, { select: !0 });
+        i.contains(y) ? p.current = y : H(p.current, { select: !0 });
       }, g = function(b) {
         if (m.paused || !i) return;
         const y = b.relatedTarget;
-        y !== null && (i.contains(y) || q(p.current, { select: !0 }));
+        y !== null && (i.contains(y) || H(p.current, { select: !0 }));
       }, _ = function(b) {
         if (document.activeElement === document.body)
           for (const C of b)
-            C.removedNodes.length > 0 && q(i);
+            C.removedNodes.length > 0 && H(i);
       };
       document.addEventListener("focusin", h), document.addEventListener("focusout", g);
       const E = new MutationObserver(_);
@@ -374,12 +374,12 @@ var Ne = "focusScope.autoFocusOnMount", Ae = "focusScope.autoFocusOnUnmount", ar
       const h = document.activeElement;
       if (!i.contains(h)) {
         const _ = new CustomEvent(Ne, ar);
-        i.addEventListener(Ne, l), i.dispatchEvent(_), _.defaultPrevented || (an(dn(Ir(i)), { select: !0 }), document.activeElement === h && q(i));
+        i.addEventListener(Ne, l), i.dispatchEvent(_), _.defaultPrevented || (an(dn(Ir(i)), { select: !0 }), document.activeElement === h && H(i));
       }
       return () => {
         i.removeEventListener(Ne, l), setTimeout(() => {
           const _ = new CustomEvent(Ae, ar);
-          i.addEventListener(Ae, d), i.dispatchEvent(_), _.defaultPrevented || q(h ?? document.body, { select: !0 }), i.removeEventListener(Ae, d), sr.remove(m);
+          i.addEventListener(Ae, d), i.dispatchEvent(_), _.defaultPrevented || H(h ?? document.body, { select: !0 }), i.removeEventListener(Ae, d), sr.remove(m);
         }, 0);
       };
     }
@@ -390,7 +390,7 @@ var Ne = "focusScope.autoFocusOnMount", Ae = "focusScope.autoFocusOnUnmount", ar
       const g = h.key === "Tab" && !h.altKey && !h.ctrlKey && !h.metaKey, _ = document.activeElement;
       if (g && _) {
         const E = h.currentTarget, [b, y] = sn(E);
-        b && y ? !h.shiftKey && _ === y ? (h.preventDefault(), t && q(b, { select: !0 })) : h.shiftKey && _ === b && (h.preventDefault(), t && q(y, { select: !0 })) : _ === E && h.preventDefault();
+        b && y ? !h.shiftKey && _ === y ? (h.preventDefault(), t && H(b, { select: !0 })) : h.shiftKey && _ === b && (h.preventDefault(), t && H(y, { select: !0 })) : _ === E && h.preventDefault();
       }
     },
     [t, o, m.paused]
@@ -401,7 +401,7 @@ Mr.displayName = on;
 function an(e, { select: r = !1 } = {}) {
   const t = document.activeElement;
   for (const o of e)
-    if (q(o, { select: r }), document.activeElement !== t) return;
+    if (H(o, { select: r }), document.activeElement !== t) return;
 }
 function sn(e) {
   const r = Ir(e), t = ir(r, e), o = ir(r.reverse(), e);
@@ -433,7 +433,7 @@ function cn(e, { upTo: r }) {
 function ln(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
-function q(e, { select: r = !1 } = {}) {
+function H(e, { select: r = !1 } = {}) {
   if (e && e.focus) {
     const t = document.activeElement;
     e.focus({ preventScroll: !0 }), e !== t && ln(e) && r && e.select();
@@ -460,22 +460,22 @@ function cr(e, r) {
 function dn(e) {
   return e.filter((r) => r.tagName !== "A");
 }
-var fn = "Portal", kr = c.forwardRef((e, r) => {
+var fn = "Portal", Wr = c.forwardRef((e, r) => {
   var i;
   const { container: t, ...o } = e, [a, n] = c.useState(!1);
   ce(() => n(!0), []);
   const s = t || a && ((i = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : i.body);
-  return s ? kt.createPortal(/* @__PURE__ */ f(O.div, { ...o, ref: r }), s) : null;
+  return s ? Wt.createPortal(/* @__PURE__ */ f(O.div, { ...o, ref: r }), s) : null;
 });
-kr.displayName = fn;
+Wr.displayName = fn;
 function pn(e, r) {
   return c.useReducer((t, o) => r[t][o] ?? t, e);
 }
-var j = (e) => {
+var z = (e) => {
   const { present: r, children: t } = e, o = vn(r), a = typeof t == "function" ? t({ present: o.isPresent }) : c.Children.only(t), n = L(o.ref, hn(a));
   return typeof t == "function" || o.isPresent ? c.cloneElement(a, { ref: n }) : null;
 };
-j.displayName = "Presence";
+z.displayName = "Presence";
 function vn(e) {
   const [r, t] = c.useState(), o = c.useRef({}), a = c.useRef(e), n = c.useRef("none"), s = e ? "mounted" : "unmounted", [i, u] = pn(s, {
     mounted: {
@@ -555,7 +555,7 @@ var I = function() {
     return r;
   }, I.apply(this, arguments);
 };
-function Wr(e, r) {
+function Fr(e, r) {
   var t = {};
   for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -676,8 +676,8 @@ function Pn(e) {
   var r = Cn(null);
   return r.options = I({ async: !0, ssr: !1 }, e), r;
 }
-var Fr = function(e) {
-  var r = e.sideCar, t = Wr(e, ["sideCar"]);
+var kr = function(e) {
+  var r = e.sideCar, t = Fr(e, ["sideCar"]);
   if (!r)
     throw new Error("Sidecar: please provide `sideCar` property to import the right car");
   var o = r.read();
@@ -685,9 +685,9 @@ var Fr = function(e) {
     throw new Error("Sidecar medium not found");
   return c.createElement(o, I({}, t));
 };
-Fr.isSideCarExport = !0;
+kr.isSideCarExport = !0;
 function Nn(e, r) {
-  return e.useMedium(r), Fr;
+  return e.useMedium(r), kr;
 }
 var Ur = Pn(), De = function() {
 }, Se = c.forwardRef(function(e, r) {
@@ -695,7 +695,7 @@ var Ur = Pn(), 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, g = e.as, _ = g === void 0 ? "div" : g, E = e.gapMode, b = Wr(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), y = v, C = Sn([t, r]), N = I(I({}, b), a);
+  }), a = o[0], n = o[1], s = e.forwardProps, i = e.children, u = e.className, l = e.removeScrollBar, d = e.enabled, p = e.shards, v = e.sideCar, m = e.noIsolation, w = e.inert, h = e.allowPinchZoom, g = e.as, _ = g === void 0 ? "div" : g, E = e.gapMode, b = Fr(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), y = v, C = Sn([t, r]), N = I(I({}, b), a);
   return c.createElement(
     c.Fragment,
     null,
@@ -750,7 +750,7 @@ var Tn = function() {
       };
     }, [r && t]);
   };
-}, qr = function() {
+}, Hr = function() {
   var e = On(), r = function(t) {
     var o = t.styles, a = t.dynamic;
     return e(o, a), null;
@@ -776,7 +776,7 @@ var Tn = function() {
     right: r[2],
     gap: Math.max(0, o - t + r[2] - r[0])
   };
-}, In = qr(), re = "data-scroll-locked", kn = function(e, r, t, o) {
+}, In = Hr(), re = "data-scroll-locked", Wn = function(e, r, t, o) {
   var a = e.left, n = e.top, s = e.right, i = e.gap;
   return t === void 0 && (t = "margin"), `
   .`.concat(_n, ` {
@@ -823,35 +823,35 @@ var Tn = function() {
 }, dr = function() {
   var e = parseInt(document.body.getAttribute(re) || "0", 10);
   return isFinite(e) ? e : 0;
-}, Wn = function() {
+}, Fn = function() {
   c.useEffect(function() {
     return document.body.setAttribute(re, (dr() + 1).toString()), function() {
       var e = dr() - 1;
       e <= 0 ? document.body.removeAttribute(re) : document.body.setAttribute(re, e.toString());
     };
   }, []);
-}, Fn = function(e) {
+}, kn = function(e) {
   var r = e.noRelative, t = e.noImportant, o = e.gapMode, a = o === void 0 ? "margin" : o;
-  Wn();
+  Fn();
   var n = c.useMemo(function() {
     return Mn(a);
   }, [a]);
-  return c.createElement(In, { styles: kn(n, !r, a, t ? "" : "!important") });
-}, Fe = !1;
+  return c.createElement(In, { styles: Wn(n, !r, a, t ? "" : "!important") });
+}, ke = !1;
 if (typeof window < "u")
   try {
     var ue = Object.defineProperty({}, "passive", {
       get: function() {
-        return Fe = !0, !0;
+        return ke = !0, !0;
       }
     });
     window.addEventListener("test", ue, ue), window.removeEventListener("test", ue, ue);
   } catch {
-    Fe = !1;
+    ke = !1;
   }
-var X = Fe ? { passive: !1 } : !1, Un = function(e) {
+var X = ke ? { passive: !1 } : !1, Un = function(e) {
   return e.tagName === "TEXTAREA";
-}, Hr = function(e, r) {
+}, Br = function(e, r) {
   if (!(e instanceof Element))
     return !1;
   var t = window.getComputedStyle(e);
@@ -860,48 +860,48 @@ var X = Fe ? { passive: !1 } : !1, Un = function(e) {
     t[r] !== "hidden" && // contains scroll inside self
     !(t.overflowY === t.overflowX && !Un(e) && t[r] === "visible")
   );
-}, qn = function(e) {
-  return Hr(e, "overflowY");
 }, Hn = function(e) {
-  return Hr(e, "overflowX");
+  return Br(e, "overflowY");
+}, Bn = function(e) {
+  return Br(e, "overflowX");
 }, fr = function(e, r) {
   var t = r.ownerDocument, o = r;
   do {
     typeof ShadowRoot < "u" && o instanceof ShadowRoot && (o = o.host);
-    var a = Br(e, o);
+    var a = jr(e, o);
     if (a) {
-      var n = jr(e, o), s = n[1], i = n[2];
+      var n = zr(e, o), s = n[1], i = n[2];
       if (s > i)
         return !0;
     }
     o = o.parentNode;
   } while (o && o !== t.body);
   return !1;
-}, Bn = function(e) {
+}, jn = function(e) {
   var r = e.scrollTop, t = e.scrollHeight, o = e.clientHeight;
   return [
     r,
     t,
     o
   ];
-}, jn = function(e) {
+}, zn = function(e) {
   var r = e.scrollLeft, t = e.scrollWidth, o = e.clientWidth;
   return [
     r,
     t,
     o
   ];
-}, Br = function(e, r) {
-  return e === "v" ? qn(r) : Hn(r);
 }, jr = function(e, r) {
-  return e === "v" ? Bn(r) : jn(r);
-}, zn = function(e, r) {
+  return e === "v" ? Hn(r) : Bn(r);
+}, zr = function(e, r) {
+  return e === "v" ? jn(r) : zn(r);
+}, Vn = function(e, r) {
   return e === "h" && r === "rtl" ? -1 : 1;
-}, Vn = function(e, r, t, o, a) {
-  var n = zn(e, window.getComputedStyle(r).direction), s = n * o, i = t.target, u = r.contains(i), l = !1, d = s > 0, p = 0, v = 0;
+}, Yn = function(e, r, t, o, a) {
+  var n = Vn(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 = jr(e, i), w = m[0], h = m[1], g = m[2], _ = h - g - n * w;
-    (w || _) && Br(e, i) && (p += _, v += w), i instanceof ShadowRoot ? i = i.host : i = i.parentNode;
+    var m = zr(e, i), w = m[0], h = m[1], g = m[2], _ = h - g - n * w;
+    (w || _) && jr(e, i) && (p += _, v += w), i instanceof ShadowRoot ? i = i.host : i = i.parentNode;
   } while (
     // portaled content
     !u && i !== document.body || // self content
@@ -914,7 +914,7 @@ var X = Fe ? { passive: !1 } : !1, Un = function(e) {
   return [e.deltaX, e.deltaY];
 }, vr = function(e) {
   return e && "current" in e ? e.current : e;
-}, Yn = function(e, r) {
+}, qn = function(e, r) {
   return e[0] === r[0] && e[1] === r[1];
 }, Xn = function(e) {
   return `
@@ -923,7 +923,7 @@ var X = Fe ? { passive: !1 } : !1, Un = function(e) {
 `);
 }, Gn = 0, G = [];
 function Kn(e) {
-  var r = c.useRef([]), t = c.useRef([0, 0]), o = c.useRef(), a = c.useState(Gn++)[0], n = c.useState(qr)[0], s = c.useRef(e);
+  var r = c.useRef([]), t = c.useRef([0, 0]), o = c.useRef(), a = c.useState(Gn++)[0], n = c.useState(Hr)[0], s = c.useRef(e);
   c.useEffect(function() {
     s.current = e;
   }, [e]), c.useEffect(function() {
@@ -953,12 +953,12 @@ function Kn(e) {
     if (!o.current && "changedTouches" in h && (b || y) && (o.current = C), !C)
       return !0;
     var P = o.current || C;
-    return Vn(P, g, h, P === "h" ? b : y);
+    return Yn(P, g, h, P === "h" ? b : y);
   }, []), u = c.useCallback(function(h) {
     var g = h;
     if (!(!G.length || G[G.length - 1] !== n)) {
       var _ = "deltaY" in g ? pr(g) : de(g), E = r.current.filter(function(C) {
-        return C.name === g.type && (C.target === g.target || g.target === C.shadowParent) && Yn(C.delta, _);
+        return C.name === g.type && (C.target === g.target || g.target === C.shadowParent) && qn(C.delta, _);
       })[0];
       if (E && E.should) {
         g.cancelable && g.preventDefault();
@@ -1001,7 +1001,7 @@ function Kn(e) {
     c.Fragment,
     null,
     w ? c.createElement(n, { styles: Xn(a) }) : null,
-    m ? c.createElement(Fn, { gapMode: e.gapMode }) : null
+    m ? c.createElement(kn, { gapMode: e.gapMode }) : null
   );
 }
 function Zn(e) {
@@ -1010,22 +1010,22 @@ function Zn(e) {
   return r;
 }
 const Qn = Nn(Ur, Kn);
-var zr = c.forwardRef(function(e, r) {
+var Vr = c.forwardRef(function(e, r) {
   return c.createElement(Se, I({}, e, { ref: r, sideCar: Qn }));
 });
-zr.classNames = Se.classNames;
+Vr.classNames = Se.classNames;
 var Jn = function(e) {
   if (typeof document > "u")
     return null;
   var r = Array.isArray(e) ? e[0] : e;
   return r.ownerDocument.body;
-}, K = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {}, Oe = 0, Vr = function(e) {
-  return e && (e.host || Vr(e.parentNode));
+}, K = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {}, Oe = 0, Yr = function(e) {
+  return e && (e.host || Yr(e.parentNode));
 }, eo = function(e, r) {
   return r.map(function(t) {
     if (e.contains(t))
       return t;
-    var o = Vr(t);
+    var o = Yr(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;
@@ -1062,7 +1062,7 @@ var Jn = function(e) {
   return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), ro(o, a, t, "aria-hidden")) : function() {
     return null;
   };
-}, Ve = "Dialog", [Yr, Ga] = Tr(Ve), [no, M] = Yr(Ve), Xr = (e) => {
+}, Ye = "Dialog", [qr, Ga] = Tr(Ye), [no, M] = qr(Ye), Xr = (e) => {
   const {
     __scopeDialog: r,
     children: t,
@@ -1070,7 +1070,7 @@ var Jn = function(e) {
     defaultOpen: a,
     onOpenChange: n,
     modal: s = !0
-  } = e, i = c.useRef(null), u = c.useRef(null), [l = !1, d] = Ht({
+  } = e, i = c.useRef(null), u = c.useRef(null), [l = !1, d] = Bt({
     prop: o,
     defaultProp: a,
     onChange: n
@@ -1092,7 +1092,7 @@ var Jn = function(e) {
     }
   );
 };
-Xr.displayName = Ve;
+Xr.displayName = Ye;
 var Gr = "DialogTrigger", Kr = c.forwardRef(
   (e, r) => {
     const { __scopeDialog: t, ...o } = e, a = M(Gr, t), n = L(r, a.triggerRef);
@@ -1112,17 +1112,17 @@ var Gr = "DialogTrigger", Kr = c.forwardRef(
   }
 );
 Kr.displayName = Gr;
-var Ye = "DialogPortal", [oo, Zr] = Yr(Ye, {
+var qe = "DialogPortal", [oo, Zr] = qr(qe, {
   forceMount: void 0
 }), Qr = (e) => {
-  const { __scopeDialog: r, forceMount: t, children: o, container: a } = e, n = M(Ye, r);
-  return /* @__PURE__ */ f(oo, { scope: r, forceMount: t, children: c.Children.map(o, (s) => /* @__PURE__ */ f(j, { present: t || n.open, children: /* @__PURE__ */ f(kr, { asChild: !0, container: a, children: s }) })) });
+  const { __scopeDialog: r, forceMount: t, children: o, container: a } = e, n = M(qe, r);
+  return /* @__PURE__ */ f(oo, { scope: r, forceMount: t, children: c.Children.map(o, (s) => /* @__PURE__ */ f(z, { present: t || n.open, children: /* @__PURE__ */ f(Wr, { asChild: !0, container: a, children: s }) })) });
 };
-Qr.displayName = Ye;
+Qr.displayName = qe;
 var we = "DialogOverlay", Jr = c.forwardRef(
   (e, r) => {
     const t = Zr(we, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = M(we, e.__scopeDialog);
-    return n.modal ? /* @__PURE__ */ f(j, { present: o || n.open, children: /* @__PURE__ */ f(ao, { ...a, ref: r }) }) : null;
+    return n.modal ? /* @__PURE__ */ f(z, { present: o || n.open, children: /* @__PURE__ */ f(ao, { ...a, ref: r }) }) : null;
   }
 );
 Jr.displayName = we;
@@ -1132,7 +1132,7 @@ var ao = 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(zr, { as: ze, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
+      /* @__PURE__ */ f(Vr, { as: Ve, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
         O.div,
         {
           "data-state": Ge(a.open),
@@ -1143,16 +1143,16 @@ var ao = c.forwardRef(
       ) })
     );
   }
-), V = "DialogContent", et = c.forwardRef(
+), Y = "DialogContent", et = c.forwardRef(
   (e, r) => {
-    const t = Zr(V, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = M(V, e.__scopeDialog);
-    return /* @__PURE__ */ f(j, { present: o || n.open, children: n.modal ? /* @__PURE__ */ f(io, { ...a, ref: r }) : /* @__PURE__ */ f(so, { ...a, ref: r }) });
+    const t = Zr(Y, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = M(Y, e.__scopeDialog);
+    return /* @__PURE__ */ f(z, { present: o || n.open, children: n.modal ? /* @__PURE__ */ f(io, { ...a, ref: r }) : /* @__PURE__ */ f(so, { ...a, ref: r }) });
   }
 );
-et.displayName = V;
+et.displayName = Y;
 var io = c.forwardRef(
   (e, r) => {
-    const t = M(V, e.__scopeDialog), o = c.useRef(null), a = L(r, t.contentRef, o);
+    const t = M(Y, e.__scopeDialog), o = c.useRef(null), a = L(r, t.contentRef, o);
     return c.useEffect(() => {
       const n = o.current;
       if (n) return to(n);
@@ -1180,7 +1180,7 @@ var io = c.forwardRef(
   }
 ), so = c.forwardRef(
   (e, r) => {
-    const t = M(V, e.__scopeDialog), o = c.useRef(!1), a = c.useRef(!1);
+    const t = M(Y, e.__scopeDialog), o = c.useRef(!1), a = c.useRef(!1);
     return /* @__PURE__ */ f(
       rt,
       {
@@ -1203,8 +1203,8 @@ var io = c.forwardRef(
   }
 ), rt = c.forwardRef(
   (e, r) => {
-    const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...s } = e, i = M(V, t), u = c.useRef(null), l = L(r, u);
-    return mn(), /* @__PURE__ */ D(H, { children: [
+    const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...s } = e, i = M(Y, t), u = c.useRef(null), l = L(r, u);
+    return mn(), /* @__PURE__ */ D(B, { children: [
       /* @__PURE__ */ f(
         Mr,
         {
@@ -1228,7 +1228,7 @@ var io = c.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ D(H, { children: [
+      /* @__PURE__ */ D(B, { children: [
         /* @__PURE__ */ f(co, { titleId: i.titleId }),
         /* @__PURE__ */ f(uo, { contentRef: u, descriptionId: i.descriptionId })
       ] })
@@ -1266,8 +1266,8 @@ it.displayName = at;
 function Ge(e) {
   return e ? "open" : "closed";
 }
-var st = "DialogTitleWarning", [Ka, ct] = Wt(st, {
-  contentName: V,
+var st = "DialogTitleWarning", [Ka, ct] = Ft(st, {
+  contentName: Y,
   titleName: Xe,
   docsSlug: "dialog"
 }), co = ({ titleId: e }) => {
@@ -1330,7 +1330,7 @@ function bo() {
   }(Le)), Le.exports;
 }
 var yo = bo();
-const Y = /* @__PURE__ */ wo(yo), lt = Ot(null), So = {}, Eo = "_drawerSmallScreenAnimation_5mlbf_1", Co = "_drawerLargeScreenAnimation_5mlbf_1", Po = "_slideDown_5mlbf_1", No = "_overlayAnimation_5mlbf_1", Ao = {
+const q = /* @__PURE__ */ wo(yo), lt = Ot(null), So = {}, Eo = "_drawerSmallScreenAnimation_5mlbf_1", Co = "_drawerLargeScreenAnimation_5mlbf_1", Po = "_slideDown_5mlbf_1", No = "_overlayAnimation_5mlbf_1", Ao = {
   "purpur-drawer-content": "_purpur-drawer-content_5mlbf_1",
   drawerSmallScreenAnimation: Eo,
   "purpur-drawer-content--fit-to-content": "_purpur-drawer-content--fit-to-content_5mlbf_16",
@@ -1346,7 +1346,7 @@ const Y = /* @__PURE__ */ wo(yo), lt = Ot(null), So = {}, Eo = "_drawerSmallScre
   "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"
-}, xo = Y.bind(Ro), $e = "purpur-drawer-container", ee = B(
+}, xo = q.bind(Ro), $e = "purpur-drawer-container", ee = j(
   ({
     ["data-testid"]: e = "purpur-drawer-container",
     children: r,
@@ -1399,7 +1399,7 @@ const Do = {
       });
     }
   }
-}), mr = (e, r = 0) => Math.abs(e.y) > r, Lo = Y.bind(To), $o = "purpur-drawer-handle", ut = B(
+}), mr = (e, r = 0) => Math.abs(e.y) > r, Lo = q.bind(To), $o = "purpur-drawer-handle", ut = j(
   ({
     ["data-testid"]: e = "purpur-drawer-handle",
     className: r,
@@ -1445,7 +1445,7 @@ var gr = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var _r;
-function ko() {
+function Wo() {
   return _r || (_r = 1, function(e) {
     (function() {
       var r = {}.hasOwnProperty;
@@ -1477,8 +1477,8 @@ function ko() {
     })();
   }(gr)), gr.exports;
 }
-var Wo = ko();
-const Fo = /* @__PURE__ */ Io(Wo), Uo = "_rotate_12t9p_1", qo = "_dash_12t9p_1", Ho = {
+var Fo = Wo();
+const ko = /* @__PURE__ */ Io(Fo), Uo = "_rotate_12t9p_1", Ho = "_dash_12t9p_1", Bo = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
   rotate: Uo,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
@@ -1487,15 +1487,15 @@ const Fo = /* @__PURE__ */ Io(Wo), Uo = "_rotate_12t9p_1", qo = "_dash_12t9p_1",
   "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: qo,
+  dash: Ho,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, wr = Fo.bind(Ho), oe = "purpur-spinner", Bo = {
+}, wr = ko.bind(Bo), oe = "purpur-spinner", jo = {
   SM: "sm"
-}, jo = ({
+}, zo = ({
   disabled: e = !1,
   negative: r = !1,
-  size: t = Bo.SM,
+  size: t = jo.SM,
   ...o
 }) => /* @__PURE__ */ f("div", { className: wr(oe, `${oe}--${t}`), ...o, children: /* @__PURE__ */ f("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ f(
   "circle",
@@ -1509,7 +1509,7 @@ const Fo = /* @__PURE__ */ Io(Wo), Uo = "_rotate_12t9p_1", qo = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
-function zo(e) {
+function Vo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var br = { exports: {} };
@@ -1519,7 +1519,7 @@ var br = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var yr;
-function Vo() {
+function Yo() {
   return yr || (yr = 1, function(e) {
     (function() {
       var r = {}.hasOwnProperty;
@@ -1551,8 +1551,8 @@ function Vo() {
     })();
   }(br)), br.exports;
 }
-var Yo = Vo();
-const Xo = /* @__PURE__ */ zo(Yo), Go = {
+var qo = Yo();
+const Xo = /* @__PURE__ */ Vo(qo), Go = {
   "purpur-button": "_purpur-button_w455q_1",
   "purpur-button--xs": "_purpur-button--xs_w455q_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
@@ -1577,7 +1577,7 @@ const Xo = /* @__PURE__ */ zo(Yo), Go = {
 }, Me = {
   TERTIARY_PURPLE: "tertiary-purple",
   TEXT: "text"
-}, Ko = Xo.bind(Go), z = "purpur-button", Ue = B(
+}, Ko = Xo.bind(Go), V = "purpur-button", Ue = j(
   ({
     children: e,
     className: r,
@@ -1596,15 +1596,15 @@ const Xo = /* @__PURE__ */ zo(Yo), Go = {
       return null;
     const m = Ko(
       [
-        z,
-        `${z}--${s ? `${l}-negative` : l}`,
-        `${z}--${u}`
+        V,
+        `${V}--${s ? `${l}-negative` : l}`,
+        `${V}--${u}`
       ],
       {
-        [`${z}--icon-only`]: a,
-        [`${z}--negative`]: s,
-        [`${z}--full-width`]: o,
-        [`${z}--disabled`]: t || n
+        [`${V}--icon-only`]: a,
+        [`${V}--negative`]: s,
+        [`${V}--full-width`]: o,
+        [`${V}--disabled`]: t || n
       },
       r
     ), w = (g) => {
@@ -1621,7 +1621,7 @@ const Xo = /* @__PURE__ */ zo(Yo), Go = {
         ...p,
         children: [
           n && /* @__PURE__ */ f(
-            jo,
+            zo,
             {
               size: u === Mo.LG ? "xs" : "xxs",
               negative: s,
@@ -1680,31 +1680,35 @@ function Qo() {
 }
 var Jo = Qo();
 const ea = /* @__PURE__ */ Zo(Jo), he = {
-  "purpur-heading": "_purpur-heading_k9fhq_1",
-  "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
-  "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
-  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_k9fhq_14",
-  "purpur-heading--title-100": "_purpur-heading--title-100_k9fhq_20",
-  "purpur-heading--title-200": "_purpur-heading--title-200_k9fhq_26",
-  "purpur-heading--title-300": "_purpur-heading--title-300_k9fhq_32",
-  "purpur-heading--title-400": "_purpur-heading--title-400_k9fhq_38",
-  "purpur-heading--title-500": "_purpur-heading--title-500_k9fhq_44",
-  "purpur-heading--title-600": "_purpur-heading--title-600_k9fhq_50",
-  "purpur-heading--title-700": "_purpur-heading--title-700_k9fhq_56",
-  "purpur-heading--display-25": "_purpur-heading--display-25_k9fhq_62",
-  "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"
-}, qe = {
+  "purpur-heading": "_purpur-heading_vo751_1",
+  "purpur-heading--hyphens": "_purpur-heading--hyphens_vo751_8",
+  "purpur-heading--negative": "_purpur-heading--negative_vo751_11",
+  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_vo751_14",
+  "purpur-heading--title-100": "_purpur-heading--title-100_vo751_20",
+  "purpur-heading--title-200": "_purpur-heading--title-200_vo751_26",
+  "purpur-heading--title-300": "_purpur-heading--title-300_vo751_32",
+  "purpur-heading--title-400": "_purpur-heading--title-400_vo751_38",
+  "purpur-heading--title-500": "_purpur-heading--title-500_vo751_44",
+  "purpur-heading--title-600": "_purpur-heading--title-600_vo751_50",
+  "purpur-heading--title-700": "_purpur-heading--title-700_vo751_56",
+  "purpur-heading--display-5": "_purpur-heading--display-5_vo751_62",
+  "purpur-heading--display-10": "_purpur-heading--display-10_vo751_68",
+  "purpur-heading--display-15": "_purpur-heading--display-15_vo751_74",
+  "purpur-heading--display-20": "_purpur-heading--display-20_vo751_80",
+  "purpur-heading--display-25": "_purpur-heading--display-25_vo751_86",
+  "purpur-heading--display-50": "_purpur-heading--display-50_vo751_92",
+  "purpur-heading--display-100": "_purpur-heading--display-100_vo751_98",
+  "purpur-heading--display-200": "_purpur-heading--display-200_vo751_104"
+}, He = {
   TITLE100: "title-100",
   TITLE200: "title-200"
-}, me = "purpur-heading", He = ({
+}, me = "purpur-heading", Be = ({
   children: e,
   className: r = "",
   enableHyphenation: t = !1,
   negative: o = !1,
   tag: a,
-  variant: n = qe.TITLE100,
+  variant: n = He.TITLE100,
   ...s
 }) => {
   const i = a, u = ea([
@@ -1718,7 +1722,7 @@ const ea = /* @__PURE__ */ Zo(Jo), he = {
   ]);
   return /* @__PURE__ */ f(i, { className: u, ...s, children: e });
 };
-He.displayName = "Heading";
+Be.displayName = "Heading";
 function ra(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -1825,12 +1829,12 @@ var pt = c.forwardRef((e, r) => {
   const { children: t, ...o } = e, a = c.Children.toArray(t), n = a.find(ha);
   if (n) {
     const s = n.props.children, i = a.map((u) => u === n ? c.Children.count(s) > 1 ? c.Children.only(null) : c.isValidElement(s) ? s.props.children : null : u);
-    return /* @__PURE__ */ f(Be, { ...o, ref: r, children: c.isValidElement(s) ? c.cloneElement(s, void 0, i) : null });
+    return /* @__PURE__ */ f(je, { ...o, ref: r, children: c.isValidElement(s) ? c.cloneElement(s, void 0, i) : null });
   }
-  return /* @__PURE__ */ f(Be, { ...o, ref: r, children: t });
+  return /* @__PURE__ */ f(je, { ...o, ref: r, children: t });
 });
 pt.displayName = "Slot";
-var Be = c.forwardRef((e, r) => {
+var je = c.forwardRef((e, r) => {
   const { children: t, ...o } = e;
   if (c.isValidElement(t)) {
     const a = ga(t), n = ma(o, t.props);
@@ -1838,8 +1842,8 @@ var Be = c.forwardRef((e, r) => {
   }
   return c.Children.count(t) > 1 ? c.Children.only(null) : null;
 });
-Be.displayName = "SlotClone";
-var va = ({ children: e }) => /* @__PURE__ */ f(H, { children: e });
+je.displayName = "SlotClone";
+var va = ({ children: e }) => /* @__PURE__ */ f(B, { children: e });
 function ha(e) {
   return c.isValidElement(e) && e.type === va;
 }
@@ -1913,7 +1917,7 @@ const Rr = ({ asChild: e, children: r, ...t }) => /* @__PURE__ */ f(ya, { asChil
   "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(Sa), U = "purpur-drawer-header", ht = B(
+}, Z = q.bind(Sa), U = "purpur-drawer-header", ht = j(
   ({
     ["data-testid"]: e = "purpur-drawer-header",
     backButton: r,
@@ -1959,15 +1963,15 @@ const Rr = ({ asChild: e, children: r, ...t }) => /* @__PURE__ */ f(ya, { asChil
                   !o && t
                 ]
               }
-            ) : s ? /* @__PURE__ */ D(H, { children: [
+            ) : s ? /* @__PURE__ */ D(B, { children: [
               s,
               /* @__PURE__ */ f(Rr, { asChild: !0, children: /* @__PURE__ */ f(ve, { children: u }) })
             ] }) : /* @__PURE__ */ f(ve, { asChild: !0, children: /* @__PURE__ */ f(
-              He,
+              Be,
               {
                 "data-testid": `${e}-title`,
                 tag: "h2",
-                variant: qe.TITLE200,
+                variant: He.TITLE200,
                 tabIndex: -1,
                 children: u
               }
@@ -1986,16 +1990,16 @@ const Rr = ({ asChild: e, children: r, ...t }) => /* @__PURE__ */ f(ya, { asChil
           ]
         }
       ),
-      r && t && i && (s ? /* @__PURE__ */ D(H, { children: [
+      r && t && i && (s ? /* @__PURE__ */ D(B, { children: [
         s,
         /* @__PURE__ */ f(Rr, { asChild: !0, children: /* @__PURE__ */ f(ve, { children: u }) })
       ] }) : /* @__PURE__ */ f(ve, { asChild: !0, children: /* @__PURE__ */ f(
-        He,
+        Be,
         {
           "data-testid": `${e}-title-with-back-button`,
           tag: "h2",
           tabIndex: -1,
-          variant: qe.TITLE200,
+          variant: He.TITLE200,
           children: u
         }
       ) }))
@@ -2022,7 +2026,7 @@ var Ze = "ScrollArea", [mt, Za] = Tr(Ze), [Aa, $] = mt(Ze), gt = 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, g] = c.useState(null), [_, E] = c.useState(0), [b, y] = c.useState(0), [C, N] = c.useState(!1), [S, R] = c.useState(!1), P = L(r, (F) => u(F)), A = Ca(a);
+    } = e, [i, u] = c.useState(null), [l, d] = c.useState(null), [p, v] = c.useState(null), [m, w] = c.useState(null), [h, g] = c.useState(null), [_, E] = c.useState(0), [b, y] = c.useState(0), [C, N] = c.useState(!1), [S, R] = c.useState(!1), P = L(r, (k) => u(k)), A = Ca(a);
     return /* @__PURE__ */ f(
       Aa,
       {
@@ -2068,7 +2072,7 @@ gt.displayName = Ze;
 var _t = "ScrollAreaViewport", wt = c.forwardRef(
   (e, r) => {
     const { __scopeScrollArea: t, children: o, nonce: a, ...n } = e, s = $(_t, t), i = c.useRef(null), u = L(r, i, s.onViewportChange);
-    return /* @__PURE__ */ D(H, { children: [
+    return /* @__PURE__ */ D(B, { children: [
       /* @__PURE__ */ f(
         "style",
         {
@@ -2107,17 +2111,17 @@ var _t = "ScrollAreaViewport", wt = c.forwardRef(
   }
 );
 wt.displayName = _t;
-var k = "ScrollAreaScrollbar", bt = c.forwardRef(
+var W = "ScrollAreaScrollbar", bt = c.forwardRef(
   (e, r) => {
-    const { forceMount: t, ...o } = e, a = $(k, e.__scopeScrollArea), { onScrollbarXEnabledChange: n, onScrollbarYEnabledChange: s } = a, i = e.orientation === "horizontal";
+    const { forceMount: t, ...o } = e, a = $(W, e.__scopeScrollArea), { onScrollbarXEnabledChange: n, onScrollbarYEnabledChange: s } = a, i = e.orientation === "horizontal";
     return c.useEffect(() => (i ? n(!0) : s(!0), () => {
       i ? n(!1) : s(!1);
     }), [i, n, s]), a.type === "hover" ? /* @__PURE__ */ f(Ra, { ...o, ref: r, forceMount: t }) : a.type === "scroll" ? /* @__PURE__ */ f(xa, { ...o, ref: r, forceMount: t }) : a.type === "auto" ? /* @__PURE__ */ f(yt, { ...o, ref: r, forceMount: t }) : a.type === "always" ? /* @__PURE__ */ f(Qe, { ...o, ref: r }) : null;
   }
 );
-bt.displayName = k;
+bt.displayName = W;
 var Ra = c.forwardRef((e, r) => {
-  const { forceMount: t, ...o } = e, a = $(k, e.__scopeScrollArea), [n, s] = c.useState(!1);
+  const { forceMount: t, ...o } = e, a = $(W, e.__scopeScrollArea), [n, s] = c.useState(!1);
   return c.useEffect(() => {
     const i = a.scrollArea;
     let u = 0;
@@ -2131,7 +2135,7 @@ var Ra = c.forwardRef((e, r) => {
         window.clearTimeout(u), i.removeEventListener("pointerenter", l), i.removeEventListener("pointerleave", d);
       };
     }
-  }, [a.scrollArea, a.scrollHideDelay]), /* @__PURE__ */ f(j, { present: t || n, children: /* @__PURE__ */ f(
+  }, [a.scrollArea, a.scrollHideDelay]), /* @__PURE__ */ f(z, { present: t || n, children: /* @__PURE__ */ f(
     yt,
     {
       "data-state": n ? "visible" : "hidden",
@@ -2140,7 +2144,7 @@ var Ra = c.forwardRef((e, r) => {
     }
   ) });
 }), xa = c.forwardRef((e, r) => {
-  const { forceMount: t, ...o } = e, a = $(k, e.__scopeScrollArea), n = e.orientation === "horizontal", s = Ce(() => u("SCROLL_END"), 100), [i, u] = Na("hidden", {
+  const { forceMount: t, ...o } = e, a = $(W, e.__scopeScrollArea), n = e.orientation === "horizontal", s = Ce(() => u("SCROLL_END"), 100), [i, u] = Na("hidden", {
     hidden: {
       SCROLL: "scrolling"
     },
@@ -2173,7 +2177,7 @@ var Ra = c.forwardRef((e, r) => {
       };
       return l.addEventListener("scroll", v), () => l.removeEventListener("scroll", v);
     }
-  }, [a.viewport, n, u, s]), /* @__PURE__ */ f(j, { present: t || i !== "hidden", children: /* @__PURE__ */ f(
+  }, [a.viewport, n, u, s]), /* @__PURE__ */ f(z, { present: t || i !== "hidden", children: /* @__PURE__ */ f(
     Qe,
     {
       "data-state": i === "hidden" ? "hidden" : "visible",
@@ -2184,13 +2188,13 @@ var Ra = c.forwardRef((e, r) => {
     }
   ) });
 }), yt = c.forwardRef((e, r) => {
-  const t = $(k, e.__scopeScrollArea), { forceMount: o, ...a } = e, [n, s] = c.useState(!1), i = e.orientation === "horizontal", u = Ce(() => {
+  const t = $(W, e.__scopeScrollArea), { forceMount: o, ...a } = e, [n, s] = c.useState(!1), i = e.orientation === "horizontal", u = Ce(() => {
     if (t.viewport) {
       const l = t.viewport.offsetWidth < t.viewport.scrollWidth, d = t.viewport.offsetHeight < t.viewport.scrollHeight;
       s(i ? l : d);
     }
   }, 10);
-  return te(t.viewport, u), te(t.content, u), /* @__PURE__ */ f(j, { present: o || n, children: /* @__PURE__ */ f(
+  return te(t.viewport, u), te(t.content, u), /* @__PURE__ */ f(z, { present: o || n, children: /* @__PURE__ */ f(
     Qe,
     {
       "data-state": n ? "visible" : "hidden",
@@ -2199,7 +2203,7 @@ var Ra = c.forwardRef((e, r) => {
     }
   ) });
 }), Qe = c.forwardRef((e, r) => {
-  const { orientation: t = "vertical", ...o } = e, a = $(k, e.__scopeScrollArea), n = c.useRef(null), s = c.useRef(0), [i, u] = c.useState({
+  const { orientation: t = "vertical", ...o } = e, a = $(W, e.__scopeScrollArea), n = c.useRef(null), s = c.useRef(0), [i, u] = c.useState({
     content: 0,
     viewport: 0,
     scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
@@ -2253,7 +2257,7 @@ var Ra = c.forwardRef((e, r) => {
     }
   ) : null;
 }), Da = c.forwardRef((e, r) => {
-  const { sizes: t, onSizesChange: o, ...a } = e, n = $(k, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = L(r, u, n.onScrollbarXChange);
+  const { sizes: t, onSizesChange: o, ...a } = e, n = $(W, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = L(r, u, n.onScrollbarXChange);
   return c.useEffect(() => {
     u.current && i(getComputedStyle(u.current));
   }, [u]), /* @__PURE__ */ f(
@@ -2292,7 +2296,7 @@ var Ra = c.forwardRef((e, r) => {
     }
   );
 }), Ta = c.forwardRef((e, r) => {
-  const { sizes: t, onSizesChange: o, ...a } = e, n = $(k, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = L(r, u, n.onScrollbarYChange);
+  const { sizes: t, onSizesChange: o, ...a } = e, n = $(W, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = L(r, u, n.onScrollbarYChange);
   return c.useEffect(() => {
     u.current && i(getComputedStyle(u.current));
   }, [u]), /* @__PURE__ */ f(
@@ -2331,7 +2335,7 @@ var Ra = c.forwardRef((e, r) => {
       }
     }
   );
-}), [Oa, St] = mt(k), Et = c.forwardRef((e, r) => {
+}), [Oa, St] = mt(W), Et = c.forwardRef((e, r) => {
   const {
     __scopeScrollArea: t,
     sizes: o,
@@ -2344,17 +2348,17 @@ var Ra = c.forwardRef((e, r) => {
     onWheelScroll: d,
     onResize: p,
     ...v
-  } = e, m = $(k, t), [w, h] = c.useState(null), g = L(r, (P) => h(P)), _ = c.useRef(null), E = c.useRef(""), b = m.viewport, y = o.content - o.viewport, C = T(d), N = T(u), S = Ce(p, 10);
+  } = e, m = $(W, t), [w, h] = c.useState(null), g = L(r, (P) => h(P)), _ = c.useRef(null), E = c.useRef(""), b = m.viewport, y = o.content - o.viewport, C = T(d), N = T(u), S = Ce(p, 10);
   function R(P) {
     if (_.current) {
-      const A = P.clientX - _.current.left, F = P.clientY - _.current.top;
-      l({ x: A, y: F });
+      const A = P.clientX - _.current.left, k = P.clientY - _.current.top;
+      l({ x: A, y: k });
     }
   }
   return c.useEffect(() => {
     const P = (A) => {
-      const F = A.target;
-      (w == null ? void 0 : w.contains(F)) && C(A, y);
+      const k = A.target;
+      (w == null ? void 0 : w.contains(k)) && C(A, y);
     };
     return document.addEventListener("wheel", P, { passive: !1 }), () => document.removeEventListener("wheel", P, { passive: !1 });
   }, [b, w, y, C]), c.useEffect(N, [o, N]), te(w, S), te(m.content, S), /* @__PURE__ */ f(
@@ -2388,7 +2392,7 @@ var Ra = c.forwardRef((e, r) => {
 }), be = "ScrollAreaThumb", Ct = c.forwardRef(
   (e, r) => {
     const { forceMount: t, ...o } = e, a = St(be, e.__scopeScrollArea);
-    return /* @__PURE__ */ f(j, { present: t || a.hasThumb, children: /* @__PURE__ */ f(La, { ref: r, ...o }) });
+    return /* @__PURE__ */ f(z, { present: t || a.hasThumb, children: /* @__PURE__ */ f(La, { ref: r, ...o }) });
   }
 ), La = c.forwardRef(
   (e, r) => {
@@ -2403,7 +2407,7 @@ var Ra = c.forwardRef((e, r) => {
       if (p) {
         const v = () => {
           if (d(), !l.current) {
-            const m = ka(p, i);
+            const m = Wa(p, i);
             l.current = m, i();
           }
         };
@@ -2493,7 +2497,7 @@ function Nt(e, r) {
 function At(e, r) {
   return e > 0 && e < r;
 }
-var ka = (e, r = () => {
+var Wa = (e, r = () => {
 }) => {
   let t = { left: e.scrollLeft, top: e.scrollTop }, o = 0;
   return function a() {
@@ -2521,14 +2525,14 @@ function te(e, r) {
     }
   }, [e, t]);
 }
-var Wa = gt, Fa = wt, Ua = bt, qa = Ct;
-const Ha = {
+var Fa = gt, ka = wt, Ua = bt, Ha = Ct;
+const Ba = {
   "purpur-drawer-scroll-area__root": "_purpur-drawer-scroll-area__root_1r0fa_1",
   "purpur-drawer-scroll-area__root--fit-to-content": "_purpur-drawer-scroll-area__root--fit-to-content_1r0fa_4",
   "purpur-drawer-scroll-area__viewport": "_purpur-drawer-scroll-area__viewport_1r0fa_10",
   "purpur-drawer-scroll-area__scrollbar": "_purpur-drawer-scroll-area__scrollbar_1r0fa_13",
   "purpur-drawer-scroll-area__thumb": "_purpur-drawer-scroll-area__thumb_1r0fa_24"
-}, ae = Y.bind(Ha), Q = "purpur-drawer-scroll-area", je = B(
+}, ae = q.bind(Ba), Q = "purpur-drawer-scroll-area", ze = j(
   ({
     ["data-testid"]: e = "purpur-drawer-scroll-area",
     children: r,
@@ -2538,19 +2542,19 @@ const Ha = {
   }, n) => {
     const s = ae([t, Q]);
     return /* @__PURE__ */ f("div", { className: s, "data-testid": e, ref: n, ...a, children: /* @__PURE__ */ D(
-      Wa,
+      Fa,
       {
         className: ae(`${Q}__root`, {
           [`${Q}__root--fit-to-content`]: o
         }),
         children: [
-          /* @__PURE__ */ f(Fa, { className: ae(`${Q}__viewport`), children: r }),
+          /* @__PURE__ */ f(ka, { className: ae(`${Q}__viewport`), children: r }),
           /* @__PURE__ */ f(
             Ua,
             {
               className: ae(`${Q}__scrollbar`),
               orientation: "vertical",
-              children: /* @__PURE__ */ f(qa, { className: ae(`${Q}__thumb`) })
+              children: /* @__PURE__ */ f(Ha, { className: ae(`${Q}__thumb`) })
             }
           )
         ]
@@ -2558,8 +2562,8 @@ const Ha = {
     ) });
   }
 );
-je.displayName = "DrawerScrollArea";
-const J = Y.bind(Do), W = "purpur-drawer-frame", Rt = B(
+ze.displayName = "DrawerScrollArea";
+const J = q.bind(Do), F = "purpur-drawer-frame", Rt = j(
   ({
     ["data-testid"]: e = "purpur-drawer-frame",
     backButton: r,
@@ -2583,10 +2587,10 @@ const J = Y.bind(Do), W = "purpur-drawer-frame", Rt = B(
   }, b) => {
     const y = J([
       n,
-      W,
+      F,
       {
-        [`${W}--fit-to-content`]: i,
-        [`${W}--sticky-footer`]: _
+        [`${F}--fit-to-content`]: i,
+        [`${F}--sticky-footer`]: _
       }
     ]);
     return /* @__PURE__ */ D(
@@ -2610,7 +2614,7 @@ const J = Y.bind(Do), W = "purpur-drawer-frame", Rt = B(
           /* @__PURE__ */ f(
             ee,
             {
-              className: J(`${W}__header`),
+              className: J(`${F}__header`),
               variant: "header",
               stickyFooter: _,
               children: /* @__PURE__ */ f(
@@ -2627,11 +2631,11 @@ const J = Y.bind(Do), W = "purpur-drawer-frame", Rt = B(
               )
             }
           ),
-          _ ? /* @__PURE__ */ D(H, { children: [
+          _ ? /* @__PURE__ */ D(B, { children: [
             /* @__PURE__ */ f(
-              je,
+              ze,
               {
-                className: J(`${W}__body`),
+                className: J(`${F}__body`),
                 "data-testid": `${e}-sticky-footer-scroll-area`,
                 fitToContent: i,
                 children: /* @__PURE__ */ f(ee, { stickyFooter: !0, children: a })
@@ -2640,7 +2644,7 @@ const J = Y.bind(Do), W = "purpur-drawer-frame", Rt = B(
             u && /* @__PURE__ */ f(
               ee,
               {
-                className: J(`${W}__footer`),
+                className: J(`${F}__footer`),
                 "data-testid": `${e}-sticky-footer`,
                 variant: "footer",
                 stickyFooter: _,
@@ -2648,17 +2652,17 @@ const J = Y.bind(Do), W = "purpur-drawer-frame", Rt = B(
               }
             )
           ] }) : /* @__PURE__ */ f(
-            je,
+            ze,
             {
-              className: J(`${W}__body`),
+              className: J(`${F}__body`),
               "data-testid": `${e}-scroll-area`,
               fitToContent: i,
               children: /* @__PURE__ */ D(
                 "div",
                 {
                   className: J([
-                    `${W}__content-container`,
-                    { [`${W}__content-container--no-footer`]: !u }
+                    `${F}__content-container`,
+                    { [`${F}__content-container--no-footer`]: !u }
                   ]),
                   children: [
                     /* @__PURE__ */ f(ee, { stickyFooter: _, children: a }),
@@ -2682,7 +2686,7 @@ const J = Y.bind(Do), W = "purpur-drawer-frame", Rt = B(
   }
 );
 Rt.displayName = "DrawerFrame";
-const Ba = (e, r) => ({
+const ja = (e, r) => ({
   onAnimationEnd: (i) => {
     i.currentTarget.getAttribute("data-swipe") === "end" && r(!1);
   },
@@ -2704,7 +2708,7 @@ const Ba = (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(Ao), se = "purpur-drawer-content", xt = B(
+}), ie = q.bind(Ao), se = "purpur-drawer-content", xt = j(
   ({
     ["data-testid"]: e = "purpur-drawer-content",
     backButton: r = !1,
@@ -2728,9 +2732,9 @@ const Ba = (e, r) => ({
       s,
       se,
       { [`${se}--fit-to-content`]: l }
-    ]), b = Lt(null), y = $t(lt), { onAnimationEnd: C, onSwipeStart: N, onSwipeMove: S, onSwipeCancel: R, onSwipeEnd: P } = Ba(b, y), A = (ne) => {
+    ]), b = Lt(null), y = $t(lt), { onAnimationEnd: C, onSwipeStart: N, onSwipeMove: S, onSwipeCancel: R, onSwipeEnd: P } = ja(b, y), A = (ne) => {
       u && ne.preventDefault();
-    }, F = () => {
+    }, k = () => {
       const ne = b.current;
       if (ne) {
         const rr = ne.querySelector("h2");
@@ -2749,7 +2753,7 @@ const Ba = (e, r) => ({
           mo,
           {
             onPointerDownOutside: A,
-            onOpenAutoFocus: F,
+            onOpenAutoFocus: k,
             className: E,
             "data-testid": e,
             ref: _,
@@ -2795,11 +2799,11 @@ const Ba = (e, r) => ({
   }
 );
 xt.displayName = "DrawerContent";
-const Dt = B(
+const Dt = j(
   ({ ["data-testid"]: e = "purpur-drawer-trigger", children: r, ...t }, o) => /* @__PURE__ */ f(po, { asChild: !0, "data-testid": e, ref: o, ...t, children: r })
 );
 Dt.displayName = "DrawerTrigger";
-const ja = Y.bind(So), za = "purpur-drawer", er = ({
+const za = q.bind(So), Va = "purpur-drawer", er = ({
   ["data-testid"]: e = "purpur-drawer",
   children: r,
   className: t,
@@ -2807,7 +2811,7 @@ const ja = Y.bind(So), za = "purpur-drawer", er = ({
   open: a = !1,
   ...n
 }) => {
-  const [s, i] = Ie.useState(a), u = ja([t, za]), l = (d) => {
+  const [s, i] = Ie.useState(a), u = za([t, Va]), l = (d) => {
     i(d), o == null || o(d);
   };
   return Mt(() => {