npm - @purpurds/drawer - Versions diffs - 5.27.2 → 5.27.4 - Mend

@purpurds/drawer 5.27.2 → 5.27.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/drawer.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { jsx as _, jsxs as Y, Fragment as ur } from "react/jsx-runtime";
+import { jsx as _, jsxs as Y, Fragment as lr } from "react/jsx-runtime";
 import * as $ from "react";
-import Ue, { useCallback as ie, useMemo as pe, createElement as h, createContext as ae, useContext as ve, useLayoutEffect as dr, useRef as T, useEffect as N, useState as D, forwardRef as w, Children as Z, isValidElement as xe, Fragment as Qe, cloneElement as Je, useReducer as yt } from "react";
-import fr, { flushSync as St } from "react-dom";
+import Ue, { useCallback as ae, createContext as de, useMemo as Se, createElement as h, useContext as Te, useLayoutEffect as ur, useRef as A, useEffect as D, useState as N, forwardRef as w, Children as Z, isValidElement as Ee, cloneElement as Qe, Fragment as Je, useReducer as yt } from "react";
+import dr, { flushSync as St } from "react-dom";
 function y() {
   return y = Object.assign ? Object.assign.bind() : function(e) {
     for (var r = 1; r < arguments.length; r++) {
@@ -16,49 +16,27 @@ function L(e, r, { checkForDefaultPrevented: t = !0 } = {}) {
     if (e == null || e(a), t === !1 || !a.defaultPrevented) return r == null ? void 0 : r(a);
   };
 }
-function pr(e, r) {
+function fr(e, r) {
   typeof e == "function" ? e(r) : e != null && (e.current = r);
 }
 function Et(...e) {
   return (r) => e.forEach(
-    (t) => pr(t, r)
+    (t) => fr(t, r)
   );
 }
 function k(...e) {
-  return ie(Et(...e), e);
-}
-function vr(e, r) {
-  const t = /* @__PURE__ */ ae(r);
-  function o(n) {
-    const { children: i, ...c } = n, s = pe(
-      () => c,
-      Object.values(c)
-    );
-    return /* @__PURE__ */ h(t.Provider, {
-      value: s
-    }, i);
-  }
-  function a(n) {
-    const i = ve(t);
-    if (i) return i;
-    if (r !== void 0) return r;
-    throw new Error(`\`${n}\` must be used within \`${e}\``);
-  }
-  return o.displayName = e + "Provider", [
-    o,
-    a
-  ];
+  return ae(Et(...e), e);
 }
 function xt(e, r = []) {
   let t = [];
   function o(n, i) {
-    const c = /* @__PURE__ */ ae(i), s = t.length;
+    const c = /* @__PURE__ */ de(i), l = t.length;
     t = [
       ...t,
       i
     ];
-    function l(d) {
-      const { scope: f, children: v, ...m } = d, p = (f == null ? void 0 : f[e][s]) || c, b = pe(
+    function s(d) {
+      const { scope: f, children: v, ...m } = d, p = (f == null ? void 0 : f[e][l]) || c, b = Se(
         () => m,
         Object.values(m)
       );
@@ -67,40 +45,40 @@ function xt(e, r = []) {
       }, v);
     }
     function u(d, f) {
-      const v = (f == null ? void 0 : f[e][s]) || c, m = ve(v);
+      const v = (f == null ? void 0 : f[e][l]) || c, m = Te(v);
       if (m) return m;
       if (i !== void 0) return i;
       throw new Error(`\`${d}\` must be used within \`${n}\``);
     }
-    return l.displayName = n + "Provider", [
-      l,
+    return s.displayName = n + "Provider", [
+      s,
       u
     ];
   }
   const a = () => {
-    const n = t.map((i) => /* @__PURE__ */ ae(i));
+    const n = t.map((i) => /* @__PURE__ */ de(i));
     return function(c) {
-      const s = (c == null ? void 0 : c[e]) || n;
-      return pe(
+      const l = (c == null ? void 0 : c[e]) || n;
+      return Se(
         () => ({
           [`__scope${e}`]: {
             ...c,
-            [e]: s
+            [e]: l
           }
         }),
         [
           c,
-          s
+          l
         ]
       );
     };
   };
   return a.scopeName = e, [
     o,
-    hr(a, ...r)
+    pr(a, ...r)
   ];
 }
-function hr(...e) {
+function pr(...e) {
   const r = e[0];
   if (e.length === 1) return r;
   const t = () => {
@@ -111,14 +89,14 @@ function hr(...e) {
       })
     );
     return function(n) {
-      const i = o.reduce((c, { useScope: s, scopeName: l }) => {
-        const d = s(n)[`__scope${l}`];
+      const i = o.reduce((c, { useScope: l, scopeName: s }) => {
+        const d = l(n)[`__scope${s}`];
         return {
           ...c,
           ...d
         };
       }, {});
-      return pe(
+      return Se(
         () => ({
           [`__scope${r.scopeName}`]: i
         }),
@@ -130,25 +108,25 @@ function hr(...e) {
   };
   return t.scopeName = r.scopeName, t;
 }
-const Pe = globalThis != null && globalThis.document ? dr : () => {
-}, br = $.useId || (() => {
+const xe = globalThis != null && globalThis.document ? ur : () => {
+}, vr = $.useId || (() => {
 });
-let mr = 0;
+let hr = 0;
 function Oe(e) {
-  const [r, t] = $.useState(br());
-  return Pe(() => {
+  const [r, t] = $.useState(vr());
+  return xe(() => {
     e || t(
-      (o) => o ?? String(mr++)
+      (o) => o ?? String(hr++)
     );
   }, [
     e
   ]), e || (r ? `radix-${r}` : "");
 }
 function M(e) {
-  const r = T(e);
-  return N(() => {
+  const r = A(e);
+  return D(() => {
     r.current = e;
-  }), pe(
+  }), Se(
     () => (...t) => {
       var o;
       return (o = r.current) === null || o === void 0 ? void 0 : o.call(r, ...t);
@@ -156,16 +134,16 @@ function M(e) {
     []
   );
 }
-function gr({ prop: e, defaultProp: r, onChange: t = () => {
+function br({ prop: e, defaultProp: r, onChange: t = () => {
 } }) {
-  const [o, a] = _r({
+  const [o, a] = mr({
     defaultProp: r,
     onChange: t
-  }), n = e !== void 0, i = n ? e : o, c = M(t), s = ie((l) => {
+  }), n = e !== void 0, i = n ? e : o, c = M(t), l = ae((s) => {
     if (n) {
-      const d = typeof l == "function" ? l(e) : l;
+      const d = typeof s == "function" ? s(e) : s;
       d !== e && c(d);
-    } else a(l);
+    } else a(s);
   }, [
     n,
     e,
@@ -174,12 +152,12 @@ function gr({ prop: e, defaultProp: r, onChange: t = () => {
   ]);
   return [
     i,
-    s
+    l
   ];
 }
-function _r({ defaultProp: e, onChange: r }) {
-  const t = D(e), [o] = t, a = T(o), n = M(r);
-  return N(() => {
+function mr({ defaultProp: e, onChange: r }) {
+  const t = N(e), [o] = t, a = A(o), n = M(r);
+  return D(() => {
     a.current !== o && (n(o), a.current = o);
   }, [
     o,
@@ -188,12 +166,12 @@ function _r({ defaultProp: e, onChange: r }) {
   ]), t;
 }
 const et = /* @__PURE__ */ w((e, r) => {
-  const { children: t, ...o } = e, a = Z.toArray(t), n = a.find(wr);
+  const { children: t, ...o } = e, a = Z.toArray(t), n = a.find(_r);
   if (n) {
-    const i = n.props.children, c = a.map((s) => s === n ? Z.count(i) > 1 ? Z.only(null) : /* @__PURE__ */ xe(i) ? i.props.children : null : s);
+    const i = n.props.children, c = a.map((l) => l === n ? Z.count(i) > 1 ? Z.only(null) : /* @__PURE__ */ Ee(i) ? i.props.children : null : l);
     return /* @__PURE__ */ h(He, y({}, o, {
       ref: r
-    }), /* @__PURE__ */ xe(i) ? /* @__PURE__ */ Je(i, void 0, c) : null);
+    }), /* @__PURE__ */ Ee(i) ? /* @__PURE__ */ Qe(i, void 0, c) : null);
   }
   return /* @__PURE__ */ h(He, y({}, o, {
     ref: r
@@ -202,17 +180,17 @@ const et = /* @__PURE__ */ w((e, r) => {
 et.displayName = "Slot";
 const He = /* @__PURE__ */ w((e, r) => {
   const { children: t, ...o } = e;
-  return /* @__PURE__ */ xe(t) ? /* @__PURE__ */ Je(t, {
-    ...yr(o, t.props),
+  return /* @__PURE__ */ Ee(t) ? /* @__PURE__ */ Qe(t, {
+    ...$r(o, t.props),
     ref: r ? Et(r, t.ref) : t.ref
   }) : Z.count(t) > 1 ? Z.only(null) : null;
 });
 He.displayName = "SlotClone";
-const $r = ({ children: e }) => /* @__PURE__ */ h(Qe, null, e);
-function wr(e) {
-  return /* @__PURE__ */ xe(e) && e.type === $r;
+const gr = ({ children: e }) => /* @__PURE__ */ h(Je, null, e);
+function _r(e) {
+  return /* @__PURE__ */ Ee(e) && e.type === gr;
 }
-function yr(e, r) {
+function $r(e, r) {
   const t = {
     ...r
   };
@@ -233,7 +211,7 @@ function yr(e, r) {
     ...t
   };
 }
-const Sr = [
+const wr = [
   "a",
   "button",
   "div",
@@ -250,10 +228,10 @@ const Sr = [
   "span",
   "svg",
   "ul"
-], F = Sr.reduce((e, r) => {
+], F = wr.reduce((e, r) => {
   const t = /* @__PURE__ */ w((o, a) => {
     const { asChild: n, ...i } = o, c = n ? et : r;
-    return N(() => {
+    return D(() => {
       window[Symbol.for("radix-ui")] = !0;
     }, []), /* @__PURE__ */ h(c, y({}, i, {
       ref: a
@@ -264,14 +242,14 @@ const Sr = [
     [r]: t
   };
 }, {});
-function Er(e, r) {
+function yr(e, r) {
   e && St(
     () => e.dispatchEvent(r)
   );
 }
-function xr(e, r = globalThis == null ? void 0 : globalThis.document) {
+function Sr(e, r = globalThis == null ? void 0 : globalThis.document) {
   const t = M(e);
-  N(() => {
+  D(() => {
     const o = (a) => {
       a.key === "Escape" && t(a);
     };
@@ -281,37 +259,37 @@ function xr(e, r = globalThis == null ? void 0 : globalThis.document) {
     r
   ]);
 }
-const Ye = "dismissableLayer.update", Pr = "dismissableLayer.pointerDownOutside", Cr = "dismissableLayer.focusOutside";
+const Ye = "dismissableLayer.update", Er = "dismissableLayer.pointerDownOutside", xr = "dismissableLayer.focusOutside";
 let at;
-const Ar = /* @__PURE__ */ ae({
+const Cr = /* @__PURE__ */ de({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), Tr = /* @__PURE__ */ w((e, r) => {
+}), Pr = /* @__PURE__ */ w((e, r) => {
   var t;
-  const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: a, onPointerDownOutside: n, onFocusOutside: i, onInteractOutside: c, onDismiss: s, ...l } = e, u = ve(Ar), [d, f] = D(null), v = (t = d == null ? void 0 : d.ownerDocument) !== null && t !== void 0 ? t : globalThis == null ? void 0 : globalThis.document, [, m] = D({}), p = k(
+  const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: a, onPointerDownOutside: n, onFocusOutside: i, onInteractOutside: c, onDismiss: l, ...s } = e, u = Te(Cr), [d, f] = N(null), v = (t = d == null ? void 0 : d.ownerDocument) !== null && t !== void 0 ? t : globalThis == null ? void 0 : globalThis.document, [, m] = N({}), p = k(
     r,
     (x) => f(x)
   ), b = Array.from(u.layers), [g] = [
     ...u.layersWithOutsidePointerEventsDisabled
-  ].slice(-1), C = b.indexOf(g), S = d ? b.indexOf(d) : -1, E = u.layersWithOutsidePointerEventsDisabled.size > 0, A = S >= C, I = Nr((x) => {
-    const P = x.target, R = [
+  ].slice(-1), P = b.indexOf(g), S = d ? b.indexOf(d) : -1, E = u.layersWithOutsidePointerEventsDisabled.size > 0, T = S >= P, I = Tr((x) => {
+    const C = x.target, R = [
       ...u.branches
     ].some(
-      (W) => W.contains(P)
+      (W) => W.contains(C)
     );
-    !A || R || (n == null || n(x), c == null || c(x), x.defaultPrevented || s == null || s());
-  }, v), O = Dr((x) => {
-    const P = x.target;
+    !T || R || (n == null || n(x), c == null || c(x), x.defaultPrevented || l == null || l());
+  }, v), O = Ar((x) => {
+    const C = x.target;
     [
       ...u.branches
     ].some(
-      (W) => W.contains(P)
-    ) || (i == null || i(x), c == null || c(x), x.defaultPrevented || s == null || s());
+      (W) => W.contains(C)
+    ) || (i == null || i(x), c == null || c(x), x.defaultPrevented || l == null || l());
   }, v);
-  return xr((x) => {
-    S === u.layers.size - 1 && (a == null || a(x), !x.defaultPrevented && s && (x.preventDefault(), s()));
-  }, v), N(() => {
+  return Sr((x) => {
+    S === u.layers.size - 1 && (a == null || a(x), !x.defaultPrevented && l && (x.preventDefault(), l()));
+  }, v), D(() => {
     if (d)
       return o && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (at = v.body.style.pointerEvents, v.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(d)), u.layers.add(d), ct(), () => {
         o && u.layersWithOutsidePointerEventsDisabled.size === 1 && (v.body.style.pointerEvents = at);
@@ -321,18 +299,18 @@ const Ar = /* @__PURE__ */ ae({
     v,
     o,
     u
-  ]), N(() => () => {
+  ]), D(() => () => {
     d && (u.layers.delete(d), u.layersWithOutsidePointerEventsDisabled.delete(d), ct());
   }, [
     d,
     u
-  ]), N(() => {
+  ]), D(() => {
     const x = () => m({});
     return document.addEventListener(Ye, x), () => document.removeEventListener(Ye, x);
-  }, []), /* @__PURE__ */ h(F.div, y({}, l, {
+  }, []), /* @__PURE__ */ h(F.div, y({}, s, {
     ref: p,
     style: {
-      pointerEvents: E ? A ? "auto" : "none" : void 0,
+      pointerEvents: E ? T ? "auto" : "none" : void 0,
       ...e.style
     },
     onFocusCapture: L(e.onFocusCapture, O.onFocusCapture),
@@ -340,23 +318,23 @@ const Ar = /* @__PURE__ */ ae({
     onPointerDownCapture: L(e.onPointerDownCapture, I.onPointerDownCapture)
   }));
 });
-function Nr(e, r = globalThis == null ? void 0 : globalThis.document) {
-  const t = M(e), o = T(!1), a = T(() => {
+function Tr(e, r = globalThis == null ? void 0 : globalThis.document) {
+  const t = M(e), o = A(!1), a = A(() => {
   });
-  return N(() => {
+  return D(() => {
     const n = (c) => {
       if (c.target && !o.current) {
-        let l = function() {
-          Pt(Pr, t, s, {
+        let s = function() {
+          Ct(Er, t, l, {
             discrete: !0
           });
         };
-        const s = {
+        const l = {
           originalEvent: c
         };
-        c.pointerType === "touch" ? (r.removeEventListener("click", a.current), a.current = l, r.addEventListener("click", a.current, {
+        c.pointerType === "touch" ? (r.removeEventListener("click", a.current), a.current = s, r.addEventListener("click", a.current, {
           once: !0
-        })) : l();
+        })) : s();
       } else
         r.removeEventListener("click", a.current);
       o.current = !1;
@@ -374,11 +352,11 @@ function Nr(e, r = globalThis == null ? void 0 : globalThis.document) {
     onPointerDownCapture: () => o.current = !0
   };
 }
-function Dr(e, r = globalThis == null ? void 0 : globalThis.document) {
-  const t = M(e), o = T(!1);
-  return N(() => {
+function Ar(e, r = globalThis == null ? void 0 : globalThis.document) {
+  const t = M(e), o = A(!1);
+  return D(() => {
     const a = (n) => {
-      n.target && !o.current && Pt(Cr, t, {
+      n.target && !o.current && Ct(xr, t, {
         originalEvent: n
       }, {
         discrete: !1
@@ -397,7 +375,7 @@ function ct() {
   const e = new CustomEvent(Ye);
   document.dispatchEvent(e);
 }
-function Pt(e, r, t, { discrete: o }) {
+function Ct(e, r, t, { discrete: o }) {
   const a = t.originalEvent.target, n = new CustomEvent(e, {
     bubbles: !1,
     cancelable: !0,
@@ -405,16 +383,16 @@ function Pt(e, r, t, { discrete: o }) {
   });
   r && a.addEventListener(e, r, {
     once: !0
-  }), o ? Er(a, n) : a.dispatchEvent(n);
+  }), o ? yr(a, n) : a.dispatchEvent(n);
 }
 const Le = "focusScope.autoFocusOnMount", Re = "focusScope.autoFocusOnUnmount", it = {
   bubbles: !1,
   cancelable: !0
-}, Or = /* @__PURE__ */ w((e, r) => {
-  const { loop: t = !1, trapped: o = !1, onMountAutoFocus: a, onUnmountAutoFocus: n, ...i } = e, [c, s] = D(null), l = M(a), u = M(n), d = T(null), f = k(
+}, Dr = /* @__PURE__ */ w((e, r) => {
+  const { loop: t = !1, trapped: o = !1, onMountAutoFocus: a, onUnmountAutoFocus: n, ...i } = e, [c, l] = N(null), s = M(a), u = M(n), d = A(null), f = k(
     r,
-    (p) => s(p)
-  ), v = T({
+    (p) => l(p)
+  ), v = A({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -423,7 +401,7 @@ const Le = "focusScope.autoFocusOnMount", Re = "focusScope.autoFocusOnUnmount",
       this.paused = !1;
     }
   }).current;
-  N(() => {
+  D(() => {
     if (o) {
       let p = function(S) {
         if (v.paused || !c) return;
@@ -439,33 +417,33 @@ const Le = "focusScope.autoFocusOnMount", Re = "focusScope.autoFocusOnUnmount",
         }));
       }, g = function(S) {
         if (document.activeElement === document.body)
-          for (const A of S) A.removedNodes.length > 0 && V(c);
+          for (const T of S) T.removedNodes.length > 0 && V(c);
       };
       document.addEventListener("focusin", p), document.addEventListener("focusout", b);
-      const C = new MutationObserver(g);
-      return c && C.observe(c, {
+      const P = new MutationObserver(g);
+      return c && P.observe(c, {
         childList: !0,
         subtree: !0
       }), () => {
-        document.removeEventListener("focusin", p), document.removeEventListener("focusout", b), C.disconnect();
+        document.removeEventListener("focusin", p), document.removeEventListener("focusout", b), P.disconnect();
       };
     }
   }, [
     o,
     c,
     v.paused
-  ]), N(() => {
+  ]), D(() => {
     if (c) {
       lt.add(v);
       const p = document.activeElement;
       if (!c.contains(p)) {
         const g = new CustomEvent(Le, it);
-        c.addEventListener(Le, l), c.dispatchEvent(g), g.defaultPrevented || (Lr(Fr(Ct(c)), {
+        c.addEventListener(Le, s), c.dispatchEvent(g), g.defaultPrevented || (Nr(Ir(Pt(c)), {
           select: !0
         }), document.activeElement === p && V(c));
       }
       return () => {
-        c.removeEventListener(Le, l), setTimeout(() => {
+        c.removeEventListener(Le, s), setTimeout(() => {
           const g = new CustomEvent(Re, it);
           c.addEventListener(Re, u), c.dispatchEvent(g), g.defaultPrevented || V(p ?? document.body, {
             select: !0
@@ -475,20 +453,20 @@ const Le = "focusScope.autoFocusOnMount", Re = "focusScope.autoFocusOnUnmount",
     }
   }, [
     c,
-    l,
+    s,
     u,
     v
   ]);
-  const m = ie((p) => {
+  const m = ae((p) => {
     if (!t && !o || v.paused) return;
     const b = p.key === "Tab" && !p.altKey && !p.ctrlKey && !p.metaKey, g = document.activeElement;
     if (b && g) {
-      const C = p.currentTarget, [S, E] = Rr(C);
+      const P = p.currentTarget, [S, E] = Or(P);
       S && E ? !p.shiftKey && g === E ? (p.preventDefault(), t && V(S, {
         select: !0
       })) : p.shiftKey && g === S && (p.preventDefault(), t && V(E, {
         select: !0
-      })) : g === C && p.preventDefault();
+      })) : g === P && p.preventDefault();
     }
   }, [
     t,
@@ -502,21 +480,21 @@ const Le = "focusScope.autoFocusOnMount", Re = "focusScope.autoFocusOnUnmount",
     onKeyDown: m
   }));
 });
-function Lr(e, { select: r = !1 } = {}) {
+function Nr(e, { select: r = !1 } = {}) {
   const t = document.activeElement;
   for (const o of e)
     if (V(o, {
       select: r
     }), document.activeElement !== t) return;
 }
-function Rr(e) {
-  const r = Ct(e), t = st(r, e), o = st(r.reverse(), e);
+function Or(e) {
+  const r = Pt(e), t = st(r, e), o = st(r.reverse(), e);
   return [
     t,
     o
   ];
 }
-function Ct(e) {
+function Pt(e) {
   const r = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (o) => {
       const a = o.tagName === "INPUT" && o.type === "hidden";
@@ -528,11 +506,11 @@ function Ct(e) {
 }
 function st(e, r) {
   for (const t of e)
-    if (!Mr(t, {
+    if (!Lr(t, {
       upTo: r
     })) return t;
 }
-function Mr(e, { upTo: r }) {
+function Lr(e, { upTo: r }) {
   if (getComputedStyle(e).visibility === "hidden") return !0;
   for (; e; ) {
     if (r !== void 0 && e === r) return !1;
@@ -541,7 +519,7 @@ function Mr(e, { upTo: r }) {
   }
   return !1;
 }
-function Ir(e) {
+function Rr(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
 function V(e, { select: r = !1 } = {}) {
@@ -549,11 +527,11 @@ function V(e, { select: r = !1 } = {}) {
     const t = document.activeElement;
     e.focus({
       preventScroll: !0
-    }), e !== t && Ir(e) && r && e.select();
+    }), e !== t && Rr(e) && r && e.select();
   }
 }
-const lt = kr();
-function kr() {
+const lt = Mr();
+function Mr() {
   let e = [];
   return {
     add(r) {
@@ -572,35 +550,35 @@ function ut(e, r) {
   ], o = t.indexOf(r);
   return o !== -1 && t.splice(o, 1), t;
 }
-function Fr(e) {
+function Ir(e) {
   return e.filter(
     (r) => r.tagName !== "A"
   );
 }
-const jr = /* @__PURE__ */ w((e, r) => {
+const kr = /* @__PURE__ */ w((e, r) => {
   var t;
   const { container: o = globalThis == null || (t = globalThis.document) === null || t === void 0 ? void 0 : t.body, ...a } = e;
-  return o ? /* @__PURE__ */ fr.createPortal(/* @__PURE__ */ h(F.div, y({}, a, {
+  return o ? /* @__PURE__ */ dr.createPortal(/* @__PURE__ */ h(F.div, y({}, a, {
     ref: r
   })), o) : null;
 });
-function Wr(e, r) {
+function Fr(e, r) {
   return yt((t, o) => {
     const a = r[t][o];
     return a ?? t;
   }, e);
 }
 const q = (e) => {
-  const { present: r, children: t } = e, o = zr(r), a = typeof t == "function" ? t({
+  const { present: r, children: t } = e, o = jr(r), a = typeof t == "function" ? t({
     present: o.isPresent
   }) : Z.only(t), n = k(o.ref, a.ref);
-  return typeof t == "function" || o.isPresent ? /* @__PURE__ */ Je(a, {
+  return typeof t == "function" || o.isPresent ? /* @__PURE__ */ Qe(a, {
     ref: n
   }) : null;
 };
 q.displayName = "Presence";
-function zr(e) {
-  const [r, t] = D(), o = T({}), a = T(e), n = T("none"), i = e ? "mounted" : "unmounted", [c, s] = Wr(i, {
+function jr(e) {
+  const [r, t] = N(), o = A({}), a = A(e), n = A("none"), i = e ? "mounted" : "unmounted", [c, l] = Fr(i, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -613,54 +591,54 @@ function zr(e) {
       MOUNT: "mounted"
     }
   });
-  return N(() => {
-    const l = he(o.current);
-    n.current = c === "mounted" ? l : "none";
+  return D(() => {
+    const s = pe(o.current);
+    n.current = c === "mounted" ? s : "none";
   }, [
     c
-  ]), Pe(() => {
-    const l = o.current, u = a.current;
+  ]), xe(() => {
+    const s = o.current, u = a.current;
     if (u !== e) {
-      const f = n.current, v = he(l);
-      e ? s("MOUNT") : v === "none" || (l == null ? void 0 : l.display) === "none" ? s("UNMOUNT") : s(u && f !== v ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
+      const f = n.current, v = pe(s);
+      e ? l("MOUNT") : v === "none" || (s == null ? void 0 : s.display) === "none" ? l("UNMOUNT") : l(u && f !== v ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
     }
   }, [
     e,
-    s
-  ]), Pe(() => {
+    l
+  ]), xe(() => {
     if (r) {
-      const l = (d) => {
-        const v = he(o.current).includes(d.animationName);
+      const s = (d) => {
+        const v = pe(o.current).includes(d.animationName);
         d.target === r && v && St(
-          () => s("ANIMATION_END")
+          () => l("ANIMATION_END")
         );
       }, u = (d) => {
-        d.target === r && (n.current = he(o.current));
+        d.target === r && (n.current = pe(o.current));
       };
-      return r.addEventListener("animationstart", u), r.addEventListener("animationcancel", l), r.addEventListener("animationend", l), () => {
-        r.removeEventListener("animationstart", u), r.removeEventListener("animationcancel", l), r.removeEventListener("animationend", l);
+      return r.addEventListener("animationstart", u), r.addEventListener("animationcancel", s), r.addEventListener("animationend", s), () => {
+        r.removeEventListener("animationstart", u), r.removeEventListener("animationcancel", s), r.removeEventListener("animationend", s);
       };
     } else
-      s("ANIMATION_END");
+      l("ANIMATION_END");
   }, [
     r,
-    s
+    l
   ]), {
     isPresent: [
       "mounted",
       "unmountSuspended"
     ].includes(c),
-    ref: ie((l) => {
-      l && (o.current = getComputedStyle(l)), t(l);
+    ref: ae((s) => {
+      s && (o.current = getComputedStyle(s)), t(s);
     }, [])
   };
 }
-function he(e) {
+function pe(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
 let Me = 0;
-function Ur() {
-  N(() => {
+function Wr() {
+  D(() => {
     var e, r;
     const t = document.querySelectorAll("[data-radix-focus-guard]");
     return document.body.insertAdjacentElement("afterbegin", (e = t[0]) !== null && e !== void 0 ? e : dt()), document.body.insertAdjacentElement("beforeend", (r = t[1]) !== null && r !== void 0 ? r : dt()), Me++, () => {
@@ -683,7 +661,7 @@ var z = function() {
     return r;
   }, z.apply(this, arguments);
 };
-function At(e, r) {
+function Tt(e, r) {
   var t = {};
   for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -691,17 +669,17 @@ function At(e, r) {
       r.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (t[o[a]] = e[o[a]]);
   return t;
 }
-function Hr(e, r, t) {
+function zr(e, r, t) {
   if (t || arguments.length === 2) for (var o = 0, a = r.length, n; o < a; o++)
     (n || !(o in r)) && (n || (n = Array.prototype.slice.call(r, 0, o)), n[o] = r[o]);
   return e.concat(n || Array.prototype.slice.call(r));
 }
-var Se = "right-scroll-bar-position", Ee = "width-before-scroll-bar", Yr = "with-scroll-bars-hidden", Br = "--removed-body-scroll-bar-size";
+var we = "right-scroll-bar-position", ye = "width-before-scroll-bar", Ur = "with-scroll-bars-hidden", Hr = "--removed-body-scroll-bar-size";
 function Ie(e, r) {
   return typeof e == "function" ? e(r) : e && (e.current = r), e;
 }
-function Xr(e, r) {
-  var t = D(function() {
+function Yr(e, r) {
+  var t = N(function() {
     return {
       // value
       value: e,
@@ -721,14 +699,14 @@ function Xr(e, r) {
   })[0];
   return t.callback = r, t.facade;
 }
-var Vr = typeof window < "u" ? $.useLayoutEffect : $.useEffect, ft = /* @__PURE__ */ new WeakMap();
-function qr(e, r) {
-  var t = Xr(null, function(o) {
+var Xr = typeof window < "u" ? $.useLayoutEffect : $.useEffect, ft = /* @__PURE__ */ new WeakMap();
+function Br(e, r) {
+  var t = Yr(null, function(o) {
     return e.forEach(function(a) {
       return Ie(a, o);
     });
   });
-  return Vr(function() {
+  return Xr(function() {
     var o = ft.get(t);
     if (o) {
       var a = new Set(o), n = new Set(e), i = t.current;
@@ -741,11 +719,11 @@ function qr(e, r) {
     ft.set(t, e);
   }, [e]), t;
 }
-function Kr(e) {
+function Vr(e) {
   return e;
 }
-function Gr(e, r) {
-  r === void 0 && (r = Kr);
+function qr(e, r) {
+  r === void 0 && (r = Vr);
   var t = [], o = !1, a = {
     read: function() {
       if (o)
@@ -781,15 +759,15 @@ function Gr(e, r) {
         var c = t;
         t = [], c.forEach(n), i = t;
       }
-      var s = function() {
+      var l = function() {
         var u = i;
         i = [], u.forEach(n);
-      }, l = function() {
-        return Promise.resolve().then(s);
+      }, s = function() {
+        return Promise.resolve().then(l);
       };
-      l(), t = {
+      s(), t = {
         push: function(u) {
-          i.push(u), l();
+          i.push(u), s();
         },
         filter: function(u) {
           return i = i.filter(u), t;
@@ -799,13 +777,13 @@ function Gr(e, r) {
   };
   return a;
 }
-function Zr(e) {
+function Kr(e) {
   e === void 0 && (e = {});
-  var r = Gr(null);
+  var r = qr(null);
   return r.options = z({ async: !0, ssr: !1 }, e), r;
 }
-var Tt = function(e) {
-  var r = e.sideCar, t = At(e, ["sideCar"]);
+var At = function(e) {
+  var r = e.sideCar, t = Tt(e, ["sideCar"]);
   if (!r)
     throw new Error("Sidecar: please provide `sideCar` property to import the right car");
   var o = r.read();
@@ -813,64 +791,64 @@ var Tt = function(e) {
     throw new Error("Sidecar medium not found");
   return $.createElement(o, z({}, t));
 };
-Tt.isSideCarExport = !0;
-function Qr(e, r) {
-  return e.useMedium(r), Tt;
+At.isSideCarExport = !0;
+function Gr(e, r) {
+  return e.useMedium(r), At;
 }
-var Nt = Zr(), ke = function() {
-}, Te = $.forwardRef(function(e, r) {
+var Dt = Kr(), ke = function() {
+}, Ae = $.forwardRef(function(e, r) {
   var t = $.useRef(null), o = $.useState({
     onScrollCapture: ke,
     onWheelCapture: ke,
     onTouchMoveCapture: ke
-  }), a = o[0], n = o[1], i = e.forwardProps, c = e.children, s = e.className, l = e.removeScrollBar, u = e.enabled, d = e.shards, f = e.sideCar, v = e.noIsolation, m = e.inert, p = e.allowPinchZoom, b = e.as, g = b === void 0 ? "div" : b, C = At(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]), S = f, E = qr([t, r]), A = z(z({}, C), a);
+  }), a = o[0], n = o[1], i = e.forwardProps, c = e.children, l = e.className, s = e.removeScrollBar, u = e.enabled, d = e.shards, f = e.sideCar, v = e.noIsolation, m = e.inert, p = e.allowPinchZoom, b = e.as, g = b === void 0 ? "div" : b, P = Tt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]), S = f, E = Br([t, r]), T = z(z({}, P), a);
   return $.createElement(
     $.Fragment,
     null,
-    u && $.createElement(S, { sideCar: Nt, removeScrollBar: l, shards: d, noIsolation: v, inert: m, setCallbacks: n, allowPinchZoom: !!p, lockRef: t }),
-    i ? $.cloneElement($.Children.only(c), z(z({}, A), { ref: E })) : $.createElement(g, z({}, A, { className: s, ref: E }), c)
+    u && $.createElement(S, { sideCar: Dt, removeScrollBar: s, shards: d, noIsolation: v, inert: m, setCallbacks: n, allowPinchZoom: !!p, lockRef: t }),
+    i ? $.cloneElement($.Children.only(c), z(z({}, T), { ref: E })) : $.createElement(g, z({}, T, { className: l, ref: E }), c)
   );
 });
-Te.defaultProps = {
+Ae.defaultProps = {
   enabled: !0,
   removeScrollBar: !0,
   inert: !1
 };
-Te.classNames = {
-  fullWidth: Ee,
-  zeroRight: Se
+Ae.classNames = {
+  fullWidth: ye,
+  zeroRight: we
 };
-var Jr = function() {
+var Zr = function() {
   if (typeof __webpack_nonce__ < "u")
     return __webpack_nonce__;
 };
-function en() {
+function Qr() {
   if (!document)
     return null;
   var e = document.createElement("style");
   e.type = "text/css";
-  var r = Jr();
+  var r = Zr();
   return r && e.setAttribute("nonce", r), e;
 }
-function tn(e, r) {
+function Jr(e, r) {
   e.styleSheet ? e.styleSheet.cssText = r : e.appendChild(document.createTextNode(r));
 }
-function rn(e) {
+function en(e) {
   var r = document.head || document.getElementsByTagName("head")[0];
   r.appendChild(e);
 }
-var nn = function() {
+var tn = function() {
   var e = 0, r = null;
   return {
     add: function(t) {
-      e == 0 && (r = en()) && (tn(r, t), rn(r)), e++;
+      e == 0 && (r = Qr()) && (Jr(r, t), en(r)), e++;
     },
     remove: function() {
       e--, !e && r && (r.parentNode && r.parentNode.removeChild(r), r = null);
     }
   };
-}, on = function() {
-  var e = nn();
+}, rn = function() {
+  var e = tn();
   return function(r, t) {
     $.useEffect(function() {
       return e.add(r), function() {
@@ -878,36 +856,36 @@ var nn = function() {
       };
     }, [r && t]);
   };
-}, Dt = function() {
-  var e = on(), r = function(t) {
+}, Nt = function() {
+  var e = rn(), r = function(t) {
     var o = t.styles, a = t.dynamic;
     return e(o, a), null;
   };
   return r;
-}, an = {
+}, nn = {
   left: 0,
   top: 0,
   right: 0,
   gap: 0
 }, Fe = function(e) {
   return parseInt(e || "", 10) || 0;
-}, cn = function(e) {
+}, on = function(e) {
   var r = window.getComputedStyle(document.body), t = r[e === "padding" ? "paddingLeft" : "marginLeft"], o = r[e === "padding" ? "paddingTop" : "marginTop"], a = r[e === "padding" ? "paddingRight" : "marginRight"];
   return [Fe(t), Fe(o), Fe(a)];
-}, sn = function(e) {
+}, an = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
-    return an;
-  var r = cn(e), t = document.documentElement.clientWidth, o = window.innerWidth;
+    return nn;
+  var r = on(e), t = document.documentElement.clientWidth, o = window.innerWidth;
   return {
     left: r[0],
     top: r[1],
     right: r[2],
     gap: Math.max(0, o - t + r[2] - r[0])
   };
-}, ln = Dt(), oe = "data-scroll-locked", un = function(e, r, t, o) {
+}, cn = Nt(), oe = "data-scroll-locked", sn = function(e, r, t, o) {
   var a = e.left, n = e.top, i = e.right, c = e.gap;
   return t === void 0 && (t = "margin"), `
-  .`.concat(Yr, ` {
+  .`.concat(Ur, ` {
    overflow: hidden `).concat(o, `;
    padding-right: `).concat(c, "px ").concat(o, `;
   }
@@ -928,67 +906,67 @@ var nn = function() {
   ].filter(Boolean).join(""), `
   }
-  .`).concat(Se, ` {
+  .`).concat(we, ` {
     right: `).concat(c, "px ").concat(o, `;
   }
-  .`).concat(Ee, ` {
+  .`).concat(ye, ` {
     margin-right: `).concat(c, "px ").concat(o, `;
   }
-  .`).concat(Se, " .").concat(Se, ` {
+  .`).concat(we, " .").concat(we, ` {
     right: 0 `).concat(o, `;
   }
-  .`).concat(Ee, " .").concat(Ee, ` {
+  .`).concat(ye, " .").concat(ye, ` {
     margin-right: 0 `).concat(o, `;
   }
   body[`).concat(oe, `] {
-    `).concat(Br, ": ").concat(c, `px;
+    `).concat(Hr, ": ").concat(c, `px;
   }
 `);
 }, pt = function() {
   var e = parseInt(document.body.getAttribute(oe) || "0", 10);
   return isFinite(e) ? e : 0;
-}, dn = function() {
+}, ln = function() {
   $.useEffect(function() {
     return document.body.setAttribute(oe, (pt() + 1).toString()), function() {
       var e = pt() - 1;
       e <= 0 ? document.body.removeAttribute(oe) : document.body.setAttribute(oe, e.toString());
     };
   }, []);
-}, fn = function(e) {
+}, un = function(e) {
   var r = e.noRelative, t = e.noImportant, o = e.gapMode, a = o === void 0 ? "margin" : o;
-  dn();
+  ln();
   var n = $.useMemo(function() {
-    return sn(a);
+    return an(a);
   }, [a]);
-  return $.createElement(ln, { styles: un(n, !r, a, t ? "" : "!important") });
-}, Be = !1;
+  return $.createElement(cn, { styles: sn(n, !r, a, t ? "" : "!important") });
+}, Xe = !1;
 if (typeof window < "u")
   try {
-    var be = Object.defineProperty({}, "passive", {
+    var ve = Object.defineProperty({}, "passive", {
       get: function() {
-        return Be = !0, !0;
+        return Xe = !0, !0;
       }
     });
-    window.addEventListener("test", be, be), window.removeEventListener("test", be, be);
+    window.addEventListener("test", ve, ve), window.removeEventListener("test", ve, ve);
   } catch {
-    Be = !1;
+    Xe = !1;
   }
-var J = Be ? {} : !1, pn = function(e) {
+var J = Xe ? { passive: !1 } : !1, dn = function(e) {
   return e.tagName === "TEXTAREA";
 }, Ot = function(e, r) {
   var t = window.getComputedStyle(e);
   return (
     // not-not-scrollable
     t[r] !== "hidden" && // contains scroll inside self
-    !(t.overflowY === t.overflowX && !pn(e) && t[r] === "visible")
+    !(t.overflowY === t.overflowX && !dn(e) && t[r] === "visible")
   );
-}, vn = function(e) {
+}, fn = function(e) {
   return Ot(e, "overflowY");
-}, hn = function(e) {
+}, pn = function(e) {
   return Ot(e, "overflowX");
 }, vt = function(e, r) {
   var t = r;
@@ -1003,14 +981,14 @@ var J = Be ? {} : !1, pn = function(e) {
     t = t.parentNode;
   } while (t && t !== document.body);
   return !1;
-}, bn = function(e) {
+}, vn = function(e) {
   var r = e.scrollTop, t = e.scrollHeight, o = e.clientHeight;
   return [
     r,
     t,
     o
   ];
-}, mn = function(e) {
+}, hn = function(e) {
   var r = e.scrollLeft, t = e.scrollWidth, o = e.clientWidth;
   return [
     r,
@@ -1018,46 +996,46 @@ var J = Be ? {} : !1, pn = function(e) {
     o
   ];
 }, Lt = function(e, r) {
-  return e === "v" ? vn(r) : hn(r);
+  return e === "v" ? fn(r) : pn(r);
 }, Rt = function(e, r) {
-  return e === "v" ? bn(r) : mn(r);
-}, gn = function(e, r) {
+  return e === "v" ? vn(r) : hn(r);
+}, bn = function(e, r) {
   return e === "h" && r === "rtl" ? -1 : 1;
-}, _n = function(e, r, t, o, a) {
-  var n = gn(e, window.getComputedStyle(r).direction), i = n * o, c = t.target, s = r.contains(c), l = !1, u = i > 0, d = 0, f = 0;
+}, mn = function(e, r, t, o, a) {
+  var n = bn(e, window.getComputedStyle(r).direction), i = n * o, c = t.target, l = r.contains(c), s = !1, u = i > 0, d = 0, f = 0;
   do {
     var v = Rt(e, c), m = v[0], p = v[1], b = v[2], g = p - b - n * m;
     (m || g) && Lt(e, c) && (d += g, f += m), c = c.parentNode;
   } while (
     // portaled content
-    !s && c !== document.body || // self content
-    s && (r.contains(c) || r === c)
+    !l && c !== document.body || // self content
+    l && (r.contains(c) || r === c)
   );
-  return (u && (d === 0 || !a) || !u && (f === 0 || !a)) && (l = !0), l;
-}, me = function(e) {
+  return (u && (d === 0 || !a) || !u && (f === 0 || !a)) && (s = !0), s;
+}, he = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
 }, ht = function(e) {
   return [e.deltaX, e.deltaY];
 }, bt = function(e) {
   return e && "current" in e ? e.current : e;
-}, $n = function(e, r) {
+}, gn = function(e, r) {
   return e[0] === r[0] && e[1] === r[1];
-}, wn = function(e) {
+}, _n = function(e) {
   return `
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, yn = 0, ee = [];
-function Sn(e) {
-  var r = $.useRef([]), t = $.useRef([0, 0]), o = $.useRef(), a = $.useState(yn++)[0], n = $.useState(function() {
-    return Dt();
+}, $n = 0, ee = [];
+function wn(e) {
+  var r = $.useRef([]), t = $.useRef([0, 0]), o = $.useRef(), a = $.useState($n++)[0], n = $.useState(function() {
+    return Nt();
   })[0], i = $.useRef(e);
   $.useEffect(function() {
     i.current = e;
   }, [e]), $.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(a));
-      var p = Hr([e.lockRef.current], (e.shards || []).map(bt), !0).filter(Boolean);
+      var p = zr([e.lockRef.current], (e.shards || []).map(bt), !0).filter(Boolean);
       return p.forEach(function(b) {
         return b.classList.add("allow-interactivity-".concat(a));
       }), function() {
@@ -1070,81 +1048,81 @@ function Sn(e) {
   var c = $.useCallback(function(p, b) {
     if ("touches" in p && p.touches.length === 2)
       return !i.current.allowPinchZoom;
-    var g = me(p), C = t.current, S = "deltaX" in p ? p.deltaX : C[0] - g[0], E = "deltaY" in p ? p.deltaY : C[1] - g[1], A, I = p.target, O = Math.abs(S) > Math.abs(E) ? "h" : "v";
+    var g = he(p), P = t.current, S = "deltaX" in p ? p.deltaX : P[0] - g[0], E = "deltaY" in p ? p.deltaY : P[1] - g[1], T, I = p.target, O = Math.abs(S) > Math.abs(E) ? "h" : "v";
     if ("touches" in p && O === "h" && I.type === "range")
       return !1;
     var x = vt(O, I);
     if (!x)
       return !0;
-    if (x ? A = O : (A = O === "v" ? "h" : "v", x = vt(O, I)), !x)
+    if (x ? T = O : (T = O === "v" ? "h" : "v", x = vt(O, I)), !x)
       return !1;
-    if (!o.current && "changedTouches" in p && (S || E) && (o.current = A), !A)
+    if (!o.current && "changedTouches" in p && (S || E) && (o.current = T), !T)
       return !0;
-    var P = o.current || A;
-    return _n(P, b, p, P === "h" ? S : E, !0);
-  }, []), s = $.useCallback(function(p) {
+    var C = o.current || T;
+    return mn(C, b, p, C === "h" ? S : E, !0);
+  }, []), l = $.useCallback(function(p) {
     var b = p;
     if (!(!ee.length || ee[ee.length - 1] !== n)) {
-      var g = "deltaY" in b ? ht(b) : me(b), C = r.current.filter(function(A) {
-        return A.name === b.type && A.target === b.target && $n(A.delta, g);
+      var g = "deltaY" in b ? ht(b) : he(b), P = r.current.filter(function(T) {
+        return T.name === b.type && T.target === b.target && gn(T.delta, g);
       })[0];
-      if (C && C.should) {
+      if (P && P.should) {
         b.cancelable && b.preventDefault();
         return;
       }
-      if (!C) {
-        var S = (i.current.shards || []).map(bt).filter(Boolean).filter(function(A) {
-          return A.contains(b.target);
+      if (!P) {
+        var S = (i.current.shards || []).map(bt).filter(Boolean).filter(function(T) {
+          return T.contains(b.target);
         }), E = S.length > 0 ? c(b, S[0]) : !i.current.noIsolation;
         E && b.cancelable && b.preventDefault();
       }
     }
-  }, []), l = $.useCallback(function(p, b, g, C) {
-    var S = { name: p, delta: b, target: g, should: C };
+  }, []), s = $.useCallback(function(p, b, g, P) {
+    var S = { name: p, delta: b, target: g, should: P };
     r.current.push(S), setTimeout(function() {
       r.current = r.current.filter(function(E) {
         return E !== S;
       });
     }, 1);
   }, []), u = $.useCallback(function(p) {
-    t.current = me(p), o.current = void 0;
+    t.current = he(p), o.current = void 0;
   }, []), d = $.useCallback(function(p) {
-    l(p.type, ht(p), p.target, c(p, e.lockRef.current));
+    s(p.type, ht(p), p.target, c(p, e.lockRef.current));
   }, []), f = $.useCallback(function(p) {
-    l(p.type, me(p), p.target, c(p, e.lockRef.current));
+    s(p.type, he(p), p.target, c(p, e.lockRef.current));
   }, []);
   $.useEffect(function() {
     return ee.push(n), e.setCallbacks({
       onScrollCapture: d,
       onWheelCapture: d,
       onTouchMoveCapture: f
-    }), document.addEventListener("wheel", s, J), document.addEventListener("touchmove", s, J), document.addEventListener("touchstart", u, J), function() {
+    }), document.addEventListener("wheel", l, J), document.addEventListener("touchmove", l, J), document.addEventListener("touchstart", u, J), function() {
       ee = ee.filter(function(p) {
         return p !== n;
-      }), document.removeEventListener("wheel", s, J), document.removeEventListener("touchmove", s, J), document.removeEventListener("touchstart", u, J);
+      }), document.removeEventListener("wheel", l, J), document.removeEventListener("touchmove", l, J), document.removeEventListener("touchstart", u, J);
     };
   }, []);
   var v = e.removeScrollBar, m = e.inert;
   return $.createElement(
     $.Fragment,
     null,
-    m ? $.createElement(n, { styles: wn(a) }) : null,
-    v ? $.createElement(fn, { gapMode: "margin" }) : null
+    m ? $.createElement(n, { styles: _n(a) }) : null,
+    v ? $.createElement(un, { gapMode: "margin" }) : null
   );
 }
-const En = Qr(Nt, Sn);
+const yn = Gr(Dt, wn);
 var Mt = $.forwardRef(function(e, r) {
-  return $.createElement(Te, z({}, e, { ref: r, sideCar: En }));
+  return $.createElement(Ae, z({}, e, { ref: r, sideCar: yn }));
 });
-Mt.classNames = Te.classNames;
-var xn = function(e) {
+Mt.classNames = Ae.classNames;
+var Sn = function(e) {
   if (typeof document > "u")
     return null;
   var r = Array.isArray(e) ? e[0] : e;
   return r.ownerDocument.body;
-}, te = /* @__PURE__ */ new WeakMap(), ge = /* @__PURE__ */ new WeakMap(), _e = {}, je = 0, It = function(e) {
+}, te = /* @__PURE__ */ new WeakMap(), be = /* @__PURE__ */ new WeakMap(), me = {}, je = 0, It = function(e) {
   return e && (e.host || It(e.parentNode));
-}, Pn = function(e, r) {
+}, En = function(e, r) {
   return r.map(function(t) {
     if (e.contains(t))
       return t;
@@ -1153,21 +1131,21 @@ var xn = function(e) {
   }).filter(function(t) {
     return !!t;
   });
-}, Cn = function(e, r, t, o) {
-  var a = Pn(r, Array.isArray(e) ? e : [e]);
-  _e[t] || (_e[t] = /* @__PURE__ */ new WeakMap());
-  var n = _e[t], i = [], c = /* @__PURE__ */ new Set(), s = new Set(a), l = function(d) {
-    !d || c.has(d) || (c.add(d), l(d.parentNode));
+}, xn = function(e, r, t, o) {
+  var a = En(r, Array.isArray(e) ? e : [e]);
+  me[t] || (me[t] = /* @__PURE__ */ new WeakMap());
+  var n = me[t], i = [], c = /* @__PURE__ */ new Set(), l = new Set(a), s = function(d) {
+    !d || c.has(d) || (c.add(d), s(d.parentNode));
   };
-  a.forEach(l);
+  a.forEach(s);
   var u = function(d) {
-    !d || s.has(d) || Array.prototype.forEach.call(d.children, function(f) {
+    !d || l.has(d) || Array.prototype.forEach.call(d.children, function(f) {
       if (c.has(f))
         u(f);
       else
         try {
           var v = f.getAttribute(o), m = v !== null && v !== "false", p = (te.get(f) || 0) + 1, b = (n.get(f) || 0) + 1;
-          te.set(f, p), n.set(f, b), i.push(f), p === 1 && m && ge.set(f, !0), b === 1 && f.setAttribute(t, "true"), m || f.setAttribute(o, "true");
+          te.set(f, p), n.set(f, b), i.push(f), p === 1 && m && be.set(f, !0), b === 1 && f.setAttribute(t, "true"), m || f.setAttribute(o, "true");
         } catch (g) {
           console.error("aria-hidden: cannot operate on ", f, g);
         }
@@ -1176,32 +1154,32 @@ var xn = function(e) {
   return u(r), c.clear(), je++, function() {
     i.forEach(function(d) {
       var f = te.get(d) - 1, v = n.get(d) - 1;
-      te.set(d, f), n.set(d, v), f || (ge.has(d) || d.removeAttribute(o), ge.delete(d)), v || d.removeAttribute(t);
-    }), je--, je || (te = /* @__PURE__ */ new WeakMap(), te = /* @__PURE__ */ new WeakMap(), ge = /* @__PURE__ */ new WeakMap(), _e = {});
+      te.set(d, f), n.set(d, v), f || (be.has(d) || d.removeAttribute(o), be.delete(d)), v || d.removeAttribute(t);
+    }), je--, je || (te = /* @__PURE__ */ new WeakMap(), te = /* @__PURE__ */ new WeakMap(), be = /* @__PURE__ */ new WeakMap(), me = {});
   };
-}, An = function(e, r, t) {
+}, Cn = function(e, r, t) {
   t === void 0 && (t = "data-aria-hidden");
-  var o = Array.from(Array.isArray(e) ? e : [e]), a = xn(e);
-  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), Cn(o, a, t, "aria-hidden")) : function() {
+  var o = Array.from(Array.isArray(e) ? e : [e]), a = Sn(e);
+  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), xn(o, a, t, "aria-hidden")) : function() {
     return null;
   };
 };
-const kt = "Dialog", [Ft, _a] = xt(kt), [Tn, j] = Ft(kt), Nn = (e) => {
-  const { __scopeDialog: r, children: t, open: o, defaultOpen: a, onOpenChange: n, modal: i = !0 } = e, c = T(null), s = T(null), [l = !1, u] = gr({
+const kt = "Dialog", [Ft, ga] = xt(kt), [Pn, j] = Ft(kt), Tn = (e) => {
+  const { __scopeDialog: r, children: t, open: o, defaultOpen: a, onOpenChange: n, modal: i = !0 } = e, c = A(null), l = A(null), [s = !1, u] = br({
     prop: o,
     defaultProp: a,
     onChange: n
   });
-  return /* @__PURE__ */ h(Tn, {
+  return /* @__PURE__ */ h(Pn, {
     scope: r,
     triggerRef: c,
-    contentRef: s,
+    contentRef: l,
     contentId: Oe(),
     titleId: Oe(),
     descriptionId: Oe(),
-    open: l,
+    open: s,
     onOpenChange: u,
-    onOpenToggle: ie(
+    onOpenToggle: ae(
       () => u(
         (d) => !d
       ),
@@ -1211,8 +1189,8 @@ const kt = "Dialog", [Ft, _a] = xt(kt), [Tn, j] = Ft(kt), Nn = (e) => {
     ),
     modal: i
   }, t);
-}, Dn = "DialogTrigger", On = /* @__PURE__ */ w((e, r) => {
-  const { __scopeDialog: t, ...o } = e, a = j(Dn, t), n = k(r, a.triggerRef);
+}, An = "DialogTrigger", Dn = /* @__PURE__ */ w((e, r) => {
+  const { __scopeDialog: t, ...o } = e, a = j(An, t), n = k(r, a.triggerRef);
   return /* @__PURE__ */ h(F.button, y({
     type: "button",
     "aria-haspopup": "dialog",
@@ -1223,31 +1201,31 @@ const kt = "Dialog", [Ft, _a] = xt(kt), [Tn, j] = Ft(kt), Nn = (e) => {
     ref: n,
     onClick: L(e.onClick, a.onOpenToggle)
   }));
-}), jt = "DialogPortal", [Ln, Wt] = Ft(jt, {
+}), jt = "DialogPortal", [Nn, Wt] = Ft(jt, {
   forceMount: void 0
-}), Rn = (e) => {
+}), On = (e) => {
   const { __scopeDialog: r, forceMount: t, children: o, container: a } = e, n = j(jt, r);
-  return /* @__PURE__ */ h(Ln, {
+  return /* @__PURE__ */ h(Nn, {
     scope: r,
     forceMount: t
   }, Z.map(
     o,
     (i) => /* @__PURE__ */ h(q, {
       present: t || n.open
-    }, /* @__PURE__ */ h(jr, {
+    }, /* @__PURE__ */ h(kr, {
       asChild: !0,
       container: a
     }, i))
   ));
-}, Xe = "DialogOverlay", Mn = /* @__PURE__ */ w((e, r) => {
-  const t = Wt(Xe, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = j(Xe, e.__scopeDialog);
+}, Be = "DialogOverlay", Ln = /* @__PURE__ */ w((e, r) => {
+  const t = Wt(Be, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = j(Be, e.__scopeDialog);
   return n.modal ? /* @__PURE__ */ h(q, {
     present: o || n.open
-  }, /* @__PURE__ */ h(In, y({}, a, {
+  }, /* @__PURE__ */ h(Rn, y({}, a, {
     ref: r
   }))) : null;
-}), In = /* @__PURE__ */ w((e, r) => {
-  const { __scopeDialog: t, ...o } = e, a = j(Xe, t);
+}), Rn = /* @__PURE__ */ w((e, r) => {
+  const { __scopeDialog: t, ...o } = e, a = j(Be, t);
   return (
     // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
     // ie. when `Overlay` and `Content` are siblings
@@ -1267,20 +1245,20 @@ const kt = "Dialog", [Ft, _a] = xt(kt), [Tn, j] = Ft(kt), Nn = (e) => {
       }
     })))
   );
-}), ce = "DialogContent", kn = /* @__PURE__ */ w((e, r) => {
-  const t = Wt(ce, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = j(ce, e.__scopeDialog);
+}), fe = "DialogContent", Mn = /* @__PURE__ */ w((e, r) => {
+  const t = Wt(fe, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = j(fe, e.__scopeDialog);
   return /* @__PURE__ */ h(q, {
     present: o || n.open
-  }, n.modal ? /* @__PURE__ */ h(Fn, y({}, a, {
+  }, n.modal ? /* @__PURE__ */ h(In, y({}, a, {
     ref: r
-  })) : /* @__PURE__ */ h(jn, y({}, a, {
+  })) : /* @__PURE__ */ h(kn, y({}, a, {
     ref: r
   })));
-}), Fn = /* @__PURE__ */ w((e, r) => {
-  const t = j(ce, e.__scopeDialog), o = T(null), a = k(r, t.contentRef, o);
-  return N(() => {
+}), In = /* @__PURE__ */ w((e, r) => {
+  const t = j(fe, e.__scopeDialog), o = A(null), a = k(r, t.contentRef, o);
+  return D(() => {
     const n = o.current;
-    if (n) return An(n);
+    if (n) return Cn(n);
   }, []), /* @__PURE__ */ h(zt, y({}, e, {
     ref: a,
     trapFocus: t.open,
@@ -1298,8 +1276,8 @@ const kt = "Dialog", [Ft, _a] = xt(kt), [Tn, j] = Ft(kt), Nn = (e) => {
       (n) => n.preventDefault()
     )
   }));
-}), jn = /* @__PURE__ */ w((e, r) => {
-  const t = j(ce, e.__scopeDialog), o = T(!1), a = T(!1);
+}), kn = /* @__PURE__ */ w((e, r) => {
+  const t = j(fe, e.__scopeDialog), o = A(!1), a = A(!1);
   return /* @__PURE__ */ h(zt, y({}, e, {
     ref: r,
     trapFocus: !1,
@@ -1315,44 +1293,44 @@ const kt = "Dialog", [Ft, _a] = xt(kt), [Tn, j] = Ft(kt), Nn = (e) => {
     onInteractOutside: (n) => {
       var i, c;
       (i = e.onInteractOutside) === null || i === void 0 || i.call(e, n), n.defaultPrevented || (o.current = !0, n.detail.originalEvent.type === "pointerdown" && (a.current = !0));
-      const s = n.target;
-      ((c = t.triggerRef.current) === null || c === void 0 ? void 0 : c.contains(s)) && n.preventDefault(), n.detail.originalEvent.type === "focusin" && a.current && n.preventDefault();
+      const l = n.target;
+      ((c = t.triggerRef.current) === null || c === void 0 ? void 0 : c.contains(l)) && n.preventDefault(), n.detail.originalEvent.type === "focusin" && a.current && n.preventDefault();
     }
   }));
 }), zt = /* @__PURE__ */ w((e, r) => {
-  const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...i } = e, c = j(ce, t), s = T(null), l = k(r, s);
-  return Ur(), /* @__PURE__ */ h(Qe, null, /* @__PURE__ */ h(Or, {
+  const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...i } = e, c = j(fe, t), l = A(null), s = k(r, l);
+  return Wr(), /* @__PURE__ */ h(Je, null, /* @__PURE__ */ h(Dr, {
     asChild: !0,
     loop: !0,
     trapped: o,
     onMountAutoFocus: a,
     onUnmountAutoFocus: n
-  }, /* @__PURE__ */ h(Tr, y({
+  }, /* @__PURE__ */ h(Pr, y({
     role: "dialog",
     id: c.contentId,
     "aria-describedby": c.descriptionId,
     "aria-labelledby": c.titleId,
     "data-state": tt(c.open)
   }, i, {
-    ref: l,
+    ref: s,
     onDismiss: () => c.onOpenChange(!1)
   }))), !1);
-}), Ut = "DialogTitle", Wn = /* @__PURE__ */ w((e, r) => {
-  const { __scopeDialog: t, ...o } = e, a = j(Ut, t);
+}), Fn = "DialogTitle", jn = /* @__PURE__ */ w((e, r) => {
+  const { __scopeDialog: t, ...o } = e, a = j(Fn, t);
   return /* @__PURE__ */ h(F.h2, y({
     id: a.titleId
   }, o, {
     ref: r
   }));
-}), zn = "DialogDescription", Un = /* @__PURE__ */ w((e, r) => {
-  const { __scopeDialog: t, ...o } = e, a = j(zn, t);
+}), Wn = "DialogDescription", zn = /* @__PURE__ */ w((e, r) => {
+  const { __scopeDialog: t, ...o } = e, a = j(Wn, t);
   return /* @__PURE__ */ h(F.p, y({
     id: a.descriptionId
   }, o, {
     ref: r
   }));
-}), Hn = "DialogClose", Yn = /* @__PURE__ */ w((e, r) => {
-  const { __scopeDialog: t, ...o } = e, a = j(Hn, t);
+}), Un = "DialogClose", Hn = /* @__PURE__ */ w((e, r) => {
+  const { __scopeDialog: t, ...o } = e, a = j(Un, t);
   return /* @__PURE__ */ h(F.button, y({
     type: "button"
   }, o, {
@@ -1366,17 +1344,11 @@ const kt = "Dialog", [Ft, _a] = xt(kt), [Tn, j] = Ft(kt), Nn = (e) => {
 function tt(e) {
   return e ? "open" : "closed";
 }
-const Bn = "DialogTitleWarning";
-vr(Bn, {
-  contentName: ce,
-  titleName: Ut,
-  docsSlug: "dialog"
-});
-const Xn = Nn, Vn = On, qn = Rn, Kn = Mn, Gn = kn, mt = Wn, Zn = Un, Qn = Yn;
-function Jn(e) {
+const Yn = Tn, Xn = Dn, Bn = On, Vn = Ln, qn = Mn, mt = jn, Kn = zn, Gn = Hn;
+function Zn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ht = { exports: {} };
+var Ut = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1411,24 +1383,24 @@ var Ht = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(Ht);
-var eo = Ht.exports;
-const Q = /* @__PURE__ */ Jn(eo), Yt = ae(null), to = {}, ro = "_drawerSmallScreenAnimation_10vdf_1", no = "_drawerLargeScreenAnimation_10vdf_1", oo = "_slideDown_10vdf_1", ao = "_overlayAnimation_10vdf_1", co = {
+})(Ut);
+var Qn = Ut.exports;
+const Q = /* @__PURE__ */ Zn(Qn), Ht = de(null), Jn = {}, eo = "_drawerSmallScreenAnimation_10vdf_1", to = "_drawerLargeScreenAnimation_10vdf_1", ro = "_slideDown_10vdf_1", no = "_overlayAnimation_10vdf_1", oo = {
   "purpur-drawer-content": "_purpur-drawer-content_10vdf_1",
-  drawerSmallScreenAnimation: ro,
-  drawerLargeScreenAnimation: no,
+  drawerSmallScreenAnimation: eo,
+  drawerLargeScreenAnimation: to,
   "purpur-drawer-content__content-container": "_purpur-drawer-content__content-container_10vdf_22",
   "purpur-drawer-content__drawer-frame": "_purpur-drawer-content__drawer-frame_10vdf_27",
-  slideDown: oo,
+  slideDown: ro,
   "purpur-drawer-content__description": "_purpur-drawer-content__description_10vdf_37",
   "purpur-drawer-overlay": "_purpur-drawer-overlay_10vdf_48",
-  overlayAnimation: ao
-}, io = {
+  overlayAnimation: no
+}, ao = {
   "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"
-}, so = Q.bind(io), We = "purpur-drawer-container", ne = w(
+}, co = Q.bind(ao), We = "purpur-drawer-container", ne = w(
   ({
     ["data-testid"]: e = "purpur-drawer-container",
     children: r,
@@ -1437,7 +1409,7 @@ const Q = /* @__PURE__ */ Jn(eo), Yt = ae(null), to = {}, ro = "_drawerSmallScre
     stickyFooter: a,
     ...n
   }, i) => {
-    const c = so([
+    const c = co([
       t,
       We,
       {
@@ -1451,7 +1423,7 @@ const Q = /* @__PURE__ */ Jn(eo), Yt = ae(null), to = {}, ro = "_drawerSmallScre
   }
 );
 ne.displayName = "DrawerContainer";
-const lo = {
+const io = {
   "purpur-drawer-frame": "_purpur-drawer-frame_jj7dt_1",
   "purpur-drawer-frame--sticky-footer": "_purpur-drawer-frame--sticky-footer_jj7dt_17",
   "purpur-drawer-frame__header": "_purpur-drawer-frame__header_jj7dt_20",
@@ -1459,28 +1431,28 @@ const lo = {
   "purpur-drawer-frame__footer": "_purpur-drawer-frame__footer_jj7dt_27",
   "purpur-drawer-frame__content-container": "_purpur-drawer-frame__content-container_jj7dt_30",
   "purpur-drawer-frame__content-container--no-footer": "_purpur-drawer-frame__content-container--no-footer_jj7dt_35"
-}, uo = {
+}, so = {
   "purpur-drawer-handle": "_purpur-drawer-handle_3n0ew_1"
-}, fo = (e, r, t, o, a, n) => ({
-  onPointerDown: (l) => {
-    e.current = { y: l.clientY };
+}, lo = (e, r, t, o, a, n) => ({
+  onPointerDown: (s) => {
+    e.current = { y: s.clientY };
   },
-  onPointerMove: (l) => {
+  onPointerMove: (s) => {
     if (!e.current)
       return;
-    const u = l.clientY - e.current.y, d = !!r.current, f = Math.max(0, u), v = l.pointerType === "touch" ? 10 : 2, m = { y: f }, p = { originalEvent: l, delta: m };
-    d ? (r.current = m, o(p)) : gt(m, 0) ? (r.current = m, t(), l.target.setPointerCapture(l.pointerId)) : Math.abs(u) > v && (e.current = null);
+    const u = s.clientY - e.current.y, d = !!r.current, f = Math.max(0, u), v = s.pointerType === "touch" ? 10 : 2, m = { y: f }, p = { originalEvent: s, delta: m };
+    d ? (r.current = m, o(p)) : gt(m, 0) ? (r.current = m, t(), s.target.setPointerCapture(s.pointerId)) : Math.abs(u) > v && (e.current = null);
   },
-  onPointerUp: (l) => {
-    const u = r.current, d = l.target;
-    if (d.hasPointerCapture(l.pointerId) && d.releasePointerCapture(l.pointerId), r.current = null, e.current = null, u) {
-      const f = l.currentTarget, v = { originalEvent: l, delta: u };
+  onPointerUp: (s) => {
+    const u = r.current, d = s.target;
+    if (d.hasPointerCapture(s.pointerId) && d.releasePointerCapture(s.pointerId), r.current = null, e.current = null, u) {
+      const f = s.currentTarget, v = { originalEvent: s, delta: u };
       gt(u, 0) && u.y > 200 ? n(v) : a(), f.addEventListener("click", (m) => m.preventDefault(), {
         once: !0
       });
     }
   }
-}), gt = (e, r = 0) => Math.abs(e.y) > r, po = Q.bind(uo), vo = "purpur-drawer-handle", Bt = w(
+}), gt = (e, r = 0) => Math.abs(e.y) > r, uo = Q.bind(so), fo = "purpur-drawer-handle", Yt = w(
   ({
     ["data-testid"]: e = "purpur-drawer-handle",
     className: r,
@@ -1490,9 +1462,9 @@ const lo = {
     onSwipeEnd: n,
     ...i
   }, c) => {
-    const s = po([r, vo]), l = Ue.useRef(null), u = Ue.useRef(null), { onPointerDown: d, onPointerMove: f, onPointerUp: v } = fo(
+    const l = uo([r, fo]), s = Ue.useRef(null), u = Ue.useRef(null), { onPointerDown: d, onPointerMove: f, onPointerUp: v } = lo(
       u,
-      l,
+      s,
       t,
       o,
       a,
@@ -1501,7 +1473,7 @@ const lo = {
     return /* @__PURE__ */ _(
       "div",
       {
-        className: s,
+        className: l,
         "data-testid": e,
         onPointerDown: d,
         onPointerMove: f,
@@ -1512,11 +1484,17 @@ const lo = {
     );
   }
 );
-Bt.displayName = "DrawerHandle";
-const ho = {
+Yt.displayName = "DrawerHandle";
+const po = {
+  PRIMARY: "primary",
+  SECONDARY: "secondary",
+  EXPRESSIVE: "expressive"
+}, vo = {
+  SM: "sm",
+  MD: "md",
   LG: "lg"
 };
-function bo(e) {
+function ho(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Xt = { exports: {} };
@@ -1555,39 +1533,43 @@ var Xt = { exports: {} };
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
 })(Xt);
-var mo = Xt.exports;
-const _t = /* @__PURE__ */ bo(mo), go = "_rotate_1xozj_1", _o = "_dash_1xozj_1", se = {
+var bo = Xt.exports;
+const _t = /* @__PURE__ */ ho(bo), mo = "_rotate_1xozj_1", go = "_dash_1xozj_1", ce = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: go,
+  rotate: mo,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
   "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
   "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
   "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
-  dash: _o,
+  dash: go,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, le = "purpur-spinner", $o = {
-  SM: "sm"
-}, wo = ({
+}, ie = "purpur-spinner", _o = {
+  XXS: "xxs",
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+}, $o = ({
   ["data-testid"]: e,
   disabled: r = !1,
   negative: t = !1,
-  size: o = $o.SM,
+  size: o = _o.SM,
   ...a
 }) => /* @__PURE__ */ _(
   "div",
   {
-    className: _t([se[le], se[`${le}--${o}`]]),
+    className: _t([ce[ie], ce[`${ie}--${o}`]]),
     "data-testid": e,
     ...a,
     children: /* @__PURE__ */ _("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ _(
       "circle",
       {
-        className: _t(se[`${le}__circle`], {
-          [se[`${le}__circle--disabled`]]: r,
-          [se[`${le}__circle--negative`]]: t
+        className: _t(ce[`${ie}__circle`], {
+          [ce[`${ie}__circle--disabled`]]: r,
+          [ce[`${ie}__circle--negative`]]: t
         }),
         cx: "25",
         cy: "25",
@@ -1596,10 +1578,10 @@ const _t = /* @__PURE__ */ bo(mo), go = "_rotate_1xozj_1", _o = "_dash_1xozj_1",
     ) })
   }
 );
-function yo(e) {
+function wo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Vt = { exports: {} };
+var Bt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1634,9 +1616,9 @@ var Vt = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(Vt);
-var So = Vt.exports;
-const Eo = /* @__PURE__ */ yo(So), xo = {
+})(Bt);
+var yo = Bt.exports;
+const So = /* @__PURE__ */ wo(yo), Eo = {
   "purpur-button": "_purpur-button_1acxn_1",
   "purpur-button--sm": "_purpur-button--sm_1acxn_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_1acxn_36",
@@ -1658,9 +1640,11 @@ const Eo = /* @__PURE__ */ yo(So), xo = {
   "purpur-button--text-negative": "_purpur-button--text-negative_1acxn_175",
   "purpur-button--text": "_purpur-button--text_1acxn_175"
 }, ze = {
+  ...po,
+  DESTRUCTIVE: "destructive",
   TERTIARY_PURPLE: "tertiary-purple",
   TEXT: "text"
-}, Po = Eo.bind(xo), K = "purpur-button", Co = ({
+}, xo = So.bind(Eo), K = "purpur-button", Co = ({
   children: e,
   className: r,
   ["data-testid"]: t,
@@ -1669,19 +1653,19 @@ const Eo = /* @__PURE__ */ yo(So), xo = {
   iconOnly: n,
   loading: i = !1,
   negative: c = !1,
-  onClick: s,
-  size: l = "md",
+  onClick: l,
+  size: s = "md",
   variant: u,
   type: d = "button",
   ...f
 }, v) => {
   if (n && u === "destructive")
     return null;
-  const m = Po(
+  const m = xo(
     [
       K,
       `${K}--${c ? `${u}-negative` : u}`,
-      `${K}--${l}`
+      `${K}--${s}`
     ],
     {
       [`${K}--icon-only`]: n,
@@ -1691,7 +1675,7 @@ const Eo = /* @__PURE__ */ yo(So), xo = {
     },
     r
   ), p = (g) => {
-    o || i ? g.preventDefault() : s && s(g);
+    o || i ? g.preventDefault() : l && l(g);
   }, b = !!f["aria-disabled"] || o || i;
   return /* @__PURE__ */ Y(
     "button",
@@ -1704,7 +1688,7 @@ const Eo = /* @__PURE__ */ yo(So), xo = {
       onClick: p,
       ...f,
       children: [
-        i && /* @__PURE__ */ _(wo, { size: l === ho.LG ? "xs" : "xxs", negative: c, disabled: b }),
+        i && /* @__PURE__ */ _($o, { size: s === vo.LG ? "xs" : "xxs", negative: c, disabled: b }),
         " ",
         e
       ]
@@ -1712,10 +1696,10 @@ const Eo = /* @__PURE__ */ yo(So), xo = {
   );
 }, Ve = w(Co);
 Ve.displayName = "Button";
-function Ao(e) {
+function Po(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var qt = { exports: {} };
+var Vt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1750,9 +1734,9 @@ var qt = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(qt);
-var To = qt.exports;
-const No = /* @__PURE__ */ Ao(To), $e = {
+})(Vt);
+var To = Vt.exports;
+const Ao = /* @__PURE__ */ Po(To), ge = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -1770,8 +1754,14 @@ const No = /* @__PURE__ */ Ao(To), $e = {
   "purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
 }, qe = {
   TITLE100: "title-100",
-  TITLE200: "title-200"
-}, we = "purpur-heading", Ke = ({
+  TITLE200: "title-200",
+  TITLE300: "title-300",
+  TITLE400: "title-400",
+  TITLE500: "title-500",
+  TITLE600: "title-600",
+  TITLE700: "title-700",
+  SUBSECTION100: "subsection-100"
+}, _e = "purpur-heading", Ke = ({
   ["data-testid"]: e,
   children: r,
   className: t = "",
@@ -1781,22 +1771,22 @@ const No = /* @__PURE__ */ Ao(To), $e = {
   variant: i = qe.TITLE100,
   ...c
 }) => {
-  const s = n, l = No([
+  const l = n, s = Ao([
     t,
-    $e[we],
-    $e[`${we}--${i}`],
+    ge[_e],
+    ge[`${_e}--${i}`],
     {
-      [$e[`${we}--hyphens`]]: o,
-      [$e[`${we}--negative`]]: a
+      [ge[`${_e}--hyphens`]]: o,
+      [ge[`${_e}--negative`]]: a
     }
   ]);
-  return /* @__PURE__ */ _(s, { ...c, className: l, "data-testid": e, children: r });
+  return /* @__PURE__ */ _(l, { ...c, className: s, "data-testid": e, children: r });
 };
 Ke.displayName = "Heading";
 function Do(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Kt = { exports: {} };
+var qt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1831,9 +1821,9 @@ var Kt = { exports: {} };
     }
     e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
   })();
-})(Kt);
-var Oo = Kt.exports;
-const Lo = /* @__PURE__ */ Do(Oo), Ro = {
+})(qt);
+var No = qt.exports;
+const Oo = /* @__PURE__ */ Do(No), Lo = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -1841,52 +1831,52 @@ const Lo = /* @__PURE__ */ Do(Oo), Ro = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Mo = {
+}, Ro = {
   name: "arrow-left",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.1 12a.9.9 0 0 1 .264-.636l5.5-5.5a.9.9 0 0 1 1.272 1.272L6.173 11.1H20a.9.9 0 0 1 0 1.8H6.173l3.963 3.964a.9.9 0 1 1-1.272 1.272l-5.5-5.5A.9.9 0 0 1 3.1 12Z" clip-rule="evenodd"/></svg>',
   keywords: ["arrow-left"],
   category: "utility"
-}, Io = {
+}, Mo = {
   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"
-}, Gt = (e) => /* @__PURE__ */ _(
+}, Kt = (e) => /* @__PURE__ */ _(
   rt,
   {
     ...e,
-    svg: Mo
+    svg: Ro
   }
 );
-Gt.displayName = "IconArrowLeft";
-const Zt = (e) => /* @__PURE__ */ _(
+Kt.displayName = "IconArrowLeft";
+const Gt = (e) => /* @__PURE__ */ _(
   rt,
   {
     ...e,
-    svg: Io
+    svg: Mo
   }
 );
-Zt.displayName = "IconClose";
-const ko = Lo.bind(Ro), $t = "purpur-icon", Fo = "md", jo = (e) => e.filter((r) => Object.keys(r).length >= 1).map((r) => `${r.name}="${r.value}"`).join(" "), Wo = ({ content: e = "", title: r } = {}) => {
+Gt.displayName = "IconClose";
+const Io = Oo.bind(Lo), $t = "purpur-icon", ko = "md", Fo = (e) => e.filter((r) => Object.keys(r).length >= 1).map((r) => `${r.name}="${r.value}"`).join(" "), jo = ({ content: e = "", title: r } = {}) => {
   const t = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     r ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], o = r ? `<title>${r}</title>` : "";
-  return `<svg ${jo(t)}>${o}${e}</svg>`;
-}, zo = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), rt = ({
+  return `<svg ${Fo(t)}>${o}${e}</svg>`;
+}, Wo = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), rt = ({
   ["data-testid"]: e,
   svg: r,
   allyTitle: t,
   className: o,
-  size: a = Fo,
+  size: a = ko,
   ...n
 }) => {
-  const i = Wo({
-    content: zo(r.svg),
+  const i = jo({
+    content: Wo(r.svg),
     title: t
-  }), c = ko(o, $t, `${$t}--${a}`);
+  }), c = Io(o, $t, `${$t}--${a}`);
   return /* @__PURE__ */ _(
     "span",
     {
@@ -1899,14 +1889,14 @@ const ko = Lo.bind(Ro), $t = "purpur-icon", Fo = "md", jo = (e) => e.filter((r)
   );
 };
 rt.displayName = "Icon";
-const Uo = {
+const zo = {
   "purpur-drawer-header__row": "_purpur-drawer-header__row_1yg5w_1",
   "purpur-drawer-header__row--with-back-button": "_purpur-drawer-header__row--with-back-button_1yg5w_6",
   "purpur-drawer-header__left": "_purpur-drawer-header__left_1yg5w_9",
   "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"
-}, G = Q.bind(Uo), H = "purpur-drawer-header", Qt = w(
+}, G = Q.bind(zo), H = "purpur-drawer-header", Zt = w(
   ({
     ["data-testid"]: e = "purpur-drawer-header",
     backButton: r,
@@ -1916,10 +1906,10 @@ const Uo = {
     closeButtonText: n,
     onBackButtonClick: i,
     title: c,
-    ...s
-  }, l) => {
+    ...l
+  }, s) => {
     const u = G([a, H]);
-    return /* @__PURE__ */ Y("div", { className: u, "data-testid": e, ref: l, ...s, children: [
+    return /* @__PURE__ */ Y("div", { className: u, "data-testid": e, ref: s, ...l, children: [
       /* @__PURE__ */ Y(
         "div",
         {
@@ -1947,7 +1937,7 @@ const Uo = {
                 size: "sm",
                 variant: o ? ze.TERTIARY_PURPLE : ze.TEXT,
                 children: [
-                  /* @__PURE__ */ _(Gt, { size: "sm" }),
+                  /* @__PURE__ */ _(Kt, { size: "sm" }),
                   !o && t
                 ]
               }
@@ -1960,7 +1950,7 @@ const Uo = {
                 children: c
               }
             ) }) }),
-            /* @__PURE__ */ _("div", { className: G(`${H}__right`), children: /* @__PURE__ */ _(Qn, { asChild: !0, children: /* @__PURE__ */ _(
+            /* @__PURE__ */ _("div", { className: G(`${H}__right`), children: /* @__PURE__ */ _(Gn, { asChild: !0, children: /* @__PURE__ */ _(
               Ve,
               {
                 "aria-label": n,
@@ -1968,7 +1958,7 @@ const Uo = {
                 iconOnly: !0,
                 size: "sm",
                 variant: ze.TERTIARY_PURPLE,
-                children: /* @__PURE__ */ _(Zt, { size: "sm" })
+                children: /* @__PURE__ */ _(Gt, { size: "sm" })
               }
             ) }) })
           ]
@@ -1987,13 +1977,13 @@ const Uo = {
     ] });
   }
 );
-Qt.displayName = "DrawerHeader";
-const Ho = /* @__PURE__ */ ae(void 0);
-function Yo(e) {
-  const r = ve(Ho);
+Zt.displayName = "DrawerHeader";
+const Uo = /* @__PURE__ */ de(void 0);
+function Ho(e) {
+  const r = Te(Uo);
   return e || r || "ltr";
 }
-function Bo(e, [r, t]) {
+function Yo(e, [r, t]) {
   return Math.min(t, Math.max(r, e));
 }
 function Xo(e, r) {
@@ -2002,35 +1992,35 @@ function Xo(e, r) {
     return a ?? t;
   }, e);
 }
-const Jt = "ScrollArea", [er, $a] = xt(Jt), [Vo, U] = er(Jt), qo = /* @__PURE__ */ w((e, r) => {
-  const { __scopeScrollArea: t, type: o = "hover", dir: a, scrollHideDelay: n = 600, ...i } = e, [c, s] = D(null), [l, u] = D(null), [d, f] = D(null), [v, m] = D(null), [p, b] = D(null), [g, C] = D(0), [S, E] = D(0), [A, I] = D(!1), [O, x] = D(!1), P = k(
+const Qt = "ScrollArea", [Jt, _a] = xt(Qt), [Bo, U] = Jt(Qt), Vo = /* @__PURE__ */ w((e, r) => {
+  const { __scopeScrollArea: t, type: o = "hover", dir: a, scrollHideDelay: n = 600, ...i } = e, [c, l] = N(null), [s, u] = N(null), [d, f] = N(null), [v, m] = N(null), [p, b] = N(null), [g, P] = N(0), [S, E] = N(0), [T, I] = N(!1), [O, x] = N(!1), C = k(
     r,
-    (W) => s(W)
-  ), R = Yo(a);
-  return /* @__PURE__ */ h(Vo, {
+    (W) => l(W)
+  ), R = Ho(a);
+  return /* @__PURE__ */ h(Bo, {
     scope: t,
     type: o,
     dir: R,
     scrollHideDelay: n,
     scrollArea: c,
-    viewport: l,
+    viewport: s,
     onViewportChange: u,
     content: d,
     onContentChange: f,
     scrollbarX: v,
     onScrollbarXChange: m,
-    scrollbarXEnabled: A,
+    scrollbarXEnabled: T,
     onScrollbarXEnabledChange: I,
     scrollbarY: p,
     onScrollbarYChange: b,
     scrollbarYEnabled: O,
     onScrollbarYEnabledChange: x,
-    onCornerWidthChange: C,
+    onCornerWidthChange: P,
     onCornerHeightChange: E
   }, /* @__PURE__ */ h(F.div, y({
     dir: R
   }, i, {
-    ref: P,
+    ref: C,
     style: {
       position: "relative",
       // Pass corner sizes as CSS vars to reduce re-renders of context consumers
@@ -2039,9 +2029,9 @@ const Jt = "ScrollArea", [er, $a] = xt(Jt), [Vo, U] = er(Jt), qo = /* @__PURE__
       ...e.style
     }
   })));
-}), Ko = "ScrollAreaViewport", Go = /* @__PURE__ */ w((e, r) => {
-  const { __scopeScrollArea: t, children: o, ...a } = e, n = U(Ko, t), i = T(null), c = k(r, i, n.onViewportChange);
-  return /* @__PURE__ */ h(Qe, null, /* @__PURE__ */ h("style", {
+}), qo = "ScrollAreaViewport", Ko = /* @__PURE__ */ w((e, r) => {
+  const { __scopeScrollArea: t, children: o, ...a } = e, n = U(qo, t), i = A(null), c = k(r, i, n.onViewportChange);
+  return /* @__PURE__ */ h(Je, null, /* @__PURE__ */ h("style", {
     dangerouslySetInnerHTML: {
       __html: "[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"
     }
@@ -2072,42 +2062,42 @@ const Jt = "ScrollArea", [er, $a] = xt(Jt), [Vo, U] = er(Jt), qo = /* @__PURE__
       display: "table"
     }
   }, o)));
-}), B = "ScrollAreaScrollbar", Zo = /* @__PURE__ */ w((e, r) => {
-  const { forceMount: t, ...o } = e, a = U(B, e.__scopeScrollArea), { onScrollbarXEnabledChange: n, onScrollbarYEnabledChange: i } = a, c = e.orientation === "horizontal";
-  return N(() => (c ? n(!0) : i(!0), () => {
+}), X = "ScrollAreaScrollbar", Go = /* @__PURE__ */ w((e, r) => {
+  const { forceMount: t, ...o } = e, a = U(X, e.__scopeScrollArea), { onScrollbarXEnabledChange: n, onScrollbarYEnabledChange: i } = a, c = e.orientation === "horizontal";
+  return D(() => (c ? n(!0) : i(!0), () => {
     c ? n(!1) : i(!1);
   }), [
     c,
     n,
     i
-  ]), a.type === "hover" ? /* @__PURE__ */ h(Qo, y({}, o, {
+  ]), a.type === "hover" ? /* @__PURE__ */ h(Zo, y({}, o, {
     ref: r,
     forceMount: t
-  })) : a.type === "scroll" ? /* @__PURE__ */ h(Jo, y({}, o, {
+  })) : a.type === "scroll" ? /* @__PURE__ */ h(Qo, y({}, o, {
     ref: r,
     forceMount: t
-  })) : a.type === "auto" ? /* @__PURE__ */ h(tr, y({}, o, {
+  })) : a.type === "auto" ? /* @__PURE__ */ h(er, y({}, o, {
     ref: r,
     forceMount: t
   })) : a.type === "always" ? /* @__PURE__ */ h(nt, y({}, o, {
     ref: r
   })) : null;
-}), Qo = /* @__PURE__ */ w((e, r) => {
-  const { forceMount: t, ...o } = e, a = U(B, e.__scopeScrollArea), [n, i] = D(!1);
-  return N(() => {
+}), Zo = /* @__PURE__ */ w((e, r) => {
+  const { forceMount: t, ...o } = e, a = U(X, e.__scopeScrollArea), [n, i] = N(!1);
+  return D(() => {
     const c = a.scrollArea;
-    let s = 0;
+    let l = 0;
     if (c) {
-      const l = () => {
-        window.clearTimeout(s), i(!0);
+      const s = () => {
+        window.clearTimeout(l), i(!0);
       }, u = () => {
-        s = window.setTimeout(
+        l = window.setTimeout(
           () => i(!1),
           a.scrollHideDelay
         );
       };
-      return c.addEventListener("pointerenter", l), c.addEventListener("pointerleave", u), () => {
-        window.clearTimeout(s), c.removeEventListener("pointerenter", l), c.removeEventListener("pointerleave", u);
+      return c.addEventListener("pointerenter", s), c.addEventListener("pointerleave", u), () => {
+        window.clearTimeout(l), c.removeEventListener("pointerenter", s), c.removeEventListener("pointerleave", u);
       };
     }
   }, [
@@ -2115,16 +2105,16 @@ const Jt = "ScrollArea", [er, $a] = xt(Jt), [Vo, U] = er(Jt), qo = /* @__PURE__
     a.scrollHideDelay
   ]), /* @__PURE__ */ h(q, {
     present: t || n
-  }, /* @__PURE__ */ h(tr, y({
+  }, /* @__PURE__ */ h(er, y({
     "data-state": n ? "visible" : "hidden"
   }, o, {
     ref: r
   })));
-}), Jo = /* @__PURE__ */ w((e, r) => {
-  const { forceMount: t, ...o } = e, a = U(B, e.__scopeScrollArea), n = e.orientation === "horizontal", i = De(
-    () => s("SCROLL_END"),
+}), Qo = /* @__PURE__ */ w((e, r) => {
+  const { forceMount: t, ...o } = e, a = U(X, e.__scopeScrollArea), n = e.orientation === "horizontal", i = Ne(
+    () => l("SCROLL_END"),
     100
-  ), [c, s] = Xo("hidden", {
+  ), [c, l] = Xo("hidden", {
     hidden: {
       SCROLL: "scrolling"
     },
@@ -2142,32 +2132,32 @@ const Jt = "ScrollArea", [er, $a] = xt(Jt), [Vo, U] = er(Jt), qo = /* @__PURE__
       POINTER_ENTER: "interacting"
     }
   });
-  return N(() => {
+  return D(() => {
     if (c === "idle") {
-      const l = window.setTimeout(
-        () => s("HIDE"),
+      const s = window.setTimeout(
+        () => l("HIDE"),
         a.scrollHideDelay
       );
-      return () => window.clearTimeout(l);
+      return () => window.clearTimeout(s);
     }
   }, [
     c,
     a.scrollHideDelay,
-    s
-  ]), N(() => {
-    const l = a.viewport, u = n ? "scrollLeft" : "scrollTop";
-    if (l) {
-      let d = l[u];
+    l
+  ]), D(() => {
+    const s = a.viewport, u = n ? "scrollLeft" : "scrollTop";
+    if (s) {
+      let d = s[u];
       const f = () => {
-        const v = l[u];
-        d !== v && (s("SCROLL"), i()), d = v;
+        const v = s[u];
+        d !== v && (l("SCROLL"), i()), d = v;
       };
-      return l.addEventListener("scroll", f), () => l.removeEventListener("scroll", f);
+      return s.addEventListener("scroll", f), () => s.removeEventListener("scroll", f);
     }
   }, [
     a.viewport,
     n,
-    s,
+    l,
     i
   ]), /* @__PURE__ */ h(q, {
     present: t || c !== "hidden"
@@ -2177,21 +2167,21 @@ const Jt = "ScrollArea", [er, $a] = xt(Jt), [Vo, U] = er(Jt), qo = /* @__PURE__
     ref: r,
     onPointerEnter: L(
       e.onPointerEnter,
-      () => s("POINTER_ENTER")
+      () => l("POINTER_ENTER")
     ),
     onPointerLeave: L(
       e.onPointerLeave,
-      () => s("POINTER_LEAVE")
+      () => l("POINTER_LEAVE")
     )
   })));
-}), tr = /* @__PURE__ */ w((e, r) => {
-  const t = U(B, e.__scopeScrollArea), { forceMount: o, ...a } = e, [n, i] = D(!1), c = e.orientation === "horizontal", s = De(() => {
+}), er = /* @__PURE__ */ w((e, r) => {
+  const t = U(X, e.__scopeScrollArea), { forceMount: o, ...a } = e, [n, i] = N(!1), c = e.orientation === "horizontal", l = Ne(() => {
     if (t.viewport) {
-      const l = t.viewport.offsetWidth < t.viewport.scrollWidth, u = t.viewport.offsetHeight < t.viewport.scrollHeight;
-      i(c ? l : u);
+      const s = t.viewport.offsetWidth < t.viewport.scrollWidth, u = t.viewport.offsetHeight < t.viewport.scrollHeight;
+      i(c ? s : u);
     }
   }, 10);
-  return Ae(t.viewport, s), Ae(t.content, s), /* @__PURE__ */ h(q, {
+  return Pe(t.viewport, l), Pe(t.content, l), /* @__PURE__ */ h(q, {
     present: o || n
   }, /* @__PURE__ */ h(nt, y({
     "data-state": n ? "visible" : "hidden"
@@ -2199,7 +2189,7 @@ const Jt = "ScrollArea", [er, $a] = xt(Jt), [Vo, U] = er(Jt), qo = /* @__PURE__
     ref: r
   })));
 }), nt = /* @__PURE__ */ w((e, r) => {
-  const { orientation: t = "vertical", ...o } = e, a = U(B, e.__scopeScrollArea), n = T(null), i = T(0), [c, s] = D({
+  const { orientation: t = "vertical", ...o } = e, a = U(X, e.__scopeScrollArea), n = A(null), i = A(0), [c, l] = N({
     content: 0,
     viewport: 0,
     scrollbar: {
@@ -2207,19 +2197,19 @@ const Jt = "ScrollArea", [er, $a] = xt(Jt), [Vo, U] = er(Jt), qo = /* @__PURE__
       paddingStart: 0,
       paddingEnd: 0
     }
-  }), l = or(c.viewport, c.content), u = {
+  }), s = nr(c.viewport, c.content), u = {
     ...o,
     sizes: c,
-    onSizesChange: s,
-    hasThumb: l > 0 && l < 1,
+    onSizesChange: l,
+    hasThumb: s > 0 && s < 1,
     onThumbChange: (f) => n.current = f,
     onThumbPointerUp: () => i.current = 0,
     onThumbPointerDown: (f) => i.current = f
   };
   function d(f, v) {
-    return aa(f, i.current, c, v);
+    return oa(f, i.current, c, v);
   }
-  return t === "horizontal" ? /* @__PURE__ */ h(ea, y({}, u, {
+  return t === "horizontal" ? /* @__PURE__ */ h(Jo, y({}, u, {
     ref: r,
     onThumbPositionChange: () => {
       if (a.viewport && n.current) {
@@ -2233,7 +2223,7 @@ const Jt = "ScrollArea", [er, $a] = xt(Jt), [Vo, U] = er(Jt), qo = /* @__PURE__
     onDragScroll: (f) => {
       a.viewport && (a.viewport.scrollLeft = d(f, a.dir));
     }
-  })) : t === "vertical" ? /* @__PURE__ */ h(ta, y({}, u, {
+  })) : t === "vertical" ? /* @__PURE__ */ h(ea, y({}, u, {
     ref: r,
     onThumbPositionChange: () => {
       if (a.viewport && n.current) {
@@ -2248,22 +2238,22 @@ const Jt = "ScrollArea", [er, $a] = xt(Jt), [Vo, U] = er(Jt), qo = /* @__PURE__
       a.viewport && (a.viewport.scrollTop = d(f));
     }
   })) : null;
-}), ea = /* @__PURE__ */ w((e, r) => {
-  const { sizes: t, onSizesChange: o, ...a } = e, n = U(B, e.__scopeScrollArea), [i, c] = D(), s = T(null), l = k(r, s, n.onScrollbarXChange);
-  return N(() => {
-    s.current && c(getComputedStyle(s.current));
+}), Jo = /* @__PURE__ */ w((e, r) => {
+  const { sizes: t, onSizesChange: o, ...a } = e, n = U(X, e.__scopeScrollArea), [i, c] = N(), l = A(null), s = k(r, l, n.onScrollbarXChange);
+  return D(() => {
+    l.current && c(getComputedStyle(l.current));
   }, [
-    s
-  ]), /* @__PURE__ */ h(nr, y({
+    l
+  ]), /* @__PURE__ */ h(rr, y({
     "data-orientation": "horizontal"
   }, a, {
-    ref: l,
+    ref: s,
     sizes: t,
     style: {
       bottom: 0,
       left: n.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
       right: n.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
-      "--radix-scroll-area-thumb-width": Ne(t) + "px",
+      "--radix-scroll-area-thumb-width": De(t) + "px",
       ...e.style
     },
     onThumbPointerDown: (u) => e.onThumbPointerDown(u.x),
@@ -2271,38 +2261,38 @@ const Jt = "ScrollArea", [er, $a] = xt(Jt), [Vo, U] = er(Jt), qo = /* @__PURE__
     onWheelScroll: (u, d) => {
       if (n.viewport) {
         const f = n.viewport.scrollLeft + u.deltaX;
-        e.onWheelScroll(f), cr(f, d) && u.preventDefault();
+        e.onWheelScroll(f), ar(f, d) && u.preventDefault();
       }
     },
     onResize: () => {
-      s.current && n.viewport && i && o({
+      l.current && n.viewport && i && o({
         content: n.viewport.scrollWidth,
         viewport: n.viewport.offsetWidth,
         scrollbar: {
-          size: s.current.clientWidth,
+          size: l.current.clientWidth,
           paddingStart: Ce(i.paddingLeft),
           paddingEnd: Ce(i.paddingRight)
         }
       });
     }
   }));
-}), ta = /* @__PURE__ */ w((e, r) => {
-  const { sizes: t, onSizesChange: o, ...a } = e, n = U(B, e.__scopeScrollArea), [i, c] = D(), s = T(null), l = k(r, s, n.onScrollbarYChange);
-  return N(() => {
-    s.current && c(getComputedStyle(s.current));
+}), ea = /* @__PURE__ */ w((e, r) => {
+  const { sizes: t, onSizesChange: o, ...a } = e, n = U(X, e.__scopeScrollArea), [i, c] = N(), l = A(null), s = k(r, l, n.onScrollbarYChange);
+  return D(() => {
+    l.current && c(getComputedStyle(l.current));
   }, [
-    s
-  ]), /* @__PURE__ */ h(nr, y({
+    l
+  ]), /* @__PURE__ */ h(rr, y({
     "data-orientation": "vertical"
   }, a, {
-    ref: l,
+    ref: s,
     sizes: t,
     style: {
       top: 0,
       right: n.dir === "ltr" ? 0 : void 0,
       left: n.dir === "rtl" ? 0 : void 0,
       bottom: "var(--radix-scroll-area-corner-height)",
-      "--radix-scroll-area-thumb-height": Ne(t) + "px",
+      "--radix-scroll-area-thumb-height": De(t) + "px",
       ...e.style
     },
     onThumbPointerDown: (u) => e.onThumbPointerDown(u.y),
@@ -2310,54 +2300,54 @@ const Jt = "ScrollArea", [er, $a] = xt(Jt), [Vo, U] = er(Jt), qo = /* @__PURE__
     onWheelScroll: (u, d) => {
       if (n.viewport) {
         const f = n.viewport.scrollTop + u.deltaY;
-        e.onWheelScroll(f), cr(f, d) && u.preventDefault();
+        e.onWheelScroll(f), ar(f, d) && u.preventDefault();
       }
     },
     onResize: () => {
-      s.current && n.viewport && i && o({
+      l.current && n.viewport && i && o({
         content: n.viewport.scrollHeight,
         viewport: n.viewport.offsetHeight,
         scrollbar: {
-          size: s.current.clientHeight,
+          size: l.current.clientHeight,
           paddingStart: Ce(i.paddingTop),
           paddingEnd: Ce(i.paddingBottom)
         }
       });
     }
   }));
-}), [ra, rr] = er(B), nr = /* @__PURE__ */ w((e, r) => {
-  const { __scopeScrollArea: t, sizes: o, hasThumb: a, onThumbChange: n, onThumbPointerUp: i, onThumbPointerDown: c, onThumbPositionChange: s, onDragScroll: l, onWheelScroll: u, onResize: d, ...f } = e, v = U(B, t), [m, p] = D(null), b = k(
+}), [ta, tr] = Jt(X), rr = /* @__PURE__ */ w((e, r) => {
+  const { __scopeScrollArea: t, sizes: o, hasThumb: a, onThumbChange: n, onThumbPointerUp: i, onThumbPointerDown: c, onThumbPositionChange: l, onDragScroll: s, onWheelScroll: u, onResize: d, ...f } = e, v = U(X, t), [m, p] = N(null), b = k(
     r,
-    (P) => p(P)
-  ), g = T(null), C = T(""), S = v.viewport, E = o.content - o.viewport, A = M(u), I = M(s), O = De(d, 10);
-  function x(P) {
+    (C) => p(C)
+  ), g = A(null), P = A(""), S = v.viewport, E = o.content - o.viewport, T = M(u), I = M(l), O = Ne(d, 10);
+  function x(C) {
     if (g.current) {
-      const R = P.clientX - g.current.left, W = P.clientY - g.current.top;
-      l({
+      const R = C.clientX - g.current.left, W = C.clientY - g.current.top;
+      s({
         x: R,
         y: W
       });
     }
   }
-  return N(() => {
-    const P = (R) => {
+  return D(() => {
+    const C = (R) => {
       const W = R.target;
-      (m == null ? void 0 : m.contains(W)) && A(R, E);
+      (m == null ? void 0 : m.contains(W)) && T(R, E);
     };
-    return document.addEventListener("wheel", P, {
+    return document.addEventListener("wheel", C, {
       passive: !1
-    }), () => document.removeEventListener("wheel", P, {
+    }), () => document.removeEventListener("wheel", C, {
       passive: !1
     });
   }, [
     S,
     m,
     E,
-    A
-  ]), N(I, [
+    T
+  ]), D(I, [
     o,
     I
-  ]), Ae(m, O), Ae(v.content, O), /* @__PURE__ */ h(ra, {
+  ]), Pe(m, O), Pe(v.content, O), /* @__PURE__ */ h(ta, {
     scope: t,
     scrollbar: m,
     hasThumb: a,
@@ -2371,36 +2361,36 @@ const Jt = "ScrollArea", [er, $a] = xt(Jt), [Vo, U] = er(Jt), qo = /* @__PURE__
       position: "absolute",
       ...f.style
     },
-    onPointerDown: L(e.onPointerDown, (P) => {
-      P.button === 0 && (P.target.setPointerCapture(P.pointerId), g.current = m.getBoundingClientRect(), C.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", v.viewport && (v.viewport.style.scrollBehavior = "auto"), x(P));
+    onPointerDown: L(e.onPointerDown, (C) => {
+      C.button === 0 && (C.target.setPointerCapture(C.pointerId), g.current = m.getBoundingClientRect(), P.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", v.viewport && (v.viewport.style.scrollBehavior = "auto"), x(C));
     }),
     onPointerMove: L(e.onPointerMove, x),
-    onPointerUp: L(e.onPointerUp, (P) => {
-      const R = P.target;
-      R.hasPointerCapture(P.pointerId) && R.releasePointerCapture(P.pointerId), document.body.style.webkitUserSelect = C.current, v.viewport && (v.viewport.style.scrollBehavior = ""), g.current = null;
+    onPointerUp: L(e.onPointerUp, (C) => {
+      const R = C.target;
+      R.hasPointerCapture(C.pointerId) && R.releasePointerCapture(C.pointerId), document.body.style.webkitUserSelect = P.current, v.viewport && (v.viewport.style.scrollBehavior = ""), g.current = null;
     })
   })));
-}), Ge = "ScrollAreaThumb", na = /* @__PURE__ */ w((e, r) => {
-  const { forceMount: t, ...o } = e, a = rr(Ge, e.__scopeScrollArea);
+}), Ge = "ScrollAreaThumb", ra = /* @__PURE__ */ w((e, r) => {
+  const { forceMount: t, ...o } = e, a = tr(Ge, e.__scopeScrollArea);
   return /* @__PURE__ */ h(q, {
     present: t || a.hasThumb
-  }, /* @__PURE__ */ h(oa, y({
+  }, /* @__PURE__ */ h(na, y({
     ref: r
   }, o)));
-}), oa = /* @__PURE__ */ w((e, r) => {
-  const { __scopeScrollArea: t, style: o, ...a } = e, n = U(Ge, t), i = rr(Ge, t), { onThumbPositionChange: c } = i, s = k(
+}), na = /* @__PURE__ */ w((e, r) => {
+  const { __scopeScrollArea: t, style: o, ...a } = e, n = U(Ge, t), i = tr(Ge, t), { onThumbPositionChange: c } = i, l = k(
     r,
     (d) => i.onThumbChange(d)
-  ), l = T(), u = De(() => {
-    l.current && (l.current(), l.current = void 0);
+  ), s = A(), u = Ne(() => {
+    s.current && (s.current(), s.current = void 0);
   }, 100);
-  return N(() => {
+  return D(() => {
     const d = n.viewport;
     if (d) {
       const f = () => {
-        if (u(), !l.current) {
-          const v = ca(d, c);
-          l.current = v, c();
+        if (u(), !s.current) {
+          const v = aa(d, c);
+          s.current = v, c();
         }
       };
       return c(), d.addEventListener("scroll", f), () => d.removeEventListener("scroll", f);
@@ -2412,7 +2402,7 @@ const Jt = "ScrollArea", [er, $a] = xt(Jt), [Vo, U] = er(Jt), qo = /* @__PURE__
   ]), /* @__PURE__ */ h(F.div, y({
     "data-state": i.hasThumb ? "visible" : "hidden"
   }, a, {
-    ref: s,
+    ref: l,
     style: {
       width: "var(--radix-scroll-area-thumb-width)",
       height: "var(--radix-scroll-area-thumb-height)",
@@ -2431,54 +2421,54 @@ const Jt = "ScrollArea", [er, $a] = xt(Jt), [Vo, U] = er(Jt), qo = /* @__PURE__
 function Ce(e) {
   return e ? parseInt(e, 10) : 0;
 }
-function or(e, r) {
+function nr(e, r) {
   const t = e / r;
   return isNaN(t) ? 0 : t;
 }
-function Ne(e) {
-  const r = or(e.viewport, e.content), t = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, o = (e.scrollbar.size - t) * r;
+function De(e) {
+  const r = nr(e.viewport, e.content), t = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, o = (e.scrollbar.size - t) * r;
   return Math.max(o, 18);
 }
-function aa(e, r, t, o = "ltr") {
-  const a = Ne(t), n = a / 2, i = r || n, c = a - i, s = t.scrollbar.paddingStart + i, l = t.scrollbar.size - t.scrollbar.paddingEnd - c, u = t.content - t.viewport, d = o === "ltr" ? [
+function oa(e, r, t, o = "ltr") {
+  const a = De(t), n = a / 2, i = r || n, c = a - i, l = t.scrollbar.paddingStart + i, s = t.scrollbar.size - t.scrollbar.paddingEnd - c, u = t.content - t.viewport, d = o === "ltr" ? [
     0,
     u
   ] : [
     u * -1,
     0
   ];
-  return ar([
-    s,
-    l
+  return or([
+    l,
+    s
   ], d)(e);
 }
 function wt(e, r, t = "ltr") {
-  const o = Ne(r), a = r.scrollbar.paddingStart + r.scrollbar.paddingEnd, n = r.scrollbar.size - a, i = r.content - r.viewport, c = n - o, s = t === "ltr" ? [
+  const o = De(r), a = r.scrollbar.paddingStart + r.scrollbar.paddingEnd, n = r.scrollbar.size - a, i = r.content - r.viewport, c = n - o, l = t === "ltr" ? [
     0,
     i
   ] : [
     i * -1,
     0
-  ], l = Bo(e, s);
-  return ar([
+  ], s = Yo(e, l);
+  return or([
     0,
     i
   ], [
     0,
     c
-  ])(l);
+  ])(s);
 }
-function ar(e, r) {
+function or(e, r) {
   return (t) => {
     if (e[0] === e[1] || r[0] === r[1]) return r[0];
     const o = (r[1] - r[0]) / (e[1] - e[0]);
     return r[0] + o * (t - e[0]);
   };
 }
-function cr(e, r) {
+function ar(e, r) {
   return e > 0 && e < r;
 }
-const ca = (e, r = () => {
+const aa = (e, r = () => {
 }) => {
   let t = {
     left: e.scrollLeft,
@@ -2492,21 +2482,21 @@ const ca = (e, r = () => {
     (i || c) && r(), t = n, o = window.requestAnimationFrame(a);
   }(), () => window.cancelAnimationFrame(o);
 };
-function De(e, r) {
-  const t = M(e), o = T(0);
-  return N(
+function Ne(e, r) {
+  const t = M(e), o = A(0);
+  return D(
     () => () => window.clearTimeout(o.current),
     []
-  ), ie(() => {
+  ), ae(() => {
     window.clearTimeout(o.current), o.current = window.setTimeout(t, r);
   }, [
     t,
     r
   ]);
 }
-function Ae(e, r) {
+function Pe(e, r) {
   const t = M(r);
-  Pe(() => {
+  xe(() => {
     let o = 0;
     if (e) {
       const a = new ResizeObserver(() => {
@@ -2521,34 +2511,34 @@ function Ae(e, r) {
     t
   ]);
 }
-const ia = qo, sa = Go, la = Zo, ua = na, da = {
+const ca = Vo, ia = Ko, sa = Go, la = ra, ua = {
   "purpur-drawer-scroll-area__root": "_purpur-drawer-scroll-area__root_1p63i_1",
   "purpur-drawer-scroll-area__viewport": "_purpur-drawer-scroll-area__viewport_1p63i_4",
   "purpur-drawer-scroll-area__scrollbar": "_purpur-drawer-scroll-area__scrollbar_1p63i_7",
   "purpur-drawer-scroll-area__thumb": "_purpur-drawer-scroll-area__thumb_1p63i_18"
-}, ue = Q.bind(da), de = "purpur-drawer-scroll-area", Ze = w(
+}, se = Q.bind(ua), le = "purpur-drawer-scroll-area", Ze = w(
   ({
     ["data-testid"]: e = "purpur-drawer-scroll-area",
     children: r,
     className: t,
     ...o
   }, a) => {
-    const n = ue([t, de]);
-    return /* @__PURE__ */ _("div", { className: n, "data-testid": e, ref: a, ...o, children: /* @__PURE__ */ Y(ia, { className: ue(`${de}__root`), children: [
-      /* @__PURE__ */ _(sa, { className: ue(`${de}__viewport`), children: r }),
+    const n = se([t, le]);
+    return /* @__PURE__ */ _("div", { className: n, "data-testid": e, ref: a, ...o, children: /* @__PURE__ */ Y(ca, { className: se(`${le}__root`), children: [
+      /* @__PURE__ */ _(ia, { className: se(`${le}__viewport`), children: r }),
       /* @__PURE__ */ _(
-        la,
+        sa,
         {
-          className: ue(`${de}__scrollbar`),
+          className: se(`${le}__scrollbar`),
           orientation: "vertical",
-          children: /* @__PURE__ */ _(ua, { className: ue(`${de}__thumb`) })
+          children: /* @__PURE__ */ _(la, { className: se(`${le}__thumb`) })
         }
       )
     ] }) });
   }
 );
 Ze.displayName = "DrawerScrollArea";
-const re = Q.bind(lo), X = "purpur-drawer-frame", ir = w(
+const re = Q.bind(io), B = "purpur-drawer-frame", cr = w(
   ({
     ["data-testid"]: e = "purpur-drawer-frame",
     backButton: r,
@@ -2558,8 +2548,8 @@ const re = Q.bind(lo), X = "purpur-drawer-frame", ir = w(
     className: n,
     closeButtonText: i,
     footerContent: c,
-    onAnimationEnd: s,
-    onBackButtonClick: l,
+    onAnimationEnd: l,
+    onBackButtonClick: s,
     onSwipeStart: u,
     onSwipeMove: d,
     onSwipeCancel: f,
@@ -2568,24 +2558,24 @@ const re = Q.bind(lo), X = "purpur-drawer-frame", ir = w(
     stickyFooter: p,
     ...b
   }, g) => {
-    const C = re([
+    const P = re([
       n,
-      X,
+      B,
       {
-        [`${X}--sticky-footer`]: p
+        [`${B}--sticky-footer`]: p
       }
     ]);
     return /* @__PURE__ */ Y(
       "div",
       {
-        className: C,
+        className: P,
         "data-testid": e,
         ref: g,
-        onAnimationEnd: s,
+        onAnimationEnd: l,
         ...b,
         children: [
           /* @__PURE__ */ _(
-            Bt,
+            Yt,
             {
               onSwipeStart: u,
               onSwipeMove: d,
@@ -2596,27 +2586,27 @@ const re = Q.bind(lo), X = "purpur-drawer-frame", ir = w(
           /* @__PURE__ */ _(
             ne,
             {
-              className: re(`${X}__header`),
+              className: re(`${B}__header`),
               variant: "header",
               stickyFooter: p,
               children: /* @__PURE__ */ _(
-                Qt,
+                Zt,
                 {
                   title: m,
                   backButtonOnlyIcon: o,
                   backButton: r,
                   backButtonText: t,
                   closeButtonText: i,
-                  onBackButtonClick: l
+                  onBackButtonClick: s
                 }
               )
             }
           ),
-          p ? /* @__PURE__ */ Y(ur, { children: [
+          p ? /* @__PURE__ */ Y(lr, { children: [
             /* @__PURE__ */ _(
               Ze,
               {
-                className: re(`${X}__body`),
+                className: re(`${B}__body`),
                 "data-testid": `${e}-sticky-footer-scroll-area`,
                 children: /* @__PURE__ */ _(ne, { stickyFooter: !0, children: a })
               }
@@ -2624,7 +2614,7 @@ const re = Q.bind(lo), X = "purpur-drawer-frame", ir = w(
             c && /* @__PURE__ */ _(
               ne,
               {
-                className: re(`${X}__footer`),
+                className: re(`${B}__footer`),
                 "data-testid": `${e}-sticky-footer`,
                 variant: "footer",
                 stickyFooter: p,
@@ -2634,14 +2624,14 @@ const re = Q.bind(lo), X = "purpur-drawer-frame", ir = w(
           ] }) : /* @__PURE__ */ _(
             Ze,
             {
-              className: re(`${X}__body`),
+              className: re(`${B}__body`),
               "data-testid": `${e}-scroll-area`,
               children: /* @__PURE__ */ Y(
                 "div",
                 {
                   className: re([
-                    `${X}__content-container`,
-                    { [`${X}__content-container--no-footer`]: !c }
+                    `${B}__content-container`,
+                    { [`${B}__content-container--no-footer`]: !c }
                   ]),
                   children: [
                     /* @__PURE__ */ _(ne, { stickyFooter: p, children: a }),
@@ -2664,8 +2654,8 @@ const re = Q.bind(lo), X = "purpur-drawer-frame", ir = w(
     );
   }
 );
-ir.displayName = "DrawerFrame";
-const fa = (e, r) => ({
+cr.displayName = "DrawerFrame";
+const da = (e, r) => ({
   onAnimationEnd: (c) => {
     c.currentTarget.getAttribute("data-swipe") === "end" && r(!1);
   },
@@ -2675,8 +2665,8 @@ const fa = (e, r) => ({
   onSwipeMove: (c) => {
     if (!e.current)
       return;
-    const { y: s } = c.delta;
-    e.current.setAttribute("data-swipe", "move"), e.current.style.setProperty("--purpur-drawer-swipe-move-y", `${s}px`);
+    const { y: l } = c.delta;
+    e.current.setAttribute("data-swipe", "move"), e.current.style.setProperty("--purpur-drawer-swipe-move-y", `${l}px`);
   },
   onSwipeCancel: () => {
     e.current && (e.current.setAttribute("data-swipe", "cancel"), e.current.style.removeProperty("--purpur-drawer-swipe-move-y"), e.current.style.removeProperty("--purpur-drawer-swipe-end-y"));
@@ -2684,10 +2674,10 @@ const fa = (e, r) => ({
   onSwipeEnd: (c) => {
     if (!e.current)
       return;
-    const { y: s } = c.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", `${s}px`);
+    const { y: l } = c.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", `${l}px`);
   }
-}), fe = Q.bind(co), ye = "purpur-drawer-content", sr = w(
+}), ue = Q.bind(oo), $e = "purpur-drawer-content", ir = w(
   ({
     ["data-testid"]: e = "purpur-drawer-content",
     backButton: r = !1,
@@ -2697,25 +2687,25 @@ const fa = (e, r) => ({
     children: n,
     className: i,
     closeButtonText: c,
-    disableCloseOnClickOutside: s = !1,
-    footerContent: l,
+    disableCloseOnClickOutside: l = !1,
+    footerContent: s,
     onBackButtonClick: u,
     stickyFooter: d = !1,
     title: f,
     zIndex: v,
     ...m
   }, p) => {
-    const b = fe([i, ye]), g = T(null), C = ve(Yt), { onAnimationEnd: S, onSwipeStart: E, onSwipeMove: A, onSwipeCancel: I, onSwipeEnd: O } = fa(g, C), x = (P) => {
-      s && P.preventDefault();
+    const b = ue([i, $e]), g = A(null), P = Te(Ht), { onAnimationEnd: S, onSwipeStart: E, onSwipeMove: T, onSwipeCancel: I, onSwipeEnd: O } = da(g, P), x = (C) => {
+      l && C.preventDefault();
     };
-    return /* @__PURE__ */ _(qn, { children: /* @__PURE__ */ _(
-      Kn,
+    return /* @__PURE__ */ _(Bn, { children: /* @__PURE__ */ _(
+      Vn,
       {
-        className: fe("purpur-drawer-overlay"),
+        className: ue("purpur-drawer-overlay"),
         style: v ? { zIndex: v } : void 0,
         "data-testid": `${e}-overlay`,
         children: /* @__PURE__ */ _(
-          Gn,
+          qn,
           {
             onPointerDownOutside: x,
             className: b,
@@ -2723,28 +2713,28 @@ const fa = (e, r) => ({
             ref: p,
             ...m,
             children: /* @__PURE__ */ _(
-              ir,
+              cr,
               {
                 backButton: r,
                 backButtonText: t,
                 backButtonOnlyIcon: o,
                 closeButtonText: c,
-                className: fe(`${ye}__drawer-frame`),
-                footerContent: l,
+                className: ue(`${$e}__drawer-frame`),
+                footerContent: s,
                 ref: g,
                 onAnimationEnd: S,
                 onBackButtonClick: u,
                 onSwipeStart: E,
-                onSwipeMove: A,
+                onSwipeMove: T,
                 onSwipeCancel: I,
                 onSwipeEnd: O,
                 stickyFooter: d,
                 title: f,
-                children: a ? /* @__PURE__ */ Y("div", { className: fe(`${ye}__content-container`), children: [
+                children: a ? /* @__PURE__ */ Y("div", { className: ue(`${$e}__content-container`), children: [
                   /* @__PURE__ */ _(
-                    Zn,
+                    Kn,
                     {
-                      className: fe(`${ye}__description`),
+                      className: ue(`${$e}__description`),
                       "data-testid": `${e}-description`,
                       children: a
                     }
@@ -2759,15 +2749,15 @@ const fa = (e, r) => ({
     ) });
   }
 );
-sr.displayName = "DrawerContent";
-const lr = w(
+ir.displayName = "DrawerContent";
+const sr = w(
   ({
     ["data-testid"]: e = "purpur-drawer-trigger",
     children: r,
     className: t,
     ...o
   }, a) => /* @__PURE__ */ _(
-    Vn,
+    Xn,
     {
       asChild: !0,
       className: t,
@@ -2778,8 +2768,8 @@ const lr = w(
     }
   )
 );
-lr.displayName = "DrawerTrigger";
-const pa = Q.bind(to), va = "purpur-drawer", ot = ({
+sr.displayName = "DrawerTrigger";
+const fa = Q.bind(Jn), pa = "purpur-drawer", ot = ({
   ["data-testid"]: e = "purpur-drawer",
   children: r,
   className: t,
@@ -2787,15 +2777,15 @@ const pa = Q.bind(to), va = "purpur-drawer", ot = ({
   open: a = !1,
   ...n
 }) => {
-  const [i, c] = Ue.useState(a), s = pa([t, va]), l = (u) => {
+  const [i, c] = Ue.useState(a), l = fa([t, pa]), s = (u) => {
     c(u), o == null || o(u);
   };
-  return N(() => {
+  return D(() => {
     c(a);
-  }, [a]), /* @__PURE__ */ _(Yt.Provider, { value: l, children: /* @__PURE__ */ _("div", { className: s, "data-testid": e, ...n, children: /* @__PURE__ */ _(Xn, { open: i, onOpenChange: l, children: r }) }) });
+  }, [a]), /* @__PURE__ */ _(Ht.Provider, { value: s, children: /* @__PURE__ */ _("div", { className: l, "data-testid": e, ...n, children: /* @__PURE__ */ _(Yn, { open: i, onOpenChange: s, children: r }) }) });
 };
-ot.Trigger = lr;
-ot.Content = sr;
+ot.Trigger = sr;
+ot.Content = ir;
 ot.displayName = "Drawer";
 export {
   ot as Drawer