@purpurds/drawer 6.11.0 → 6.12.0

package/dist/drawer.es.js

@@ -1,6 +1,6 @@
-import { jsx as f, Fragment as j, jsxs as D } from "react/jsx-runtime";
+import { jsx as f, Fragment as q, jsxs as D } from "react/jsx-runtime";
 import * as c from "react";
-import Ie, { useState as Dt, createContext as Tt, forwardRef as U, useRef as Ot, useContext as Lt, useEffect as $t } from "react";
+import Ie, { useState as Dt, createContext as Tt, forwardRef as z, useRef as Ot, useContext as Lt, useEffect as $t } from "react";
 import * as Mt from "react-dom";
 import It from "react-dom";
 function R(e, r, { checkForDefaultPrevented: t = !0 } = {}) {
@@ -53,15 +53,15 @@ function Dr(e, r = []) {
     const i = c.createContext(s), u = t.length;
     t = [...t, s];
     const l = (p) => {
-      var w;
-      const { scope: v, children: m, ..._ } = p, h = ((w = v == null ? void 0 : v[e]) == null ? void 0 : w[u]) || i, g = c.useMemo(() => _, Object.values(_));
-      return /* @__PURE__ */ f(h.Provider, { value: g, children: m });
+      var g;
+      const { scope: v, children: m, ...w } = p, h = ((g = v == null ? void 0 : v[e]) == null ? void 0 : g[u]) || i, _ = c.useMemo(() => w, Object.values(w));
+      return /* @__PURE__ */ f(h.Provider, { value: _, children: m });
     };
     l.displayName = n + "Provider";
     function d(p, v) {
       var h;
-      const m = ((h = v == null ? void 0 : v[e]) == null ? void 0 : h[u]) || i, _ = c.useContext(m);
-      if (_) return _;
+      const m = ((h = v == null ? void 0 : v[e]) == null ? void 0 : h[u]) || i, w = c.useContext(m);
+      if (w) return w;
       if (s !== void 0) return s;
       throw new Error(`\`${p}\` must be used within \`${n}\``);
     }
@@ -97,13 +97,13 @@ function Wt(...e) {
   };
   return t.scopeName = r.scopeName, t;
 }
-var se = globalThis != null && globalThis.document ? c.useLayoutEffect : () => {
+var ce = globalThis != null && globalThis.document ? c.useLayoutEffect : () => {
 }, Ft = c.useId || (() => {
-}), qt = 0;
+}), Ut = 0;
 function Pe(e) {
   const [r, t] = c.useState(Ft());
-  return se(() => {
-    t((o) => o ?? String(qt++));
+  return ce(() => {
+    t((o) => o ?? String(Ut++));
   }, [e]), e || (r ? `radix-${r}` : "");
 }
 function T(e) {
@@ -121,7 +121,7 @@ function jt({
   onChange: t = () => {
   }
 }) {
-  const [o, a] = Ut({ defaultProp: r, onChange: t }), n = e !== void 0, s = n ? e : o, i = T(t), u = c.useCallback(
+  const [o, a] = qt({ defaultProp: r, onChange: t }), n = e !== void 0, s = n ? e : o, i = T(t), u = c.useCallback(
     (l) => {
       if (n) {
         const p = typeof l == "function" ? l(e) : l;
@@ -133,7 +133,7 @@ function jt({
   );
   return [s, u];
 }
-function Ut({
+function qt({
   defaultProp: e,
   onChange: r
 }) {
@@ -160,7 +160,7 @@ var ke = c.forwardRef((e, r) => {
   return c.Children.count(t) > 1 ? c.Children.only(null) : null;
 });
 ke.displayName = "SlotClone";
-var zt = ({ children: e }) => /* @__PURE__ */ f(j, { children: e });
+var zt = ({ children: e }) => /* @__PURE__ */ f(q, { children: e });
 function Ht(e) {
   return c.isValidElement(e) && e.type === zt;
 }
@@ -229,15 +229,15 @@ var Kt = "DismissableLayer", We = "dismissableLayer.update", Zt = "dismissableLa
       onInteractOutside: s,
       onDismiss: i,
       ...u
-    } = e, l = c.useContext(Tr), [d, p] = c.useState(null), v = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = c.useState({}), _ = L(r, (y) => p(y)), h = Array.from(l.layers), [g] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), w = h.indexOf(g), E = d ? h.indexOf(d) : -1, b = l.layersWithOutsidePointerEventsDisabled.size > 0, S = E >= w, C = rn((y) => {
-      const A = y.target, P = [...l.branches].some((x) => x.contains(A));
-      !S || P || (a == null || a(y), s == null || s(y), y.defaultPrevented || i == null || i());
-    }, v), N = tn((y) => {
-      const A = y.target;
-      [...l.branches].some((x) => x.contains(A)) || (n == null || n(y), s == null || s(y), y.defaultPrevented || i == null || i());
+    } = e, l = c.useContext(Tr), [d, p] = c.useState(null), v = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = c.useState({}), w = L(r, (S) => p(S)), h = Array.from(l.layers), [_] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), g = h.indexOf(_), E = d ? h.indexOf(d) : -1, b = l.layersWithOutsidePointerEventsDisabled.size > 0, y = E >= g, C = rn((S) => {
+      const A = S.target, P = [...l.branches].some((N) => N.contains(A));
+      !y || P || (a == null || a(S), s == null || s(S), S.defaultPrevented || i == null || i());
+    }, v), x = tn((S) => {
+      const A = S.target;
+      [...l.branches].some((N) => N.contains(A)) || (n == null || n(S), s == null || s(S), S.defaultPrevented || i == null || i());
     }, v);
-    return Gt((y) => {
-      E === l.layers.size - 1 && (o == null || o(y), !y.defaultPrevented && i && (y.preventDefault(), i()));
+    return Gt((S) => {
+      E === l.layers.size - 1 && (o == null || o(S), !S.defaultPrevented && i && (S.preventDefault(), i()));
     }, v), c.useEffect(() => {
       if (d)
         return t && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (tr = v.body.style.pointerEvents, v.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(d)), l.layers.add(d), nr(), () => {
@@ -246,19 +246,19 @@ var Kt = "DismissableLayer", We = "dismissableLayer.update", Zt = "dismissableLa
     }, [d, v, t, l]), c.useEffect(() => () => {
       d && (l.layers.delete(d), l.layersWithOutsidePointerEventsDisabled.delete(d), nr());
     }, [d, l]), c.useEffect(() => {
-      const y = () => m({});
-      return document.addEventListener(We, y), () => document.removeEventListener(We, y);
+      const S = () => m({});
+      return document.addEventListener(We, S), () => document.removeEventListener(We, S);
     }, []), /* @__PURE__ */ f(
       O.div,
       {
         ...u,
-        ref: _,
+        ref: w,
         style: {
-          pointerEvents: b ? S ? "auto" : "none" : void 0,
+          pointerEvents: b ? y ? "auto" : "none" : void 0,
           ...e.style
         },
-        onFocusCapture: R(e.onFocusCapture, N.onFocusCapture),
-        onBlurCapture: R(e.onBlurCapture, N.onBlurCapture),
+        onFocusCapture: R(e.onFocusCapture, x.onFocusCapture),
+        onBlurCapture: R(e.onBlurCapture, x.onBlurCapture),
         onPointerDownCapture: R(
           e.onPointerDownCapture,
           C.onPointerDownCapture
@@ -331,7 +331,7 @@ function Lr(e, r, t, { discrete: o }) {
   const a = t.originalEvent.target, n = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: t });
   r && a.addEventListener(e, r, { once: !0 }), o ? Xt(a, n) : a.dispatchEvent(n);
 }
-var Ne = "focusScope.autoFocusOnMount", xe = "focusScope.autoFocusOnUnmount", or = { bubbles: !1, cancelable: !0 }, nn = "FocusScope", $r = c.forwardRef((e, r) => {
+var xe = "focusScope.autoFocusOnMount", Ne = "focusScope.autoFocusOnUnmount", or = { bubbles: !1, cancelable: !0 }, nn = "FocusScope", $r = c.forwardRef((e, r) => {
   const {
     loop: t = !1,
     trapped: o = !1,
@@ -351,21 +351,21 @@ var Ne = "focusScope.autoFocusOnMount", xe = "focusScope.autoFocusOnUnmount", or
     if (o) {
       let h = function(b) {
         if (m.paused || !i) return;
-        const S = b.target;
-        i.contains(S) ? p.current = S : q(p.current, { select: !0 });
-      }, g = function(b) {
+        const y = b.target;
+        i.contains(y) ? p.current = y : j(p.current, { select: !0 });
+      }, _ = function(b) {
         if (m.paused || !i) return;
-        const S = b.relatedTarget;
-        S !== null && (i.contains(S) || q(p.current, { select: !0 }));
-      }, w = function(b) {
+        const y = b.relatedTarget;
+        y !== null && (i.contains(y) || j(p.current, { select: !0 }));
+      }, g = function(b) {
         if (document.activeElement === document.body)
           for (const C of b)
-            C.removedNodes.length > 0 && q(i);
+            C.removedNodes.length > 0 && j(i);
       };
-      document.addEventListener("focusin", h), document.addEventListener("focusout", g);
-      const E = new MutationObserver(w);
+      document.addEventListener("focusin", h), document.addEventListener("focusout", _);
+      const E = new MutationObserver(g);
       return i && E.observe(i, { childList: !0, subtree: !0 }), () => {
-        document.removeEventListener("focusin", h), document.removeEventListener("focusout", g), E.disconnect();
+        document.removeEventListener("focusin", h), document.removeEventListener("focusout", _), E.disconnect();
       };
     }
   }, [o, i, m.paused]), c.useEffect(() => {
@@ -373,35 +373,35 @@ var Ne = "focusScope.autoFocusOnMount", xe = "focusScope.autoFocusOnUnmount", or
       ir.add(m);
       const h = document.activeElement;
       if (!i.contains(h)) {
-        const w = new CustomEvent(Ne, or);
-        i.addEventListener(Ne, l), i.dispatchEvent(w), w.defaultPrevented || (on(un(Mr(i)), { select: !0 }), document.activeElement === h && q(i));
+        const g = new CustomEvent(xe, or);
+        i.addEventListener(xe, l), i.dispatchEvent(g), g.defaultPrevented || (on(un(Mr(i)), { select: !0 }), document.activeElement === h && j(i));
       }
       return () => {
-        i.removeEventListener(Ne, l), setTimeout(() => {
-          const w = new CustomEvent(xe, or);
-          i.addEventListener(xe, d), i.dispatchEvent(w), w.defaultPrevented || q(h ?? document.body, { select: !0 }), i.removeEventListener(xe, d), ir.remove(m);
+        i.removeEventListener(xe, l), setTimeout(() => {
+          const g = new CustomEvent(Ne, or);
+          i.addEventListener(Ne, d), i.dispatchEvent(g), g.defaultPrevented || j(h ?? document.body, { select: !0 }), i.removeEventListener(Ne, d), ir.remove(m);
         }, 0);
       };
     }
   }, [i, l, d, m]);
-  const _ = c.useCallback(
+  const w = c.useCallback(
     (h) => {
       if (!t && !o || m.paused) return;
-      const g = h.key === "Tab" && !h.altKey && !h.ctrlKey && !h.metaKey, w = document.activeElement;
-      if (g && w) {
-        const E = h.currentTarget, [b, S] = an(E);
-        b && S ? !h.shiftKey && w === S ? (h.preventDefault(), t && q(b, { select: !0 })) : h.shiftKey && w === b && (h.preventDefault(), t && q(S, { select: !0 })) : w === E && h.preventDefault();
+      const _ = h.key === "Tab" && !h.altKey && !h.ctrlKey && !h.metaKey, g = document.activeElement;
+      if (_ && g) {
+        const E = h.currentTarget, [b, y] = an(E);
+        b && y ? !h.shiftKey && g === y ? (h.preventDefault(), t && j(b, { select: !0 })) : h.shiftKey && g === b && (h.preventDefault(), t && j(y, { select: !0 })) : g === E && h.preventDefault();
       }
     },
     [t, o, m.paused]
   );
-  return /* @__PURE__ */ f(O.div, { tabIndex: -1, ...s, ref: v, onKeyDown: _ });
+  return /* @__PURE__ */ f(O.div, { tabIndex: -1, ...s, ref: v, onKeyDown: w });
 });
 $r.displayName = nn;
 function on(e, { select: r = !1 } = {}) {
   const t = document.activeElement;
   for (const o of e)
-    if (q(o, { select: r }), document.activeElement !== t) return;
+    if (j(o, { select: r }), document.activeElement !== t) return;
 }
 function an(e) {
   const r = Mr(e), t = ar(r, e), o = ar(r.reverse(), e);
@@ -433,7 +433,7 @@ function sn(e, { upTo: r }) {
 function cn(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
-function q(e, { select: r = !1 } = {}) {
+function j(e, { select: r = !1 } = {}) {
   if (e && e.focus) {
     const t = document.activeElement;
     e.focus({ preventScroll: !0 }), e !== t && cn(e) && r && e.select();
@@ -463,7 +463,7 @@ function un(e) {
 var dn = "Portal", Ir = c.forwardRef((e, r) => {
   var i;
   const { container: t, ...o } = e, [a, n] = c.useState(!1);
-  se(() => n(!0), []);
+  ce(() => n(!0), []);
   const s = t || a && ((i = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : i.body);
   return s ? It.createPortal(/* @__PURE__ */ f(O.div, { ...o, ref: r }), s) : null;
 });
@@ -471,11 +471,11 @@ Ir.displayName = dn;
 function fn(e, r) {
   return c.useReducer((t, o) => r[t][o] ?? t, e);
 }
-var z = (e) => {
+var H = (e) => {
   const { present: r, children: t } = e, o = pn(r), a = typeof t == "function" ? t({ present: o.isPresent }) : c.Children.only(t), n = L(o.ref, vn(a));
   return typeof t == "function" || o.isPresent ? c.cloneElement(a, { ref: n }) : null;
 };
-z.displayName = "Presence";
+H.displayName = "Presence";
 function pn(e) {
   const [r, t] = c.useState(), o = c.useRef({}), a = c.useRef(e), n = c.useRef("none"), s = e ? "mounted" : "unmounted", [i, u] = fn(s, {
     mounted: {
@@ -491,27 +491,27 @@ function pn(e) {
     }
   });
   return c.useEffect(() => {
-    const l = ce(o.current);
+    const l = le(o.current);
     n.current = i === "mounted" ? l : "none";
-  }, [i]), se(() => {
+  }, [i]), ce(() => {
     const l = o.current, d = a.current;
     if (d !== e) {
-      const v = n.current, m = ce(l);
+      const v = n.current, m = le(l);
       e ? u("MOUNT") : m === "none" || (l == null ? void 0 : l.display) === "none" ? u("UNMOUNT") : u(d && v !== m ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
     }
-  }, [e, u]), se(() => {
+  }, [e, u]), ce(() => {
     if (r) {
       let l;
       const d = r.ownerDocument.defaultView ?? window, p = (m) => {
-        const h = ce(o.current).includes(m.animationName);
+        const h = le(o.current).includes(m.animationName);
         if (m.target === r && h && (u("ANIMATION_END"), !a.current)) {
-          const g = r.style.animationFillMode;
+          const _ = r.style.animationFillMode;
           r.style.animationFillMode = "forwards", l = d.setTimeout(() => {
-            r.style.animationFillMode === "forwards" && (r.style.animationFillMode = g);
+            r.style.animationFillMode === "forwards" && (r.style.animationFillMode = _);
           });
         }
       }, v = (m) => {
-        m.target === r && (n.current = ce(o.current));
+        m.target === r && (n.current = le(o.current));
       };
       return r.addEventListener("animationstart", v), r.addEventListener("animationcancel", p), r.addEventListener("animationend", p), () => {
         d.clearTimeout(l), r.removeEventListener("animationstart", v), r.removeEventListener("animationcancel", p), r.removeEventListener("animationend", p);
@@ -525,7 +525,7 @@ function pn(e) {
     }, [])
   };
 }
-function ce(e) {
+function le(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
 function vn(e) {
@@ -695,12 +695,12 @@ var Fr = Cn(), De = function() {
     onScrollCapture: De,
     onWheelCapture: De,
     onTouchMoveCapture: De
-  }), a = o[0], n = o[1], s = e.forwardProps, i = e.children, u = e.className, l = e.removeScrollBar, d = e.enabled, p = e.shards, v = e.sideCar, m = e.noIsolation, _ = e.inert, h = e.allowPinchZoom, g = e.as, w = g === void 0 ? "div" : g, E = e.gapMode, b = kr(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), S = v, C = yn([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, _ = e.as, g = _ === void 0 ? "div" : _, E = e.gapMode, b = kr(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), y = v, C = yn([t, r]), x = I(I({}, b), a);
   return c.createElement(
     c.Fragment,
     null,
-    d && c.createElement(S, { sideCar: Fr, removeScrollBar: l, shards: p, noIsolation: m, inert: _, setCallbacks: n, allowPinchZoom: !!h, lockRef: t, gapMode: E }),
-    s ? c.cloneElement(c.Children.only(i), I(I({}, N), { ref: C })) : c.createElement(w, I({}, N, { className: u, ref: C }), i)
+    d && c.createElement(y, { sideCar: Fr, removeScrollBar: l, shards: p, noIsolation: m, inert: w, setCallbacks: n, allowPinchZoom: !!h, lockRef: t, gapMode: E }),
+    s ? c.cloneElement(c.Children.only(i), I(I({}, x), { ref: C })) : c.createElement(g, I({}, x, { className: u, ref: C }), i)
   );
 });
 Se.defaultProps = {
@@ -712,16 +712,16 @@ Se.classNames = {
   fullWidth: _e,
   zeroRight: ge
 };
-var Nn = function() {
+var xn = function() {
   if (typeof __webpack_nonce__ < "u")
     return __webpack_nonce__;
 };
-function xn() {
+function Nn() {
   if (!document)
     return null;
   var e = document.createElement("style");
   e.type = "text/css";
-  var r = Nn();
+  var r = xn();
   return r && e.setAttribute("nonce", r), e;
 }
 function An(e, r) {
@@ -735,7 +735,7 @@ var Dn = function() {
   var e = 0, r = null;
   return {
     add: function(t) {
-      e == 0 && (r = xn()) && (An(r, t), Rn(r)), e++;
+      e == 0 && (r = Nn()) && (An(r, t), Rn(r)), e++;
     },
     remove: function() {
       e--, !e && r && (r.parentNode && r.parentNode.removeChild(r), r = null);
@@ -750,7 +750,7 @@ var Dn = function() {
       };
     }, [r && t]);
   };
-}, qr = function() {
+}, Ur = function() {
   var e = Tn(), r = function(t) {
     var o = t.styles, a = t.dynamic;
     return e(o, a), null;
@@ -776,14 +776,14 @@ var Dn = function() {
     right: r[2],
     gap: Math.max(0, o - t + r[2] - r[0])
   };
-}, Mn = qr(), ee = "data-scroll-locked", In = function(e, r, t, o) {
+}, Mn = Ur(), re = "data-scroll-locked", In = 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(gn, ` {
    overflow: hidden `).concat(o, `;
    padding-right: `).concat(i, "px ").concat(o, `;
   }
-  body[`).concat(ee, `] {
+  body[`).concat(re, `] {
     overflow: hidden `).concat(o, `;
     overscroll-behavior: contain;
     `).concat([
@@ -816,18 +816,18 @@ var Dn = function() {
     margin-right: 0 `).concat(o, `;
   }
   
-  body[`).concat(ee, `] {
+  body[`).concat(re, `] {
     `).concat(_n, ": ").concat(i, `px;
   }
 `);
 }, ur = function() {
-  var e = parseInt(document.body.getAttribute(ee) || "0", 10);
+  var e = parseInt(document.body.getAttribute(re) || "0", 10);
   return isFinite(e) ? e : 0;
 }, kn = function() {
   c.useEffect(function() {
-    return document.body.setAttribute(ee, (ur() + 1).toString()), function() {
+    return document.body.setAttribute(re, (ur() + 1).toString()), function() {
       var e = ur() - 1;
-      e <= 0 ? document.body.removeAttribute(ee) : document.body.setAttribute(ee, e.toString());
+      e <= 0 ? document.body.removeAttribute(re) : document.body.setAttribute(re, e.toString());
     };
   }, []);
 }, Wn = function(e) {
@@ -840,12 +840,12 @@ var Dn = function() {
 }, Fe = !1;
 if (typeof window < "u")
   try {
-    var le = Object.defineProperty({}, "passive", {
+    var ue = Object.defineProperty({}, "passive", {
       get: function() {
         return Fe = !0, !0;
       }
     });
-    window.addEventListener("test", le, le), window.removeEventListener("test", le, le);
+    window.addEventListener("test", ue, ue), window.removeEventListener("test", ue, ue);
   } catch {
     Fe = !1;
   }
@@ -860,7 +860,7 @@ var X = Fe ? { passive: !1 } : !1, Fn = function(e) {
     t[r] !== "hidden" && // contains scroll inside self
     !(t.overflowY === t.overflowX && !Fn(e) && t[r] === "visible")
   );
-}, qn = function(e) {
+}, Un = function(e) {
   return jr(e, "overflowY");
 }, jn = function(e) {
   return jr(e, "overflowX");
@@ -868,7 +868,7 @@ var X = Fe ? { passive: !1 } : !1, Fn = function(e) {
   var t = r.ownerDocument, o = r;
   do {
     typeof ShadowRoot < "u" && o instanceof ShadowRoot && (o = o.host);
-    var a = Ur(e, o);
+    var a = qr(e, o);
     if (a) {
       var n = zr(e, o), s = n[1], i = n[2];
       if (s > i)
@@ -877,7 +877,7 @@ var X = Fe ? { passive: !1 } : !1, Fn = function(e) {
     o = o.parentNode;
   } while (o && o !== t.body);
   return !1;
-}, Un = function(e) {
+}, qn = function(e) {
   var r = e.scrollTop, t = e.scrollHeight, o = e.clientHeight;
   return [
     r,
@@ -891,24 +891,24 @@ var X = Fe ? { passive: !1 } : !1, Fn = function(e) {
     t,
     o
   ];
-}, Ur = function(e, r) {
-  return e === "v" ? qn(r) : jn(r);
+}, qr = function(e, r) {
+  return e === "v" ? Un(r) : jn(r);
 }, zr = function(e, r) {
-  return e === "v" ? Un(r) : zn(r);
+  return e === "v" ? qn(r) : zn(r);
 }, Hn = function(e, r) {
   return e === "h" && r === "rtl" ? -1 : 1;
 }, Bn = function(e, r, t, o, a) {
   var n = Hn(e, window.getComputedStyle(r).direction), s = n * o, i = t.target, u = r.contains(i), l = !1, d = s > 0, p = 0, v = 0;
   do {
-    var m = zr(e, i), _ = m[0], h = m[1], g = m[2], w = h - g - n * _;
-    (_ || w) && Ur(e, i) && (p += w, v += _), i instanceof ShadowRoot ? i = i.host : i = i.parentNode;
+    var m = zr(e, i), w = m[0], h = m[1], _ = m[2], g = h - _ - n * w;
+    (w || g) && qr(e, i) && (p += g, v += w), i instanceof ShadowRoot ? i = i.host : i = i.parentNode;
   } while (
     // portaled content
     !u && i !== document.body || // self content
     u && (r.contains(i) || r === i)
   );
   return (d && Math.abs(p) < 1 || !d && Math.abs(v) < 1) && (l = !0), l;
-}, ue = function(e) {
+}, de = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
 }, fr = function(e) {
   return [e.deltaX, e.deltaY];
@@ -923,67 +923,67 @@ var X = Fe ? { passive: !1 } : !1, Fn = function(e) {
 `);
 }, Xn = 0, G = [];
 function Gn(e) {
-  var r = c.useRef([]), t = c.useRef([0, 0]), o = c.useRef(), a = c.useState(Xn++)[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(Xn++)[0], n = c.useState(Ur)[0], s = c.useRef(e);
   c.useEffect(function() {
     s.current = e;
   }, [e]), c.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(a));
       var h = mn([e.lockRef.current], (e.shards || []).map(pr), !0).filter(Boolean);
-      return h.forEach(function(g) {
-        return g.classList.add("allow-interactivity-".concat(a));
+      return h.forEach(function(_) {
+        return _.classList.add("allow-interactivity-".concat(a));
       }), function() {
-        document.body.classList.remove("block-interactivity-".concat(a)), h.forEach(function(g) {
-          return g.classList.remove("allow-interactivity-".concat(a));
+        document.body.classList.remove("block-interactivity-".concat(a)), h.forEach(function(_) {
+          return _.classList.remove("allow-interactivity-".concat(a));
         });
       };
     }
   }, [e.inert, e.lockRef.current, e.shards]);
-  var i = c.useCallback(function(h, g) {
+  var i = c.useCallback(function(h, _) {
     if ("touches" in h && h.touches.length === 2 || h.type === "wheel" && h.ctrlKey)
       return !s.current.allowPinchZoom;
-    var w = ue(h), E = t.current, b = "deltaX" in h ? h.deltaX : E[0] - w[0], S = "deltaY" in h ? h.deltaY : E[1] - w[1], C, N = h.target, y = Math.abs(b) > Math.abs(S) ? "h" : "v";
-    if ("touches" in h && y === "h" && N.type === "range")
+    var g = de(h), E = t.current, b = "deltaX" in h ? h.deltaX : E[0] - g[0], y = "deltaY" in h ? h.deltaY : E[1] - g[1], C, x = h.target, S = Math.abs(b) > Math.abs(y) ? "h" : "v";
+    if ("touches" in h && S === "h" && x.type === "range")
       return !1;
-    var A = dr(y, N);
+    var A = dr(S, x);
     if (!A)
       return !0;
-    if (A ? C = y : (C = y === "v" ? "h" : "v", A = dr(y, N)), !A)
+    if (A ? C = S : (C = S === "v" ? "h" : "v", A = dr(S, x)), !A)
       return !1;
-    if (!o.current && "changedTouches" in h && (b || S) && (o.current = C), !C)
+    if (!o.current && "changedTouches" in h && (b || y) && (o.current = C), !C)
       return !0;
     var P = o.current || C;
-    return Bn(P, g, h, P === "h" ? b : S);
+    return Bn(P, _, h, P === "h" ? b : y);
   }, []), u = c.useCallback(function(h) {
-    var g = h;
+    var _ = h;
     if (!(!G.length || G[G.length - 1] !== n)) {
-      var w = "deltaY" in g ? fr(g) : ue(g), E = r.current.filter(function(C) {
-        return C.name === g.type && (C.target === g.target || g.target === C.shadowParent) && Vn(C.delta, w);
+      var g = "deltaY" in _ ? fr(_) : de(_), E = r.current.filter(function(C) {
+        return C.name === _.type && (C.target === _.target || _.target === C.shadowParent) && Vn(C.delta, g);
       })[0];
       if (E && E.should) {
-        g.cancelable && g.preventDefault();
+        _.cancelable && _.preventDefault();
         return;
       }
       if (!E) {
         var b = (s.current.shards || []).map(pr).filter(Boolean).filter(function(C) {
-          return C.contains(g.target);
-        }), S = b.length > 0 ? i(g, b[0]) : !s.current.noIsolation;
-        S && g.cancelable && g.preventDefault();
+          return C.contains(_.target);
+        }), y = b.length > 0 ? i(_, b[0]) : !s.current.noIsolation;
+        y && _.cancelable && _.preventDefault();
       }
     }
-  }, []), l = c.useCallback(function(h, g, w, E) {
-    var b = { name: h, delta: g, target: w, should: E, shadowParent: Kn(w) };
+  }, []), l = c.useCallback(function(h, _, g, E) {
+    var b = { name: h, delta: _, target: g, should: E, shadowParent: Kn(g) };
     r.current.push(b), setTimeout(function() {
-      r.current = r.current.filter(function(S) {
-        return S !== b;
+      r.current = r.current.filter(function(y) {
+        return y !== b;
       });
     }, 1);
   }, []), d = c.useCallback(function(h) {
-    t.current = ue(h), o.current = void 0;
+    t.current = de(h), o.current = void 0;
   }, []), p = c.useCallback(function(h) {
     l(h.type, fr(h), h.target, i(h, e.lockRef.current));
   }, []), v = c.useCallback(function(h) {
-    l(h.type, ue(h), h.target, i(h, e.lockRef.current));
+    l(h.type, de(h), h.target, i(h, e.lockRef.current));
   }, []);
   c.useEffect(function() {
     return G.push(n), e.setCallbacks({
@@ -996,11 +996,11 @@ function Gn(e) {
       }), document.removeEventListener("wheel", u, X), document.removeEventListener("touchmove", u, X), document.removeEventListener("touchstart", d, X);
     };
   }, []);
-  var m = e.removeScrollBar, _ = e.inert;
+  var m = e.removeScrollBar, w = e.inert;
   return c.createElement(
     c.Fragment,
     null,
-    _ ? c.createElement(n, { styles: Yn(a) }) : null,
+    w ? c.createElement(n, { styles: Yn(a) }) : null,
     m ? c.createElement(Wn, { gapMode: e.gapMode }) : null
   );
 }
@@ -1019,7 +1019,7 @@ var Qn = function(e) {
     return null;
   var r = Array.isArray(e) ? e[0] : e;
   return r.ownerDocument.body;
-}, K = /* @__PURE__ */ new WeakMap(), de = /* @__PURE__ */ new WeakMap(), fe = {}, Oe = 0, Br = function(e) {
+}, K = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {}, Oe = 0, Br = function(e) {
   return e && (e.host || Br(e.parentNode));
 }, Jn = function(e, r) {
   return r.map(function(t) {
@@ -1032,8 +1032,8 @@ var Qn = function(e) {
   });
 }, eo = function(e, r, t, o) {
   var a = Jn(r, Array.isArray(e) ? e : [e]);
-  fe[t] || (fe[t] = /* @__PURE__ */ new WeakMap());
-  var n = fe[t], s = [], i = /* @__PURE__ */ new Set(), u = new Set(a), l = function(p) {
+  pe[t] || (pe[t] = /* @__PURE__ */ new WeakMap());
+  var n = pe[t], s = [], i = /* @__PURE__ */ new Set(), u = new Set(a), l = function(p) {
     !p || i.has(p) || (i.add(p), l(p.parentNode));
   };
   a.forEach(l);
@@ -1043,18 +1043,18 @@ var Qn = function(e) {
         d(v);
       else
         try {
-          var m = v.getAttribute(o), _ = m !== null && m !== "false", h = (K.get(v) || 0) + 1, g = (n.get(v) || 0) + 1;
-          K.set(v, h), n.set(v, g), s.push(v), h === 1 && _ && de.set(v, !0), g === 1 && v.setAttribute(t, "true"), _ || v.setAttribute(o, "true");
-        } catch (w) {
-          console.error("aria-hidden: cannot operate on ", v, w);
+          var m = v.getAttribute(o), w = m !== null && m !== "false", h = (K.get(v) || 0) + 1, _ = (n.get(v) || 0) + 1;
+          K.set(v, h), n.set(v, _), s.push(v), h === 1 && w && fe.set(v, !0), _ === 1 && v.setAttribute(t, "true"), w || v.setAttribute(o, "true");
+        } catch (g) {
+          console.error("aria-hidden: cannot operate on ", v, g);
         }
     });
   };
   return d(r), i.clear(), Oe++, function() {
     s.forEach(function(p) {
       var v = K.get(p) - 1, m = n.get(p) - 1;
-      K.set(p, v), n.set(p, m), v || (de.has(p) || p.removeAttribute(o), de.delete(p)), m || p.removeAttribute(t);
-    }), Oe--, Oe || (K = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new WeakMap(), de = /* @__PURE__ */ new WeakMap(), fe = {});
+      K.set(p, v), n.set(p, m), v || (fe.has(p) || p.removeAttribute(o), fe.delete(p)), m || p.removeAttribute(t);
+    }), Oe--, Oe || (K = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {});
   };
 }, ro = function(e, r, t) {
   t === void 0 && (t = "data-aria-hidden");
@@ -1116,13 +1116,13 @@ var Ye = "DialogPortal", [no, Kr] = Vr(Ye, {
   forceMount: void 0
 }), Zr = (e) => {
   const { __scopeDialog: r, forceMount: t, children: o, container: a } = e, n = M(Ye, r);
-  return /* @__PURE__ */ f(no, { scope: r, forceMount: t, children: c.Children.map(o, (s) => /* @__PURE__ */ f(z, { present: t || n.open, children: /* @__PURE__ */ f(Ir, { asChild: !0, container: a, children: s }) })) });
+  return /* @__PURE__ */ f(no, { scope: r, forceMount: t, children: c.Children.map(o, (s) => /* @__PURE__ */ f(H, { present: t || n.open, children: /* @__PURE__ */ f(Ir, { asChild: !0, container: a, children: s }) })) });
 };
 Zr.displayName = Ye;
 var we = "DialogOverlay", Qr = c.forwardRef(
   (e, r) => {
     const t = Kr(we, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = M(we, e.__scopeDialog);
-    return n.modal ? /* @__PURE__ */ f(z, { present: o || n.open, children: /* @__PURE__ */ f(oo, { ...a, ref: r }) }) : null;
+    return n.modal ? /* @__PURE__ */ f(H, { present: o || n.open, children: /* @__PURE__ */ f(oo, { ...a, ref: r }) }) : null;
   }
 );
 Qr.displayName = we;
@@ -1143,16 +1143,16 @@ var oo = c.forwardRef(
       ) })
     );
   }
-), B = "DialogContent", Jr = c.forwardRef(
+), V = "DialogContent", Jr = c.forwardRef(
   (e, r) => {
-    const t = Kr(B, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = M(B, e.__scopeDialog);
-    return /* @__PURE__ */ f(z, { present: o || n.open, children: n.modal ? /* @__PURE__ */ f(ao, { ...a, ref: r }) : /* @__PURE__ */ f(io, { ...a, ref: r }) });
+    const t = Kr(V, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = M(V, e.__scopeDialog);
+    return /* @__PURE__ */ f(H, { present: o || n.open, children: n.modal ? /* @__PURE__ */ f(ao, { ...a, ref: r }) : /* @__PURE__ */ f(io, { ...a, ref: r }) });
   }
 );
-Jr.displayName = B;
+Jr.displayName = V;
 var ao = c.forwardRef(
   (e, r) => {
-    const t = M(B, e.__scopeDialog), o = c.useRef(null), a = L(r, t.contentRef, o);
+    const t = M(V, e.__scopeDialog), o = c.useRef(null), a = L(r, t.contentRef, o);
     return c.useEffect(() => {
       const n = o.current;
       if (n) return ro(n);
@@ -1180,7 +1180,7 @@ var ao = c.forwardRef(
   }
 ), io = c.forwardRef(
   (e, r) => {
-    const t = M(B, e.__scopeDialog), o = c.useRef(!1), a = c.useRef(!1);
+    const t = M(V, e.__scopeDialog), o = c.useRef(!1), a = c.useRef(!1);
     return /* @__PURE__ */ f(
       et,
       {
@@ -1203,8 +1203,8 @@ var ao = c.forwardRef(
   }
 ), et = c.forwardRef(
   (e, r) => {
-    const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...s } = e, i = M(B, t), u = c.useRef(null), l = L(r, u);
-    return hn(), /* @__PURE__ */ D(j, { children: [
+    const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...s } = e, i = M(V, t), u = c.useRef(null), l = L(r, u);
+    return hn(), /* @__PURE__ */ D(q, { children: [
       /* @__PURE__ */ f(
         $r,
         {
@@ -1228,7 +1228,7 @@ var ao = c.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ D(j, { children: [
+      /* @__PURE__ */ D(q, { children: [
         /* @__PURE__ */ f(so, { titleId: i.titleId }),
         /* @__PURE__ */ f(lo, { contentRef: u, descriptionId: i.descriptionId })
       ] })
@@ -1267,7 +1267,7 @@ function Ge(e) {
   return e ? "open" : "closed";
 }
 var it = "DialogTitleWarning", [Ga, st] = kt(it, {
-  contentName: B,
+  contentName: V,
   titleName: Xe,
   docsSlug: "dialog"
 }), so = ({ titleId: e }) => {
@@ -1286,7 +1286,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${r.do
     const a = (n = e.current) == null ? void 0 : n.getAttribute("aria-describedby");
     r && a && (document.getElementById(r) || console.warn(o));
   }, [o, e, r]), null;
-}, uo = Yr, fo = Gr, po = Zr, vo = Qr, ho = Jr, pe = rt, mo = nt, go = at;
+}, uo = Yr, fo = Gr, po = Zr, vo = Qr, ho = Jr, ve = rt, mo = nt, go = at;
 function _o(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -1330,22 +1330,23 @@ function wo() {
   }(Le)), Le.exports;
 }
 var bo = wo();
-const V = /* @__PURE__ */ _o(bo), ct = Tt(null), yo = {}, So = "_drawerSmallScreenAnimation_5le47_1", Eo = "_drawerLargeScreenAnimation_5le47_1", Co = "_slideDown_5le47_1", Po = "_overlayAnimation_5le47_1", No = {
-  "purpur-drawer-content": "_purpur-drawer-content_5le47_1",
+const Y = /* @__PURE__ */ _o(bo), ct = Tt(null), yo = {}, So = "_drawerSmallScreenAnimation_1xk2s_1", Eo = "_drawerLargeScreenAnimation_1xk2s_1", Co = "_slideDown_1xk2s_1", Po = "_overlayAnimation_1xk2s_1", xo = {
+  "purpur-drawer-content": "_purpur-drawer-content_1xk2s_1",
   drawerSmallScreenAnimation: So,
+  "purpur-drawer-content--fit-to-content": "_purpur-drawer-content--fit-to-content_1xk2s_12",
   drawerLargeScreenAnimation: Eo,
-  "purpur-drawer-content__content-container": "_purpur-drawer-content__content-container_5le47_28",
-  "purpur-drawer-content__drawer-frame": "_purpur-drawer-content__drawer-frame_5le47_33",
+  "purpur-drawer-content__content-container": "_purpur-drawer-content__content-container_1xk2s_35",
+  "purpur-drawer-content__drawer-frame": "_purpur-drawer-content__drawer-frame_1xk2s_40",
   slideDown: Co,
-  "purpur-drawer-content__description": "_purpur-drawer-content__description_5le47_43",
-  "purpur-drawer-overlay": "_purpur-drawer-overlay_5le47_54",
+  "purpur-drawer-content__description": "_purpur-drawer-content__description_1xk2s_50",
+  "purpur-drawer-overlay": "_purpur-drawer-overlay_1xk2s_61",
   overlayAnimation: Po
-}, xo = {
+}, No = {
   "purpur-drawer-container--header": "_purpur-drawer-container--header_1r6tb_1",
   "purpur-drawer-container--body": "_purpur-drawer-container--body_1r6tb_5",
   "purpur-drawer-container--sticky": "_purpur-drawer-container--sticky_1r6tb_8",
   "purpur-drawer-container--footer": "_purpur-drawer-container--footer_1r6tb_11"
-}, Ao = V.bind(xo), $e = "purpur-drawer-container", J = U(
+}, Ao = Y.bind(No), $e = "purpur-drawer-container", ee = z(
   ({
     ["data-testid"]: e = "purpur-drawer-container",
     children: r,
@@ -1367,15 +1368,16 @@ const V = /* @__PURE__ */ _o(bo), ct = Tt(null), yo = {}, So = "_drawerSmallScre
     return /* @__PURE__ */ f("div", { className: i, "data-testid": e, ref: s, ...n, children: r });
   }
 );
-J.displayName = "DrawerContainer";
+ee.displayName = "DrawerContainer";
 const Ro = {
-  "purpur-drawer-frame": "_purpur-drawer-frame_dq9kv_1",
-  "purpur-drawer-frame--sticky-footer": "_purpur-drawer-frame--sticky-footer_dq9kv_18",
-  "purpur-drawer-frame__header": "_purpur-drawer-frame__header_dq9kv_21",
-  "purpur-drawer-frame__body": "_purpur-drawer-frame__body_dq9kv_24",
-  "purpur-drawer-frame__footer": "_purpur-drawer-frame__footer_dq9kv_30",
-  "purpur-drawer-frame__content-container": "_purpur-drawer-frame__content-container_dq9kv_33",
-  "purpur-drawer-frame__content-container--no-footer": "_purpur-drawer-frame__content-container--no-footer_dq9kv_38"
+  "purpur-drawer-frame": "_purpur-drawer-frame_1gdvv_1",
+  "purpur-drawer-frame--sticky-footer": "_purpur-drawer-frame--sticky-footer_1gdvv_17",
+  "purpur-drawer-frame__header": "_purpur-drawer-frame__header_1gdvv_20",
+  "purpur-drawer-frame__body": "_purpur-drawer-frame__body_1gdvv_23",
+  "purpur-drawer-frame--fit-to-content": "_purpur-drawer-frame--fit-to-content_1gdvv_27",
+  "purpur-drawer-frame__footer": "_purpur-drawer-frame__footer_1gdvv_36",
+  "purpur-drawer-frame__content-container": "_purpur-drawer-frame__content-container_1gdvv_39",
+  "purpur-drawer-frame__content-container--no-footer": "_purpur-drawer-frame__content-container--no-footer_1gdvv_44"
 }, Do = {
   "purpur-drawer-handle": "_purpur-drawer-handle_3n0ew_1"
 }, To = (e, r, t, o, a, n) => ({
@@ -1385,19 +1387,19 @@ const Ro = {
   onPointerMove: (l) => {
     if (!e.current)
       return;
-    const d = l.clientY - e.current.y, p = !!r.current, v = Math.max(0, d), m = l.pointerType === "touch" ? 10 : 2, _ = { y: v }, h = { originalEvent: l, delta: _ };
-    p ? (r.current = _, o(h)) : hr(_, 0) ? (r.current = _, t(), l.target.setPointerCapture(l.pointerId)) : Math.abs(d) > m && (e.current = null);
+    const d = l.clientY - e.current.y, p = !!r.current, v = Math.max(0, d), m = l.pointerType === "touch" ? 10 : 2, w = { y: v }, h = { originalEvent: l, delta: w };
+    p ? (r.current = w, o(h)) : hr(w, 0) ? (r.current = w, t(), l.target.setPointerCapture(l.pointerId)) : Math.abs(d) > m && (e.current = null);
   },
   onPointerUp: (l) => {
     const d = r.current, p = l.target;
     if (p.hasPointerCapture(l.pointerId) && p.releasePointerCapture(l.pointerId), r.current = null, e.current = null, d) {
       const v = l.currentTarget, m = { originalEvent: l, delta: d };
-      hr(d, 0) && d.y > 200 ? n(m) : a(), v.addEventListener("click", (_) => _.preventDefault(), {
+      hr(d, 0) && d.y > 200 ? n(m) : a(), v.addEventListener("click", (w) => w.preventDefault(), {
         once: !0
       });
     }
   }
-}), hr = (e, r = 0) => Math.abs(e.y) > r, Oo = V.bind(Do), Lo = "purpur-drawer-handle", lt = U(
+}), hr = (e, r = 0) => Math.abs(e.y) > r, Oo = Y.bind(Do), Lo = "purpur-drawer-handle", lt = z(
   ({
     ["data-testid"]: e = "purpur-drawer-handle",
     className: r,
@@ -1476,7 +1478,7 @@ function Io() {
   }(mr)), mr.exports;
 }
 var ko = Io();
-const _r = /* @__PURE__ */ Mo(ko), Wo = "_rotate_1xozj_1", Fo = "_dash_1xozj_1", te = {
+const _r = /* @__PURE__ */ Mo(ko), Wo = "_rotate_1xozj_1", Fo = "_dash_1xozj_1", ne = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
   rotate: Wo,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
@@ -1488,26 +1490,26 @@ const _r = /* @__PURE__ */ Mo(ko), Wo = "_rotate_1xozj_1", Fo = "_dash_1xozj_1",
   dash: Fo,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, ne = "purpur-spinner", qo = {
+}, oe = "purpur-spinner", Uo = {
   SM: "sm"
 }, jo = ({
   ["data-testid"]: e,
   disabled: r = !1,
   negative: t = !1,
-  size: o = qo.SM,
+  size: o = Uo.SM,
   ...a
 }) => /* @__PURE__ */ f(
   "div",
   {
-    className: _r([te[ne], te[`${ne}--${o}`]]),
+    className: _r([ne[oe], ne[`${oe}--${o}`]]),
     "data-testid": e,
     ...a,
     children: /* @__PURE__ */ f("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ f(
       "circle",
       {
-        className: _r(te[`${ne}__circle`], {
-          [te[`${ne}__circle--disabled`]]: r,
-          [te[`${ne}__circle--negative`]]: t
+        className: _r(ne[`${oe}__circle`], {
+          [ne[`${oe}__circle--disabled`]]: r,
+          [ne[`${oe}__circle--negative`]]: t
         }),
         cx: "25",
         cy: "25",
@@ -1516,7 +1518,7 @@ const _r = /* @__PURE__ */ Mo(ko), Wo = "_rotate_1xozj_1", Fo = "_dash_1xozj_1",
     ) })
   }
 );
-function Uo(e) {
+function qo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var wr = { exports: {} };
@@ -1559,7 +1561,7 @@ function zo() {
   }(wr)), wr.exports;
 }
 var Ho = zo();
-const Bo = /* @__PURE__ */ Uo(Ho), Vo = {
+const Bo = /* @__PURE__ */ qo(Ho), Vo = {
   "purpur-button": "_purpur-button_w455q_1",
   "purpur-button--xs": "_purpur-button--xs_w455q_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
@@ -1584,7 +1586,7 @@ const Bo = /* @__PURE__ */ Uo(Ho), Vo = {
 }, Me = {
   TERTIARY_PURPLE: "tertiary-purple",
   TEXT: "text"
-}, Yo = Bo.bind(Vo), H = "purpur-button", Xo = ({
+}, Yo = Bo.bind(Vo), B = "purpur-button", Xo = ({
   children: e,
   className: r,
   ["data-testid"]: t,
@@ -1601,41 +1603,41 @@ const Bo = /* @__PURE__ */ Uo(Ho), Vo = {
 }, m) => {
   if (n && d === "destructive")
     return null;
-  const _ = Yo(
+  const w = Yo(
     [
-      H,
-      `${H}--${i ? `${d}-negative` : d}`,
-      `${H}--${l}`
+      B,
+      `${B}--${i ? `${d}-negative` : d}`,
+      `${B}--${l}`
     ],
     {
-      [`${H}--icon-only`]: n,
-      [`${H}--negative`]: i,
-      [`${H}--full-width`]: a,
-      [`${H}--disabled`]: o || s
+      [`${B}--icon-only`]: n,
+      [`${B}--negative`]: i,
+      [`${B}--full-width`]: a,
+      [`${B}--disabled`]: o || s
     },
     r
-  ), h = (w) => {
-    o || s ? w.preventDefault() : u && u(w);
-  }, g = !!v["aria-disabled"] || o || s;
+  ), h = (g) => {
+    o || s ? g.preventDefault() : u && u(g);
+  }, _ = !!v["aria-disabled"] || o || s;
   return /* @__PURE__ */ D(
     "button",
     {
-      className: _,
+      className: w,
       "data-testid": t,
       type: p,
       ref: m,
-      "aria-disabled": g,
+      "aria-disabled": _,
       onClick: h,
       ...v,
       children: [
-        s && /* @__PURE__ */ f(jo, { size: l === $o.LG ? "xs" : "xxs", negative: i, disabled: g }),
+        s && /* @__PURE__ */ f(jo, { size: l === $o.LG ? "xs" : "xxs", negative: i, disabled: _ }),
         " ",
         e
       ]
     }
   );
-}, qe = U(Xo);
-qe.displayName = "Button";
+}, Ue = z(Xo);
+Ue.displayName = "Button";
 function Go(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -1679,7 +1681,7 @@ function Ko() {
   }(yr)), yr.exports;
 }
 var Zo = Ko();
-const Qo = /* @__PURE__ */ Go(Zo), ve = {
+const Qo = /* @__PURE__ */ Go(Zo), he = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -1698,7 +1700,7 @@ const Qo = /* @__PURE__ */ Go(Zo), ve = {
 }, je = {
   TITLE100: "title-100",
   TITLE200: "title-200"
-}, he = "purpur-heading", Ue = ({
+}, me = "purpur-heading", qe = ({
   children: e,
   className: r = "",
   enableHyphenation: t = !1,
@@ -1709,16 +1711,16 @@ const Qo = /* @__PURE__ */ Go(Zo), ve = {
 }) => {
   const i = a, u = Qo([
     r,
-    ve[he],
-    ve[`${he}--${n}`],
+    he[me],
+    he[`${me}--${n}`],
     {
-      [ve[`${he}--hyphens`]]: t,
-      [ve[`${he}--negative`]]: o
+      [he[`${me}--hyphens`]]: t,
+      [he[`${me}--negative`]]: o
     }
   ]);
   return /* @__PURE__ */ f(i, { className: u, ...s, children: e });
 };
-Ue.displayName = "Heading";
+qe.displayName = "Heading";
 function Jo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -1816,7 +1818,7 @@ const ua = {
   category: "utility"
 }, dt = (e) => /* @__PURE__ */ f(Ke, { ...e, svg: ua });
 dt.displayName = "IconClose";
-function Nr(e, r) {
+function xr(e, r) {
   if (typeof e == "function")
     return e(r);
   e != null && (e.current = r);
@@ -1825,14 +1827,14 @@ function da(...e) {
   return (r) => {
     let t = !1;
     const o = e.map((a) => {
-      const n = Nr(a, r);
+      const n = xr(a, r);
       return !t && typeof n == "function" && (t = !0), n;
     });
     if (t)
       return () => {
         for (let a = 0; a < o.length; a++) {
           const n = o[a];
-          typeof n == "function" ? n() : Nr(e[a], null);
+          typeof n == "function" ? n() : xr(e[a], null);
         }
       };
   };
@@ -1855,7 +1857,7 @@ var ze = c.forwardRef((e, r) => {
   return c.Children.count(t) > 1 ? c.Children.only(null) : null;
 });
 ze.displayName = "SlotClone";
-var fa = ({ children: e }) => /* @__PURE__ */ f(j, { children: e });
+var fa = ({ children: e }) => /* @__PURE__ */ f(q, { children: e });
 function pa(e) {
   return c.isValidElement(e) && e.type === fa;
 }
@@ -1922,7 +1924,7 @@ var ma = [
 );
 pt.displayName = _a;
 var wa = pt;
-const xr = ({
+const Nr = ({
   asChild: e,
   children: r,
   className: t = "",
@@ -1934,7 +1936,7 @@ const xr = ({
   "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 = V.bind(ba), W = "purpur-drawer-header", vt = U(
+}, Z = Y.bind(ba), U = "purpur-drawer-header", vt = z(
   ({
     ["data-testid"]: e = "purpur-drawer-header",
     backButton: r,
@@ -1947,27 +1949,27 @@ const xr = ({
     title: u,
     ...l
   }, d) => {
-    const p = Z([a, W]);
+    const p = Z([a, U]);
     return /* @__PURE__ */ D("div", { className: p, "data-testid": e, ref: d, ...l, children: [
       /* @__PURE__ */ D(
         "div",
         {
           className: Z([
-            `${W}__row`,
+            `${U}__row`,
             {
-              [`${W}__row--with-back-button`]: r && t && i
+              [`${U}__row--with-back-button`]: r && t && i
             }
           ]),
           "data-testid": `${e}-row`,
           children: [
-            /* @__PURE__ */ f("div", { className: Z(`${W}__left`), children: r && t && i ? /* @__PURE__ */ D(
-              qe,
+            /* @__PURE__ */ f("div", { className: Z(`${U}__left`), children: r && t && i ? /* @__PURE__ */ D(
+              Ue,
               {
                 "aria-label": o ? t : "",
                 className: Z([
-                  `${W}__back-button`,
+                  `${U}__back-button`,
                   {
-                    [`${W}__back-button--only-icon`]: o
+                    [`${U}__back-button--only-icon`]: o
                   }
                 ]),
                 "data-testid": `${e}-back-button`,
@@ -1980,11 +1982,11 @@ const xr = ({
                   !o && t
                 ]
               }
-            ) : s ? /* @__PURE__ */ D(j, { children: [
+            ) : s ? /* @__PURE__ */ D(q, { children: [
               s,
-              /* @__PURE__ */ f(xr, { asChild: !0, children: /* @__PURE__ */ f(pe, { asChild: !0, children: u }) })
-            ] }) : /* @__PURE__ */ f(pe, { asChild: !0, children: /* @__PURE__ */ f(
-              Ue,
+              /* @__PURE__ */ f(Nr, { asChild: !0, children: /* @__PURE__ */ f(ve, { asChild: !0, children: u }) })
+            ] }) : /* @__PURE__ */ f(ve, { asChild: !0, children: /* @__PURE__ */ f(
+              qe,
               {
                 "data-testid": `${e}-title`,
                 tag: "h2",
@@ -1992,11 +1994,11 @@ const xr = ({
                 children: u
               }
             ) }) }),
-            /* @__PURE__ */ f("div", { className: Z(`${W}__right`), children: /* @__PURE__ */ f(go, { asChild: !0, children: /* @__PURE__ */ f(
-              qe,
+            /* @__PURE__ */ f("div", { className: Z(`${U}__right`), children: /* @__PURE__ */ f(go, { asChild: !0, children: /* @__PURE__ */ f(
+              Ue,
               {
                 "aria-label": n,
-                className: Z(`${W}__close-button`),
+                className: Z(`${U}__close-button`),
                 iconOnly: !0,
                 size: "sm",
                 variant: Me.TERTIARY_PURPLE,
@@ -2006,11 +2008,11 @@ const xr = ({
           ]
         }
       ),
-      r && t && i && (s ? /* @__PURE__ */ D(j, { children: [
+      r && t && i && (s ? /* @__PURE__ */ D(q, { children: [
         s,
-        /* @__PURE__ */ f(xr, { asChild: !0, children: /* @__PURE__ */ f(pe, { asChild: !0, children: u }) })
-      ] }) : /* @__PURE__ */ f(pe, { asChild: !0, children: /* @__PURE__ */ f(
-        Ue,
+        /* @__PURE__ */ f(Nr, { asChild: !0, children: /* @__PURE__ */ f(ve, { asChild: !0, children: u }) })
+      ] }) : /* @__PURE__ */ f(ve, { asChild: !0, children: /* @__PURE__ */ f(
+        qe,
         {
           "data-testid": `${e}-title-with-back-button`,
           tag: "h2",
@@ -2041,13 +2043,13 @@ var Ze = "ScrollArea", [ht, Ka] = Dr(Ze), [Pa, $] = ht(Ze), mt = c.forwardRef(
       dir: a,
       scrollHideDelay: n = 600,
       ...s
-    } = e, [i, u] = c.useState(null), [l, d] = c.useState(null), [p, v] = c.useState(null), [m, _] = c.useState(null), [h, g] = c.useState(null), [w, E] = c.useState(0), [b, S] = c.useState(0), [C, N] = c.useState(!1), [y, A] = c.useState(!1), P = L(r, (Y) => u(Y)), x = Sa(a);
+    } = e, [i, u] = c.useState(null), [l, d] = c.useState(null), [p, v] = c.useState(null), [m, w] = c.useState(null), [h, _] = c.useState(null), [g, E] = c.useState(0), [b, y] = c.useState(0), [C, x] = c.useState(!1), [S, A] = c.useState(!1), P = L(r, (F) => u(F)), N = Sa(a);
     return /* @__PURE__ */ f(
       Pa,
       {
         scope: t,
         type: o,
-        dir: x,
+        dir: N,
         scrollHideDelay: n,
         scrollArea: i,
         viewport: l,
@@ -2055,25 +2057,25 @@ var Ze = "ScrollArea", [ht, Ka] = Dr(Ze), [Pa, $] = ht(Ze), mt = c.forwardRef(
         content: p,
         onContentChange: v,
         scrollbarX: m,
-        onScrollbarXChange: _,
+        onScrollbarXChange: w,
         scrollbarXEnabled: C,
-        onScrollbarXEnabledChange: N,
+        onScrollbarXEnabledChange: x,
         scrollbarY: h,
-        onScrollbarYChange: g,
-        scrollbarYEnabled: y,
+        onScrollbarYChange: _,
+        scrollbarYEnabled: S,
         onScrollbarYEnabledChange: A,
         onCornerWidthChange: E,
-        onCornerHeightChange: S,
+        onCornerHeightChange: y,
         children: /* @__PURE__ */ f(
           O.div,
           {
-            dir: x,
+            dir: N,
             ...s,
             ref: P,
             style: {
               position: "relative",
               // Pass corner sizes as CSS vars to reduce re-renders of context consumers
-              "--radix-scroll-area-corner-width": w + "px",
+              "--radix-scroll-area-corner-width": g + "px",
               "--radix-scroll-area-corner-height": b + "px",
               ...e.style
             }
@@ -2087,7 +2089,7 @@ mt.displayName = Ze;
 var gt = "ScrollAreaViewport", _t = c.forwardRef(
   (e, r) => {
     const { __scopeScrollArea: t, children: o, nonce: a, ...n } = e, s = $(gt, t), i = c.useRef(null), u = L(r, i, s.onViewportChange);
-    return /* @__PURE__ */ D(j, { children: [
+    return /* @__PURE__ */ D(q, { children: [
       /* @__PURE__ */ f(
         "style",
         {
@@ -2131,11 +2133,11 @@ var k = "ScrollAreaScrollbar", wt = c.forwardRef(
     const { forceMount: t, ...o } = e, a = $(k, e.__scopeScrollArea), { onScrollbarXEnabledChange: n, onScrollbarYEnabledChange: s } = a, i = e.orientation === "horizontal";
     return c.useEffect(() => (i ? n(!0) : s(!0), () => {
       i ? n(!1) : s(!1);
-    }), [i, n, s]), a.type === "hover" ? /* @__PURE__ */ f(Na, { ...o, ref: r, forceMount: t }) : a.type === "scroll" ? /* @__PURE__ */ f(xa, { ...o, ref: r, forceMount: t }) : a.type === "auto" ? /* @__PURE__ */ f(bt, { ...o, ref: r, forceMount: t }) : a.type === "always" ? /* @__PURE__ */ f(Qe, { ...o, ref: r }) : null;
+    }), [i, n, s]), a.type === "hover" ? /* @__PURE__ */ f(xa, { ...o, ref: r, forceMount: t }) : a.type === "scroll" ? /* @__PURE__ */ f(Na, { ...o, ref: r, forceMount: t }) : a.type === "auto" ? /* @__PURE__ */ f(bt, { ...o, ref: r, forceMount: t }) : a.type === "always" ? /* @__PURE__ */ f(Qe, { ...o, ref: r }) : null;
   }
 );
 wt.displayName = k;
-var Na = c.forwardRef((e, r) => {
+var xa = c.forwardRef((e, r) => {
   const { forceMount: t, ...o } = e, a = $(k, e.__scopeScrollArea), [n, s] = c.useState(!1);
   return c.useEffect(() => {
     const i = a.scrollArea;
@@ -2150,7 +2152,7 @@ var Na = c.forwardRef((e, r) => {
         window.clearTimeout(u), i.removeEventListener("pointerenter", l), i.removeEventListener("pointerleave", d);
       };
     }
-  }, [a.scrollArea, a.scrollHideDelay]), /* @__PURE__ */ f(z, { present: t || n, children: /* @__PURE__ */ f(
+  }, [a.scrollArea, a.scrollHideDelay]), /* @__PURE__ */ f(H, { present: t || n, children: /* @__PURE__ */ f(
     bt,
     {
       "data-state": n ? "visible" : "hidden",
@@ -2158,7 +2160,7 @@ var Na = c.forwardRef((e, r) => {
       ref: r
     }
   ) });
-}), xa = c.forwardRef((e, r) => {
+}), Na = c.forwardRef((e, r) => {
   const { forceMount: t, ...o } = e, a = $(k, e.__scopeScrollArea), n = e.orientation === "horizontal", s = Ce(() => u("SCROLL_END"), 100), [i, u] = Ca("hidden", {
     hidden: {
       SCROLL: "scrolling"
@@ -2192,7 +2194,7 @@ var Na = c.forwardRef((e, r) => {
       };
       return l.addEventListener("scroll", v), () => l.removeEventListener("scroll", v);
     }
-  }, [a.viewport, n, u, s]), /* @__PURE__ */ f(z, { present: t || i !== "hidden", children: /* @__PURE__ */ f(
+  }, [a.viewport, n, u, s]), /* @__PURE__ */ f(H, { present: t || i !== "hidden", children: /* @__PURE__ */ f(
     Qe,
     {
       "data-state": i === "hidden" ? "hidden" : "visible",
@@ -2209,7 +2211,7 @@ var Na = c.forwardRef((e, r) => {
       s(i ? l : d);
     }
   }, 10);
-  return re(t.viewport, u), re(t.content, u), /* @__PURE__ */ f(z, { present: o || n, children: /* @__PURE__ */ f(
+  return te(t.viewport, u), te(t.content, u), /* @__PURE__ */ f(H, { present: o || n, children: /* @__PURE__ */ f(
     Qe,
     {
       "data-state": n ? "visible" : "hidden",
@@ -2294,7 +2296,7 @@ var Na = c.forwardRef((e, r) => {
       onWheelScroll: (d, p) => {
         if (n.viewport) {
           const v = n.viewport.scrollLeft + d.deltaX;
-          e.onWheelScroll(v), Nt(v, p) && d.preventDefault();
+          e.onWheelScroll(v), xt(v, p) && d.preventDefault();
         }
       },
       onResize: () => {
@@ -2334,7 +2336,7 @@ var Na = c.forwardRef((e, r) => {
       onWheelScroll: (d, p) => {
         if (n.viewport) {
           const v = n.viewport.scrollTop + d.deltaY;
-          e.onWheelScroll(v), Nt(v, p) && d.preventDefault();
+          e.onWheelScroll(v), xt(v, p) && d.preventDefault();
         }
       },
       onResize: () => {
@@ -2363,42 +2365,42 @@ var Na = c.forwardRef((e, r) => {
     onWheelScroll: d,
     onResize: p,
     ...v
-  } = e, m = $(k, t), [_, h] = c.useState(null), g = L(r, (P) => h(P)), w = c.useRef(null), E = c.useRef(""), b = m.viewport, S = o.content - o.viewport, C = T(d), N = T(u), y = Ce(p, 10);
+  } = e, m = $(k, t), [w, h] = c.useState(null), _ = L(r, (P) => h(P)), g = c.useRef(null), E = c.useRef(""), b = m.viewport, y = o.content - o.viewport, C = T(d), x = T(u), S = Ce(p, 10);
   function A(P) {
-    if (w.current) {
-      const x = P.clientX - w.current.left, Y = P.clientY - w.current.top;
-      l({ x, y: Y });
+    if (g.current) {
+      const N = P.clientX - g.current.left, F = P.clientY - g.current.top;
+      l({ x: N, y: F });
     }
   }
   return c.useEffect(() => {
-    const P = (x) => {
-      const Y = x.target;
-      (_ == null ? void 0 : _.contains(Y)) && C(x, S);
+    const P = (N) => {
+      const F = N.target;
+      (w == null ? void 0 : w.contains(F)) && C(N, y);
     };
     return document.addEventListener("wheel", P, { passive: !1 }), () => document.removeEventListener("wheel", P, { passive: !1 });
-  }, [b, _, S, C]), c.useEffect(N, [o, N]), re(_, y), re(m.content, y), /* @__PURE__ */ f(
+  }, [b, w, y, C]), c.useEffect(x, [o, x]), te(w, S), te(m.content, S), /* @__PURE__ */ f(
     Da,
     {
       scope: t,
-      scrollbar: _,
+      scrollbar: w,
       hasThumb: a,
       onThumbChange: T(n),
       onThumbPointerUp: T(s),
-      onThumbPositionChange: N,
+      onThumbPositionChange: x,
       onThumbPointerDown: T(i),
       children: /* @__PURE__ */ f(
         O.div,
         {
           ...v,
-          ref: g,
+          ref: _,
           style: { position: "absolute", ...v.style },
           onPointerDown: R(e.onPointerDown, (P) => {
-            P.button === 0 && (P.target.setPointerCapture(P.pointerId), w.current = _.getBoundingClientRect(), E.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", m.viewport && (m.viewport.style.scrollBehavior = "auto"), A(P));
+            P.button === 0 && (P.target.setPointerCapture(P.pointerId), g.current = w.getBoundingClientRect(), E.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", m.viewport && (m.viewport.style.scrollBehavior = "auto"), A(P));
           }),
           onPointerMove: R(e.onPointerMove, A),
           onPointerUp: R(e.onPointerUp, (P) => {
-            const x = P.target;
-            x.hasPointerCapture(P.pointerId) && x.releasePointerCapture(P.pointerId), document.body.style.webkitUserSelect = E.current, m.viewport && (m.viewport.style.scrollBehavior = ""), w.current = null;
+            const N = P.target;
+            N.hasPointerCapture(P.pointerId) && N.releasePointerCapture(P.pointerId), document.body.style.webkitUserSelect = E.current, m.viewport && (m.viewport.style.scrollBehavior = ""), g.current = null;
           })
         }
       )
@@ -2407,7 +2409,7 @@ var Na = c.forwardRef((e, r) => {
 }), be = "ScrollAreaThumb", Et = c.forwardRef(
   (e, r) => {
     const { forceMount: t, ...o } = e, a = yt(be, e.__scopeScrollArea);
-    return /* @__PURE__ */ f(z, { present: t || a.hasThumb, children: /* @__PURE__ */ f(Ta, { ref: r, ...o }) });
+    return /* @__PURE__ */ f(H, { present: t || a.hasThumb, children: /* @__PURE__ */ f(Ta, { ref: r, ...o }) });
   }
 ), Ta = c.forwardRef(
   (e, r) => {
@@ -2440,8 +2442,8 @@ var Na = c.forwardRef((e, r) => {
           ...o
         },
         onPointerDownCapture: R(e.onPointerDownCapture, (p) => {
-          const m = p.target.getBoundingClientRect(), _ = p.clientX - m.left, h = p.clientY - m.top;
-          s.onThumbPointerDown({ x: _, y: h });
+          const m = p.target.getBoundingClientRect(), w = p.clientX - m.left, h = p.clientY - m.top;
+          s.onThumbPointerDown({ x: w, y: h });
         }),
         onPointerUp: R(e.onPointerUp, s.onThumbPointerUp)
       }
@@ -2458,11 +2460,11 @@ var Je = "ScrollAreaCorner", Oa = c.forwardRef(
 Oa.displayName = Je;
 var La = c.forwardRef((e, r) => {
   const { __scopeScrollArea: t, ...o } = e, a = $(Je, t), [n, s] = c.useState(0), [i, u] = c.useState(0), l = !!(n && i);
-  return re(a.scrollbarX, () => {
+  return te(a.scrollbarX, () => {
     var p;
     const d = ((p = a.scrollbarX) == null ? void 0 : p.offsetHeight) || 0;
     a.onCornerHeightChange(d), u(d);
-  }), re(a.scrollbarY, () => {
+  }), te(a.scrollbarY, () => {
     var p;
     const d = ((p = a.scrollbarY) == null ? void 0 : p.offsetWidth) || 0;
     a.onCornerWidthChange(d), s(d);
@@ -2509,7 +2511,7 @@ function Pt(e, r) {
     return r[0] + o * (t - e[0]);
   };
 }
-function Nt(e, r) {
+function xt(e, r) {
   return e > 0 && e < r;
 }
 var Ma = (e, r = () => {
@@ -2526,9 +2528,9 @@ function Ce(e, r) {
     window.clearTimeout(o.current), o.current = window.setTimeout(t, r);
   }, [t, r]);
 }
-function re(e, r) {
+function te(e, r) {
   const t = T(r);
-  se(() => {
+  ce(() => {
     let o = 0;
     if (e) {
       const a = new ResizeObserver(() => {
@@ -2541,34 +2543,44 @@ function re(e, r) {
   }, [e, t]);
 }
 var Ia = mt, ka = _t, Wa = wt, Fa = Et;
-const qa = {
-  "purpur-drawer-scroll-area__root": "_purpur-drawer-scroll-area__root_1ybjp_1",
-  "purpur-drawer-scroll-area__viewport": "_purpur-drawer-scroll-area__viewport_1ybjp_6",
-  "purpur-drawer-scroll-area__scrollbar": "_purpur-drawer-scroll-area__scrollbar_1ybjp_9",
-  "purpur-drawer-scroll-area__thumb": "_purpur-drawer-scroll-area__thumb_1ybjp_20"
-}, oe = V.bind(qa), ae = "purpur-drawer-scroll-area", He = U(
+const Ua = {
+  "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(Ua), Q = "purpur-drawer-scroll-area", He = z(
   ({
     ["data-testid"]: e = "purpur-drawer-scroll-area",
     children: r,
     className: t,
-    ...o
-  }, a) => {
-    const n = oe([t, ae]);
-    return /* @__PURE__ */ f("div", { className: n, "data-testid": e, ref: a, ...o, children: /* @__PURE__ */ D(Ia, { className: oe(`${ae}__root`), children: [
-      /* @__PURE__ */ f(ka, { className: oe(`${ae}__viewport`), children: r }),
-      /* @__PURE__ */ f(
-        Wa,
-        {
-          className: oe(`${ae}__scrollbar`),
-          orientation: "vertical",
-          children: /* @__PURE__ */ f(Fa, { className: oe(`${ae}__thumb`) })
-        }
-      )
-    ] }) });
+    fitToContent: o = !1,
+    ...a
+  }, n) => {
+    const s = ae([t, Q]);
+    return /* @__PURE__ */ f("div", { className: s, "data-testid": e, ref: n, ...a, children: /* @__PURE__ */ D(
+      Ia,
+      {
+        className: ae(`${Q}__root`, {
+          [`${Q}__root--fit-to-content`]: o
+        }),
+        children: [
+          /* @__PURE__ */ f(ka, { className: ae(`${Q}__viewport`), children: r }),
+          /* @__PURE__ */ f(
+            Wa,
+            {
+              className: ae(`${Q}__scrollbar`),
+              orientation: "vertical",
+              children: /* @__PURE__ */ f(Fa, { className: ae(`${Q}__thumb`) })
+            }
+          )
+        ]
+      }
+    ) });
   }
 );
 He.displayName = "DrawerScrollArea";
-const Q = V.bind(Ro), F = "purpur-drawer-frame", xt = U(
+const J = Y.bind(Ro), W = "purpur-drawer-frame", Nt = z(
   ({
     ["data-testid"]: e = "purpur-drawer-frame",
     backButton: r,
@@ -2577,103 +2589,107 @@ const Q = V.bind(Ro), F = "purpur-drawer-frame", xt = U(
     children: a,
     className: n,
     closeButtonText: s,
-    footerContent: i,
-    headerContent: u,
-    onAnimationEnd: l,
-    onBackButtonClick: d,
-    onSwipeStart: p,
-    onSwipeMove: v,
-    onSwipeCancel: m,
-    onSwipeEnd: _,
-    title: h,
+    fitToContent: i = !1,
+    footerContent: u,
+    headerContent: l,
+    onAnimationEnd: d,
+    onBackButtonClick: p,
+    onSwipeStart: v,
+    onSwipeMove: m,
+    onSwipeCancel: w,
+    onSwipeEnd: h,
+    title: _,
     stickyFooter: g,
-    ...w
-  }, E) => {
-    const b = Q([
+    ...E
+  }, b) => {
+    const y = J([
       n,
-      F,
+      W,
       {
-        [`${F}--sticky-footer`]: g
+        [`${W}--fit-to-content`]: i,
+        [`${W}--sticky-footer`]: g
       }
     ]);
     return /* @__PURE__ */ D(
       "div",
       {
-        className: b,
+        className: y,
         "data-testid": e,
-        ref: E,
-        onAnimationEnd: l,
-        ...w,
+        ref: b,
+        onAnimationEnd: d,
+        ...E,
         children: [
           /* @__PURE__ */ f(
             lt,
             {
-              onSwipeStart: p,
-              onSwipeMove: v,
-              onSwipeCancel: m,
-              onSwipeEnd: _
+              onSwipeStart: v,
+              onSwipeMove: m,
+              onSwipeCancel: w,
+              onSwipeEnd: h
             }
           ),
           /* @__PURE__ */ f(
-            J,
+            ee,
             {
-              className: Q(`${F}__header`),
+              className: J(`${W}__header`),
               variant: "header",
               stickyFooter: g,
               children: /* @__PURE__ */ f(
                 vt,
                 {
-                  title: h,
-                  headerContent: u,
+                  title: _,
+                  headerContent: l,
                   backButtonOnlyIcon: o,
                   backButton: r,
                   backButtonText: t,
                   closeButtonText: s,
-                  onBackButtonClick: d
+                  onBackButtonClick: p
                 }
               )
             }
           ),
-          g ? /* @__PURE__ */ D(j, { children: [
+          g ? /* @__PURE__ */ D(q, { children: [
             /* @__PURE__ */ f(
               He,
               {
-                className: Q(`${F}__body`),
+                className: J(`${W}__body`),
                 "data-testid": `${e}-sticky-footer-scroll-area`,
-                children: /* @__PURE__ */ f(J, { stickyFooter: !0, children: a })
+                fitToContent: i,
+                children: /* @__PURE__ */ f(ee, { stickyFooter: !0, children: a })
               }
             ),
-            i && /* @__PURE__ */ f(
-              J,
+            u && /* @__PURE__ */ f(
+              ee,
               {
-                className: Q(`${F}__footer`),
+                className: J(`${W}__footer`),
                 "data-testid": `${e}-sticky-footer`,
                 variant: "footer",
                 stickyFooter: g,
-                children: i
+                children: u
               }
             )
           ] }) : /* @__PURE__ */ f(
             He,
             {
-              className: Q(`${F}__body`),
+              className: J(`${W}__body`),
               "data-testid": `${e}-scroll-area`,
+              fitToContent: i,
               children: /* @__PURE__ */ D(
                 "div",
                 {
-                  className: Q([
-                    `${F}__content-container`,
-                    { [`${F}__content-container--no-footer`]: !i }
+                  className: J([
+                    `${W}__content-container`,
+                    { [`${W}__content-container--no-footer`]: !u }
                   ]),
                   children: [
-                    /* @__PURE__ */ f(J, { stickyFooter: g, children: a }),
-                    i && /* @__PURE__ */ f(
-                      J,
+                    /* @__PURE__ */ f(ee, { stickyFooter: g, children: a }),
+                    u && /* @__PURE__ */ f(
+                      ee,
                       {
                         "data-testid": `${e}-footer`,
                         stickyFooter: g,
                         variant: "footer",
-                        children: i
+                        children: u
                       }
                     )
                   ]
@@ -2686,7 +2702,7 @@ const Q = V.bind(Ro), F = "purpur-drawer-frame", xt = U(
     );
   }
 );
-xt.displayName = "DrawerFrame";
+Nt.displayName = "DrawerFrame";
 const ja = (e, r) => ({
   onAnimationEnd: (i) => {
     i.currentTarget.getAttribute("data-swipe") === "end" && r(!1);
@@ -2709,7 +2725,7 @@ const ja = (e, r) => ({
     const { y: u } = i.delta;
     e.current.setAttribute("data-swipe", "end"), e.current.style.removeProperty("--purpur-drawer-swipe-move-y"), e.current.style.setProperty("--purpur-drawer-swipe-end-y", `${u}px`);
   }
-}), ie = V.bind(No), me = "purpur-drawer-content", At = U(
+}), ie = Y.bind(xo), se = "purpur-drawer-content", At = z(
   ({
     ["data-testid"]: e = "purpur-drawer-content",
     backButton: r = !1,
@@ -2720,55 +2736,62 @@ const ja = (e, r) => ({
     className: s,
     closeButtonText: i,
     disableCloseOnClickOutside: u = !1,
-    footerContent: l,
-    headerContent: d,
-    onBackButtonClick: p,
-    stickyFooter: v = !1,
-    title: m,
-    zIndex: _,
-    ...h
+    fitToContent: l = !1,
+    footerContent: d,
+    headerContent: p,
+    onBackButtonClick: v,
+    stickyFooter: m = !1,
+    title: w,
+    zIndex: h,
+    ..._
   }, g) => {
-    const w = ie([s, me]), E = Ot(null), b = Lt(ct), { onAnimationEnd: S, onSwipeStart: C, onSwipeMove: N, onSwipeCancel: y, onSwipeEnd: A } = ja(E, b), P = (x) => {
-      u && x.preventDefault();
+    const E = ie([
+      s,
+      se,
+      { [`${se}--fit-to-content`]: l }
+    ]), b = Ot(null), y = Lt(ct), { onAnimationEnd: C, onSwipeStart: x, onSwipeMove: S, onSwipeCancel: A, onSwipeEnd: P } = ja(b, y), N = (F) => {
+      u && F.preventDefault();
     };
     return /* @__PURE__ */ f(po, { children: /* @__PURE__ */ f(
       vo,
       {
         className: ie("purpur-drawer-overlay"),
-        style: _ ? { zIndex: _ } : void 0,
+        style: h ? { zIndex: h } : void 0,
         "data-testid": `${e}-overlay`,
         children: /* @__PURE__ */ f(
           ho,
           {
-            onPointerDownOutside: P,
-            className: w,
+            onPointerDownOutside: N,
+            className: E,
             "data-testid": e,
             ref: g,
-            ...h,
+            "aria-describedby": void 0,
+            ..._,
             children: /* @__PURE__ */ f(
-              xt,
+              Nt,
               {
                 backButton: r,
                 backButtonText: t,
                 backButtonOnlyIcon: o,
                 closeButtonText: i,
-                className: ie(`${me}__drawer-frame`),
-                footerContent: l,
-                headerContent: d,
-                ref: E,
-                onAnimationEnd: S,
-                onBackButtonClick: p,
-                onSwipeStart: C,
-                onSwipeMove: N,
-                onSwipeCancel: y,
-                onSwipeEnd: A,
-                stickyFooter: v,
-                title: m,
-                children: a ? /* @__PURE__ */ D("div", { className: ie(`${me}__content-container`), children: [
+                className: ie(`${se}__drawer-frame`),
+                fitToContent: l,
+                footerContent: d,
+                headerContent: p,
+                ref: b,
+                onAnimationEnd: C,
+                onBackButtonClick: v,
+                onSwipeStart: x,
+                onSwipeMove: S,
+                onSwipeCancel: A,
+                onSwipeEnd: P,
+                stickyFooter: m,
+                title: w,
+                children: a ? /* @__PURE__ */ D("div", { className: ie(`${se}__content-container`), children: [
                   /* @__PURE__ */ f(
                     mo,
                     {
-                      className: ie(`${me}__description`),
+                      className: ie(`${se}__description`),
                       "data-testid": `${e}-description`,
                       children: a
                     }
@@ -2784,7 +2807,7 @@ const ja = (e, r) => ({
   }
 );
 At.displayName = "DrawerContent";
-const Rt = U(
+const Rt = z(
   ({
     ["data-testid"]: e = "purpur-drawer-trigger",
     children: r,
@@ -2803,7 +2826,7 @@ const Rt = U(
   )
 );
 Rt.displayName = "DrawerTrigger";
-const Ua = V.bind(yo), za = "purpur-drawer", er = ({
+const qa = Y.bind(yo), za = "purpur-drawer", er = ({
   ["data-testid"]: e = "purpur-drawer",
   children: r,
   className: t,
@@ -2811,7 +2834,7 @@ const Ua = V.bind(yo), za = "purpur-drawer", er = ({
   open: a = !1,
   ...n
 }) => {
-  const [s, i] = Ie.useState(a), u = Ua([t, za]), l = (d) => {
+  const [s, i] = Ie.useState(a), u = qa([t, za]), l = (d) => {
     i(d), o == null || o(d);
   };
   return $t(() => {