@purpurds/drawer 7.14.0 → 8.1.0

package/dist/drawer.es.js

@@ -1,6 +1,6 @@
-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 Ot, createContext as Lt, forwardRef as B, useRef as $t, useContext as Mt, useEffect as It } from "react";
+import Ie, { useState as Ot, createContext as Lt, forwardRef as j, useRef as $t, useContext as Mt, useEffect as It } from "react";
 import * as kt from "react-dom";
 import Wt from "react-dom";
 function R(e, r, { checkForDefaultPrevented: t = !0 } = {}) {
@@ -98,12 +98,12 @@ function Ut(...e) {
   return t.scopeName = r.scopeName, t;
 }
 var se = globalThis != null && globalThis.document ? c.useLayoutEffect : () => {
-}, qt = c.useId || (() => {
-}), Ht = 0;
+}, Ht = c.useId || (() => {
+}), Bt = 0;
 function Pe(e) {
-  const [r, t] = c.useState(qt());
+  const [r, t] = c.useState(Ht());
   return se(() => {
-    t((o) => o ?? String(Ht++));
+    t((o) => o ?? String(Bt++));
   }, [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 Bt({
+function jt({
   prop: e,
   defaultProp: r,
   onChange: t = () => {
   }
 }) {
-  const [o, a] = jt({ defaultProp: r, onChange: t }), n = e !== void 0, s = n ? e : o, i = T(t), u = c.useCallback(
+  const [o, a] = zt({ 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 Bt({
   );
   return [s, u];
 }
-function jt({
+function zt({
   defaultProp: e,
   onChange: r
 }) {
@@ -142,29 +142,29 @@ function jt({
     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(Vt);
+var Ve = c.forwardRef((e, r) => {
+  const { children: t, ...o } = e, a = c.Children.toArray(t), n = a.find(Yt);
   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 });
 });
-ze.displayName = "Slot";
+Ve.displayName = "Slot";
 var ke = c.forwardRef((e, r) => {
   const { children: t, ...o } = e;
   if (c.isValidElement(t)) {
-    const a = Xt(t), n = Yt(o, t.props);
+    const a = qt(t), n = Xt(o, t.props);
     return t.type !== c.Fragment && (n.ref = r ? Tr(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(H, { children: e });
-function Vt(e) {
-  return c.isValidElement(e) && e.type === zt;
+var Vt = ({ children: e }) => /* @__PURE__ */ f(B, { children: e });
+function Yt(e) {
+  return c.isValidElement(e) && e.type === Vt;
 }
-function Yt(e, r) {
+function Xt(e, r) {
   const t = { ...r };
   for (const o in r) {
     const a = e[o], n = r[o];
@@ -174,7 +174,7 @@ function Yt(e, r) {
   }
   return { ...e, ...t };
 }
-function Xt(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 Gt = [
   "ul"
 ], O = Gt.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 };
@@ -352,15 +352,15 @@ var xe = "focusScope.autoFocusOnMount", Ae = "focusScope.autoFocusOnUnmount", ir
       let v = function(y) {
         if (m.paused || !i) return;
         const b = y.target;
-        i.contains(b) ? p.current = b : q(p.current, { select: !0 });
+        i.contains(b) ? p.current = b : H(p.current, { select: !0 });
       }, g = function(y) {
         if (m.paused || !i) return;
         const b = y.relatedTarget;
-        b !== null && (i.contains(b) || q(p.current, { select: !0 }));
+        b !== null && (i.contains(b) || H(p.current, { select: !0 }));
       }, _ = function(y) {
         if (document.activeElement === document.body)
           for (const C of y)
-            C.removedNodes.length > 0 && q(i);
+            C.removedNodes.length > 0 && H(i);
       };
       document.addEventListener("focusin", v), document.addEventListener("focusout", g);
       const E = new MutationObserver(_);
@@ -374,12 +374,12 @@ var xe = "focusScope.autoFocusOnMount", Ae = "focusScope.autoFocusOnUnmount", ir
       const v = document.activeElement;
       if (!i.contains(v)) {
         const _ = new CustomEvent(xe, ir);
-        i.addEventListener(xe, l), i.dispatchEvent(_), _.defaultPrevented || (sn(fn(kr(i)), { select: !0 }), document.activeElement === v && q(i));
+        i.addEventListener(xe, l), i.dispatchEvent(_), _.defaultPrevented || (sn(fn(kr(i)), { select: !0 }), document.activeElement === v && H(i));
       }
       return () => {
         i.removeEventListener(xe, l), setTimeout(() => {
           const _ = new CustomEvent(Ae, ir);
-          i.addEventListener(Ae, d), i.dispatchEvent(_), _.defaultPrevented || q(v ?? document.body, { select: !0 }), i.removeEventListener(Ae, d), cr.remove(m);
+          i.addEventListener(Ae, d), i.dispatchEvent(_), _.defaultPrevented || H(v ?? document.body, { select: !0 }), i.removeEventListener(Ae, d), cr.remove(m);
         }, 0);
       };
     }
@@ -390,7 +390,7 @@ var xe = "focusScope.autoFocusOnMount", Ae = "focusScope.autoFocusOnUnmount", ir
       const g = v.key === "Tab" && !v.altKey && !v.ctrlKey && !v.metaKey, _ = document.activeElement;
       if (g && _) {
         const E = v.currentTarget, [y, b] = cn(E);
-        y && b ? !v.shiftKey && _ === b ? (v.preventDefault(), t && q(y, { select: !0 })) : v.shiftKey && _ === y && (v.preventDefault(), t && q(b, { select: !0 })) : _ === E && v.preventDefault();
+        y && b ? !v.shiftKey && _ === b ? (v.preventDefault(), t && H(y, { select: !0 })) : v.shiftKey && _ === y && (v.preventDefault(), t && H(b, { select: !0 })) : _ === E && v.preventDefault();
       }
     },
     [t, o, m.paused]
@@ -401,7 +401,7 @@ Ir.displayName = an;
 function sn(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 cn(e) {
   const r = kr(e), t = sr(r, e), o = sr(r.reverse(), e);
@@ -433,7 +433,7 @@ function ln(e, { upTo: r }) {
 function un(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 && un(e) && r && e.select();
@@ -471,11 +471,11 @@ Wr.displayName = pn;
 function hn(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, mn(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] = hn(s, {
     mounted: {
@@ -689,7 +689,7 @@ Ur.isSideCarExport = !0;
 function An(e, r) {
   return e.useMedium(r), Ur;
 }
-var qr = xn(), De = function() {
+var Hr = xn(), De = function() {
 }, Se = c.forwardRef(function(e, r) {
   var t = c.useRef(null), o = c.useState({
     onScrollCapture: De,
@@ -699,7 +699,7 @@ var qr = xn(), De = function() {
   return c.createElement(
     c.Fragment,
     null,
-    d && c.createElement(b, { sideCar: qr, removeScrollBar: l, shards: p, noIsolation: m, inert: w, setCallbacks: n, allowPinchZoom: !!v, lockRef: t, gapMode: E }),
+    d && c.createElement(b, { sideCar: Hr, removeScrollBar: l, shards: p, noIsolation: m, inert: w, setCallbacks: n, allowPinchZoom: !!v, lockRef: t, gapMode: E }),
     s ? c.cloneElement(c.Children.only(i), k(k({}, x), { ref: C })) : c.createElement(_, k({}, x, { className: u, ref: C }), i)
   );
 });
@@ -750,7 +750,7 @@ var On = function() {
       };
     }, [r && t]);
   };
-}, Hr = function() {
+}, Br = function() {
   var e = Ln(), r = function(t) {
     var o = t.styles, a = t.dynamic;
     return e(o, a), null;
@@ -776,7 +776,7 @@ var On = function() {
     right: r[2],
     gap: Math.max(0, o - t + r[2] - r[0])
   };
-}, kn = Hr(), te = "data-scroll-locked", Wn = function(e, r, t, o) {
+}, kn = Br(), te = "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(wn, ` {
@@ -849,59 +849,59 @@ if (typeof window < "u")
   } catch {
     Fe = !1;
   }
-var G = Fe ? { passive: !1 } : !1, qn = function(e) {
+var G = Fe ? { passive: !1 } : !1, Hn = function(e) {
   return e.tagName === "TEXTAREA";
-}, Br = function(e, r) {
+}, jr = function(e, r) {
   if (!(e instanceof Element))
     return !1;
   var t = window.getComputedStyle(e);
   return (
     // not-not-scrollable
     t[r] !== "hidden" && // contains scroll inside self
-    !(t.overflowY === t.overflowX && !qn(e) && t[r] === "visible")
+    !(t.overflowY === t.overflowX && !Hn(e) && t[r] === "visible")
   );
-}, Hn = function(e) {
-  return Br(e, "overflowY");
 }, Bn = function(e) {
-  return Br(e, "overflowX");
+  return jr(e, "overflowY");
+}, jn = function(e) {
+  return jr(e, "overflowX");
 }, pr = function(e, r) {
   var t = r.ownerDocument, o = r;
   do {
     typeof ShadowRoot < "u" && o instanceof ShadowRoot && (o = o.host);
-    var a = jr(e, o);
+    var a = zr(e, o);
     if (a) {
-      var n = zr(e, o), s = n[1], i = n[2];
+      var n = Vr(e, o), s = n[1], i = n[2];
       if (s > i)
         return !0;
     }
     o = o.parentNode;
   } while (o && o !== t.body);
   return !1;
-}, jn = function(e) {
+}, zn = function(e) {
   var r = e.scrollTop, t = e.scrollHeight, o = e.clientHeight;
   return [
     r,
     t,
     o
   ];
-}, zn = function(e) {
+}, Vn = function(e) {
   var r = e.scrollLeft, t = e.scrollWidth, o = e.clientWidth;
   return [
     r,
     t,
     o
   ];
-}, jr = 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 === "v" ? Bn(r) : jn(r);
+}, Vr = function(e, r) {
+  return e === "v" ? zn(r) : Vn(r);
+}, Yn = function(e, r) {
   return e === "h" && r === "rtl" ? -1 : 1;
-}, 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, h = 0;
+}, Xn = function(e, r, t, o, a) {
+  var n = Yn(e, window.getComputedStyle(r).direction), s = n * o, i = t.target, u = r.contains(i), l = !1, d = s > 0, p = 0, h = 0;
   do {
-    var m = zr(e, i), w = m[0], v = m[1], g = m[2], _ = v - g - n * w;
-    (w || _) && jr(e, i) && (p += _, h += w), i instanceof ShadowRoot ? i = i.host : i = i.parentNode;
+    var m = Vr(e, i), w = m[0], v = m[1], g = m[2], _ = v - g - n * w;
+    (w || _) && zr(e, i) && (p += _, h += w), i instanceof ShadowRoot ? i = i.host : i = i.parentNode;
   } while (
     // portaled content
     !u && i !== document.body || // self content
@@ -914,7 +914,7 @@ var G = Fe ? { passive: !1 } : !1, qn = function(e) {
   return [e.deltaX, e.deltaY];
 }, vr = function(e) {
   return e && "current" in e ? e.current : e;
-}, Xn = function(e, r) {
+}, qn = function(e, r) {
   return e[0] === r[0] && e[1] === r[1];
 }, Gn = function(e) {
   return `
@@ -923,7 +923,7 @@ var G = Fe ? { passive: !1 } : !1, qn = function(e) {
 `);
 }, Kn = 0, K = [];
 function Zn(e) {
-  var r = c.useRef([]), t = c.useRef([0, 0]), o = c.useRef(), a = c.useState(Kn++)[0], n = c.useState(Hr)[0], s = c.useRef(e);
+  var r = c.useRef([]), t = c.useRef([0, 0]), o = c.useRef(), a = c.useState(Kn++)[0], n = c.useState(Br)[0], s = c.useRef(e);
   c.useEffect(function() {
     s.current = e;
   }, [e]), c.useEffect(function() {
@@ -953,12 +953,12 @@ function Zn(e) {
     if (!o.current && "changedTouches" in v && (y || b) && (o.current = C), !C)
       return !0;
     var P = o.current || C;
-    return Yn(P, g, v, P === "h" ? y : b);
+    return Xn(P, g, v, P === "h" ? y : b);
   }, []), u = c.useCallback(function(v) {
     var g = v;
     if (!(!K.length || K[K.length - 1] !== n)) {
       var _ = "deltaY" in g ? hr(g) : de(g), E = r.current.filter(function(C) {
-        return C.name === g.type && (C.target === g.target || g.target === C.shadowParent) && Xn(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();
@@ -1009,23 +1009,23 @@ function Qn(e) {
     e instanceof ShadowRoot && (r = e.host, e = e.host), e = e.parentNode;
   return r;
 }
-const Jn = An(qr, Zn);
-var Vr = c.forwardRef(function(e, r) {
+const Jn = An(Hr, Zn);
+var Yr = c.forwardRef(function(e, r) {
   return c.createElement(Se, k({}, e, { ref: r, sideCar: Jn }));
 });
-Vr.classNames = Se.classNames;
+Yr.classNames = Se.classNames;
 var eo = function(e) {
   if (typeof document > "u")
     return null;
   var r = Array.isArray(e) ? e[0] : e;
   return r.ownerDocument.body;
-}, Z = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {}, Oe = 0, Yr = function(e) {
-  return e && (e.host || Yr(e.parentNode));
+}, Z = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {}, Oe = 0, Xr = function(e) {
+  return e && (e.host || Xr(e.parentNode));
 }, ro = function(e, r) {
   return r.map(function(t) {
     if (e.contains(t))
       return t;
-    var o = Yr(t);
+    var o = Xr(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 eo = function(e) {
   return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), to(o, a, t, "aria-hidden")) : function() {
     return null;
   };
-}, Ve = "Dialog", [Xr, Za] = Or(Ve), [oo, I] = Xr(Ve), Gr = (e) => {
+}, Ye = "Dialog", [qr, Za] = Or(Ye), [oo, I] = qr(Ye), Gr = (e) => {
   const {
     __scopeDialog: r,
     children: t,
@@ -1070,7 +1070,7 @@ var eo = function(e) {
     defaultOpen: a,
     onOpenChange: n,
     modal: s = !0
-  } = e, i = c.useRef(null), u = c.useRef(null), [l = !1, d] = Bt({
+  } = e, i = c.useRef(null), u = c.useRef(null), [l = !1, d] = jt({
     prop: o,
     defaultProp: a,
     onChange: n
@@ -1092,7 +1092,7 @@ var eo = function(e) {
     }
   );
 };
-Gr.displayName = Ve;
+Gr.displayName = Ye;
 var Kr = "DialogTrigger", Zr = c.forwardRef(
   (e, r) => {
     const { __scopeDialog: t, ...o } = e, a = I(Kr, t), n = L(r, a.triggerRef);
@@ -1112,17 +1112,17 @@ var Kr = "DialogTrigger", Zr = c.forwardRef(
   }
 );
 Zr.displayName = Kr;
-var Ye = "DialogPortal", [ao, Qr] = Xr(Ye, {
+var Xe = "DialogPortal", [ao, Qr] = qr(Xe, {
   forceMount: void 0
 }), Jr = (e) => {
-  const { __scopeDialog: r, forceMount: t, children: o, container: a } = e, n = I(Ye, r);
-  return /* @__PURE__ */ f(ao, { scope: r, forceMount: t, children: c.Children.map(o, (s) => /* @__PURE__ */ f(j, { present: t || n.open, children: /* @__PURE__ */ f(Wr, { asChild: !0, container: a, children: s }) })) });
+  const { __scopeDialog: r, forceMount: t, children: o, container: a } = e, n = I(Xe, r);
+  return /* @__PURE__ */ f(ao, { 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 }) })) });
 };
-Jr.displayName = Ye;
+Jr.displayName = Xe;
 var we = "DialogOverlay", et = c.forwardRef(
   (e, r) => {
     const t = Qr(we, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = I(we, e.__scopeDialog);
-    return n.modal ? /* @__PURE__ */ f(j, { present: o || n.open, children: /* @__PURE__ */ f(io, { ...a, ref: r }) }) : null;
+    return n.modal ? /* @__PURE__ */ f(z, { present: o || n.open, children: /* @__PURE__ */ f(io, { ...a, ref: r }) }) : null;
   }
 );
 et.displayName = we;
@@ -1132,7 +1132,7 @@ var io = 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(Vr, { as: ze, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
+      /* @__PURE__ */ f(Yr, { as: Ve, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
         O.div,
         {
           "data-state": Ge(a.open),
@@ -1143,16 +1143,16 @@ var io = c.forwardRef(
       ) })
     );
   }
-), Y = "DialogContent", rt = c.forwardRef(
+), X = "DialogContent", rt = c.forwardRef(
   (e, r) => {
-    const t = Qr(Y, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = I(Y, e.__scopeDialog);
-    return /* @__PURE__ */ f(j, { present: o || n.open, children: n.modal ? /* @__PURE__ */ f(so, { ...a, ref: r }) : /* @__PURE__ */ f(co, { ...a, ref: r }) });
+    const t = Qr(X, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = I(X, e.__scopeDialog);
+    return /* @__PURE__ */ f(z, { present: o || n.open, children: n.modal ? /* @__PURE__ */ f(so, { ...a, ref: r }) : /* @__PURE__ */ f(co, { ...a, ref: r }) });
   }
 );
-rt.displayName = Y;
+rt.displayName = X;
 var so = c.forwardRef(
   (e, r) => {
-    const t = I(Y, e.__scopeDialog), o = c.useRef(null), a = L(r, t.contentRef, o);
+    const t = I(X, e.__scopeDialog), o = c.useRef(null), a = L(r, t.contentRef, o);
     return c.useEffect(() => {
       const n = o.current;
       if (n) return no(n);
@@ -1180,7 +1180,7 @@ var so = c.forwardRef(
   }
 ), co = c.forwardRef(
   (e, r) => {
-    const t = I(Y, e.__scopeDialog), o = c.useRef(!1), a = c.useRef(!1);
+    const t = I(X, e.__scopeDialog), o = c.useRef(!1), a = c.useRef(!1);
     return /* @__PURE__ */ f(
       tt,
       {
@@ -1203,8 +1203,8 @@ var so = c.forwardRef(
   }
 ), tt = c.forwardRef(
   (e, r) => {
-    const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...s } = e, i = I(Y, t), u = c.useRef(null), l = L(r, u);
-    return gn(), /* @__PURE__ */ D(H, { children: [
+    const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...s } = e, i = I(X, t), u = c.useRef(null), l = L(r, u);
+    return gn(), /* @__PURE__ */ D(B, { children: [
       /* @__PURE__ */ f(
         Ir,
         {
@@ -1228,19 +1228,19 @@ var so = c.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ D(H, { children: [
+      /* @__PURE__ */ D(B, { children: [
         /* @__PURE__ */ f(lo, { titleId: i.titleId }),
         /* @__PURE__ */ f(fo, { contentRef: u, descriptionId: i.descriptionId })
       ] })
     ] });
   }
-), Xe = "DialogTitle", nt = c.forwardRef(
+), qe = "DialogTitle", nt = c.forwardRef(
   (e, r) => {
-    const { __scopeDialog: t, ...o } = e, a = I(Xe, t);
+    const { __scopeDialog: t, ...o } = e, a = I(qe, t);
     return /* @__PURE__ */ f(O.h2, { id: a.titleId, ...o, ref: r });
   }
 );
-nt.displayName = Xe;
+nt.displayName = qe;
 var ot = "DialogDescription", at = c.forwardRef(
   (e, r) => {
     const { __scopeDialog: t, ...o } = e, a = I(ot, t);
@@ -1267,8 +1267,8 @@ function Ge(e) {
   return e ? "open" : "closed";
 }
 var ct = "DialogTitleWarning", [Qa, lt] = Ft(ct, {
-  contentName: Y,
-  titleName: Xe,
+  contentName: X,
+  titleName: qe,
   docsSlug: "dialog"
 }), lo = ({ titleId: e }) => {
   const r = lt(ct), t = `\`${r.contentName}\` requires a \`${r.titleName}\` for the component to be accessible for screen reader users.
@@ -1330,7 +1330,7 @@ function yo() {
   }(Le)), Le.exports;
 }
 var So = yo();
-const X = /* @__PURE__ */ bo(So), ut = Lt(null), Eo = {}, Co = "_drawerSmallScreenAnimation_khfax_1", Po = "_drawerLargeScreenAnimationRight_khfax_1", xo = "_drawerLargeScreenAnimationLeft_khfax_1", Ao = "_slideDown_khfax_1", No = "_overlayAnimation_khfax_1", Ro = {
+const q = /* @__PURE__ */ bo(So), ut = Lt(null), Eo = {}, Co = "_drawerSmallScreenAnimation_khfax_1", Po = "_drawerLargeScreenAnimationRight_khfax_1", xo = "_drawerLargeScreenAnimationLeft_khfax_1", Ao = "_slideDown_khfax_1", No = "_overlayAnimation_khfax_1", Ro = {
   "purpur-drawer-content": "_purpur-drawer-content_khfax_1",
   drawerSmallScreenAnimation: Co,
   "purpur-drawer-content--left": "_purpur-drawer-content--left_khfax_15",
@@ -1349,7 +1349,7 @@ const X = /* @__PURE__ */ bo(So), ut = Lt(null), Eo = {}, Co = "_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"
-}, To = X.bind(Do), $e = "purpur-drawer-container", re = B(
+}, To = q.bind(Do), $e = "purpur-drawer-container", re = j(
   ({
     ["data-testid"]: e = "purpur-drawer-container",
     children: r,
@@ -1404,7 +1404,7 @@ const Oo = {
       });
     }
   }
-}), gr = (e, r = 0) => Math.abs(e.y) > r, Mo = X.bind(Lo), Io = "purpur-drawer-handle", dt = B(
+}), gr = (e, r = 0) => Math.abs(e.y) > r, Mo = q.bind(Lo), Io = "purpur-drawer-handle", dt = j(
   ({
     ["data-testid"]: e = "purpur-drawer-handle",
     className: r,
@@ -1483,24 +1483,24 @@ function Fo() {
   }(_r)), _r.exports;
 }
 var Uo = Fo();
-const qo = /* @__PURE__ */ Wo(Uo), Ho = "_rotate_12t9p_1", Bo = "_dash_12t9p_1", jo = {
+const Ho = /* @__PURE__ */ Wo(Uo), Bo = "_rotate_12t9p_1", jo = "_dash_12t9p_1", zo = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: Ho,
+  rotate: Bo,
   "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: Bo,
+  dash: jo,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, br = qo.bind(jo), oe = "purpur-spinner", zo = {
+}, br = Ho.bind(zo), oe = "purpur-spinner", Vo = {
   SM: "sm"
-}, Vo = ({
+}, Yo = ({
   disabled: e = !1,
   negative: r = !1,
-  size: t = zo.SM,
+  size: t = Vo.SM,
   ...o
 }) => /* @__PURE__ */ f("div", { className: br(oe, `${oe}--${t}`), ...o, children: /* @__PURE__ */ f("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ f(
   "circle",
@@ -1514,7 +1514,7 @@ const qo = /* @__PURE__ */ Wo(Uo), Ho = "_rotate_12t9p_1", Bo = "_dash_12t9p_1",
     r: "20"
   }
 ) }) });
-function Yo(e) {
+function Xo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var yr = { exports: {} };
@@ -1524,7 +1524,7 @@ var yr = { exports: {} };
 	http://jedwatson.github.io/classnames
 */
 var Sr;
-function Xo() {
+function qo() {
   return Sr || (Sr = 1, function(e) {
     (function() {
       var r = {}.hasOwnProperty;
@@ -1556,33 +1556,33 @@ function Xo() {
     })();
   }(yr)), yr.exports;
 }
-var Go = Xo();
-const Ko = /* @__PURE__ */ Yo(Go), Zo = {
-  "purpur-button": "_purpur-button_w455q_1",
-  "purpur-button--xs": "_purpur-button--xs_w455q_33",
-  "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
-  "purpur-button--sm": "_purpur-button--sm_w455q_39",
-  "purpur-button--md": "_purpur-button--md_w455q_45",
-  "purpur-button--lg": "_purpur-button--lg_w455q_51",
-  "purpur-button--full-width": "_purpur-button--full-width_w455q_57",
-  "purpur-button--primary": "_purpur-button--primary_w455q_60",
-  "purpur-button--disabled": "_purpur-button--disabled_w455q_64",
-  "purpur-button--primary-negative": "_purpur-button--primary-negative_w455q_70",
-  "purpur-button--secondary": "_purpur-button--secondary_w455q_82",
-  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_w455q_93",
-  "purpur-button--expressive": "_purpur-button--expressive_w455q_104",
-  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_w455q_114",
-  "purpur-button--negative": "_purpur-button--negative_w455q_126",
-  "purpur-button--destructive": "_purpur-button--destructive_w455q_133",
-  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_w455q_143",
-  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_w455q_153",
-  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_w455q_166",
-  "purpur-button--text-negative": "_purpur-button--text-negative_w455q_181",
-  "purpur-button--text": "_purpur-button--text_w455q_181"
+var Go = qo();
+const Ko = /* @__PURE__ */ Xo(Go), Zo = {
+  "purpur-button": "_purpur-button_1goi7_1",
+  "purpur-button--xs": "_purpur-button--xs_1goi7_33",
+  "purpur-button--icon-only": "_purpur-button--icon-only_1goi7_36",
+  "purpur-button--sm": "_purpur-button--sm_1goi7_39",
+  "purpur-button--md": "_purpur-button--md_1goi7_45",
+  "purpur-button--lg": "_purpur-button--lg_1goi7_51",
+  "purpur-button--full-width": "_purpur-button--full-width_1goi7_57",
+  "purpur-button--primary": "_purpur-button--primary_1goi7_60",
+  "purpur-button--disabled": "_purpur-button--disabled_1goi7_64",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_1goi7_70",
+  "purpur-button--secondary": "_purpur-button--secondary_1goi7_82",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1goi7_93",
+  "purpur-button--expressive": "_purpur-button--expressive_1goi7_104",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1goi7_114",
+  "purpur-button--negative": "_purpur-button--negative_1goi7_126",
+  "purpur-button--destructive": "_purpur-button--destructive_1goi7_133",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1goi7_143",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1goi7_153",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1goi7_166",
+  "purpur-button--text-negative": "_purpur-button--text-negative_1goi7_181",
+  "purpur-button--text": "_purpur-button--text_1goi7_181"
 }, Me = {
   TERTIARY_PURPLE: "tertiary-purple",
   TEXT: "text"
-}, Qo = Ko.bind(Zo), z = "purpur-button", Ue = B(
+}, Qo = Ko.bind(Zo), V = "purpur-button", Ue = j(
   ({
     children: e,
     className: r,
@@ -1601,15 +1601,15 @@ const Ko = /* @__PURE__ */ Yo(Go), Zo = {
       return null;
     const m = Qo(
       [
-        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) => {
@@ -1626,7 +1626,7 @@ const Ko = /* @__PURE__ */ Yo(Go), Zo = {
         ...p,
         children: [
           n && /* @__PURE__ */ f(
-            Vo,
+            Yo,
             {
               size: u === ko.LG ? "xs" : "xxs",
               negative: s,
@@ -1704,16 +1704,16 @@ const ta = /* @__PURE__ */ Jo(ra), ve = {
   "purpur-heading--display-50": "_purpur-heading--display-50_vo751_92",
   "purpur-heading--display-100": "_purpur-heading--display-100_vo751_98",
   "purpur-heading--display-200": "_purpur-heading--display-200_vo751_104"
-}, qe = {
+}, 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 = ta([
@@ -1727,7 +1727,7 @@ const ta = /* @__PURE__ */ Jo(ra), ve = {
   ]);
   return /* @__PURE__ */ f(i, { className: u, ...s, children: e });
 };
-He.displayName = "Heading";
+Be.displayName = "Heading";
 function na(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -1834,12 +1834,12 @@ var ht = c.forwardRef((e, r) => {
   const { children: t, ...o } = e, a = c.Children.toArray(t), n = a.find(ga);
   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 });
 });
 ht.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 = wa(t), n = _a(o, t.props);
@@ -1847,8 +1847,8 @@ var Be = c.forwardRef((e, r) => {
   }
   return c.Children.count(t) > 1 ? c.Children.only(null) : null;
 });
-Be.displayName = "SlotClone";
-var ma = ({ children: e }) => /* @__PURE__ */ f(H, { children: e });
+je.displayName = "SlotClone";
+var ma = ({ children: e }) => /* @__PURE__ */ f(B, { children: e });
 function ga(e) {
   return c.isValidElement(e) && e.type === ma;
 }
@@ -1922,7 +1922,7 @@ const Rr = ({ asChild: e, children: r, ...t }) => /* @__PURE__ */ f(Ea, { 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"
-}, Q = X.bind(Ca), U = "purpur-drawer-header", mt = B(
+}, Q = q.bind(Ca), U = "purpur-drawer-header", mt = j(
   ({
     ["data-testid"]: e = "purpur-drawer-header",
     backButton: r,
@@ -1968,15 +1968,15 @@ const Rr = ({ asChild: e, children: r, ...t }) => /* @__PURE__ */ f(Ea, { asChil
                   !o && t
                 ]
               }
-            ) : s ? /* @__PURE__ */ D(H, { children: [
+            ) : s ? /* @__PURE__ */ D(B, { children: [
               s,
               /* @__PURE__ */ f(Rr, { asChild: !0, children: /* @__PURE__ */ f(he, { children: u }) })
             ] }) : /* @__PURE__ */ f(he, { asChild: !0, children: /* @__PURE__ */ f(
-              He,
+              Be,
               {
                 "data-testid": `${e}-title`,
                 tag: "h2",
-                variant: qe.TITLE200,
+                variant: He.TITLE200,
                 tabIndex: -1,
                 children: u
               }
@@ -1995,16 +1995,16 @@ const Rr = ({ asChild: e, children: r, ...t }) => /* @__PURE__ */ f(Ea, { 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(he, { children: u }) })
       ] }) : /* @__PURE__ */ f(he, { 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
         }
       ) }))
@@ -2077,7 +2077,7 @@ _t.displayName = Ze;
 var wt = "ScrollAreaViewport", bt = c.forwardRef(
   (e, r) => {
     const { __scopeScrollArea: t, children: o, nonce: a, ...n } = e, s = $(wt, t), i = c.useRef(null), u = L(r, i, s.onViewportChange);
-    return /* @__PURE__ */ D(H, { children: [
+    return /* @__PURE__ */ D(B, { children: [
       /* @__PURE__ */ f(
         "style",
         {
@@ -2140,7 +2140,7 @@ var Da = 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(
     St,
     {
       "data-state": n ? "visible" : "hidden",
@@ -2182,7 +2182,7 @@ var Da = c.forwardRef((e, r) => {
       };
       return l.addEventListener("scroll", h), () => l.removeEventListener("scroll", h);
     }
-  }, [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",
@@ -2199,7 +2199,7 @@ var Da = c.forwardRef((e, r) => {
       s(i ? l : d);
     }
   }, 10);
-  return ne(t.viewport, u), ne(t.content, u), /* @__PURE__ */ f(j, { present: o || n, children: /* @__PURE__ */ f(
+  return ne(t.viewport, u), ne(t.content, u), /* @__PURE__ */ f(z, { present: o || n, children: /* @__PURE__ */ f(
     Qe,
     {
       "data-state": n ? "visible" : "hidden",
@@ -2397,7 +2397,7 @@ var Da = c.forwardRef((e, r) => {
 }), be = "ScrollAreaThumb", Pt = c.forwardRef(
   (e, r) => {
     const { forceMount: t, ...o } = e, a = Et(be, e.__scopeScrollArea);
-    return /* @__PURE__ */ f(j, { present: t || a.hasThumb, children: /* @__PURE__ */ f(Ma, { ref: r, ...o }) });
+    return /* @__PURE__ */ f(z, { present: t || a.hasThumb, children: /* @__PURE__ */ f(Ma, { ref: r, ...o }) });
   }
 ), Ma = c.forwardRef(
   (e, r) => {
@@ -2530,14 +2530,14 @@ function ne(e, r) {
     }
   }, [e, t]);
 }
-var Ua = _t, qa = bt, Ha = yt, Ba = Pt;
-const ja = {
+var Ua = _t, Ha = bt, Ba = yt, ja = Pt;
+const za = {
   "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 = X.bind(ja), J = "purpur-drawer-scroll-area", je = B(
+}, ae = q.bind(za), J = "purpur-drawer-scroll-area", ze = j(
   ({
     ["data-testid"]: e = "purpur-drawer-scroll-area",
     children: r,
@@ -2553,13 +2553,13 @@ const ja = {
           [`${J}__root--fit-to-content`]: o
         }),
         children: [
-          /* @__PURE__ */ f(qa, { className: ae(`${J}__viewport`), children: r }),
+          /* @__PURE__ */ f(Ha, { className: ae(`${J}__viewport`), children: r }),
           /* @__PURE__ */ f(
-            Ha,
+            Ba,
             {
               className: ae(`${J}__scrollbar`),
               orientation: "vertical",
-              children: /* @__PURE__ */ f(Ba, { className: ae(`${J}__thumb`) })
+              children: /* @__PURE__ */ f(ja, { className: ae(`${J}__thumb`) })
             }
           )
         ]
@@ -2567,8 +2567,8 @@ const ja = {
     ) });
   }
 );
-je.displayName = "DrawerScrollArea";
-const ee = X.bind(Oo), M = "purpur-drawer-frame", Rt = B(
+ze.displayName = "DrawerScrollArea";
+const ee = q.bind(Oo), M = "purpur-drawer-frame", Rt = j(
   ({
     ["data-testid"]: e = "purpur-drawer-frame",
     backButton: r,
@@ -2639,9 +2639,9 @@ const ee = X.bind(Oo), M = "purpur-drawer-frame", Rt = B(
               )
             }
           ),
-          _ ? /* @__PURE__ */ D(H, { children: [
+          _ ? /* @__PURE__ */ D(B, { children: [
             /* @__PURE__ */ f(
-              je,
+              ze,
               {
                 className: ee(`${M}__body`),
                 "data-testid": `${e}-sticky-footer-scroll-area`,
@@ -2660,7 +2660,7 @@ const ee = X.bind(Oo), M = "purpur-drawer-frame", Rt = B(
               }
             )
           ] }) : /* @__PURE__ */ f(
-            je,
+            ze,
             {
               className: ee(`${M}__body`),
               "data-testid": `${e}-scroll-area`,
@@ -2694,7 +2694,7 @@ const ee = X.bind(Oo), M = "purpur-drawer-frame", Rt = B(
   }
 );
 Rt.displayName = "DrawerFrame";
-const za = (e, r) => ({
+const Va = (e, r) => ({
   onAnimationEnd: (i) => {
     i.currentTarget.getAttribute("data-swipe") === "end" && r(!1);
   },
@@ -2716,7 +2716,7 @@ const za = (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 = X.bind(Ro), V = "purpur-drawer-content", Dt = B(
+}), ie = q.bind(Ro), Y = "purpur-drawer-content", Dt = j(
   ({
     ["data-testid"]: e = "purpur-drawer-content",
     backButton: r = !1,
@@ -2739,11 +2739,11 @@ const za = (e, r) => ({
   }, E) => {
     const y = ie([
       s,
-      V,
-      { [`${V}--fit-to-content`]: l },
-      { [`${V}--left`]: g === "left" },
-      { [`${V}--right`]: g === "right" }
-    ]), b = $t(null), C = Mt(ut), { onAnimationEnd: x, onSwipeStart: S, onSwipeMove: N, onSwipeCancel: P, onSwipeEnd: A } = za(b, C), F = (ce) => {
+      Y,
+      { [`${Y}--fit-to-content`]: l },
+      { [`${Y}--left`]: g === "left" },
+      { [`${Y}--right`]: g === "right" }
+    ]), b = $t(null), C = Mt(ut), { onAnimationEnd: x, onSwipeStart: S, onSwipeMove: N, onSwipeCancel: P, onSwipeEnd: A } = Va(b, C), F = (ce) => {
       u && ce.preventDefault();
     }, rr = () => {
       const ce = b.current;
@@ -2777,7 +2777,7 @@ const za = (e, r) => ({
                 backButtonText: t,
                 backButtonOnlyIcon: o,
                 closeButtonAriaLabel: i,
-                className: ie(`${V}__drawer-frame`),
+                className: ie(`${Y}__drawer-frame`),
                 fitToContent: l,
                 footerContent: d,
                 headerContent: p,
@@ -2791,11 +2791,11 @@ const za = (e, r) => ({
                 stickyFooter: m,
                 title: w,
                 position: g,
-                children: a ? /* @__PURE__ */ D("div", { className: ie(`${V}__content-container`), children: [
+                children: a ? /* @__PURE__ */ D("div", { className: ie(`${Y}__content-container`), children: [
                   /* @__PURE__ */ f(
                     _o,
                     {
-                      className: ie(`${V}__description`),
+                      className: ie(`${Y}__description`),
                       "data-testid": `${e}-description`,
                       children: a
                     }
@@ -2811,11 +2811,11 @@ const za = (e, r) => ({
   }
 );
 Dt.displayName = "DrawerContent";
-const Tt = B(
+const Tt = j(
   ({ ["data-testid"]: e = "purpur-drawer-trigger", children: r, ...t }, o) => /* @__PURE__ */ f(ho, { asChild: !0, "data-testid": e, ref: o, ...t, children: r })
 );
 Tt.displayName = "DrawerTrigger";
-const Va = X.bind(Eo), Ya = "purpur-drawer", er = ({
+const Ya = q.bind(Eo), Xa = "purpur-drawer", er = ({
   ["data-testid"]: e = "purpur-drawer",
   children: r,
   className: t,
@@ -2823,7 +2823,7 @@ const Va = X.bind(Eo), Ya = "purpur-drawer", er = ({
   open: a = !1,
   ...n
 }) => {
-  const [s, i] = Ie.useState(a), u = Va([t, Ya]), l = (d) => {
+  const [s, i] = Ie.useState(a), u = Ya([t, Xa]), l = (d) => {
     i(d), o == null || o(d);
   };
   return It(() => {