@purpurds/drawer 8.8.0 → 8.9.0

package/dist/drawer.es.js

@@ -1,12 +1,12 @@
-import { jsx as f, jsxs as D, Fragment as re } from "react/jsx-runtime";
+import { jsx as f, jsxs as A, Fragment as re } from "react/jsx-runtime";
 import * as c from "react";
 import ke, { useState as $r, createContext as Lr, forwardRef as Y, useRef as Je, useContext as Mr, useEffect as Ir } from "react";
 import * as kr from "react-dom";
 import Wr from "react-dom";
-function A(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
+function D(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
   return function(a) {
-    if (e == null || e(a), r === !1 || !a.defaultPrevented)
-      return t == null ? void 0 : t(a);
+    if (e?.(a), r === !1 || !a.defaultPrevented)
+      return t?.(a);
   };
 }
 function et(e, t) {
@@ -14,7 +14,7 @@ function et(e, t) {
     return e(t);
   e != null && (e.current = t);
 }
-function Dt(...e) {
+function At(...e) {
   return (t) => {
     let r = !1;
     const o = e.map((a) => {
@@ -31,7 +31,7 @@ function Dt(...e) {
   };
 }
 function $(...e) {
-  return c.useCallback(Dt(...e), e);
+  return c.useCallback(At(...e), e);
 }
 function Fr(e, t) {
   const r = c.createContext(t), o = (n) => {
@@ -47,20 +47,18 @@ function Fr(e, t) {
   }
   return [o, a];
 }
-function Tt(e, t = []) {
+function Ot(e, t = []) {
   let r = [];
   function o(n, s) {
     const i = c.createContext(s), u = r.length;
     r = [...r, s];
     const l = (p) => {
-      var b;
-      const { scope: h, children: m, ..._ } = p, v = ((b = h == null ? void 0 : h[e]) == null ? void 0 : b[u]) || i, g = c.useMemo(() => _, Object.values(_));
+      const { scope: h, children: m, ..._ } = p, v = h?.[e]?.[u] || i, g = c.useMemo(() => _, Object.values(_));
       return /* @__PURE__ */ f(v.Provider, { value: g, children: m });
     };
     l.displayName = n + "Provider";
     function d(p, h) {
-      var v;
-      const m = ((v = h == null ? void 0 : h[e]) == null ? void 0 : v[u]) || i, _ = c.useContext(m);
+      const m = h?.[e]?.[u] || i, _ = c.useContext(m);
       if (_) return _;
       if (s !== void 0) return s;
       throw new Error(`\`${p}\` must be used within \`${n}\``);
@@ -70,7 +68,7 @@ function Tt(e, t = []) {
   const a = () => {
     const n = r.map((s) => c.createContext(s));
     return function(i) {
-      const u = (i == null ? void 0 : i[e]) || n;
+      const u = i?.[e] || n;
       return c.useMemo(
         () => ({ [`__scope${e}`]: { ...i, [e]: u } }),
         [i, u]
@@ -97,7 +95,7 @@ function jr(...e) {
   };
   return r.scopeName = t.scopeName, r;
 }
-var ne = globalThis != null && globalThis.document ? c.useLayoutEffect : () => {
+var ne = globalThis?.document ? c.useLayoutEffect : () => {
 }, Ur = c[" useId ".trim().toString()] || (() => {
 }), Br = 0;
 function Re(e) {
@@ -129,10 +127,9 @@ function Yr({
   }
   const l = c.useCallback(
     (d) => {
-      var p;
       if (i) {
-        const h = zr(d) ? d(e) : d;
-        h !== e && ((p = s.current) == null || p.call(s, h));
+        const p = zr(d) ? d(e) : d;
+        p !== e && s.current?.(p);
       } else
         n(d);
     },
@@ -148,17 +145,16 @@ function Vr({
   return Hr(() => {
     n.current = t;
   }, [t]), c.useEffect(() => {
-    var s;
-    a.current !== r && ((s = n.current) == null || s.call(n, r), a.current = r);
+    a.current !== r && (n.current?.(r), a.current = r);
   }, [r, a]), [r, o, n];
 }
 function zr(e) {
   return typeof e == "function";
 }
 // @__NO_SIDE_EFFECTS__
-function Ot(e) {
+function Tt(e) {
   const t = /* @__PURE__ */ Xr(e), r = c.forwardRef((o, a) => {
-    const { children: n, ...s } = o, i = c.Children.toArray(n), u = i.find(Gr);
+    const { children: n, ...s } = o, i = c.Children.toArray(n), u = i.find(Kr);
     if (u) {
       const l = u.props.children, d = i.map((p) => p === u ? c.Children.count(l) > 1 ? c.Children.only(null) : c.isValidElement(l) ? l.props.children : null : p);
       return /* @__PURE__ */ f(t, { ...s, ref: a, children: c.isValidElement(l) ? c.cloneElement(l, void 0, d) : null });
@@ -172,18 +168,18 @@ function Xr(e) {
   const t = c.forwardRef((r, o) => {
     const { children: a, ...n } = r;
     if (c.isValidElement(a)) {
-      const s = Zr(a), i = Kr(n, a.props);
-      return a.type !== c.Fragment && (i.ref = o ? Dt(o, s) : s), c.cloneElement(a, i);
+      const s = Zr(a), i = Gr(n, a.props);
+      return a.type !== c.Fragment && (i.ref = o ? At(o, s) : s), c.cloneElement(a, i);
     }
     return c.Children.count(a) > 1 ? c.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
 var qr = Symbol("radix.slottable");
-function Gr(e) {
+function Kr(e) {
   return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === qr;
 }
-function Kr(e, t) {
+function Gr(e, t) {
   const r = { ...t };
   for (const o in t) {
     const a = e[o], n = t[o];
@@ -195,9 +191,8 @@ function Kr(e, t) {
   return { ...e, ...r };
 }
 function Zr(e) {
-  var o, a;
-  let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
-  return r ? e.ref : (t = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning;
+  return r ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
 var Qr = [
   "a",
@@ -217,8 +212,8 @@ var Qr = [
   "span",
   "svg",
   "ul"
-], T = Qr.reduce((e, t) => {
-  const r = /* @__PURE__ */ Ot(`Primitive.${t}`), o = c.forwardRef((a, n) => {
+], O = Qr.reduce((e, t) => {
+  const r = /* @__PURE__ */ Tt(`Primitive.${t}`), o = c.forwardRef((a, n) => {
     const { asChild: s, ...i } = a, u = s ? r : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(u, { ...i, ref: n });
   });
@@ -231,12 +226,9 @@ function L(e) {
   const t = c.useRef(e);
   return c.useEffect(() => {
     t.current = e;
-  }), c.useMemo(() => (...r) => {
-    var o;
-    return (o = t.current) == null ? void 0 : o.call(t, ...r);
-  }, []);
+  }), c.useMemo(() => (...r) => t.current?.(...r), []);
 }
-function en(e, t = globalThis == null ? void 0 : globalThis.document) {
+function en(e, t = globalThis?.document) {
   const r = L(e);
   c.useEffect(() => {
     const o = (a) => {
@@ -259,15 +251,15 @@ var tn = "DismissableLayer", We = "dismissableLayer.update", rn = "dismissableLa
       onInteractOutside: s,
       onDismiss: i,
       ...u
-    } = e, l = c.useContext($t), [d, p] = c.useState(null), h = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = c.useState({}), _ = $(t, (S) => p(S)), v = Array.from(l.layers), [g] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), b = v.indexOf(g), y = d ? v.indexOf(d) : -1, E = l.layersWithOutsidePointerEventsDisabled.size > 0, w = y >= b, C = sn((S) => {
+    } = e, l = c.useContext($t), [d, p] = c.useState(null), h = d?.ownerDocument ?? globalThis?.document, [, m] = c.useState({}), _ = $(t, (S) => p(S)), v = Array.from(l.layers), [g] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), y = v.indexOf(g), b = d ? v.indexOf(d) : -1, E = l.layersWithOutsidePointerEventsDisabled.size > 0, w = b >= y, C = sn((S) => {
       const x = S.target, P = [...l.branches].some((N) => N.contains(x));
-      !w || P || (a == null || a(S), s == null || s(S), S.defaultPrevented || i == null || i());
+      !w || P || (a?.(S), s?.(S), S.defaultPrevented || i?.());
     }, h), R = cn((S) => {
       const x = S.target;
-      [...l.branches].some((N) => N.contains(x)) || (n == null || n(S), s == null || s(S), S.defaultPrevented || i == null || i());
+      [...l.branches].some((N) => N.contains(x)) || (n?.(S), s?.(S), S.defaultPrevented || i?.());
     }, h);
     return en((S) => {
-      y === l.layers.size - 1 && (o == null || o(S), !S.defaultPrevented && i && (S.preventDefault(), i()));
+      b === l.layers.size - 1 && (o?.(S), !S.defaultPrevented && i && (S.preventDefault(), i()));
     }, h), c.useEffect(() => {
       if (d)
         return r && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (tt = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(d)), l.layers.add(d), rt(), () => {
@@ -279,7 +271,7 @@ var tn = "DismissableLayer", We = "dismissableLayer.update", rn = "dismissableLa
       const S = () => m({});
       return document.addEventListener(We, S), () => document.removeEventListener(We, S);
     }, []), /* @__PURE__ */ f(
-      T.div,
+      O.div,
       {
         ...u,
         ref: _,
@@ -287,9 +279,9 @@ var tn = "DismissableLayer", We = "dismissableLayer.update", rn = "dismissableLa
           pointerEvents: E ? w ? "auto" : "none" : void 0,
           ...e.style
         },
-        onFocusCapture: A(e.onFocusCapture, R.onFocusCapture),
-        onBlurCapture: A(e.onBlurCapture, R.onBlurCapture),
-        onPointerDownCapture: A(
+        onFocusCapture: D(e.onFocusCapture, R.onFocusCapture),
+        onBlurCapture: D(e.onBlurCapture, R.onBlurCapture),
+        onPointerDownCapture: D(
           e.onPointerDownCapture,
           C.onPointerDownCapture
         )
@@ -306,10 +298,10 @@ var on = "DismissableLayerBranch", an = c.forwardRef((e, t) => {
       return r.branches.add(n), () => {
         r.branches.delete(n);
       };
-  }, [r.branches]), /* @__PURE__ */ f(T.div, { ...e, ref: a });
+  }, [r.branches]), /* @__PURE__ */ f(O.div, { ...e, ref: a });
 });
 an.displayName = on;
-function sn(e, t = globalThis == null ? void 0 : globalThis.document) {
+function sn(e, t = globalThis?.document) {
   const r = L(e), o = c.useRef(!1), a = c.useRef(() => {
   });
   return c.useEffect(() => {
@@ -339,7 +331,7 @@ function sn(e, t = globalThis == null ? void 0 : globalThis.document) {
     onPointerDownCapture: () => o.current = !0
   };
 }
-function cn(e, t = globalThis == null ? void 0 : globalThis.document) {
+function cn(e, t = globalThis?.document) {
   const r = L(e), o = c.useRef(!1);
   return c.useEffect(() => {
     const a = (n) => {
@@ -387,15 +379,15 @@ var Ne = "focusScope.autoFocusOnMount", xe = "focusScope.autoFocusOnUnmount", nt
         if (m.paused || !i) return;
         const w = E.relatedTarget;
         w !== null && (i.contains(w) || H(p.current, { select: !0 }));
-      }, b = function(E) {
+      }, y = function(E) {
         if (document.activeElement === document.body)
           for (const C of E)
             C.removedNodes.length > 0 && H(i);
       };
       document.addEventListener("focusin", v), document.addEventListener("focusout", g);
-      const y = new MutationObserver(b);
-      return i && y.observe(i, { childList: !0, subtree: !0 }), () => {
-        document.removeEventListener("focusin", v), document.removeEventListener("focusout", g), y.disconnect();
+      const b = new MutationObserver(y);
+      return i && b.observe(i, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", v), document.removeEventListener("focusout", g), b.disconnect();
       };
     }
   }, [o, i, m.paused]), c.useEffect(() => {
@@ -403,13 +395,13 @@ var Ne = "focusScope.autoFocusOnMount", xe = "focusScope.autoFocusOnUnmount", nt
       at.add(m);
       const v = document.activeElement;
       if (!i.contains(v)) {
-        const b = new CustomEvent(Ne, nt);
-        i.addEventListener(Ne, l), i.dispatchEvent(b), b.defaultPrevented || (un(vn(kt(i)), { select: !0 }), document.activeElement === v && H(i));
+        const y = new CustomEvent(Ne, nt);
+        i.addEventListener(Ne, l), i.dispatchEvent(y), y.defaultPrevented || (un(vn(kt(i)), { select: !0 }), document.activeElement === v && H(i));
       }
       return () => {
         i.removeEventListener(Ne, l), setTimeout(() => {
-          const b = new CustomEvent(xe, nt);
-          i.addEventListener(xe, d), i.dispatchEvent(b), b.defaultPrevented || H(v ?? document.body, { select: !0 }), i.removeEventListener(xe, d), at.remove(m);
+          const y = new CustomEvent(xe, nt);
+          i.addEventListener(xe, d), i.dispatchEvent(y), y.defaultPrevented || H(v ?? document.body, { select: !0 }), i.removeEventListener(xe, d), at.remove(m);
         }, 0);
       };
     }
@@ -417,15 +409,15 @@ var Ne = "focusScope.autoFocusOnMount", xe = "focusScope.autoFocusOnUnmount", nt
   const _ = c.useCallback(
     (v) => {
       if (!r && !o || m.paused) return;
-      const g = v.key === "Tab" && !v.altKey && !v.ctrlKey && !v.metaKey, b = document.activeElement;
-      if (g && b) {
-        const y = v.currentTarget, [E, w] = dn(y);
-        E && w ? !v.shiftKey && b === w ? (v.preventDefault(), r && H(E, { select: !0 })) : v.shiftKey && b === E && (v.preventDefault(), r && H(w, { select: !0 })) : b === y && v.preventDefault();
+      const g = v.key === "Tab" && !v.altKey && !v.ctrlKey && !v.metaKey, y = document.activeElement;
+      if (g && y) {
+        const b = v.currentTarget, [E, w] = dn(b);
+        E && w ? !v.shiftKey && y === w ? (v.preventDefault(), r && H(E, { select: !0 })) : v.shiftKey && y === E && (v.preventDefault(), r && H(w, { select: !0 })) : y === b && v.preventDefault();
       }
     },
     [r, o, m.paused]
   );
-  return /* @__PURE__ */ f(T.div, { tabIndex: -1, ...s, ref: h, onKeyDown: _ });
+  return /* @__PURE__ */ f(O.div, { tabIndex: -1, ...s, ref: h, onKeyDown: _ });
 });
 It.displayName = ln;
 function un(e, { select: t = !1 } = {}) {
@@ -475,11 +467,10 @@ function hn() {
   return {
     add(t) {
       const r = e[0];
-      t !== r && (r == null || r.pause()), e = it(e, t), e.unshift(t);
+      t !== r && r?.pause(), e = it(e, t), e.unshift(t);
     },
     remove(t) {
-      var r;
-      e = it(e, t), (r = e[0]) == null || r.resume();
+      e = it(e, t), e[0]?.resume();
     }
   };
 }
@@ -491,18 +482,17 @@ function vn(e) {
   return e.filter((t) => t.tagName !== "A");
 }
 var mn = "Portal", Wt = c.forwardRef((e, t) => {
-  var i;
   const { container: r, ...o } = e, [a, n] = c.useState(!1);
   ne(() => n(!0), []);
-  const s = r || a && ((i = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : i.body);
-  return s ? Wr.createPortal(/* @__PURE__ */ f(T.div, { ...o, ref: t }), s) : null;
+  const s = r || a && globalThis?.document?.body;
+  return s ? Wr.createPortal(/* @__PURE__ */ f(O.div, { ...o, ref: t }), s) : null;
 });
 Wt.displayName = mn;
 function gn(e, t) {
   return c.useReducer((r, o) => t[r][o] ?? r, e);
 }
 var V = (e) => {
-  const { present: t, children: r } = e, o = _n(t), a = typeof r == "function" ? r({ present: o.isPresent }) : c.Children.only(r), n = $(o.ref, bn(a));
+  const { present: t, children: r } = e, o = _n(t), a = typeof r == "function" ? r({ present: o.isPresent }) : c.Children.only(r), n = $(o.ref, yn(a));
   return typeof r == "function" || o.isPresent ? c.cloneElement(a, { ref: n }) : null;
 };
 V.displayName = "Presence";
@@ -527,7 +517,7 @@ function _n(e) {
     const l = o.current, d = a.current;
     if (d !== e) {
       const h = n.current, m = le(l);
-      e ? u("MOUNT") : m === "none" || (l == null ? void 0 : l.display) === "none" ? u("UNMOUNT") : u(d && h !== m ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
+      e ? u("MOUNT") : m === "none" || l?.display === "none" ? u("UNMOUNT") : u(d && h !== m ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
     }
   }, [e, u]), ne(() => {
     if (t) {
@@ -556,19 +546,18 @@ function _n(e) {
   };
 }
 function le(e) {
-  return (e == null ? void 0 : e.animationName) || "none";
+  return e?.animationName || "none";
 }
-function bn(e) {
-  var o, a;
-  let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
-  return r ? e.ref : (t = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
+function yn(e) {
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning;
+  return r ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
-var Ae = 0;
-function yn() {
+var De = 0;
+function bn() {
   c.useEffect(() => {
     const e = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", e[0] ?? st()), document.body.insertAdjacentElement("beforeend", e[1] ?? st()), Ae++, () => {
-      Ae === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), Ae--;
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? st()), document.body.insertAdjacentElement("beforeend", e[1] ?? st()), De++, () => {
+      De === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), De--;
     };
   }, []);
 }
@@ -599,7 +588,7 @@ function wn(e, t, r) {
   return e.concat(n || Array.prototype.slice.call(t));
 }
 var ge = "right-scroll-bar-position", _e = "width-before-scroll-bar", Sn = "with-scroll-bars-hidden", En = "--removed-body-scroll-bar-size";
-function De(e, t) {
+function Ae(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
 function Cn(e, t) {
@@ -627,7 +616,7 @@ var Pn = typeof window < "u" ? c.useLayoutEffect : c.useEffect, ct = /* @__PURE_
 function Rn(e, t) {
   var r = Cn(null, function(o) {
     return e.forEach(function(a) {
-      return De(a, o);
+      return Ae(a, o);
     });
   });
   return Pn(function() {
@@ -635,9 +624,9 @@ function Rn(e, t) {
     if (o) {
       var a = new Set(o), n = new Set(e), s = r.current;
       a.forEach(function(i) {
-        n.has(i) || De(i, null);
+        n.has(i) || Ae(i, null);
       }), n.forEach(function(i) {
-        a.has(i) || De(i, s);
+        a.has(i) || Ae(i, s);
       });
     }
     ct.set(r, e);
@@ -701,7 +690,7 @@ function xn(e, t) {
   };
   return a;
 }
-function An(e) {
+function Dn(e) {
   e === void 0 && (e = {});
   var t = xn(null);
   return t.options = k({ async: !0, ssr: !1 }, e), t;
@@ -716,21 +705,21 @@ var jt = function(e) {
   return c.createElement(o, k({}, r));
 };
 jt.isSideCarExport = !0;
-function Dn(e, t) {
+function An(e, t) {
   return e.useMedium(t), jt;
 }
-var Ut = An(), Te = function() {
+var Ut = Dn(), Oe = function() {
 }, Se = c.forwardRef(function(e, t) {
   var r = c.useRef(null), o = c.useState({
-    onScrollCapture: Te,
-    onWheelCapture: Te,
-    onTouchMoveCapture: Te
-  }), a = o[0], n = o[1], s = e.forwardProps, i = e.children, u = e.className, l = e.removeScrollBar, d = e.enabled, p = e.shards, h = e.sideCar, m = e.noRelative, _ = e.noIsolation, v = e.inert, g = e.allowPinchZoom, b = e.as, y = b === void 0 ? "div" : b, E = e.gapMode, w = Ft(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), C = h, R = Rn([r, t]), S = k(k({}, w), a);
+    onScrollCapture: Oe,
+    onWheelCapture: Oe,
+    onTouchMoveCapture: Oe
+  }), a = o[0], n = o[1], s = e.forwardProps, i = e.children, u = e.className, l = e.removeScrollBar, d = e.enabled, p = e.shards, h = e.sideCar, m = e.noRelative, _ = e.noIsolation, v = e.inert, g = e.allowPinchZoom, y = e.as, b = y === void 0 ? "div" : y, E = e.gapMode, w = Ft(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), C = h, R = Rn([r, t]), S = k(k({}, w), a);
   return c.createElement(
     c.Fragment,
     null,
     d && c.createElement(C, { sideCar: Ut, removeScrollBar: l, shards: p, noRelative: m, noIsolation: _, inert: v, setCallbacks: n, allowPinchZoom: !!g, lockRef: r, gapMode: E }),
-    s ? c.cloneElement(c.Children.only(i), k(k({}, S), { ref: R })) : c.createElement(y, k({}, S, { className: u, ref: R }), i)
+    s ? c.cloneElement(c.Children.only(i), k(k({}, S), { ref: R })) : c.createElement(b, k({}, S, { className: u, ref: R }), i)
   );
 });
 Se.defaultProps = {
@@ -742,16 +731,16 @@ Se.classNames = {
   fullWidth: _e,
   zeroRight: ge
 };
-var Tn = function() {
+var On = function() {
   if (typeof __webpack_nonce__ < "u")
     return __webpack_nonce__;
 };
-function On() {
+function Tn() {
   if (!document)
     return null;
   var e = document.createElement("style");
   e.type = "text/css";
-  var t = Tn();
+  var t = On();
   return t && e.setAttribute("nonce", t), e;
 }
 function $n(e, t) {
@@ -765,7 +754,7 @@ var Mn = function() {
   var e = 0, t = null;
   return {
     add: function(r) {
-      e == 0 && (t = On()) && ($n(t, r), Ln(t)), e++;
+      e == 0 && (t = Tn()) && ($n(t, r), Ln(t)), e++;
     },
     remove: function() {
       e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
@@ -791,11 +780,11 @@ var Mn = function() {
   top: 0,
   right: 0,
   gap: 0
-}, Oe = function(e) {
+}, Te = function(e) {
   return parseInt(e || "", 10) || 0;
 }, Wn = function(e) {
   var t = window.getComputedStyle(document.body), r = t[e === "padding" ? "paddingLeft" : "marginLeft"], o = t[e === "padding" ? "paddingTop" : "marginTop"], a = t[e === "padding" ? "paddingRight" : "marginRight"];
-  return [Oe(r), Oe(o), Oe(a)];
+  return [Te(r), Te(o), Te(a)];
 }, Fn = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
     return kn;
@@ -925,17 +914,17 @@ var q = Fe ? { passive: !1 } : !1, Yn = function(e) {
   return e === "v" ? Vn(t) : zn(t);
 }, Vt = function(e, t) {
   return e === "v" ? Xn(t) : qn(t);
-}, Gn = function(e, t) {
+}, Kn = function(e, t) {
   return e === "h" && t === "rtl" ? -1 : 1;
-}, Kn = function(e, t, r, o, a) {
-  var n = Gn(e, window.getComputedStyle(t).direction), s = n * o, i = r.target, u = t.contains(i), l = !1, d = s > 0, p = 0, h = 0;
+}, Gn = function(e, t, r, o, a) {
+  var n = Kn(e, window.getComputedStyle(t).direction), s = n * o, i = r.target, u = t.contains(i), l = !1, d = s > 0, p = 0, h = 0;
   do {
     if (!i)
       break;
-    var m = Vt(e, i), _ = m[0], v = m[1], g = m[2], b = v - g - n * _;
-    (_ || b) && Yt(e, i) && (p += b, h += _);
-    var y = i.parentNode;
-    i = y && y.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? y.host : y;
+    var m = Vt(e, i), _ = m[0], v = m[1], g = m[2], y = v - g - n * _;
+    (_ || y) && Yt(e, i) && (p += y, h += _);
+    var b = i.parentNode;
+    i = b && b.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? b.host : b;
   } while (
     // portaled content
     !u && i !== document.body || // self content
@@ -955,7 +944,7 @@ var q = Fe ? { passive: !1 } : !1, Yn = function(e) {
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, Jn = 0, G = [];
+}, Jn = 0, K = [];
 function eo(e) {
   var t = c.useRef([]), r = c.useRef([0, 0]), o = c.useRef(), a = c.useState(Jn++)[0], n = c.useState(Bt)[0], s = c.useRef(e);
   c.useEffect(function() {
@@ -976,7 +965,7 @@ function eo(e) {
   var i = c.useCallback(function(v, g) {
     if ("touches" in v && v.touches.length === 2 || v.type === "wheel" && v.ctrlKey)
       return !s.current.allowPinchZoom;
-    var b = de(v), y = r.current, E = "deltaX" in v ? v.deltaX : y[0] - b[0], w = "deltaY" in v ? v.deltaY : y[1] - b[1], C, R = v.target, S = Math.abs(E) > Math.abs(w) ? "h" : "v";
+    var y = de(v), b = r.current, E = "deltaX" in v ? v.deltaX : b[0] - y[0], w = "deltaY" in v ? v.deltaY : b[1] - y[1], C, R = v.target, S = Math.abs(E) > Math.abs(w) ? "h" : "v";
     if ("touches" in v && S === "h" && R.type === "range")
       return !1;
     var x = ut(S, R);
@@ -987,26 +976,26 @@ function eo(e) {
     if (!o.current && "changedTouches" in v && (E || w) && (o.current = C), !C)
       return !0;
     var P = o.current || C;
-    return Kn(P, g, v, P === "h" ? E : w);
+    return Gn(P, g, v, P === "h" ? E : w);
   }, []), u = c.useCallback(function(v) {
     var g = v;
-    if (!(!G.length || G[G.length - 1] !== n)) {
-      var b = "deltaY" in g ? dt(g) : de(g), y = t.current.filter(function(C) {
-        return C.name === g.type && (C.target === g.target || g.target === C.shadowParent) && Zn(C.delta, b);
+    if (!(!K.length || K[K.length - 1] !== n)) {
+      var y = "deltaY" in g ? dt(g) : de(g), b = t.current.filter(function(C) {
+        return C.name === g.type && (C.target === g.target || g.target === C.shadowParent) && Zn(C.delta, y);
       })[0];
-      if (y && y.should) {
+      if (b && b.should) {
         g.cancelable && g.preventDefault();
         return;
       }
-      if (!y) {
+      if (!b) {
         var E = (s.current.shards || []).map(ft).filter(Boolean).filter(function(C) {
           return C.contains(g.target);
         }), w = E.length > 0 ? i(g, E[0]) : !s.current.noIsolation;
         w && g.cancelable && g.preventDefault();
       }
     }
-  }, []), l = c.useCallback(function(v, g, b, y) {
-    var E = { name: v, delta: g, target: b, should: y, shadowParent: to(b) };
+  }, []), l = c.useCallback(function(v, g, y, b) {
+    var E = { name: v, delta: g, target: y, should: b, shadowParent: to(y) };
     t.current.push(E), setTimeout(function() {
       t.current = t.current.filter(function(w) {
         return w !== E;
@@ -1020,12 +1009,12 @@ function eo(e) {
     l(v.type, de(v), v.target, i(v, e.lockRef.current));
   }, []);
   c.useEffect(function() {
-    return G.push(n), e.setCallbacks({
+    return K.push(n), e.setCallbacks({
       onScrollCapture: p,
       onWheelCapture: p,
       onTouchMoveCapture: h
     }), document.addEventListener("wheel", u, q), document.addEventListener("touchmove", u, q), document.addEventListener("touchstart", d, q), function() {
-      G = G.filter(function(v) {
+      K = K.filter(function(v) {
         return v !== n;
       }), document.removeEventListener("wheel", u, q), document.removeEventListener("touchmove", u, q), document.removeEventListener("touchstart", d, q);
     };
@@ -1043,7 +1032,7 @@ function to(e) {
     e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
   return t;
 }
-const ro = Dn(Ut, eo);
+const ro = An(Ut, eo);
 var zt = c.forwardRef(function(e, t) {
   return c.createElement(Se, k({}, e, { ref: t, sideCar: ro }));
 });
@@ -1053,7 +1042,7 @@ var no = function(e) {
     return null;
   var t = Array.isArray(e) ? e[0] : e;
   return t.ownerDocument.body;
-}, K = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {}, $e = 0, Xt = function(e) {
+}, G = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {}, $e = 0, Xt = function(e) {
   return e && (e.host || Xt(e.parentNode));
 }, oo = function(e, t) {
   return t.map(function(r) {
@@ -1077,18 +1066,18 @@ var no = function(e) {
         d(h);
       else
         try {
-          var m = h.getAttribute(o), _ = m !== null && m !== "false", v = (K.get(h) || 0) + 1, g = (n.get(h) || 0) + 1;
-          K.set(h, v), n.set(h, g), s.push(h), v === 1 && _ && fe.set(h, !0), g === 1 && h.setAttribute(r, "true"), _ || h.setAttribute(o, "true");
-        } catch (b) {
-          console.error("aria-hidden: cannot operate on ", h, b);
+          var m = h.getAttribute(o), _ = m !== null && m !== "false", v = (G.get(h) || 0) + 1, g = (n.get(h) || 0) + 1;
+          G.set(h, v), n.set(h, g), s.push(h), v === 1 && _ && fe.set(h, !0), g === 1 && h.setAttribute(r, "true"), _ || h.setAttribute(o, "true");
+        } catch (y) {
+          console.error("aria-hidden: cannot operate on ", h, y);
         }
     });
   };
   return d(t), i.clear(), $e++, function() {
     s.forEach(function(p) {
-      var h = K.get(p) - 1, m = n.get(p) - 1;
-      K.set(p, h), n.set(p, m), h || (fe.has(p) || p.removeAttribute(o), fe.delete(p)), m || p.removeAttribute(r);
-    }), $e--, $e || (K = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {});
+      var h = G.get(p) - 1, m = n.get(p) - 1;
+      G.set(p, h), n.set(p, m), h || (fe.has(p) || p.removeAttribute(o), fe.delete(p)), m || p.removeAttribute(r);
+    }), $e--, $e || (G = /* @__PURE__ */ new WeakMap(), G = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {});
   };
 }, io = function(e, t, r) {
   r === void 0 && (r = "data-aria-hidden");
@@ -1096,7 +1085,7 @@ var no = function(e) {
   return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live], script"))), ao(o, a, r, "aria-hidden")) : function() {
     return null;
   };
-}, Ee = "Dialog", [qt] = Tt(Ee), [so, I] = qt(Ee), Gt = (e) => {
+}, Ee = "Dialog", [qt] = Ot(Ee), [so, I] = qt(Ee), Kt = (e) => {
   const {
     __scopeDialog: t,
     children: r,
@@ -1127,12 +1116,12 @@ var no = function(e) {
     }
   );
 };
-Gt.displayName = Ee;
-var Kt = "DialogTrigger", Zt = c.forwardRef(
+Kt.displayName = Ee;
+var Gt = "DialogTrigger", Zt = c.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = I(Kt, r), n = $(t, a.triggerRef);
+    const { __scopeDialog: r, ...o } = e, a = I(Gt, r), n = $(t, a.triggerRef);
     return /* @__PURE__ */ f(
-      T.button,
+      O.button,
       {
         type: "button",
         "aria-haspopup": "dialog",
@@ -1141,12 +1130,12 @@ var Kt = "DialogTrigger", Zt = c.forwardRef(
         "data-state": Ve(a.open),
         ...o,
         ref: n,
-        onClick: A(e.onClick, a.onOpenToggle)
+        onClick: D(e.onClick, a.onOpenToggle)
       }
     );
   }
 );
-Zt.displayName = Kt;
+Zt.displayName = Gt;
 var He = "DialogPortal", [co, Qt] = qt(He, {
   forceMount: void 0
 }), Jt = (e) => {
@@ -1154,21 +1143,21 @@ var He = "DialogPortal", [co, Qt] = qt(He, {
   return /* @__PURE__ */ f(co, { scope: t, forceMount: r, children: c.Children.map(o, (s) => /* @__PURE__ */ f(V, { present: r || n.open, children: /* @__PURE__ */ f(Wt, { asChild: !0, container: a, children: s }) })) });
 };
 Jt.displayName = He;
-var be = "DialogOverlay", er = c.forwardRef(
+var ye = "DialogOverlay", er = c.forwardRef(
   (e, t) => {
-    const r = Qt(be, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = I(be, e.__scopeDialog);
+    const r = Qt(ye, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = I(ye, e.__scopeDialog);
     return n.modal ? /* @__PURE__ */ f(V, { present: o || n.open, children: /* @__PURE__ */ f(uo, { ...a, ref: t }) }) : null;
   }
 );
-er.displayName = be;
-var lo = /* @__PURE__ */ Ot("DialogOverlay.RemoveScroll"), uo = c.forwardRef(
+er.displayName = ye;
+var lo = /* @__PURE__ */ Tt("DialogOverlay.RemoveScroll"), uo = c.forwardRef(
   (e, t) => {
-    const { __scopeDialog: r, ...o } = e, a = I(be, r);
+    const { __scopeDialog: r, ...o } = e, a = I(ye, r);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
       /* @__PURE__ */ f(zt, { as: lo, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
-        T.div,
+        O.div,
         {
           "data-state": Ve(a.open),
           ...o,
@@ -1198,15 +1187,14 @@ var fo = c.forwardRef(
         ref: a,
         trapFocus: r.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: A(e.onCloseAutoFocus, (n) => {
-          var s;
-          n.preventDefault(), (s = r.triggerRef.current) == null || s.focus();
+        onCloseAutoFocus: D(e.onCloseAutoFocus, (n) => {
+          n.preventDefault(), r.triggerRef.current?.focus();
         }),
-        onPointerDownOutside: A(e.onPointerDownOutside, (n) => {
+        onPointerDownOutside: D(e.onPointerDownOutside, (n) => {
           const s = n.detail.originalEvent, i = s.button === 0 && s.ctrlKey === !0;
           (s.button === 2 || i) && n.preventDefault();
         }),
-        onFocusOutside: A(
+        onFocusOutside: D(
           e.onFocusOutside,
           (n) => n.preventDefault()
         )
@@ -1224,14 +1212,12 @@ var fo = c.forwardRef(
         trapFocus: !1,
         disableOutsidePointerEvents: !1,
         onCloseAutoFocus: (n) => {
-          var s, i;
-          (s = e.onCloseAutoFocus) == null || s.call(e, n), n.defaultPrevented || (o.current || (i = r.triggerRef.current) == null || i.focus(), n.preventDefault()), o.current = !1, a.current = !1;
+          e.onCloseAutoFocus?.(n), n.defaultPrevented || (o.current || r.triggerRef.current?.focus(), n.preventDefault()), o.current = !1, a.current = !1;
         },
         onInteractOutside: (n) => {
-          var u, l;
-          (u = e.onInteractOutside) == null || u.call(e, n), n.defaultPrevented || (o.current = !0, n.detail.originalEvent.type === "pointerdown" && (a.current = !0));
+          e.onInteractOutside?.(n), n.defaultPrevented || (o.current = !0, n.detail.originalEvent.type === "pointerdown" && (a.current = !0));
           const s = n.target;
-          ((l = r.triggerRef.current) == null ? void 0 : l.contains(s)) && n.preventDefault(), n.detail.originalEvent.type === "focusin" && a.current && n.preventDefault();
+          r.triggerRef.current?.contains(s) && n.preventDefault(), n.detail.originalEvent.type === "focusin" && a.current && n.preventDefault();
         }
       }
     );
@@ -1239,7 +1225,7 @@ var fo = c.forwardRef(
 ), rr = c.forwardRef(
   (e, t) => {
     const { __scopeDialog: r, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...s } = e, i = I(X, r), u = c.useRef(null), l = $(t, u);
-    return yn(), /* @__PURE__ */ D(re, { children: [
+    return bn(), /* @__PURE__ */ A(re, { children: [
       /* @__PURE__ */ f(
         It,
         {
@@ -1263,7 +1249,7 @@ var fo = c.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ D(re, { children: [
+      /* @__PURE__ */ A(re, { children: [
         /* @__PURE__ */ f(ho, { titleId: i.titleId }),
         /* @__PURE__ */ f(mo, { contentRef: u, descriptionId: i.descriptionId })
       ] })
@@ -1272,14 +1258,14 @@ var fo = c.forwardRef(
 ), Ye = "DialogTitle", nr = c.forwardRef(
   (e, t) => {
     const { __scopeDialog: r, ...o } = e, a = I(Ye, r);
-    return /* @__PURE__ */ f(T.h2, { id: a.titleId, ...o, ref: t });
+    return /* @__PURE__ */ f(O.h2, { id: a.titleId, ...o, ref: t });
   }
 );
 nr.displayName = Ye;
 var or = "DialogDescription", ar = c.forwardRef(
   (e, t) => {
     const { __scopeDialog: r, ...o } = e, a = I(or, r);
-    return /* @__PURE__ */ f(T.p, { id: a.descriptionId, ...o, ref: t });
+    return /* @__PURE__ */ f(O.p, { id: a.descriptionId, ...o, ref: t });
   }
 );
 ar.displayName = or;
@@ -1287,12 +1273,12 @@ var ir = "DialogClose", sr = c.forwardRef(
   (e, t) => {
     const { __scopeDialog: r, ...o } = e, a = I(ir, r);
     return /* @__PURE__ */ f(
-      T.button,
+      O.button,
       {
         type: "button",
         ...o,
         ref: t,
-        onClick: A(e.onClick, () => a.onOpenChange(!1))
+        onClick: D(e.onClick, () => a.onOpenChange(!1))
       }
     );
   }
@@ -1317,21 +1303,15 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
 }, vo = "DialogDescriptionWarning", mo = ({ contentRef: e, descriptionId: t }) => {
   const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${lr(vo).contentName}}.`;
   return c.useEffect(() => {
-    var n;
-    const a = (n = e.current) == null ? void 0 : n.getAttribute("aria-describedby");
+    const a = e.current?.getAttribute("aria-describedby");
     t && a && (document.getElementById(t) || console.warn(o));
   }, [o, e, t]), null;
-}, go = Gt, _o = Zt, bo = Jt, yo = er, wo = tr, he = nr, So = ar, Eo = sr;
+}, go = Kt, _o = Zt, yo = Jt, bo = er, wo = tr, he = nr, So = ar, Eo = sr;
 const ur = Lr(null);
 function Co(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Le = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
 var pt;
 function Po() {
   return pt || (pt = 1, (function(e) {
@@ -1366,17 +1346,17 @@ function Po() {
   })(Le)), Le.exports;
 }
 var Ro = Po();
-const ae = /* @__PURE__ */ Co(Ro), No = "_slideUp_71yig_1", xo = "_slideDown_71yig_1", Ao = "_slideInRight_71yig_1", Do = "_slideInLeft_71yig_1", To = "_slideOutRight_71yig_1", Oo = "_slideOutLeft_71yig_1", $o = "_fadeIn_71yig_1", Lo = "_fadeOut_71yig_1", Mo = {
+const ae = /* @__PURE__ */ Co(Ro), No = "_slideUp_71yig_1", xo = "_slideDown_71yig_1", Do = "_slideInRight_71yig_1", Ao = "_slideInLeft_71yig_1", Oo = "_slideOutRight_71yig_1", To = "_slideOutLeft_71yig_1", $o = "_fadeIn_71yig_1", Lo = "_fadeOut_71yig_1", Mo = {
   "purpur-drawer-content": "_purpur-drawer-content_71yig_1",
   slideUp: No,
   slideDown: xo,
   "purpur-drawer-content--left": "_purpur-drawer-content--left_71yig_21",
   "purpur-drawer-content--right": "_purpur-drawer-content--right_71yig_24",
   "purpur-drawer-content--fit-to-content": "_purpur-drawer-content--fit-to-content_71yig_27",
-  slideInRight: Ao,
-  slideInLeft: Do,
-  slideOutRight: To,
-  slideOutLeft: Oo,
+  slideInRight: Do,
+  slideInLeft: Ao,
+  slideOutRight: Oo,
+  slideOutLeft: To,
   "purpur-drawer-content__content-container": "_purpur-drawer-content__content-container_71yig_63",
   "purpur-drawer-content__description": "_purpur-drawer-content__description_71yig_68",
   "purpur-drawer-overlay": "_purpur-drawer-overlay_71yig_79",
@@ -1481,13 +1461,7 @@ const Ho = {
 function Yo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var vt = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var mt;
+var vt = { exports: {} }, mt;
 function Vo() {
   return mt || (mt = 1, (function(e) {
     (function() {
@@ -1521,7 +1495,7 @@ function Vo() {
   })(vt)), vt.exports;
 }
 var zo = Vo();
-const Xo = /* @__PURE__ */ Yo(zo), qo = "_rotate_12t9p_1", Go = "_dash_12t9p_1", Ko = {
+const Xo = /* @__PURE__ */ Yo(zo), qo = "_rotate_12t9p_1", Ko = "_dash_12t9p_1", Go = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
   rotate: qo,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
@@ -1530,10 +1504,10 @@ const Xo = /* @__PURE__ */ Yo(zo), qo = "_rotate_12t9p_1", Go = "_dash_12t9p_1",
   "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
   "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
   "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
-  dash: Go,
+  dash: Ko,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, gt = Xo.bind(Ko), ie = "purpur-spinner", Zo = {
+}, gt = Xo.bind(Go), ie = "purpur-spinner", Zo = {
   SM: "sm"
 }, fr = ({
   disabled: e = !1,
@@ -1557,15 +1531,9 @@ fr.displayName = "Spinner";
 function Qo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var _t = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var bt;
+var _t = { exports: {} }, yt;
 function Jo() {
-  return bt || (bt = 1, (function(e) {
+  return yt || (yt = 1, (function(e) {
     (function() {
       var t = {}.hasOwnProperty;
       function r() {
@@ -1623,7 +1591,7 @@ const ta = /* @__PURE__ */ Qo(ea), ra = {
 }, Ie = {
   TERTIARY_PURPLE: "tertiary-purple",
   TEXT: "text"
-}, yt = ta.bind(ra), U = "purpur-button", je = Y(
+}, bt = ta.bind(ra), U = "purpur-button", je = Y(
   ({
     children: e,
     className: t,
@@ -1640,7 +1608,7 @@ const ta = /* @__PURE__ */ Qo(ea), ra = {
   }, h) => {
     if (a && l === "destructive")
       return null;
-    const m = yt(
+    const m = bt(
       [
         U,
         `${U}--${s ? `${l}-negative` : l}`,
@@ -1656,7 +1624,7 @@ const ta = /* @__PURE__ */ Qo(ea), ra = {
     ), _ = (g) => {
       r || n ? g.preventDefault() : i && i(g);
     }, v = !!p["aria-disabled"] || r || n;
-    return /* @__PURE__ */ D(
+    return /* @__PURE__ */ A(
       "button",
       {
         className: m,
@@ -1672,7 +1640,7 @@ const ta = /* @__PURE__ */ Qo(ea), ra = {
               size: u === Ho.LG ? "xs" : "xxs",
               negative: s,
               disabled: v,
-              className: yt(`${U}__spinner`)
+              className: bt(`${U}__spinner`)
             }
           ),
           " ",
@@ -1686,13 +1654,7 @@ je.displayName = "Button";
 function na(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var wt = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var St;
+var wt = { exports: {} }, St;
 function oa() {
   return St || (St = 1, (function(e) {
     (function() {
@@ -1774,13 +1736,7 @@ Ue.displayName = "Heading";
 function ca(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ct = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-var Pt;
+var Ct = { exports: {} }, Pt;
 function la() {
   return Pt || (Pt = 1, (function(e) {
     (function() {
@@ -1845,19 +1801,19 @@ const _a = {
   category: "utility"
 }, pr = (e) => /* @__PURE__ */ f(ze, { ...e, svg: _a });
 pr.displayName = "IconChevronLeft";
-const ba = {
+const ya = {
   name: "close",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',
   keywords: ["close"],
   category: "utility"
-}, hr = (e) => /* @__PURE__ */ f(ze, { ...e, svg: ba });
+}, hr = (e) => /* @__PURE__ */ f(ze, { ...e, svg: ya });
 hr.displayName = "IconClose";
 function Nt(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function ya(...e) {
+function ba(...e) {
   return (t) => {
     let r = !1;
     const o = e.map((a) => {
@@ -1891,7 +1847,7 @@ function Sa(e) {
     const { children: a, ...n } = r;
     if (c.isValidElement(a)) {
       const s = Ra(a), i = Pa(n, a.props);
-      return a.type !== c.Fragment && (i.ref = o ? ya(o, s) : s), c.cloneElement(a, i);
+      return a.type !== c.Fragment && (i.ref = o ? ba(o, s) : s), c.cloneElement(a, i);
     }
     return c.Children.count(a) > 1 ? c.Children.only(null) : null;
   });
@@ -1912,9 +1868,8 @@ function Pa(e, t) {
   return { ...e, ...r };
 }
 function Ra(e) {
-  var t, r;
-  let o = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, a = o && "isReactWarning" in o && o.isReactWarning;
-  return a ? e.ref : (o = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, a = o && "isReactWarning" in o && o.isReactWarning, a ? e.props.ref : e.props.ref || e.ref);
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning;
+  return r ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
 var Na = [
   "a",
@@ -1939,7 +1894,7 @@ var Na = [
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(u, { ...i, ref: n });
   });
   return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
-}, {}), Aa = "VisuallyHidden", vr = c.forwardRef(
+}, {}), Da = "VisuallyHidden", vr = c.forwardRef(
   (e, t) => /* @__PURE__ */ f(
     xa.span,
     {
@@ -1962,9 +1917,9 @@ var Na = [
     }
   )
 );
-vr.displayName = Aa;
-var Da = vr;
-const xt = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ f(Da, { asChild: e, ...r, children: t }), Ta = {
+vr.displayName = Da;
+var Aa = vr;
+const xt = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ f(Aa, { asChild: e, ...r, children: t }), Oa = {
   "purpur-drawer-header": "_purpur-drawer-header_1iujy_1",
   "purpur-drawer-header__row": "_purpur-drawer-header__row_1iujy_4",
   "purpur-drawer-header__row--with-back-button": "_purpur-drawer-header__row--with-back-button_1iujy_7",
@@ -1972,7 +1927,7 @@ const xt = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ f(Da, { asChil
   "purpur-drawer-header__right": "_purpur-drawer-header__right_1iujy_13",
   "purpur-drawer-header__close-button": "_purpur-drawer-header__close-button_1iujy_16",
   "purpur-drawer-header__back-button--only-icon": "_purpur-drawer-header__back-button--only-icon_1iujy_27"
-}, Z = ae.bind(Ta), B = "purpur-drawer-header", mr = Y(
+}, Z = ae.bind(Oa), B = "purpur-drawer-header", mr = Y(
   ({
     ["data-testid"]: e = "purpur-drawer-header",
     backButton: t,
@@ -1986,8 +1941,8 @@ const xt = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ f(Da, { asChil
     ...l
   }, d) => {
     const p = Z([B, a]), h = !!(t && r && i);
-    return /* @__PURE__ */ D("div", { className: p, "data-testid": e, ref: d, ...l, children: [
-      /* @__PURE__ */ D(
+    return /* @__PURE__ */ A("div", { className: p, "data-testid": e, ref: d, ...l, children: [
+      /* @__PURE__ */ A(
         "div",
         {
           className: Z([
@@ -1998,7 +1953,7 @@ const xt = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ f(Da, { asChil
           ]),
           "data-testid": `${e}-row`,
           children: [
-            /* @__PURE__ */ f("div", { className: Z(`${B}__left`), children: h ? /* @__PURE__ */ D(
+            /* @__PURE__ */ f("div", { className: Z(`${B}__left`), children: h ? /* @__PURE__ */ A(
               je,
               {
                 "aria-label": o ? r : "",
@@ -2018,7 +1973,7 @@ const xt = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ f(Da, { asChil
                   !o && r
                 ]
               }
-            ) : s ? /* @__PURE__ */ D(re, { children: [
+            ) : s ? /* @__PURE__ */ A(re, { children: [
               s,
               /* @__PURE__ */ f(xt, { asChild: !0, children: /* @__PURE__ */ f(he, { children: u }) })
             ] }) : /* @__PURE__ */ f(he, { asChild: !0, children: /* @__PURE__ */ f(
@@ -2045,7 +2000,7 @@ const xt = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ f(Da, { asChil
           ]
         }
       ),
-      h && (s ? /* @__PURE__ */ D(re, { children: [
+      h && (s ? /* @__PURE__ */ A(re, { children: [
         s,
         /* @__PURE__ */ f(xt, { asChild: !0, children: /* @__PURE__ */ f(he, { children: u }) })
       ] }) : /* @__PURE__ */ f(he, { asChild: !0, children: /* @__PURE__ */ f(
@@ -2062,9 +2017,9 @@ const xt = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ f(Da, { asChil
   }
 );
 mr.displayName = "DrawerHeader";
-var Oa = c.createContext(void 0);
+var Ta = c.createContext(void 0);
 function $a(e) {
-  const t = c.useContext(Oa);
+  const t = c.useContext(Ta);
   return e || t || "ltr";
 }
 function La(e, [t, r]) {
@@ -2073,7 +2028,7 @@ function La(e, [t, r]) {
 function Ma(e, t) {
   return c.useReducer((r, o) => t[r][o] ?? r, e);
 }
-var Xe = "ScrollArea", [gr] = Tt(Xe), [Ia, M] = gr(Xe), _r = c.forwardRef(
+var Xe = "ScrollArea", [gr] = Ot(Xe), [Ia, M] = gr(Xe), _r = c.forwardRef(
   (e, t) => {
     const {
       __scopeScrollArea: r,
@@ -2081,7 +2036,7 @@ var Xe = "ScrollArea", [gr] = Tt(Xe), [Ia, M] = gr(Xe), _r = c.forwardRef(
       dir: a,
       scrollHideDelay: n = 600,
       ...s
-    } = e, [i, u] = c.useState(null), [l, d] = c.useState(null), [p, h] = c.useState(null), [m, _] = c.useState(null), [v, g] = c.useState(null), [b, y] = c.useState(0), [E, w] = c.useState(0), [C, R] = c.useState(!1), [S, x] = c.useState(!1), P = $(t, (F) => u(F)), N = $a(a);
+    } = e, [i, u] = c.useState(null), [l, d] = c.useState(null), [p, h] = c.useState(null), [m, _] = c.useState(null), [v, g] = c.useState(null), [y, b] = c.useState(0), [E, w] = c.useState(0), [C, R] = c.useState(!1), [S, x] = c.useState(!1), P = $(t, (F) => u(F)), N = $a(a);
     return /* @__PURE__ */ f(
       Ia,
       {
@@ -2102,10 +2057,10 @@ var Xe = "ScrollArea", [gr] = Tt(Xe), [Ia, M] = gr(Xe), _r = c.forwardRef(
         onScrollbarYChange: g,
         scrollbarYEnabled: S,
         onScrollbarYEnabledChange: x,
-        onCornerWidthChange: y,
+        onCornerWidthChange: b,
         onCornerHeightChange: w,
         children: /* @__PURE__ */ f(
-          T.div,
+          O.div,
           {
             dir: N,
             ...s,
@@ -2113,7 +2068,7 @@ var Xe = "ScrollArea", [gr] = Tt(Xe), [Ia, M] = gr(Xe), _r = c.forwardRef(
             style: {
               position: "relative",
               // Pass corner sizes as CSS vars to reduce re-renders of context consumers
-              "--radix-scroll-area-corner-width": b + "px",
+              "--radix-scroll-area-corner-width": y + "px",
               "--radix-scroll-area-corner-height": E + "px",
               ...e.style
             }
@@ -2124,10 +2079,10 @@ var Xe = "ScrollArea", [gr] = Tt(Xe), [Ia, M] = gr(Xe), _r = c.forwardRef(
   }
 );
 _r.displayName = Xe;
-var br = "ScrollAreaViewport", yr = c.forwardRef(
+var yr = "ScrollAreaViewport", br = c.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: r, children: o, nonce: a, ...n } = e, s = M(br, r), i = c.useRef(null), u = $(t, i, s.onViewportChange);
-    return /* @__PURE__ */ D(re, { children: [
+    const { __scopeScrollArea: r, children: o, nonce: a, ...n } = e, s = M(yr, r), i = c.useRef(null), u = $(t, i, s.onViewportChange);
+    return /* @__PURE__ */ A(re, { children: [
       /* @__PURE__ */ f(
         "style",
         {
@@ -2138,7 +2093,7 @@ var br = "ScrollAreaViewport", yr = c.forwardRef(
         }
       ),
       /* @__PURE__ */ f(
-        T.div,
+        O.div,
         {
           "data-radix-scroll-area-viewport": "",
           ...n,
@@ -2165,7 +2120,7 @@ var br = "ScrollAreaViewport", yr = c.forwardRef(
     ] });
   }
 );
-yr.displayName = br;
+br.displayName = yr;
 var W = "ScrollAreaScrollbar", wr = c.forwardRef(
   (e, t) => {
     const { forceMount: r, ...o } = e, a = M(W, e.__scopeScrollArea), { onScrollbarXEnabledChange: n, onScrollbarYEnabledChange: s } = a, i = e.orientation === "horizontal";
@@ -2238,8 +2193,8 @@ var ka = c.forwardRef((e, t) => {
       "data-state": i === "hidden" ? "hidden" : "visible",
       ...o,
       ref: t,
-      onPointerEnter: A(e.onPointerEnter, () => u("POINTER_ENTER")),
-      onPointerLeave: A(e.onPointerLeave, () => u("POINTER_LEAVE"))
+      onPointerEnter: D(e.onPointerEnter, () => u("POINTER_ENTER")),
+      onPointerLeave: D(e.onPointerLeave, () => u("POINTER_LEAVE"))
     }
   ) });
 }), Sr = c.forwardRef((e, t) => {
@@ -2281,7 +2236,7 @@ var ka = c.forwardRef((e, t) => {
       ref: t,
       onThumbPositionChange: () => {
         if (a.viewport && n.current) {
-          const h = a.viewport.scrollLeft, m = At(h, i, a.dir);
+          const h = a.viewport.scrollLeft, m = Dt(h, i, a.dir);
           n.current.style.transform = `translate3d(${m}px, 0, 0)`;
         }
       },
@@ -2299,7 +2254,7 @@ var ka = c.forwardRef((e, t) => {
       ref: t,
       onThumbPositionChange: () => {
         if (a.viewport && n.current) {
-          const h = a.viewport.scrollTop, m = At(h, i);
+          const h = a.viewport.scrollTop, m = Dt(h, i);
           n.current.style.transform = `translate3d(0, ${m}px, 0)`;
         }
       },
@@ -2403,17 +2358,17 @@ var ka = c.forwardRef((e, t) => {
     onWheelScroll: d,
     onResize: p,
     ...h
-  } = e, m = M(W, r), [_, v] = c.useState(null), g = $(t, (P) => v(P)), b = c.useRef(null), y = c.useRef(""), E = m.viewport, w = o.content - o.viewport, C = L(d), R = L(u), S = Pe(p, 10);
+  } = e, m = M(W, r), [_, v] = c.useState(null), g = $(t, (P) => v(P)), y = c.useRef(null), b = c.useRef(""), E = m.viewport, w = o.content - o.viewport, C = L(d), R = L(u), S = Pe(p, 10);
   function x(P) {
-    if (b.current) {
-      const N = P.clientX - b.current.left, F = P.clientY - b.current.top;
+    if (y.current) {
+      const N = P.clientX - y.current.left, F = P.clientY - y.current.top;
       l({ x: N, y: F });
     }
   }
   return c.useEffect(() => {
     const P = (N) => {
       const F = N.target;
-      (_ == null ? void 0 : _.contains(F)) && C(N, w);
+      _?.contains(F) && C(N, w);
     };
     return document.addEventListener("wheel", P, { passive: !1 }), () => document.removeEventListener("wheel", P, { passive: !1 });
   }, [E, _, w, C]), c.useEffect(R, [o, R]), oe(_, S), oe(m.content, S), /* @__PURE__ */ f(
@@ -2427,31 +2382,31 @@ var ka = c.forwardRef((e, t) => {
       onThumbPositionChange: R,
       onThumbPointerDown: L(i),
       children: /* @__PURE__ */ f(
-        T.div,
+        O.div,
         {
           ...h,
           ref: g,
           style: { position: "absolute", ...h.style },
-          onPointerDown: A(e.onPointerDown, (P) => {
-            P.button === 0 && (P.target.setPointerCapture(P.pointerId), b.current = _.getBoundingClientRect(), y.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", m.viewport && (m.viewport.style.scrollBehavior = "auto"), x(P));
+          onPointerDown: D(e.onPointerDown, (P) => {
+            P.button === 0 && (P.target.setPointerCapture(P.pointerId), y.current = _.getBoundingClientRect(), b.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", m.viewport && (m.viewport.style.scrollBehavior = "auto"), x(P));
           }),
-          onPointerMove: A(e.onPointerMove, x),
-          onPointerUp: A(e.onPointerUp, (P) => {
+          onPointerMove: D(e.onPointerMove, x),
+          onPointerUp: D(e.onPointerUp, (P) => {
             const N = P.target;
-            N.hasPointerCapture(P.pointerId) && N.releasePointerCapture(P.pointerId), document.body.style.webkitUserSelect = y.current, m.viewport && (m.viewport.style.scrollBehavior = ""), b.current = null;
+            N.hasPointerCapture(P.pointerId) && N.releasePointerCapture(P.pointerId), document.body.style.webkitUserSelect = b.current, m.viewport && (m.viewport.style.scrollBehavior = ""), y.current = null;
           })
         }
       )
     }
   );
-}), ye = "ScrollAreaThumb", Pr = c.forwardRef(
+}), be = "ScrollAreaThumb", Pr = c.forwardRef(
   (e, t) => {
-    const { forceMount: r, ...o } = e, a = Er(ye, e.__scopeScrollArea);
+    const { forceMount: r, ...o } = e, a = Er(be, e.__scopeScrollArea);
     return /* @__PURE__ */ f(V, { present: r || a.hasThumb, children: /* @__PURE__ */ f(Ba, { ref: t, ...o }) });
   }
 ), Ba = c.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: r, style: o, ...a } = e, n = M(ye, r), s = Er(ye, r), { onThumbPositionChange: i } = s, u = $(
+    const { __scopeScrollArea: r, style: o, ...a } = e, n = M(be, r), s = Er(be, r), { onThumbPositionChange: i } = s, u = $(
       t,
       (p) => s.onThumbChange(p)
     ), l = c.useRef(void 0), d = Pe(() => {
@@ -2469,7 +2424,7 @@ var ka = c.forwardRef((e, t) => {
         return i(), p.addEventListener("scroll", h), () => p.removeEventListener("scroll", h);
       }
     }, [n.viewport, d, i]), /* @__PURE__ */ f(
-      T.div,
+      O.div,
       {
         "data-state": s.hasThumb ? "visible" : "hidden",
         ...a,
@@ -2479,35 +2434,33 @@ var ka = c.forwardRef((e, t) => {
           height: "var(--radix-scroll-area-thumb-height)",
           ...o
         },
-        onPointerDownCapture: A(e.onPointerDownCapture, (p) => {
+        onPointerDownCapture: D(e.onPointerDownCapture, (p) => {
           const m = p.target.getBoundingClientRect(), _ = p.clientX - m.left, v = p.clientY - m.top;
           s.onThumbPointerDown({ x: _, y: v });
         }),
-        onPointerUp: A(e.onPointerUp, s.onThumbPointerUp)
+        onPointerUp: D(e.onPointerUp, s.onThumbPointerUp)
       }
     );
   }
 );
-Pr.displayName = ye;
-var Ge = "ScrollAreaCorner", Ha = c.forwardRef(
+Pr.displayName = be;
+var Ke = "ScrollAreaCorner", Ha = c.forwardRef(
   (e, t) => {
-    const r = M(Ge, e.__scopeScrollArea), o = !!(r.scrollbarX && r.scrollbarY);
+    const r = M(Ke, e.__scopeScrollArea), o = !!(r.scrollbarX && r.scrollbarY);
     return r.type !== "scroll" && o ? /* @__PURE__ */ f(Ya, { ...e, ref: t }) : null;
   }
 );
-Ha.displayName = Ge;
+Ha.displayName = Ke;
 var Ya = c.forwardRef((e, t) => {
-  const { __scopeScrollArea: r, ...o } = e, a = M(Ge, r), [n, s] = c.useState(0), [i, u] = c.useState(0), l = !!(n && i);
+  const { __scopeScrollArea: r, ...o } = e, a = M(Ke, r), [n, s] = c.useState(0), [i, u] = c.useState(0), l = !!(n && i);
   return oe(a.scrollbarX, () => {
-    var p;
-    const d = ((p = a.scrollbarX) == null ? void 0 : p.offsetHeight) || 0;
+    const d = a.scrollbarX?.offsetHeight || 0;
     a.onCornerHeightChange(d), u(d);
   }), oe(a.scrollbarY, () => {
-    var p;
-    const d = ((p = a.scrollbarY) == null ? void 0 : p.offsetWidth) || 0;
+    const d = a.scrollbarY?.offsetWidth || 0;
     a.onCornerWidthChange(d), s(d);
   }), l ? /* @__PURE__ */ f(
-    T.div,
+    O.div,
     {
       ...o,
       ref: t,
@@ -2538,7 +2491,7 @@ function Va(e, t, r, o = "ltr") {
   const a = Ce(r), n = a / 2, s = t || n, i = a - s, u = r.scrollbar.paddingStart + s, l = r.scrollbar.size - r.scrollbar.paddingEnd - i, d = r.content - r.viewport, p = o === "ltr" ? [0, d] : [d * -1, 0];
   return Nr([u, l], p)(e);
 }
-function At(e, t, r = "ltr") {
+function Dt(e, t, r = "ltr") {
   const o = Ce(t), a = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, n = t.scrollbar.size - a, s = t.content - t.viewport, i = n - o, u = r === "ltr" ? [0, s] : [s * -1, 0], l = La(e, u);
   return Nr([0, s], [0, i])(l);
 }
@@ -2580,7 +2533,7 @@ function oe(e, t) {
     }
   }, [e, r]);
 }
-var Xa = _r, qa = yr, Ga = wr, Ka = Pr;
+var Xa = _r, qa = br, Ka = wr, Ga = Pr;
 const Za = {
   "purpur-drawer-scroll-area__root": "_purpur-drawer-scroll-area__root_1hyos_1",
   "purpur-drawer-scroll-area__root--fit-to-content": "_purpur-drawer-scroll-area__root--fit-to-content_1hyos_4",
@@ -2596,7 +2549,7 @@ const Za = {
     ...a
   }, n) => {
     const s = se([Q, r]);
-    return /* @__PURE__ */ f("div", { className: s, "data-testid": e, ref: n, ...a, children: /* @__PURE__ */ D(
+    return /* @__PURE__ */ f("div", { className: s, "data-testid": e, ref: n, ...a, children: /* @__PURE__ */ A(
       Xa,
       {
         className: se(`${Q}__root`, {
@@ -2605,11 +2558,11 @@ const Za = {
         children: [
           /* @__PURE__ */ f(qa, { className: se(`${Q}__viewport`), children: t }),
           /* @__PURE__ */ f(
-            Ga,
+            Ka,
             {
               className: se(`${Q}__scrollbar`),
               orientation: "vertical",
-              children: /* @__PURE__ */ f(Ka, { className: se(`${Q}__thumb`) })
+              children: /* @__PURE__ */ f(Ga, { className: se(`${Q}__thumb`) })
             }
           )
         ]
@@ -2618,7 +2571,7 @@ const Za = {
   }
 );
 Be.displayName = "DrawerScrollArea";
-const J = ae.bind(Wo), O = "purpur-drawer-frame", Ar = Y(
+const J = ae.bind(Wo), T = "purpur-drawer-frame", Dr = Y(
   ({
     ["data-testid"]: e = "purpur-drawer-frame",
     backButton: t,
@@ -2637,22 +2590,22 @@ const J = ae.bind(Wo), O = "purpur-drawer-frame", Ar = Y(
     onSwipeEnd: _,
     title: v,
     stickyFooter: g,
-    position: b = "right",
-    ...y
+    position: y = "right",
+    ...b
   }, E) => {
     const w = !!(t && r && d), C = J([
-      O,
+      T,
       {
-        [`${O}--fit-to-content`]: i,
-        [`${O}--sticky-footer`]: g,
-        [`${O}--left`]: b === "left",
-        [`${O}--right`]: b === "right",
-        [`${O}--without-back-button`]: !w,
-        [`${O}--with-back-button`]: w
+        [`${T}--fit-to-content`]: i,
+        [`${T}--sticky-footer`]: g,
+        [`${T}--left`]: y === "left",
+        [`${T}--right`]: y === "right",
+        [`${T}--without-back-button`]: !w,
+        [`${T}--with-back-button`]: w
       },
       n
     ]);
-    return /* @__PURE__ */ D("div", { className: C, "data-testid": e, ref: E, ...y, children: [
+    return /* @__PURE__ */ A("div", { className: C, "data-testid": e, ref: E, ...b, children: [
       /* @__PURE__ */ f(
         dr,
         {
@@ -2665,7 +2618,7 @@ const J = ae.bind(Wo), O = "purpur-drawer-frame", Ar = Y(
       /* @__PURE__ */ f(
         ee,
         {
-          className: J(`${O}__header`),
+          className: J(`${T}__header`),
           variant: "header",
           stickyFooter: g,
           children: /* @__PURE__ */ f(
@@ -2682,11 +2635,11 @@ const J = ae.bind(Wo), O = "purpur-drawer-frame", Ar = Y(
           )
         }
       ),
-      g ? /* @__PURE__ */ D(re, { children: [
+      g ? /* @__PURE__ */ A(re, { children: [
         /* @__PURE__ */ f(
           Be,
           {
-            className: J(`${O}__body`),
+            className: J(`${T}__body`),
             "data-testid": `${e}-sticky-footer-scroll-area`,
             fitToContent: i,
             children: /* @__PURE__ */ f(ee, { stickyFooter: !0, children: a })
@@ -2695,7 +2648,7 @@ const J = ae.bind(Wo), O = "purpur-drawer-frame", Ar = Y(
         u && /* @__PURE__ */ f(
           ee,
           {
-            className: J(`${O}__footer`),
+            className: J(`${T}__footer`),
             "data-testid": `${e}-sticky-footer`,
             variant: "footer",
             stickyFooter: g,
@@ -2705,15 +2658,15 @@ const J = ae.bind(Wo), O = "purpur-drawer-frame", Ar = Y(
       ] }) : /* @__PURE__ */ f(
         Be,
         {
-          className: J(`${O}__body`),
+          className: J(`${T}__body`),
           "data-testid": `${e}-scroll-area`,
           fitToContent: i,
-          children: /* @__PURE__ */ D(
+          children: /* @__PURE__ */ A(
             "div",
             {
               className: J([
-                `${O}__content-container`,
-                { [`${O}__content-container--no-footer`]: !u }
+                `${T}__content-container`,
+                { [`${T}__content-container--no-footer`]: !u }
               ]),
               children: [
                 /* @__PURE__ */ f(ee, { stickyFooter: g, children: a }),
@@ -2734,7 +2687,7 @@ const J = ae.bind(Wo), O = "purpur-drawer-frame", Ar = Y(
     ] });
   }
 );
-Ar.displayName = "DrawerFrame";
+Dr.displayName = "DrawerFrame";
 const Qa = (e, t) => ({
   onSwipeStart: () => {
     e.current && e.current.setAttribute("data-swipe", "start");
@@ -2752,9 +2705,9 @@ const Qa = (e, t) => ({
     if (!e.current)
       return;
     const { y: i } = s.delta;
-    e.current.setAttribute("data-swipe", "end"), e.current.style.removeProperty("--purpur-drawer-swipe-move-y"), e.current.style.setProperty("--purpur-drawer-swipe-end-y", `${i}px`), t == null || t(!1);
+    e.current.setAttribute("data-swipe", "end"), e.current.style.removeProperty("--purpur-drawer-swipe-move-y"), e.current.style.setProperty("--purpur-drawer-swipe-end-y", `${i}px`), t?.(!1);
   }
-}), ce = ae.bind(Mo), z = "purpur-drawer-content", Dr = Y(
+}), ce = ae.bind(Mo), z = "purpur-drawer-content", Ar = Y(
   ({
     ["data-testid"]: e = "purpur-drawer-content",
     backButton: t = !1,
@@ -2773,8 +2726,8 @@ const Qa = (e, t) => ({
     title: _,
     zIndex: v,
     position: g = "right",
-    ...b
-  }, y) => {
+    ...y
+  }, b) => {
     const E = ce([
       z,
       {
@@ -2784,13 +2737,13 @@ const Qa = (e, t) => ({
       },
       s
     ]), w = Je(null), C = Je(null), R = (j) => {
-      C.current = j, typeof y == "function" ? y(j) : y && (y.current = j);
+      C.current = j, typeof b == "function" ? b(j) : b && (b.current = j);
     }, S = Mr(ur), { onSwipeStart: x, onSwipeMove: P, onSwipeCancel: N, onSwipeEnd: F } = Qa(
       C,
       S
     ), Ze = (j) => {
       u && j.preventDefault();
-    }, Or = () => {
+    }, Tr = () => {
       const j = w.current;
       if (j) {
         const Qe = j.querySelector("h2");
@@ -2799,8 +2752,8 @@ const Qa = (e, t) => ({
         });
       }
     };
-    return /* @__PURE__ */ f(bo, { children: /* @__PURE__ */ f(
-      yo,
+    return /* @__PURE__ */ f(yo, { children: /* @__PURE__ */ f(
+      bo,
       {
         className: ce("purpur-drawer-overlay"),
         style: v ? { zIndex: v } : void 0,
@@ -2809,14 +2762,14 @@ const Qa = (e, t) => ({
           wo,
           {
             onPointerDownOutside: Ze,
-            onOpenAutoFocus: Or,
+            onOpenAutoFocus: Tr,
             className: E,
             "data-testid": e,
             ref: R,
             ...!a && { "aria-describedby": void 0 },
-            ...b,
+            ...y,
             children: /* @__PURE__ */ f(
-              Ar,
+              Dr,
               {
                 backButton: t,
                 backButtonText: r,
@@ -2835,7 +2788,7 @@ const Qa = (e, t) => ({
                 stickyFooter: m,
                 title: _,
                 position: g,
-                children: a ? /* @__PURE__ */ D("div", { className: ce(`${z}__content-container`), children: [
+                children: a ? /* @__PURE__ */ A("div", { className: ce(`${z}__content-container`), children: [
                   /* @__PURE__ */ f(
                     So,
                     {
@@ -2854,12 +2807,12 @@ const Qa = (e, t) => ({
     ) });
   }
 );
-Dr.displayName = "DrawerContent";
-const Tr = Y(
+Ar.displayName = "DrawerContent";
+const Or = Y(
   ({ ["data-testid"]: e = "purpur-drawer-trigger", children: t, ...r }, o) => /* @__PURE__ */ f(_o, { asChild: !0, "data-testid": e, ref: o, ...r, children: t })
 );
-Tr.displayName = "DrawerTrigger";
-const Ke = ({
+Or.displayName = "DrawerTrigger";
+const Ge = ({
   ["data-testid"]: e = "purpur-drawer",
   children: t,
   className: r,
@@ -2868,16 +2821,16 @@ const Ke = ({
   ...n
 }) => {
   const [s, i] = ke.useState(a), u = (l) => {
-    i(l), o == null || o(l);
+    i(l), o?.(l);
   };
   return Ir(() => {
     i(a);
   }, [a]), /* @__PURE__ */ f(ur.Provider, { value: u, children: /* @__PURE__ */ f("div", { className: r, "data-testid": e, ...n, children: /* @__PURE__ */ f(go, { open: s, onOpenChange: u, children: t }) }) });
 };
-Ke.Trigger = Tr;
-Ke.Content = Dr;
-Ke.displayName = "Drawer";
+Ge.Trigger = Or;
+Ge.Content = Ar;
+Ge.displayName = "Drawer";
 export {
-  Ke as Drawer
+  Ge as Drawer
 };
 //# sourceMappingURL=drawer.es.js.map