@purpurds/drawer 8.3.1 → 8.4.0

package/dist/drawer.es.js

@@ -1,74 +1,74 @@
-import { jsx as f, jsxs as D, Fragment as te } from "react/jsx-runtime";
+import { jsx as f, jsxs as D, Fragment as re } from "react/jsx-runtime";
 import * as c from "react";
-import ke, { useState as At, createContext as Dt, forwardRef as B, useRef as Tt, useContext as Ot, useEffect as Lt } from "react";
-import * as $t from "react-dom";
-import Mt from "react-dom";
-function A(e, r, { checkForDefaultPrevented: t = !0 } = {}) {
+import ke, { useState as Tr, createContext as Or, forwardRef as H, useRef as et, useContext as Lr, useEffect as $r } from "react";
+import * as Mr from "react-dom";
+import Ir from "react-dom";
+function A(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
   return function(a) {
-    if (e == null || e(a), t === !1 || !a.defaultPrevented)
-      return r == null ? void 0 : r(a);
+    if (e == null || e(a), r === !1 || !a.defaultPrevented)
+      return t == null ? void 0 : t(a);
   };
 }
-function er(e, r) {
+function tt(e, t) {
   if (typeof e == "function")
-    return e(r);
-  e != null && (e.current = r);
+    return e(t);
+  e != null && (e.current = t);
 }
-function Nr(...e) {
-  return (r) => {
-    let t = !1;
+function At(...e) {
+  return (t) => {
+    let r = !1;
     const o = e.map((a) => {
-      const n = er(a, r);
-      return !t && typeof n == "function" && (t = !0), n;
+      const n = tt(a, t);
+      return !r && typeof n == "function" && (r = !0), n;
     });
-    if (t)
+    if (r)
       return () => {
         for (let a = 0; a < o.length; a++) {
           const n = o[a];
-          typeof n == "function" ? n() : er(e[a], null);
+          typeof n == "function" ? n() : tt(e[a], null);
         }
       };
   };
 }
-function O(...e) {
-  return c.useCallback(Nr(...e), e);
+function L(...e) {
+  return c.useCallback(At(...e), e);
 }
-function It(e, r) {
-  const t = c.createContext(r), o = (n) => {
+function kr(e, t) {
+  const r = c.createContext(t), o = (n) => {
     const { children: s, ...i } = n, u = c.useMemo(() => i, Object.values(i));
-    return /* @__PURE__ */ f(t.Provider, { value: u, children: s });
+    return /* @__PURE__ */ f(r.Provider, { value: u, children: s });
   };
   o.displayName = e + "Provider";
   function a(n) {
-    const s = c.useContext(t);
+    const s = c.useContext(r);
     if (s) return s;
-    if (r !== void 0) return r;
+    if (t !== void 0) return t;
     throw new Error(`\`${n}\` must be used within \`${e}\``);
   }
   return [o, a];
 }
-function Ar(e, r = []) {
-  let t = [];
+function Dt(e, t = []) {
+  let r = [];
   function o(n, s) {
-    const i = c.createContext(s), u = t.length;
-    t = [...t, s];
+    const i = c.createContext(s), u = r.length;
+    r = [...r, s];
     const l = (p) => {
-      var _;
-      const { scope: h, children: m, ...w } = p, v = ((_ = h == null ? void 0 : h[e]) == null ? void 0 : _[u]) || i, g = c.useMemo(() => w, Object.values(w));
-      return /* @__PURE__ */ f(v.Provider, { value: g, children: m });
+      var b;
+      const { scope: v, children: m, ..._ } = p, h = ((b = v == null ? void 0 : v[e]) == null ? void 0 : b[u]) || i, g = c.useMemo(() => _, Object.values(_));
+      return /* @__PURE__ */ f(h.Provider, { value: g, children: m });
     };
     l.displayName = n + "Provider";
-    function d(p, h) {
-      var v;
-      const m = ((v = h == null ? void 0 : h[e]) == null ? void 0 : v[u]) || i, w = c.useContext(m);
-      if (w) return w;
+    function d(p, v) {
+      var h;
+      const m = ((h = v == null ? void 0 : v[e]) == null ? void 0 : h[u]) || i, _ = c.useContext(m);
+      if (_) return _;
       if (s !== void 0) return s;
       throw new Error(`\`${p}\` must be used within \`${n}\``);
     }
     return [l, d];
   }
   const a = () => {
-    const n = t.map((s) => c.createContext(s));
+    const n = r.map((s) => c.createContext(s));
     return function(i) {
       const u = (i == null ? void 0 : i[e]) || n;
       return c.useMemo(
@@ -77,12 +77,12 @@ function Ar(e, r = []) {
       );
     };
   };
-  return a.scopeName = e, [o, kt(a, ...r)];
+  return a.scopeName = e, [o, Wr(a, ...t)];
 }
-function kt(...e) {
-  const r = e[0];
-  if (e.length === 1) return r;
-  const t = () => {
+function Wr(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const r = () => {
     const o = e.map((a) => ({
       useScope: a(),
       scopeName: a.scopeName
@@ -92,31 +92,31 @@ function kt(...e) {
         const p = u(n)[`__scope${l}`];
         return { ...i, ...p };
       }, {});
-      return c.useMemo(() => ({ [`__scope${r.scopeName}`]: s }), [s]);
+      return c.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
     };
   };
-  return t.scopeName = r.scopeName, t;
+  return r.scopeName = t.scopeName, r;
 }
 var ne = globalThis != null && globalThis.document ? c.useLayoutEffect : () => {
-}, Wt = c[" useId ".trim().toString()] || (() => {
-}), Ft = 0;
+}, jr = c[" useId ".trim().toString()] || (() => {
+}), Fr = 0;
 function xe(e) {
-  const [r, t] = c.useState(Wt());
+  const [t, r] = c.useState(jr());
   return ne(() => {
-    t((o) => o ?? String(Ft++));
-  }, [e]), e || (r ? `radix-${r}` : "");
+    r((o) => o ?? String(Fr++));
+  }, [e]), e || (t ? `radix-${t}` : "");
 }
-var Ut = c[" useInsertionEffect ".trim().toString()] || ne;
-function Ht({
+var Ur = c[" useInsertionEffect ".trim().toString()] || ne;
+function Br({
   prop: e,
-  defaultProp: r,
-  onChange: t = () => {
+  defaultProp: t,
+  onChange: r = () => {
   },
   caller: o
 }) {
-  const [a, n, s] = Bt({
-    defaultProp: r,
-    onChange: t
+  const [a, n, s] = Hr({
+    defaultProp: t,
+    onChange: r
   }), i = e !== void 0, u = i ? e : a;
   {
     const d = c.useRef(e !== void 0);
@@ -131,8 +131,8 @@ function Ht({
     (d) => {
       var p;
       if (i) {
-        const h = jt(d) ? d(e) : d;
-        h !== e && ((p = s.current) == null || p.call(s, h));
+        const v = Vr(d) ? d(e) : d;
+        v !== e && ((p = s.current) == null || p.call(s, v));
       } else
         n(d);
     },
@@ -140,66 +140,66 @@ function Ht({
   );
   return [u, l];
 }
-function Bt({
+function Hr({
   defaultProp: e,
-  onChange: r
+  onChange: t
 }) {
-  const [t, o] = c.useState(e), a = c.useRef(t), n = c.useRef(r);
-  return Ut(() => {
-    n.current = r;
-  }, [r]), c.useEffect(() => {
+  const [r, o] = c.useState(e), a = c.useRef(r), n = c.useRef(t);
+  return Ur(() => {
+    n.current = t;
+  }, [t]), c.useEffect(() => {
     var s;
-    a.current !== t && ((s = n.current) == null || s.call(n, t), a.current = t);
-  }, [t, a]), [t, o, n];
+    a.current !== r && ((s = n.current) == null || s.call(n, r), a.current = r);
+  }, [r, a]), [r, o, n];
 }
-function jt(e) {
+function Vr(e) {
   return typeof e == "function";
 }
 // @__NO_SIDE_EFFECTS__
-function Dr(e) {
-  const r = /* @__PURE__ */ Vt(e), t = c.forwardRef((o, a) => {
-    const { children: n, ...s } = o, i = c.Children.toArray(n), u = i.find(Yt);
+function Tt(e) {
+  const t = /* @__PURE__ */ zr(e), r = c.forwardRef((o, a) => {
+    const { children: n, ...s } = o, i = c.Children.toArray(n), u = i.find(Xr);
     if (u) {
       const l = u.props.children, d = i.map((p) => p === u ? c.Children.count(l) > 1 ? c.Children.only(null) : c.isValidElement(l) ? l.props.children : null : p);
-      return /* @__PURE__ */ f(r, { ...s, ref: a, children: c.isValidElement(l) ? c.cloneElement(l, void 0, d) : null });
+      return /* @__PURE__ */ f(t, { ...s, ref: a, children: c.isValidElement(l) ? c.cloneElement(l, void 0, d) : null });
     }
-    return /* @__PURE__ */ f(r, { ...s, ref: a, children: n });
+    return /* @__PURE__ */ f(t, { ...s, ref: a, children: n });
   });
-  return t.displayName = `${e}.Slot`, t;
+  return r.displayName = `${e}.Slot`, r;
 }
 // @__NO_SIDE_EFFECTS__
-function Vt(e) {
-  const r = c.forwardRef((t, o) => {
-    const { children: a, ...n } = t;
+function zr(e) {
+  const t = c.forwardRef((r, o) => {
+    const { children: a, ...n } = r;
     if (c.isValidElement(a)) {
-      const s = qt(a), i = Xt(n, a.props);
-      return a.type !== c.Fragment && (i.ref = o ? Nr(o, s) : s), c.cloneElement(a, i);
+      const s = Gr(a), i = qr(n, a.props);
+      return a.type !== c.Fragment && (i.ref = o ? At(o, s) : s), c.cloneElement(a, i);
     }
     return c.Children.count(a) > 1 ? c.Children.only(null) : null;
   });
-  return r.displayName = `${e}.SlotClone`, r;
+  return t.displayName = `${e}.SlotClone`, t;
 }
-var zt = Symbol("radix.slottable");
-function Yt(e) {
-  return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === zt;
+var Yr = Symbol("radix.slottable");
+function Xr(e) {
+  return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Yr;
 }
-function Xt(e, r) {
-  const t = { ...r };
-  for (const o in r) {
-    const a = e[o], n = r[o];
-    /^on[A-Z]/.test(o) ? a && n ? t[o] = (...i) => {
+function qr(e, t) {
+  const r = { ...t };
+  for (const o in t) {
+    const a = e[o], n = t[o];
+    /^on[A-Z]/.test(o) ? a && n ? r[o] = (...i) => {
       const u = n(...i);
       return a(...i), u;
-    } : a && (t[o] = a) : o === "style" ? t[o] = { ...a, ...n } : o === "className" && (t[o] = [a, n].filter(Boolean).join(" "));
+    } : a && (r[o] = a) : o === "style" ? r[o] = { ...a, ...n } : o === "className" && (r[o] = [a, n].filter(Boolean).join(" "));
   }
-  return { ...e, ...t };
+  return { ...e, ...r };
 }
-function qt(e) {
+function Gr(e) {
   var o, a;
-  let r = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, t = r && "isReactWarning" in r && r.isReactWarning;
-  return t ? e.ref : (r = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, t = r && "isReactWarning" in r && r.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
+  let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
+  return r ? e.ref : (t = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
-var Gt = [
+var Kr = [
   "a",
   "button",
   "div",
@@ -217,64 +217,64 @@ var Gt = [
   "span",
   "svg",
   "ul"
-], T = Gt.reduce((e, r) => {
-  const t = /* @__PURE__ */ Dr(`Primitive.${r}`), o = c.forwardRef((a, n) => {
-    const { asChild: s, ...i } = a, u = s ? t : r;
+], T = Kr.reduce((e, t) => {
+  const r = /* @__PURE__ */ Tt(`Primitive.${t}`), o = c.forwardRef((a, n) => {
+    const { asChild: s, ...i } = a, u = s ? r : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(u, { ...i, ref: n });
   });
-  return o.displayName = `Primitive.${r}`, { ...e, [r]: o };
+  return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
 }, {});
-function Kt(e, r) {
-  e && $t.flushSync(() => e.dispatchEvent(r));
+function Zr(e, t) {
+  e && Mr.flushSync(() => e.dispatchEvent(t));
 }
-function L(e) {
-  const r = c.useRef(e);
+function $(e) {
+  const t = c.useRef(e);
   return c.useEffect(() => {
-    r.current = e;
-  }), c.useMemo(() => (...t) => {
+    t.current = e;
+  }), c.useMemo(() => (...r) => {
     var o;
-    return (o = r.current) == null ? void 0 : o.call(r, ...t);
+    return (o = t.current) == null ? void 0 : o.call(t, ...r);
   }, []);
 }
-function Zt(e, r = globalThis == null ? void 0 : globalThis.document) {
-  const t = L(e);
+function Qr(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const r = $(e);
   c.useEffect(() => {
     const o = (a) => {
-      a.key === "Escape" && t(a);
+      a.key === "Escape" && r(a);
     };
-    return r.addEventListener("keydown", o, { capture: !0 }), () => r.removeEventListener("keydown", o, { capture: !0 });
-  }, [t, r]);
+    return t.addEventListener("keydown", o, { capture: !0 }), () => t.removeEventListener("keydown", o, { capture: !0 });
+  }, [r, t]);
 }
-var Qt = "DismissableLayer", We = "dismissableLayer.update", Jt = "dismissableLayer.pointerDownOutside", en = "dismissableLayer.focusOutside", rr, Tr = c.createContext({
+var Jr = "DismissableLayer", We = "dismissableLayer.update", en = "dismissableLayer.pointerDownOutside", tn = "dismissableLayer.focusOutside", rt, Ot = c.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), Or = c.forwardRef(
-  (e, r) => {
+}), Lt = c.forwardRef(
+  (e, t) => {
     const {
-      disableOutsidePointerEvents: t = !1,
+      disableOutsidePointerEvents: r = !1,
       onEscapeKeyDown: o,
       onPointerDownOutside: a,
       onFocusOutside: n,
       onInteractOutside: s,
       onDismiss: i,
       ...u
-    } = e, l = c.useContext(Tr), [d, p] = c.useState(null), h = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = c.useState({}), w = O(r, (S) => p(S)), v = Array.from(l.layers), [g] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), _ = v.indexOf(g), b = d ? v.indexOf(d) : -1, E = l.layersWithOutsidePointerEventsDisabled.size > 0, y = b >= _, C = nn((S) => {
+    } = e, l = c.useContext(Ot), [d, p] = c.useState(null), v = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = c.useState({}), _ = L(t, (S) => p(S)), h = Array.from(l.layers), [g] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), b = h.indexOf(g), w = d ? h.indexOf(d) : -1, E = l.layersWithOutsidePointerEventsDisabled.size > 0, y = w >= b, C = on((S) => {
       const N = S.target, P = [...l.branches].some((R) => R.contains(N));
       !y || P || (a == null || a(S), s == null || s(S), S.defaultPrevented || i == null || i());
-    }, h), x = on((S) => {
+    }, v), x = an((S) => {
       const N = S.target;
       [...l.branches].some((R) => R.contains(N)) || (n == null || n(S), s == null || s(S), S.defaultPrevented || i == null || i());
-    }, h);
-    return Zt((S) => {
-      b === l.layers.size - 1 && (o == null || o(S), !S.defaultPrevented && i && (S.preventDefault(), i()));
-    }, h), c.useEffect(() => {
+    }, v);
+    return Qr((S) => {
+      w === l.layers.size - 1 && (o == null || o(S), !S.defaultPrevented && i && (S.preventDefault(), i()));
+    }, v), c.useEffect(() => {
       if (d)
-        return t && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (rr = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(d)), l.layers.add(d), tr(), () => {
-          t && l.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = rr);
+        return r && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (rt = v.body.style.pointerEvents, v.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(d)), l.layers.add(d), nt(), () => {
+          r && l.layersWithOutsidePointerEventsDisabled.size === 1 && (v.body.style.pointerEvents = rt);
         };
-    }, [d, h, t, l]), c.useEffect(() => () => {
-      d && (l.layers.delete(d), l.layersWithOutsidePointerEventsDisabled.delete(d), tr());
+    }, [d, v, r, l]), c.useEffect(() => () => {
+      d && (l.layers.delete(d), l.layersWithOutsidePointerEventsDisabled.delete(d), nt());
     }, [d, l]), c.useEffect(() => {
       const S = () => m({});
       return document.addEventListener(We, S), () => document.removeEventListener(We, S);
@@ -282,7 +282,7 @@ var Qt = "DismissableLayer", We = "dismissableLayer.update", Jt = "dismissableLa
       T.div,
       {
         ...u,
-        ref: w,
+        ref: _,
         style: {
           pointerEvents: E ? y ? "auto" : "none" : void 0,
           ...e.style
@@ -297,78 +297,78 @@ var Qt = "DismissableLayer", We = "dismissableLayer.update", Jt = "dismissableLa
     );
   }
 );
-Or.displayName = Qt;
-var rn = "DismissableLayerBranch", tn = c.forwardRef((e, r) => {
-  const t = c.useContext(Tr), o = c.useRef(null), a = O(r, o);
+Lt.displayName = Jr;
+var rn = "DismissableLayerBranch", nn = c.forwardRef((e, t) => {
+  const r = c.useContext(Ot), o = c.useRef(null), a = L(t, o);
   return c.useEffect(() => {
     const n = o.current;
     if (n)
-      return t.branches.add(n), () => {
-        t.branches.delete(n);
+      return r.branches.add(n), () => {
+        r.branches.delete(n);
       };
-  }, [t.branches]), /* @__PURE__ */ f(T.div, { ...e, ref: a });
+  }, [r.branches]), /* @__PURE__ */ f(T.div, { ...e, ref: a });
 });
-tn.displayName = rn;
-function nn(e, r = globalThis == null ? void 0 : globalThis.document) {
-  const t = L(e), o = c.useRef(!1), a = c.useRef(() => {
+nn.displayName = rn;
+function on(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const r = $(e), o = c.useRef(!1), a = c.useRef(() => {
   });
   return c.useEffect(() => {
     const n = (i) => {
       if (i.target && !o.current) {
         let u = function() {
-          Lr(
-            Jt,
-            t,
+          $t(
+            en,
+            r,
             l,
             { discrete: !0 }
           );
         };
         const l = { originalEvent: i };
-        i.pointerType === "touch" ? (r.removeEventListener("click", a.current), a.current = u, r.addEventListener("click", a.current, { once: !0 })) : u();
+        i.pointerType === "touch" ? (t.removeEventListener("click", a.current), a.current = u, t.addEventListener("click", a.current, { once: !0 })) : u();
       } else
-        r.removeEventListener("click", a.current);
+        t.removeEventListener("click", a.current);
       o.current = !1;
     }, s = window.setTimeout(() => {
-      r.addEventListener("pointerdown", n);
+      t.addEventListener("pointerdown", n);
     }, 0);
     return () => {
-      window.clearTimeout(s), r.removeEventListener("pointerdown", n), r.removeEventListener("click", a.current);
+      window.clearTimeout(s), t.removeEventListener("pointerdown", n), t.removeEventListener("click", a.current);
     };
-  }, [r, t]), {
+  }, [t, r]), {
     // ensures we check React component tree (not just DOM tree)
     onPointerDownCapture: () => o.current = !0
   };
 }
-function on(e, r = globalThis == null ? void 0 : globalThis.document) {
-  const t = L(e), o = c.useRef(!1);
+function an(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const r = $(e), o = c.useRef(!1);
   return c.useEffect(() => {
     const a = (n) => {
-      n.target && !o.current && Lr(en, t, { originalEvent: n }, {
+      n.target && !o.current && $t(tn, r, { originalEvent: n }, {
         discrete: !1
       });
     };
-    return r.addEventListener("focusin", a), () => r.removeEventListener("focusin", a);
-  }, [r, t]), {
+    return t.addEventListener("focusin", a), () => t.removeEventListener("focusin", a);
+  }, [t, r]), {
     onFocusCapture: () => o.current = !0,
     onBlurCapture: () => o.current = !1
   };
 }
-function tr() {
+function nt() {
   const e = new CustomEvent(We);
   document.dispatchEvent(e);
 }
-function Lr(e, r, t, { discrete: o }) {
-  const a = t.originalEvent.target, n = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: t });
-  r && a.addEventListener(e, r, { once: !0 }), o ? Kt(a, n) : a.dispatchEvent(n);
+function $t(e, t, r, { discrete: o }) {
+  const a = r.originalEvent.target, n = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: r });
+  t && a.addEventListener(e, t, { once: !0 }), o ? Zr(a, n) : a.dispatchEvent(n);
 }
-var Re = "focusScope.autoFocusOnMount", Ne = "focusScope.autoFocusOnUnmount", nr = { bubbles: !1, cancelable: !0 }, an = "FocusScope", $r = c.forwardRef((e, r) => {
+var Re = "focusScope.autoFocusOnMount", Ne = "focusScope.autoFocusOnUnmount", ot = { bubbles: !1, cancelable: !0 }, sn = "FocusScope", Mt = c.forwardRef((e, t) => {
   const {
-    loop: t = !1,
+    loop: r = !1,
     trapped: o = !1,
     onMountAutoFocus: a,
     onUnmountAutoFocus: n,
     ...s
-  } = e, [i, u] = c.useState(null), l = L(a), d = L(n), p = c.useRef(null), h = O(r, (v) => u(v)), m = c.useRef({
+  } = e, [i, u] = c.useState(null), l = $(a), d = $(n), p = c.useRef(null), v = L(t, (h) => u(h)), m = c.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -379,135 +379,135 @@ var Re = "focusScope.autoFocusOnMount", Ne = "focusScope.autoFocusOnUnmount", nr
   }).current;
   c.useEffect(() => {
     if (o) {
-      let v = function(E) {
+      let h = function(E) {
         if (m.paused || !i) return;
         const y = E.target;
-        i.contains(y) ? p.current = y : H(p.current, { select: !0 });
+        i.contains(y) ? p.current = y : B(p.current, { select: !0 });
       }, g = function(E) {
         if (m.paused || !i) return;
         const y = E.relatedTarget;
-        y !== null && (i.contains(y) || H(p.current, { select: !0 }));
-      }, _ = function(E) {
+        y !== null && (i.contains(y) || B(p.current, { select: !0 }));
+      }, b = function(E) {
         if (document.activeElement === document.body)
           for (const C of E)
-            C.removedNodes.length > 0 && H(i);
+            C.removedNodes.length > 0 && B(i);
       };
-      document.addEventListener("focusin", v), document.addEventListener("focusout", g);
-      const b = new MutationObserver(_);
-      return i && b.observe(i, { childList: !0, subtree: !0 }), () => {
-        document.removeEventListener("focusin", v), document.removeEventListener("focusout", g), b.disconnect();
+      document.addEventListener("focusin", h), document.addEventListener("focusout", g);
+      const w = new MutationObserver(b);
+      return i && w.observe(i, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", h), document.removeEventListener("focusout", g), w.disconnect();
       };
     }
   }, [o, i, m.paused]), c.useEffect(() => {
     if (i) {
-      ar.add(m);
-      const v = document.activeElement;
-      if (!i.contains(v)) {
-        const _ = new CustomEvent(Re, nr);
-        i.addEventListener(Re, l), i.dispatchEvent(_), _.defaultPrevented || (sn(fn(Mr(i)), { select: !0 }), document.activeElement === v && H(i));
+      it.add(m);
+      const h = document.activeElement;
+      if (!i.contains(h)) {
+        const b = new CustomEvent(Re, ot);
+        i.addEventListener(Re, l), i.dispatchEvent(b), b.defaultPrevented || (cn(pn(It(i)), { select: !0 }), document.activeElement === h && B(i));
       }
       return () => {
         i.removeEventListener(Re, l), setTimeout(() => {
-          const _ = new CustomEvent(Ne, nr);
-          i.addEventListener(Ne, d), i.dispatchEvent(_), _.defaultPrevented || H(v ?? document.body, { select: !0 }), i.removeEventListener(Ne, d), ar.remove(m);
+          const b = new CustomEvent(Ne, ot);
+          i.addEventListener(Ne, d), i.dispatchEvent(b), b.defaultPrevented || B(h ?? document.body, { select: !0 }), i.removeEventListener(Ne, d), it.remove(m);
         }, 0);
       };
     }
   }, [i, l, d, m]);
-  const w = c.useCallback(
-    (v) => {
-      if (!t && !o || m.paused) return;
-      const g = v.key === "Tab" && !v.altKey && !v.ctrlKey && !v.metaKey, _ = document.activeElement;
-      if (g && _) {
-        const b = v.currentTarget, [E, y] = cn(b);
-        E && y ? !v.shiftKey && _ === y ? (v.preventDefault(), t && H(E, { select: !0 })) : v.shiftKey && _ === E && (v.preventDefault(), t && H(y, { select: !0 })) : _ === b && v.preventDefault();
+  const _ = c.useCallback(
+    (h) => {
+      if (!r && !o || m.paused) return;
+      const g = h.key === "Tab" && !h.altKey && !h.ctrlKey && !h.metaKey, b = document.activeElement;
+      if (g && b) {
+        const w = h.currentTarget, [E, y] = ln(w);
+        E && y ? !h.shiftKey && b === y ? (h.preventDefault(), r && B(E, { select: !0 })) : h.shiftKey && b === E && (h.preventDefault(), r && B(y, { select: !0 })) : b === w && h.preventDefault();
       }
     },
-    [t, o, m.paused]
+    [r, o, m.paused]
   );
-  return /* @__PURE__ */ f(T.div, { tabIndex: -1, ...s, ref: h, onKeyDown: w });
+  return /* @__PURE__ */ f(T.div, { tabIndex: -1, ...s, ref: v, onKeyDown: _ });
 });
-$r.displayName = an;
-function sn(e, { select: r = !1 } = {}) {
-  const t = document.activeElement;
+Mt.displayName = sn;
+function cn(e, { select: t = !1 } = {}) {
+  const r = document.activeElement;
   for (const o of e)
-    if (H(o, { select: r }), document.activeElement !== t) return;
+    if (B(o, { select: t }), document.activeElement !== r) return;
 }
-function cn(e) {
-  const r = Mr(e), t = or(r, e), o = or(r.reverse(), e);
-  return [t, o];
+function ln(e) {
+  const t = It(e), r = at(t, e), o = at(t.reverse(), e);
+  return [r, o];
 }
-function Mr(e) {
-  const r = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+function It(e) {
+  const t = [], r = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (o) => {
       const a = o.tagName === "INPUT" && o.type === "hidden";
       return o.disabled || o.hidden || a ? NodeFilter.FILTER_SKIP : o.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
     }
   });
-  for (; t.nextNode(); ) r.push(t.currentNode);
-  return r;
+  for (; r.nextNode(); ) t.push(r.currentNode);
+  return t;
 }
-function or(e, r) {
-  for (const t of e)
-    if (!ln(t, { upTo: r })) return t;
+function at(e, t) {
+  for (const r of e)
+    if (!un(r, { upTo: t })) return r;
 }
-function ln(e, { upTo: r }) {
+function un(e, { upTo: t }) {
   if (getComputedStyle(e).visibility === "hidden") return !0;
   for (; e; ) {
-    if (r !== void 0 && e === r) return !1;
+    if (t !== void 0 && e === t) return !1;
     if (getComputedStyle(e).display === "none") return !0;
     e = e.parentElement;
   }
   return !1;
 }
-function un(e) {
+function dn(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
-function H(e, { select: r = !1 } = {}) {
+function B(e, { select: t = !1 } = {}) {
   if (e && e.focus) {
-    const t = document.activeElement;
-    e.focus({ preventScroll: !0 }), e !== t && un(e) && r && e.select();
+    const r = document.activeElement;
+    e.focus({ preventScroll: !0 }), e !== r && dn(e) && t && e.select();
   }
 }
-var ar = dn();
-function dn() {
+var it = fn();
+function fn() {
   let e = [];
   return {
-    add(r) {
-      const t = e[0];
-      r !== t && (t == null || t.pause()), e = ir(e, r), e.unshift(r);
+    add(t) {
+      const r = e[0];
+      t !== r && (r == null || r.pause()), e = st(e, t), e.unshift(t);
     },
-    remove(r) {
-      var t;
-      e = ir(e, r), (t = e[0]) == null || t.resume();
+    remove(t) {
+      var r;
+      e = st(e, t), (r = e[0]) == null || r.resume();
     }
   };
 }
-function ir(e, r) {
-  const t = [...e], o = t.indexOf(r);
-  return o !== -1 && t.splice(o, 1), t;
+function st(e, t) {
+  const r = [...e], o = r.indexOf(t);
+  return o !== -1 && r.splice(o, 1), r;
 }
-function fn(e) {
-  return e.filter((r) => r.tagName !== "A");
+function pn(e) {
+  return e.filter((t) => t.tagName !== "A");
 }
-var pn = "Portal", Ir = c.forwardRef((e, r) => {
+var vn = "Portal", kt = c.forwardRef((e, t) => {
   var i;
-  const { container: t, ...o } = e, [a, n] = c.useState(!1);
+  const { container: r, ...o } = e, [a, n] = c.useState(!1);
   ne(() => n(!0), []);
-  const s = t || a && ((i = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : i.body);
-  return s ? Mt.createPortal(/* @__PURE__ */ f(T.div, { ...o, ref: r }), s) : null;
+  const s = r || a && ((i = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : i.body);
+  return s ? Ir.createPortal(/* @__PURE__ */ f(T.div, { ...o, ref: t }), s) : null;
 });
-Ir.displayName = pn;
-function hn(e, r) {
-  return c.useReducer((t, o) => r[t][o] ?? t, e);
+kt.displayName = vn;
+function hn(e, t) {
+  return c.useReducer((r, o) => t[r][o] ?? r, e);
 }
-var j = (e) => {
-  const { present: r, children: t } = e, o = vn(r), a = typeof t == "function" ? t({ present: o.isPresent }) : c.Children.only(t), n = O(o.ref, mn(a));
-  return typeof t == "function" || o.isPresent ? c.cloneElement(a, { ref: n }) : null;
+var V = (e) => {
+  const { present: t, children: r } = e, o = mn(t), a = typeof r == "function" ? r({ present: o.isPresent }) : c.Children.only(r), n = L(o.ref, gn(a));
+  return typeof r == "function" || o.isPresent ? c.cloneElement(a, { ref: n }) : null;
 };
-j.displayName = "Presence";
-function vn(e) {
-  const [r, t] = c.useState(), o = c.useRef(null), a = c.useRef(e), n = c.useRef("none"), s = e ? "mounted" : "unmounted", [i, u] = hn(s, {
+V.displayName = "Presence";
+function mn(e) {
+  const [t, r] = c.useState(), o = c.useRef(null), a = c.useRef(e), n = c.useRef("none"), s = e ? "mounted" : "unmounted", [i, u] = hn(s, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -526,162 +526,162 @@ function vn(e) {
   }, [i]), ne(() => {
     const l = o.current, d = a.current;
     if (d !== e) {
-      const h = n.current, m = le(l);
-      e ? u("MOUNT") : m === "none" || (l == null ? void 0 : l.display) === "none" ? u("UNMOUNT") : u(d && h !== m ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
+      const v = n.current, m = le(l);
+      e ? u("MOUNT") : m === "none" || (l == null ? void 0 : l.display) === "none" ? u("UNMOUNT") : u(d && v !== m ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
     }
   }, [e, u]), ne(() => {
-    if (r) {
+    if (t) {
       let l;
-      const d = r.ownerDocument.defaultView ?? window, p = (m) => {
-        const v = le(o.current).includes(CSS.escape(m.animationName));
-        if (m.target === r && v && (u("ANIMATION_END"), !a.current)) {
-          const g = r.style.animationFillMode;
-          r.style.animationFillMode = "forwards", l = d.setTimeout(() => {
-            r.style.animationFillMode === "forwards" && (r.style.animationFillMode = g);
+      const d = t.ownerDocument.defaultView ?? window, p = (m) => {
+        const h = le(o.current).includes(CSS.escape(m.animationName));
+        if (m.target === t && h && (u("ANIMATION_END"), !a.current)) {
+          const g = t.style.animationFillMode;
+          t.style.animationFillMode = "forwards", l = d.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = g);
           });
         }
-      }, h = (m) => {
-        m.target === r && (n.current = le(o.current));
+      }, v = (m) => {
+        m.target === t && (n.current = le(o.current));
       };
-      return r.addEventListener("animationstart", h), r.addEventListener("animationcancel", p), r.addEventListener("animationend", p), () => {
-        d.clearTimeout(l), r.removeEventListener("animationstart", h), r.removeEventListener("animationcancel", p), r.removeEventListener("animationend", p);
+      return t.addEventListener("animationstart", v), t.addEventListener("animationcancel", p), t.addEventListener("animationend", p), () => {
+        d.clearTimeout(l), t.removeEventListener("animationstart", v), t.removeEventListener("animationcancel", p), t.removeEventListener("animationend", p);
       };
     } else
       u("ANIMATION_END");
-  }, [r, u]), {
+  }, [t, u]), {
     isPresent: ["mounted", "unmountSuspended"].includes(i),
     ref: c.useCallback((l) => {
-      o.current = l ? getComputedStyle(l) : null, t(l);
+      o.current = l ? getComputedStyle(l) : null, r(l);
     }, [])
   };
 }
 function le(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-function mn(e) {
+function gn(e) {
   var o, a;
-  let r = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, t = r && "isReactWarning" in r && r.isReactWarning;
-  return t ? e.ref : (r = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, t = r && "isReactWarning" in r && r.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
+  let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
+  return r ? e.ref : (t = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
 var Ae = 0;
-function gn() {
+function _n() {
   c.useEffect(() => {
     const e = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", e[0] ?? sr()), document.body.insertAdjacentElement("beforeend", e[1] ?? sr()), Ae++, () => {
-      Ae === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((r) => r.remove()), Ae--;
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? ct()), document.body.insertAdjacentElement("beforeend", e[1] ?? ct()), Ae++, () => {
+      Ae === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), Ae--;
     };
   }, []);
 }
-function sr() {
+function ct() {
   const e = document.createElement("span");
   return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
 }
 var k = function() {
-  return k = Object.assign || function(r) {
-    for (var t, o = 1, a = arguments.length; o < a; o++) {
-      t = arguments[o];
-      for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && (r[n] = t[n]);
+  return k = Object.assign || function(t) {
+    for (var r, o = 1, a = arguments.length; o < a; o++) {
+      r = arguments[o];
+      for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (t[n] = r[n]);
     }
-    return r;
+    return t;
   }, k.apply(this, arguments);
 };
-function kr(e, r) {
-  var t = {};
-  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
+function Wt(e, t) {
+  var r = {};
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && t.indexOf(o) < 0 && (r[o] = e[o]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
     for (var a = 0, o = Object.getOwnPropertySymbols(e); a < o.length; a++)
-      r.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (t[o[a]] = e[o[a]]);
-  return t;
+      t.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (r[o[a]] = e[o[a]]);
+  return r;
 }
-function _n(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));
+function bn(e, t, r) {
+  if (r || arguments.length === 2) for (var o = 0, a = t.length, n; o < a; o++)
+    (n || !(o in t)) && (n || (n = Array.prototype.slice.call(t, 0, o)), n[o] = t[o]);
+  return e.concat(n || Array.prototype.slice.call(t));
 }
-var ge = "right-scroll-bar-position", _e = "width-before-scroll-bar", wn = "with-scroll-bars-hidden", bn = "--removed-body-scroll-bar-size";
-function De(e, r) {
-  return typeof e == "function" ? e(r) : e && (e.current = r), e;
+var ge = "right-scroll-bar-position", _e = "width-before-scroll-bar", wn = "with-scroll-bars-hidden", yn = "--removed-body-scroll-bar-size";
+function De(e, t) {
+  return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
-function yn(e, r) {
-  var t = At(function() {
+function Sn(e, t) {
+  var r = Tr(function() {
     return {
       // value
       value: e,
       // last callback
-      callback: r,
+      callback: t,
       // "memoized" public interface
       facade: {
         get current() {
-          return t.value;
+          return r.value;
         },
         set current(o) {
-          var a = t.value;
-          a !== o && (t.value = o, t.callback(o, a));
+          var a = r.value;
+          a !== o && (r.value = o, r.callback(o, a));
         }
       }
     };
   })[0];
-  return t.callback = r, t.facade;
+  return r.callback = t, r.facade;
 }
-var Sn = typeof window < "u" ? c.useLayoutEffect : c.useEffect, cr = /* @__PURE__ */ new WeakMap();
-function En(e, r) {
-  var t = yn(null, function(o) {
+var En = typeof window < "u" ? c.useLayoutEffect : c.useEffect, lt = /* @__PURE__ */ new WeakMap();
+function Cn(e, t) {
+  var r = Sn(null, function(o) {
     return e.forEach(function(a) {
       return De(a, o);
     });
   });
-  return Sn(function() {
-    var o = cr.get(t);
+  return En(function() {
+    var o = lt.get(r);
     if (o) {
-      var a = new Set(o), n = new Set(e), s = t.current;
+      var a = new Set(o), n = new Set(e), s = r.current;
       a.forEach(function(i) {
         n.has(i) || De(i, null);
       }), n.forEach(function(i) {
         a.has(i) || De(i, s);
       });
     }
-    cr.set(t, e);
-  }, [e]), t;
+    lt.set(r, e);
+  }, [e]), r;
 }
-function Cn(e) {
+function Pn(e) {
   return e;
 }
-function Pn(e, r) {
-  r === void 0 && (r = Cn);
-  var t = [], o = !1, a = {
+function xn(e, t) {
+  t === void 0 && (t = Pn);
+  var r = [], o = !1, a = {
     read: function() {
       if (o)
         throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
-      return t.length ? t[t.length - 1] : e;
+      return r.length ? r[r.length - 1] : e;
     },
     useMedium: function(n) {
-      var s = r(n, o);
-      return t.push(s), function() {
-        t = t.filter(function(i) {
+      var s = t(n, o);
+      return r.push(s), function() {
+        r = r.filter(function(i) {
           return i !== s;
         });
       };
     },
     assignSyncMedium: function(n) {
-      for (o = !0; t.length; ) {
-        var s = t;
-        t = [], s.forEach(n);
+      for (o = !0; r.length; ) {
+        var s = r;
+        r = [], s.forEach(n);
       }
-      t = {
+      r = {
         push: function(i) {
           return n(i);
         },
         filter: function() {
-          return t;
+          return r;
         }
       };
     },
     assignMedium: function(n) {
       o = !0;
       var s = [];
-      if (t.length) {
-        var i = t;
-        t = [], i.forEach(n), s = t;
+      if (r.length) {
+        var i = r;
+        r = [], i.forEach(n), s = r;
       }
       var u = function() {
         var d = s;
@@ -689,48 +689,48 @@ function Pn(e, r) {
       }, l = function() {
         return Promise.resolve().then(u);
       };
-      l(), t = {
+      l(), r = {
         push: function(d) {
           s.push(d), l();
         },
         filter: function(d) {
-          return s = s.filter(d), t;
+          return s = s.filter(d), r;
         }
       };
     }
   };
   return a;
 }
-function xn(e) {
+function Rn(e) {
   e === void 0 && (e = {});
-  var r = Pn(null);
-  return r.options = k({ async: !0, ssr: !1 }, e), r;
+  var t = xn(null);
+  return t.options = k({ async: !0, ssr: !1 }, e), t;
 }
-var Wr = function(e) {
-  var r = e.sideCar, t = kr(e, ["sideCar"]);
-  if (!r)
+var jt = function(e) {
+  var t = e.sideCar, r = Wt(e, ["sideCar"]);
+  if (!t)
     throw new Error("Sidecar: please provide `sideCar` property to import the right car");
-  var o = r.read();
+  var o = t.read();
   if (!o)
     throw new Error("Sidecar medium not found");
-  return c.createElement(o, k({}, t));
+  return c.createElement(o, k({}, r));
 };
-Wr.isSideCarExport = !0;
-function Rn(e, r) {
-  return e.useMedium(r), Wr;
+jt.isSideCarExport = !0;
+function Nn(e, t) {
+  return e.useMedium(t), jt;
 }
-var Fr = xn(), Te = function() {
-}, Se = c.forwardRef(function(e, r) {
-  var t = c.useRef(null), o = c.useState({
+var Ft = Rn(), Te = function() {
+}, Se = c.forwardRef(function(e, t) {
+  var r = c.useRef(null), o = c.useState({
     onScrollCapture: Te,
     onWheelCapture: Te,
     onTouchMoveCapture: Te
-  }), a = o[0], n = o[1], s = e.forwardProps, i = e.children, u = e.className, l = e.removeScrollBar, d = e.enabled, p = e.shards, h = e.sideCar, m = e.noRelative, w = e.noIsolation, v = e.inert, g = e.allowPinchZoom, _ = e.as, b = _ === void 0 ? "div" : _, E = e.gapMode, y = kr(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), C = h, x = En([t, r]), S = k(k({}, y), a);
+  }), a = o[0], n = o[1], s = e.forwardProps, i = e.children, u = e.className, l = e.removeScrollBar, d = e.enabled, p = e.shards, v = e.sideCar, m = e.noRelative, _ = e.noIsolation, h = e.inert, g = e.allowPinchZoom, b = e.as, w = b === void 0 ? "div" : b, E = e.gapMode, y = Wt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), C = v, x = Cn([r, t]), S = k(k({}, y), a);
   return c.createElement(
     c.Fragment,
     null,
-    d && c.createElement(C, { sideCar: Fr, removeScrollBar: l, shards: p, noRelative: m, noIsolation: w, inert: v, setCallbacks: n, allowPinchZoom: !!g, lockRef: t, gapMode: E }),
-    s ? c.cloneElement(c.Children.only(i), k(k({}, S), { ref: x })) : c.createElement(b, k({}, S, { className: u, ref: x }), i)
+    d && c.createElement(C, { sideCar: Ft, removeScrollBar: l, shards: p, noRelative: m, noIsolation: _, inert: h, setCallbacks: n, allowPinchZoom: !!g, lockRef: r, gapMode: E }),
+    s ? c.cloneElement(c.Children.only(i), k(k({}, S), { ref: x })) : c.createElement(w, k({}, S, { className: u, ref: x }), i)
   );
 });
 Se.defaultProps = {
@@ -742,83 +742,83 @@ Se.classNames = {
   fullWidth: _e,
   zeroRight: ge
 };
-var Nn = function() {
+var An = function() {
   if (typeof __webpack_nonce__ < "u")
     return __webpack_nonce__;
 };
-function An() {
+function Dn() {
   if (!document)
     return null;
   var e = document.createElement("style");
   e.type = "text/css";
-  var r = Nn();
-  return r && e.setAttribute("nonce", r), e;
+  var t = An();
+  return t && e.setAttribute("nonce", t), e;
 }
-function Dn(e, r) {
-  e.styleSheet ? e.styleSheet.cssText = r : e.appendChild(document.createTextNode(r));
+function Tn(e, t) {
+  e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
 }
-function Tn(e) {
-  var r = document.head || document.getElementsByTagName("head")[0];
-  r.appendChild(e);
+function On(e) {
+  var t = document.head || document.getElementsByTagName("head")[0];
+  t.appendChild(e);
 }
-var On = function() {
-  var e = 0, r = null;
+var Ln = function() {
+  var e = 0, t = null;
   return {
-    add: function(t) {
-      e == 0 && (r = An()) && (Dn(r, t), Tn(r)), e++;
+    add: function(r) {
+      e == 0 && (t = Dn()) && (Tn(t, r), On(t)), e++;
     },
     remove: function() {
-      e--, !e && r && (r.parentNode && r.parentNode.removeChild(r), r = null);
+      e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
     }
   };
-}, Ln = function() {
-  var e = On();
-  return function(r, t) {
+}, $n = function() {
+  var e = Ln();
+  return function(t, r) {
     c.useEffect(function() {
-      return e.add(r), function() {
+      return e.add(t), function() {
         e.remove();
       };
-    }, [r && t]);
+    }, [t && r]);
   };
-}, Ur = function() {
-  var e = Ln(), r = function(t) {
-    var o = t.styles, a = t.dynamic;
+}, Ut = function() {
+  var e = $n(), t = function(r) {
+    var o = r.styles, a = r.dynamic;
     return e(o, a), null;
   };
-  return r;
-}, $n = {
+  return t;
+}, Mn = {
   left: 0,
   top: 0,
   right: 0,
   gap: 0
 }, Oe = function(e) {
   return parseInt(e || "", 10) || 0;
-}, Mn = 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 [Oe(t), Oe(o), Oe(a)];
 }, In = function(e) {
+  var t = window.getComputedStyle(document.body), r = t[e === "padding" ? "paddingLeft" : "marginLeft"], o = t[e === "padding" ? "paddingTop" : "marginTop"], a = t[e === "padding" ? "paddingRight" : "marginRight"];
+  return [Oe(r), Oe(o), Oe(a)];
+}, kn = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
-    return $n;
-  var r = Mn(e), t = document.documentElement.clientWidth, o = window.innerWidth;
+    return Mn;
+  var t = In(e), r = 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])
+    left: t[0],
+    top: t[1],
+    right: t[2],
+    gap: Math.max(0, o - r + t[2] - t[0])
   };
-}, kn = Ur(), re = "data-scroll-locked", Wn = function(e, r, t, o) {
+}, Wn = Ut(), te = "data-scroll-locked", jn = function(e, t, r, o) {
   var a = e.left, n = e.top, s = e.right, i = e.gap;
-  return t === void 0 && (t = "margin"), `
+  return r === void 0 && (r = "margin"), `
   .`.concat(wn, ` {
    overflow: hidden `).concat(o, `;
    padding-right: `).concat(i, "px ").concat(o, `;
   }
-  body[`).concat(re, `] {
+  body[`).concat(te, `] {
     overflow: hidden `).concat(o, `;
     overscroll-behavior: contain;
     `).concat([
-    r && "position: relative ".concat(o, ";"),
-    t === "margin" && `
+    t && "position: relative ".concat(o, ";"),
+    r === "margin" && `
     padding-left: `.concat(a, `px;
     padding-top: `).concat(n, `px;
     padding-right: `).concat(s, `px;
@@ -826,7 +826,7 @@ var On = function() {
     margin-top:0;
     margin-right: `).concat(i, "px ").concat(o, `;
     `),
-    t === "padding" && "padding-right: ".concat(i, "px ").concat(o, ";")
+    r === "padding" && "padding-right: ".concat(i, "px ").concat(o, ";")
   ].filter(Boolean).join(""), `
   }
   
@@ -846,274 +846,274 @@ var On = function() {
     margin-right: 0 `).concat(o, `;
   }
   
-  body[`).concat(re, `] {
-    `).concat(bn, ": ").concat(i, `px;
+  body[`).concat(te, `] {
+    `).concat(yn, ": ").concat(i, `px;
   }
 `);
-}, lr = function() {
-  var e = parseInt(document.body.getAttribute(re) || "0", 10);
+}, ut = function() {
+  var e = parseInt(document.body.getAttribute(te) || "0", 10);
   return isFinite(e) ? e : 0;
 }, Fn = function() {
   c.useEffect(function() {
-    return document.body.setAttribute(re, (lr() + 1).toString()), function() {
-      var e = lr() - 1;
-      e <= 0 ? document.body.removeAttribute(re) : document.body.setAttribute(re, e.toString());
+    return document.body.setAttribute(te, (ut() + 1).toString()), function() {
+      var e = ut() - 1;
+      e <= 0 ? document.body.removeAttribute(te) : document.body.setAttribute(te, e.toString());
     };
   }, []);
 }, Un = function(e) {
-  var r = e.noRelative, t = e.noImportant, o = e.gapMode, a = o === void 0 ? "margin" : o;
+  var t = e.noRelative, r = e.noImportant, o = e.gapMode, a = o === void 0 ? "margin" : o;
   Fn();
   var n = c.useMemo(function() {
-    return In(a);
+    return kn(a);
   }, [a]);
-  return c.createElement(kn, { styles: Wn(n, !r, a, t ? "" : "!important") });
-}, Fe = !1;
+  return c.createElement(Wn, { styles: jn(n, !t, a, r ? "" : "!important") });
+}, je = !1;
 if (typeof window < "u")
   try {
     var ue = Object.defineProperty({}, "passive", {
       get: function() {
-        return Fe = !0, !0;
+        return je = !0, !0;
       }
     });
     window.addEventListener("test", ue, ue), window.removeEventListener("test", ue, ue);
   } catch {
-    Fe = !1;
+    je = !1;
   }
-var q = Fe ? { passive: !1 } : !1, Hn = function(e) {
+var q = je ? { passive: !1 } : !1, Bn = function(e) {
   return e.tagName === "TEXTAREA";
-}, Hr = function(e, r) {
+}, Bt = function(e, t) {
   if (!(e instanceof Element))
     return !1;
-  var t = window.getComputedStyle(e);
+  var r = window.getComputedStyle(e);
   return (
     // not-not-scrollable
-    t[r] !== "hidden" && // contains scroll inside self
-    !(t.overflowY === t.overflowX && !Hn(e) && t[r] === "visible")
+    r[t] !== "hidden" && // contains scroll inside self
+    !(r.overflowY === r.overflowX && !Bn(e) && r[t] === "visible")
   );
-}, Bn = function(e) {
-  return Hr(e, "overflowY");
-}, jn = function(e) {
-  return Hr(e, "overflowX");
-}, ur = function(e, r) {
-  var t = r.ownerDocument, o = r;
+}, Hn = function(e) {
+  return Bt(e, "overflowY");
+}, Vn = function(e) {
+  return Bt(e, "overflowX");
+}, dt = function(e, t) {
+  var r = t.ownerDocument, o = t;
   do {
     typeof ShadowRoot < "u" && o instanceof ShadowRoot && (o = o.host);
-    var a = Br(e, o);
+    var a = Ht(e, o);
     if (a) {
-      var n = jr(e, o), s = n[1], i = n[2];
+      var n = Vt(e, o), s = n[1], i = n[2];
       if (s > i)
         return !0;
     }
     o = o.parentNode;
-  } while (o && o !== t.body);
+  } while (o && o !== r.body);
   return !1;
-}, Vn = function(e) {
-  var r = e.scrollTop, t = e.scrollHeight, o = e.clientHeight;
+}, zn = function(e) {
+  var t = e.scrollTop, r = e.scrollHeight, o = e.clientHeight;
   return [
-    r,
     t,
+    r,
     o
   ];
-}, zn = function(e) {
-  var r = e.scrollLeft, t = e.scrollWidth, o = e.clientWidth;
+}, Yn = function(e) {
+  var t = e.scrollLeft, r = e.scrollWidth, o = e.clientWidth;
   return [
-    r,
     t,
+    r,
     o
   ];
-}, Br = function(e, r) {
-  return e === "v" ? Bn(r) : jn(r);
-}, jr = function(e, r) {
-  return e === "v" ? Vn(r) : zn(r);
-}, Yn = function(e, r) {
-  return e === "h" && r === "rtl" ? -1 : 1;
-}, Xn = function(e, r, t, o, a) {
-  var n = Yn(e, window.getComputedStyle(r).direction), s = n * o, i = t.target, u = r.contains(i), l = !1, d = s > 0, p = 0, h = 0;
+}, Ht = function(e, t) {
+  return e === "v" ? Hn(t) : Vn(t);
+}, Vt = function(e, t) {
+  return e === "v" ? zn(t) : Yn(t);
+}, Xn = function(e, t) {
+  return e === "h" && t === "rtl" ? -1 : 1;
+}, qn = function(e, t, r, o, a) {
+  var n = Xn(e, window.getComputedStyle(t).direction), s = n * o, i = r.target, u = t.contains(i), l = !1, d = s > 0, p = 0, v = 0;
   do {
     if (!i)
       break;
-    var m = jr(e, i), w = m[0], v = m[1], g = m[2], _ = v - g - n * w;
-    (w || _) && Br(e, i) && (p += _, h += w);
-    var b = i.parentNode;
-    i = b && b.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? b.host : b;
+    var m = Vt(e, i), _ = m[0], h = m[1], g = m[2], b = h - g - n * _;
+    (_ || b) && Ht(e, i) && (p += b, v += _);
+    var w = i.parentNode;
+    i = w && w.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? w.host : w;
   } while (
     // portaled content
     !u && i !== document.body || // self content
-    u && (r.contains(i) || r === i)
+    u && (t.contains(i) || t === i)
   );
-  return (d && Math.abs(p) < 1 || !d && Math.abs(h) < 1) && (l = !0), l;
+  return (d && Math.abs(p) < 1 || !d && Math.abs(v) < 1) && (l = !0), l;
 }, de = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
-}, dr = function(e) {
+}, ft = function(e) {
   return [e.deltaX, e.deltaY];
-}, fr = function(e) {
+}, pt = function(e) {
   return e && "current" in e ? e.current : e;
-}, qn = function(e, r) {
-  return e[0] === r[0] && e[1] === r[1];
-}, Gn = function(e) {
+}, Gn = function(e, t) {
+  return e[0] === t[0] && e[1] === t[1];
+}, Kn = function(e) {
   return `
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, Kn = 0, G = [];
-function Zn(e) {
-  var r = c.useRef([]), t = c.useRef([0, 0]), o = c.useRef(), a = c.useState(Kn++)[0], n = c.useState(Ur)[0], s = c.useRef(e);
+}, Zn = 0, G = [];
+function Qn(e) {
+  var t = c.useRef([]), r = c.useRef([0, 0]), o = c.useRef(), a = c.useState(Zn++)[0], n = c.useState(Ut)[0], s = c.useRef(e);
   c.useEffect(function() {
     s.current = e;
   }, [e]), c.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(a));
-      var v = _n([e.lockRef.current], (e.shards || []).map(fr), !0).filter(Boolean);
-      return v.forEach(function(g) {
+      var h = bn([e.lockRef.current], (e.shards || []).map(pt), !0).filter(Boolean);
+      return h.forEach(function(g) {
         return g.classList.add("allow-interactivity-".concat(a));
       }), function() {
-        document.body.classList.remove("block-interactivity-".concat(a)), v.forEach(function(g) {
+        document.body.classList.remove("block-interactivity-".concat(a)), h.forEach(function(g) {
           return g.classList.remove("allow-interactivity-".concat(a));
         });
       };
     }
   }, [e.inert, e.lockRef.current, e.shards]);
-  var i = c.useCallback(function(v, g) {
-    if ("touches" in v && v.touches.length === 2 || v.type === "wheel" && v.ctrlKey)
+  var i = c.useCallback(function(h, g) {
+    if ("touches" in h && h.touches.length === 2 || h.type === "wheel" && h.ctrlKey)
       return !s.current.allowPinchZoom;
-    var _ = de(v), b = t.current, E = "deltaX" in v ? v.deltaX : b[0] - _[0], y = "deltaY" in v ? v.deltaY : b[1] - _[1], C, x = v.target, S = Math.abs(E) > Math.abs(y) ? "h" : "v";
-    if ("touches" in v && S === "h" && x.type === "range")
+    var b = de(h), w = r.current, E = "deltaX" in h ? h.deltaX : w[0] - b[0], y = "deltaY" in h ? h.deltaY : w[1] - b[1], C, x = h.target, S = Math.abs(E) > Math.abs(y) ? "h" : "v";
+    if ("touches" in h && S === "h" && x.type === "range")
       return !1;
-    var N = ur(S, x);
+    var N = dt(S, x);
     if (!N)
       return !0;
-    if (N ? C = S : (C = S === "v" ? "h" : "v", N = ur(S, x)), !N)
+    if (N ? C = S : (C = S === "v" ? "h" : "v", N = dt(S, x)), !N)
       return !1;
-    if (!o.current && "changedTouches" in v && (E || y) && (o.current = C), !C)
+    if (!o.current && "changedTouches" in h && (E || y) && (o.current = C), !C)
       return !0;
     var P = o.current || C;
-    return Xn(P, g, v, P === "h" ? E : y);
-  }, []), u = c.useCallback(function(v) {
-    var g = v;
+    return qn(P, g, h, P === "h" ? E : y);
+  }, []), u = c.useCallback(function(h) {
+    var g = h;
     if (!(!G.length || G[G.length - 1] !== n)) {
-      var _ = "deltaY" in g ? dr(g) : de(g), b = r.current.filter(function(C) {
-        return C.name === g.type && (C.target === g.target || g.target === C.shadowParent) && qn(C.delta, _);
+      var b = "deltaY" in g ? ft(g) : de(g), w = t.current.filter(function(C) {
+        return C.name === g.type && (C.target === g.target || g.target === C.shadowParent) && Gn(C.delta, b);
       })[0];
-      if (b && b.should) {
+      if (w && w.should) {
         g.cancelable && g.preventDefault();
         return;
       }
-      if (!b) {
-        var E = (s.current.shards || []).map(fr).filter(Boolean).filter(function(C) {
+      if (!w) {
+        var E = (s.current.shards || []).map(pt).filter(Boolean).filter(function(C) {
           return C.contains(g.target);
         }), y = E.length > 0 ? i(g, E[0]) : !s.current.noIsolation;
         y && g.cancelable && g.preventDefault();
       }
     }
-  }, []), l = c.useCallback(function(v, g, _, b) {
-    var E = { name: v, delta: g, target: _, should: b, shadowParent: Qn(_) };
-    r.current.push(E), setTimeout(function() {
-      r.current = r.current.filter(function(y) {
+  }, []), l = c.useCallback(function(h, g, b, w) {
+    var E = { name: h, delta: g, target: b, should: w, shadowParent: Jn(b) };
+    t.current.push(E), setTimeout(function() {
+      t.current = t.current.filter(function(y) {
         return y !== E;
       });
     }, 1);
-  }, []), d = c.useCallback(function(v) {
-    t.current = de(v), o.current = void 0;
-  }, []), p = c.useCallback(function(v) {
-    l(v.type, dr(v), v.target, i(v, e.lockRef.current));
-  }, []), h = c.useCallback(function(v) {
-    l(v.type, de(v), v.target, i(v, e.lockRef.current));
+  }, []), d = c.useCallback(function(h) {
+    r.current = de(h), o.current = void 0;
+  }, []), p = c.useCallback(function(h) {
+    l(h.type, ft(h), h.target, i(h, e.lockRef.current));
+  }, []), v = c.useCallback(function(h) {
+    l(h.type, de(h), h.target, i(h, e.lockRef.current));
   }, []);
   c.useEffect(function() {
     return G.push(n), e.setCallbacks({
       onScrollCapture: p,
       onWheelCapture: p,
-      onTouchMoveCapture: h
+      onTouchMoveCapture: v
     }), document.addEventListener("wheel", u, q), document.addEventListener("touchmove", u, q), document.addEventListener("touchstart", d, q), function() {
-      G = G.filter(function(v) {
-        return v !== n;
+      G = G.filter(function(h) {
+        return h !== n;
       }), document.removeEventListener("wheel", u, q), document.removeEventListener("touchmove", u, q), document.removeEventListener("touchstart", d, q);
     };
   }, []);
-  var m = e.removeScrollBar, w = e.inert;
+  var m = e.removeScrollBar, _ = e.inert;
   return c.createElement(
     c.Fragment,
     null,
-    w ? c.createElement(n, { styles: Gn(a) }) : null,
+    _ ? c.createElement(n, { styles: Kn(a) }) : null,
     m ? c.createElement(Un, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
   );
 }
-function Qn(e) {
-  for (var r = null; e !== null; )
-    e instanceof ShadowRoot && (r = e.host, e = e.host), e = e.parentNode;
-  return r;
+function Jn(e) {
+  for (var t = null; e !== null; )
+    e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
+  return t;
 }
-const Jn = Rn(Fr, Zn);
-var Vr = c.forwardRef(function(e, r) {
-  return c.createElement(Se, k({}, e, { ref: r, sideCar: Jn }));
+const eo = Nn(Ft, Qn);
+var zt = c.forwardRef(function(e, t) {
+  return c.createElement(Se, k({}, e, { ref: t, sideCar: eo }));
 });
-Vr.classNames = Se.classNames;
-var eo = function(e) {
+zt.classNames = Se.classNames;
+var to = function(e) {
   if (typeof document > "u")
     return null;
-  var r = Array.isArray(e) ? e[0] : e;
-  return r.ownerDocument.body;
-}, K = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {}, Le = 0, zr = function(e) {
-  return e && (e.host || zr(e.parentNode));
-}, ro = function(e, r) {
-  return r.map(function(t) {
-    if (e.contains(t))
-      return t;
-    var o = zr(t);
-    return o && e.contains(o) ? o : (console.error("aria-hidden", t, "in not contained inside", e, ". Doing nothing"), null);
-  }).filter(function(t) {
-    return !!t;
+  var t = Array.isArray(e) ? e[0] : e;
+  return t.ownerDocument.body;
+}, K = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {}, Le = 0, Yt = function(e) {
+  return e && (e.host || Yt(e.parentNode));
+}, ro = function(e, t) {
+  return t.map(function(r) {
+    if (e.contains(r))
+      return r;
+    var o = Yt(r);
+    return o && e.contains(o) ? o : (console.error("aria-hidden", r, "in not contained inside", e, ". Doing nothing"), null);
+  }).filter(function(r) {
+    return !!r;
   });
-}, to = function(e, r, t, o) {
-  var a = ro(r, Array.isArray(e) ? e : [e]);
-  pe[t] || (pe[t] = /* @__PURE__ */ new WeakMap());
-  var n = pe[t], s = [], i = /* @__PURE__ */ new Set(), u = new Set(a), l = function(p) {
+}, no = function(e, t, r, o) {
+  var a = ro(t, Array.isArray(e) ? e : [e]);
+  pe[r] || (pe[r] = /* @__PURE__ */ new WeakMap());
+  var n = pe[r], s = [], i = /* @__PURE__ */ new Set(), u = new Set(a), l = function(p) {
     !p || i.has(p) || (i.add(p), l(p.parentNode));
   };
   a.forEach(l);
   var d = function(p) {
-    !p || u.has(p) || Array.prototype.forEach.call(p.children, function(h) {
-      if (i.has(h))
-        d(h);
+    !p || u.has(p) || Array.prototype.forEach.call(p.children, function(v) {
+      if (i.has(v))
+        d(v);
       else
         try {
-          var m = h.getAttribute(o), w = m !== null && m !== "false", v = (K.get(h) || 0) + 1, g = (n.get(h) || 0) + 1;
-          K.set(h, v), n.set(h, g), s.push(h), v === 1 && w && fe.set(h, !0), g === 1 && h.setAttribute(t, "true"), w || h.setAttribute(o, "true");
-        } catch (_) {
-          console.error("aria-hidden: cannot operate on ", h, _);
+          var m = v.getAttribute(o), _ = m !== null && m !== "false", h = (K.get(v) || 0) + 1, g = (n.get(v) || 0) + 1;
+          K.set(v, h), n.set(v, g), s.push(v), h === 1 && _ && fe.set(v, !0), g === 1 && v.setAttribute(r, "true"), _ || v.setAttribute(o, "true");
+        } catch (b) {
+          console.error("aria-hidden: cannot operate on ", v, b);
         }
     });
   };
-  return d(r), i.clear(), Le++, function() {
+  return d(t), i.clear(), Le++, function() {
     s.forEach(function(p) {
-      var h = K.get(p) - 1, m = n.get(p) - 1;
-      K.set(p, h), n.set(p, m), h || (fe.has(p) || p.removeAttribute(o), fe.delete(p)), m || p.removeAttribute(t);
+      var v = K.get(p) - 1, m = n.get(p) - 1;
+      K.set(p, v), n.set(p, m), v || (fe.has(p) || p.removeAttribute(o), fe.delete(p)), m || p.removeAttribute(r);
     }), Le--, Le || (K = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new WeakMap(), fe = /* @__PURE__ */ new WeakMap(), pe = {});
   };
-}, no = function(e, r, t) {
-  t === void 0 && (t = "data-aria-hidden");
-  var o = Array.from(Array.isArray(e) ? e : [e]), a = eo(e);
-  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live], script"))), to(o, a, t, "aria-hidden")) : function() {
+}, oo = function(e, t, r) {
+  r === void 0 && (r = "data-aria-hidden");
+  var o = Array.from(Array.isArray(e) ? e : [e]), a = to(e);
+  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live], script"))), no(o, a, r, "aria-hidden")) : function() {
     return null;
   };
-}, Ee = "Dialog", [Yr] = Ar(Ee), [oo, I] = Yr(Ee), Xr = (e) => {
+}, Ee = "Dialog", [Xt] = Dt(Ee), [ao, I] = Xt(Ee), qt = (e) => {
   const {
-    __scopeDialog: r,
-    children: t,
+    __scopeDialog: t,
+    children: r,
     open: o,
     defaultOpen: a,
     onOpenChange: n,
     modal: s = !0
-  } = e, i = c.useRef(null), u = c.useRef(null), [l, d] = Ht({
+  } = e, i = c.useRef(null), u = c.useRef(null), [l, d] = Br({
     prop: o,
     defaultProp: a ?? !1,
     onChange: n,
     caller: Ee
   });
   return /* @__PURE__ */ f(
-    oo,
+    ao,
     {
-      scope: r,
+      scope: t,
       triggerRef: i,
       contentRef: u,
       contentId: xe(),
@@ -1123,14 +1123,14 @@ var eo = function(e) {
       onOpenChange: d,
       onOpenToggle: c.useCallback(() => d((p) => !p), [d]),
       modal: s,
-      children: t
+      children: r
     }
   );
 };
-Xr.displayName = Ee;
-var qr = "DialogTrigger", Gr = c.forwardRef(
-  (e, r) => {
-    const { __scopeDialog: t, ...o } = e, a = I(qr, t), n = O(r, a.triggerRef);
+qt.displayName = Ee;
+var Gt = "DialogTrigger", Kt = c.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: r, ...o } = e, a = I(Gt, r), n = L(t, a.triggerRef);
     return /* @__PURE__ */ f(
       T.button,
       {
@@ -1146,61 +1146,61 @@ var qr = "DialogTrigger", Gr = c.forwardRef(
     );
   }
 );
-Gr.displayName = qr;
-var Ve = "DialogPortal", [ao, Kr] = Yr(Ve, {
+Kt.displayName = Gt;
+var Ve = "DialogPortal", [io, Zt] = Xt(Ve, {
   forceMount: void 0
-}), Zr = (e) => {
-  const { __scopeDialog: r, forceMount: t, children: o, container: a } = e, n = I(Ve, r);
-  return /* @__PURE__ */ f(ao, { scope: r, forceMount: t, children: c.Children.map(o, (s) => /* @__PURE__ */ f(j, { present: t || n.open, children: /* @__PURE__ */ f(Ir, { asChild: !0, container: a, children: s }) })) });
+}), Qt = (e) => {
+  const { __scopeDialog: t, forceMount: r, children: o, container: a } = e, n = I(Ve, t);
+  return /* @__PURE__ */ f(io, { scope: t, forceMount: r, children: c.Children.map(o, (s) => /* @__PURE__ */ f(V, { present: r || n.open, children: /* @__PURE__ */ f(kt, { asChild: !0, container: a, children: s }) })) });
 };
-Zr.displayName = Ve;
-var we = "DialogOverlay", Qr = c.forwardRef(
-  (e, r) => {
-    const t = Kr(we, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = I(we, e.__scopeDialog);
-    return n.modal ? /* @__PURE__ */ f(j, { present: o || n.open, children: /* @__PURE__ */ f(so, { ...a, ref: r }) }) : null;
+Qt.displayName = Ve;
+var be = "DialogOverlay", Jt = c.forwardRef(
+  (e, t) => {
+    const r = Zt(be, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = I(be, e.__scopeDialog);
+    return n.modal ? /* @__PURE__ */ f(V, { present: o || n.open, children: /* @__PURE__ */ f(co, { ...a, ref: t }) }) : null;
   }
 );
-Qr.displayName = we;
-var io = /* @__PURE__ */ Dr("DialogOverlay.RemoveScroll"), so = c.forwardRef(
-  (e, r) => {
-    const { __scopeDialog: t, ...o } = e, a = I(we, t);
+Jt.displayName = be;
+var so = /* @__PURE__ */ Tt("DialogOverlay.RemoveScroll"), co = c.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: r, ...o } = e, a = I(be, r);
     return (
       // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
       // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ f(Vr, { as: io, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
+      /* @__PURE__ */ f(zt, { as: so, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
         T.div,
         {
           "data-state": Ye(a.open),
           ...o,
-          ref: r,
+          ref: t,
           style: { pointerEvents: "auto", ...o.style }
         }
       ) })
     );
   }
-), Y = "DialogContent", Jr = c.forwardRef(
-  (e, r) => {
-    const t = Kr(Y, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = I(Y, e.__scopeDialog);
-    return /* @__PURE__ */ f(j, { present: o || n.open, children: n.modal ? /* @__PURE__ */ f(co, { ...a, ref: r }) : /* @__PURE__ */ f(lo, { ...a, ref: r }) });
+), X = "DialogContent", er = c.forwardRef(
+  (e, t) => {
+    const r = Zt(X, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = I(X, e.__scopeDialog);
+    return /* @__PURE__ */ f(V, { present: o || n.open, children: n.modal ? /* @__PURE__ */ f(lo, { ...a, ref: t }) : /* @__PURE__ */ f(uo, { ...a, ref: t }) });
   }
 );
-Jr.displayName = Y;
-var co = c.forwardRef(
-  (e, r) => {
-    const t = I(Y, e.__scopeDialog), o = c.useRef(null), a = O(r, t.contentRef, o);
+er.displayName = X;
+var lo = c.forwardRef(
+  (e, t) => {
+    const r = I(X, e.__scopeDialog), o = c.useRef(null), a = L(t, r.contentRef, o);
     return c.useEffect(() => {
       const n = o.current;
-      if (n) return no(n);
+      if (n) return oo(n);
     }, []), /* @__PURE__ */ f(
-      et,
+      tr,
       {
         ...e,
         ref: a,
-        trapFocus: t.open,
+        trapFocus: r.open,
         disableOutsidePointerEvents: !0,
         onCloseAutoFocus: A(e.onCloseAutoFocus, (n) => {
           var s;
-          n.preventDefault(), (s = t.triggerRef.current) == null || s.focus();
+          n.preventDefault(), (s = r.triggerRef.current) == null || s.focus();
         }),
         onPointerDownOutside: A(e.onPointerDownOutside, (n) => {
           const s = n.detail.originalEvent, i = s.button === 0 && s.ctrlKey === !0;
@@ -1213,35 +1213,35 @@ var co = c.forwardRef(
       }
     );
   }
-), lo = c.forwardRef(
-  (e, r) => {
-    const t = I(Y, e.__scopeDialog), o = c.useRef(!1), a = c.useRef(!1);
+), uo = c.forwardRef(
+  (e, t) => {
+    const r = I(X, e.__scopeDialog), o = c.useRef(!1), a = c.useRef(!1);
     return /* @__PURE__ */ f(
-      et,
+      tr,
       {
         ...e,
-        ref: r,
+        ref: t,
         trapFocus: !1,
         disableOutsidePointerEvents: !1,
         onCloseAutoFocus: (n) => {
           var s, i;
-          (s = e.onCloseAutoFocus) == null || s.call(e, n), n.defaultPrevented || (o.current || (i = t.triggerRef.current) == null || i.focus(), n.preventDefault()), o.current = !1, a.current = !1;
+          (s = e.onCloseAutoFocus) == null || s.call(e, n), n.defaultPrevented || (o.current || (i = r.triggerRef.current) == null || i.focus(), n.preventDefault()), o.current = !1, a.current = !1;
         },
         onInteractOutside: (n) => {
           var u, l;
           (u = e.onInteractOutside) == null || u.call(e, n), n.defaultPrevented || (o.current = !0, n.detail.originalEvent.type === "pointerdown" && (a.current = !0));
           const s = n.target;
-          ((l = t.triggerRef.current) == null ? void 0 : l.contains(s)) && n.preventDefault(), n.detail.originalEvent.type === "focusin" && a.current && n.preventDefault();
+          ((l = r.triggerRef.current) == null ? void 0 : l.contains(s)) && n.preventDefault(), n.detail.originalEvent.type === "focusin" && a.current && n.preventDefault();
         }
       }
     );
   }
-), et = c.forwardRef(
-  (e, r) => {
-    const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...s } = e, i = I(Y, t), u = c.useRef(null), l = O(r, u);
-    return gn(), /* @__PURE__ */ D(te, { children: [
+), tr = c.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: r, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...s } = e, i = I(X, r), u = c.useRef(null), l = L(t, u);
+    return _n(), /* @__PURE__ */ D(re, { children: [
       /* @__PURE__ */ f(
-        $r,
+        Mt,
         {
           asChild: !0,
           loop: !0,
@@ -1249,7 +1249,7 @@ var co = c.forwardRef(
           onMountAutoFocus: a,
           onUnmountAutoFocus: n,
           children: /* @__PURE__ */ f(
-            Or,
+            Lt,
             {
               role: "dialog",
               id: i.contentId,
@@ -1263,66 +1263,67 @@ var co = c.forwardRef(
           )
         }
       ),
-      /* @__PURE__ */ D(te, { children: [
-        /* @__PURE__ */ f(uo, { titleId: i.titleId }),
-        /* @__PURE__ */ f(po, { contentRef: u, descriptionId: i.descriptionId })
+      /* @__PURE__ */ D(re, { children: [
+        /* @__PURE__ */ f(fo, { titleId: i.titleId }),
+        /* @__PURE__ */ f(vo, { contentRef: u, descriptionId: i.descriptionId })
       ] })
     ] });
   }
-), ze = "DialogTitle", rt = c.forwardRef(
-  (e, r) => {
-    const { __scopeDialog: t, ...o } = e, a = I(ze, t);
-    return /* @__PURE__ */ f(T.h2, { id: a.titleId, ...o, ref: r });
+), ze = "DialogTitle", rr = c.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: r, ...o } = e, a = I(ze, r);
+    return /* @__PURE__ */ f(T.h2, { id: a.titleId, ...o, ref: t });
   }
 );
-rt.displayName = ze;
-var tt = "DialogDescription", nt = c.forwardRef(
-  (e, r) => {
-    const { __scopeDialog: t, ...o } = e, a = I(tt, t);
-    return /* @__PURE__ */ f(T.p, { id: a.descriptionId, ...o, ref: r });
+rr.displayName = ze;
+var nr = "DialogDescription", or = c.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: r, ...o } = e, a = I(nr, r);
+    return /* @__PURE__ */ f(T.p, { id: a.descriptionId, ...o, ref: t });
   }
 );
-nt.displayName = tt;
-var ot = "DialogClose", at = c.forwardRef(
-  (e, r) => {
-    const { __scopeDialog: t, ...o } = e, a = I(ot, t);
+or.displayName = nr;
+var ar = "DialogClose", ir = c.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: r, ...o } = e, a = I(ar, r);
     return /* @__PURE__ */ f(
       T.button,
       {
         type: "button",
         ...o,
-        ref: r,
+        ref: t,
         onClick: A(e.onClick, () => a.onOpenChange(!1))
       }
     );
   }
 );
-at.displayName = ot;
+ir.displayName = ar;
 function Ye(e) {
   return e ? "open" : "closed";
 }
-var it = "DialogTitleWarning", [ei, st] = It(it, {
-  contentName: Y,
+var sr = "DialogTitleWarning", [ti, cr] = kr(sr, {
+  contentName: X,
   titleName: ze,
   docsSlug: "dialog"
-}), uo = ({ titleId: e }) => {
-  const r = st(it), t = `\`${r.contentName}\` requires a \`${r.titleName}\` for the component to be accessible for screen reader users.
+}), fo = ({ titleId: e }) => {
+  const t = cr(sr), r = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
 
-If you want to hide the \`${r.titleName}\`, you can wrap it with our VisuallyHidden component.
+If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
 
-For more information, see https://radix-ui.com/primitives/docs/components/${r.docsSlug}`;
+For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;
   return c.useEffect(() => {
-    e && (document.getElementById(e) || console.error(t));
-  }, [t, e]), null;
-}, fo = "DialogDescriptionWarning", po = ({ contentRef: e, descriptionId: r }) => {
-  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${st(fo).contentName}}.`;
+    e && (document.getElementById(e) || console.error(r));
+  }, [r, e]), null;
+}, po = "DialogDescriptionWarning", vo = ({ contentRef: e, descriptionId: t }) => {
+  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${cr(po).contentName}}.`;
   return c.useEffect(() => {
     var n;
     const a = (n = e.current) == null ? void 0 : n.getAttribute("aria-describedby");
-    r && a && (document.getElementById(r) || console.warn(o));
-  }, [o, e, r]), null;
-}, ho = Xr, vo = Gr, mo = Zr, go = Qr, _o = Jr, he = rt, wo = nt, bo = at;
-function yo(e) {
+    t && a && (document.getElementById(t) || console.warn(o));
+  }, [o, e, t]), null;
+}, ho = qt, mo = Kt, go = Qt, _o = Jt, bo = er, ve = rr, wo = or, yo = ir;
+const lr = Or(null);
+function So(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var $e = { exports: {} };
@@ -1331,12 +1332,12 @@ var $e = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var pr;
-function So() {
-  return pr || (pr = 1, (function(e) {
+var vt;
+function Eo() {
+  return vt || (vt = 1, (function(e) {
     (function() {
-      var r = {}.hasOwnProperty;
-      function t() {
+      var t = {}.hasOwnProperty;
+      function r() {
         for (var n = "", s = 0; s < arguments.length; s++) {
           var i = arguments[s];
           i && (n = a(n, o.call(this, i)));
@@ -1349,52 +1350,54 @@ function So() {
         if (typeof n != "object")
           return "";
         if (Array.isArray(n))
-          return t.apply(this, n);
+          return r.apply(this, n);
         if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
           return n.toString();
         var s = "";
         for (var i in n)
-          r.call(n, i) && n[i] && (s = a(s, this && this[i] || i));
+          t.call(n, i) && n[i] && (s = a(s, this && this[i] || i));
         return s;
       }
       function a(n, s) {
         return s ? n ? n + " " + s : n + s : n;
       }
-      e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+      e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
   })($e)), $e.exports;
 }
-var Eo = So();
-const X = /* @__PURE__ */ yo(Eo), ct = Dt(null), Co = {}, Po = "_drawerSmallScreenAnimation_khfax_1", xo = "_drawerLargeScreenAnimationRight_khfax_1", Ro = "_drawerLargeScreenAnimationLeft_khfax_1", No = "_slideDown_khfax_1", Ao = "_overlayAnimation_khfax_1", Do = {
-  "purpur-drawer-content": "_purpur-drawer-content_khfax_1",
-  drawerSmallScreenAnimation: Po,
-  "purpur-drawer-content--left": "_purpur-drawer-content--left_khfax_15",
-  "purpur-drawer-content--right": "_purpur-drawer-content--right_khfax_18",
-  "purpur-drawer-content--fit-to-content": "_purpur-drawer-content--fit-to-content_khfax_21",
-  drawerLargeScreenAnimationRight: xo,
-  drawerLargeScreenAnimationLeft: Ro,
-  "purpur-drawer-content__content-container": "_purpur-drawer-content__content-container_khfax_51",
-  "purpur-drawer-content__drawer-frame": "_purpur-drawer-content__drawer-frame_khfax_56",
-  slideDown: No,
-  "purpur-drawer-content__description": "_purpur-drawer-content__description_khfax_66",
-  "purpur-drawer-overlay": "_purpur-drawer-overlay_khfax_77",
-  overlayAnimation: Ao
-}, To = {
-  "purpur-drawer-container--header": "_purpur-drawer-container--header_1u45h_1",
-  "purpur-drawer-container--body": "_purpur-drawer-container--body_1u45h_10",
-  "purpur-drawer-container--sticky": "_purpur-drawer-container--sticky_1u45h_18",
-  "purpur-drawer-container--footer": "_purpur-drawer-container--footer_1u45h_26"
-}, Oo = X.bind(To), Me = "purpur-drawer-container", ee = B(
+var Co = Eo();
+const ae = /* @__PURE__ */ So(Co), Po = "_slideUp_71yig_1", xo = "_slideDown_71yig_1", Ro = "_slideInRight_71yig_1", No = "_slideInLeft_71yig_1", Ao = "_slideOutRight_71yig_1", Do = "_slideOutLeft_71yig_1", To = "_fadeIn_71yig_1", Oo = "_fadeOut_71yig_1", Lo = {
+  "purpur-drawer-content": "_purpur-drawer-content_71yig_1",
+  slideUp: Po,
+  slideDown: xo,
+  "purpur-drawer-content--left": "_purpur-drawer-content--left_71yig_21",
+  "purpur-drawer-content--right": "_purpur-drawer-content--right_71yig_24",
+  "purpur-drawer-content--fit-to-content": "_purpur-drawer-content--fit-to-content_71yig_27",
+  slideInRight: Ro,
+  slideInLeft: No,
+  slideOutRight: Ao,
+  slideOutLeft: Do,
+  "purpur-drawer-content__content-container": "_purpur-drawer-content__content-container_71yig_63",
+  "purpur-drawer-content__description": "_purpur-drawer-content__description_71yig_68",
+  "purpur-drawer-overlay": "_purpur-drawer-overlay_71yig_79",
+  fadeIn: To,
+  fadeOut: Oo
+}, $o = {
+  "purpur-drawer-container--header": "_purpur-drawer-container--header_1bcla_1",
+  "purpur-drawer-container--body": "_purpur-drawer-container--body_1bcla_4",
+  "purpur-drawer-container--sticky": "_purpur-drawer-container--sticky_1bcla_12",
+  "purpur-drawer-container--footer": "_purpur-drawer-container--footer_1bcla_20"
+}, Mo = ae.bind($o), Me = "purpur-drawer-container", ee = H(
   ({
     ["data-testid"]: e = "purpur-drawer-container",
-    children: r,
-    className: t,
+    children: t,
+    className: r,
     variant: o = "body",
     stickyFooter: a,
     ...n
   }, s) => {
-    const i = Oo([
-      t,
+    const i = Mo([
+      r,
       Me,
       {
         [`${Me}--${o}`]: o
@@ -1403,56 +1406,58 @@ const X = /* @__PURE__ */ yo(Eo), ct = Dt(null), Co = {}, Po = "_drawerSmallScre
         [`${Me}--sticky`]: a
       }
     ]);
-    return /* @__PURE__ */ f("div", { className: i, "data-testid": e, ref: s, ...n, children: r });
+    return /* @__PURE__ */ f("div", { className: i, "data-testid": e, ref: s, ...n, children: t });
   }
 );
 ee.displayName = "DrawerContainer";
-const Lo = {
-  "purpur-drawer-frame": "_purpur-drawer-frame_1s8hq_1",
-  "purpur-drawer-frame--left": "_purpur-drawer-frame--left_1s8hq_12",
-  "purpur-drawer-frame--right": "_purpur-drawer-frame--right_1s8hq_16",
-  "purpur-drawer-frame--sticky-footer": "_purpur-drawer-frame--sticky-footer_1s8hq_21",
-  "purpur-drawer-frame__header": "_purpur-drawer-frame__header_1s8hq_24",
-  "purpur-drawer-frame__body": "_purpur-drawer-frame__body_1s8hq_27",
-  "purpur-drawer-frame--fit-to-content": "_purpur-drawer-frame--fit-to-content_1s8hq_31",
-  "purpur-drawer-frame__footer": "_purpur-drawer-frame__footer_1s8hq_40",
-  "purpur-drawer-frame__content-container": "_purpur-drawer-frame__content-container_1s8hq_43",
-  "purpur-drawer-frame__content-container--no-footer": "_purpur-drawer-frame__content-container--no-footer_1s8hq_48"
-}, $o = {
+const Io = {
+  "purpur-drawer-frame": "_purpur-drawer-frame_1didd_1",
+  "purpur-drawer-frame--without-back-button": "_purpur-drawer-frame--without-back-button_1didd_11",
+  "purpur-drawer-frame__header": "_purpur-drawer-frame__header_1didd_11",
+  "purpur-drawer-frame--with-back-button": "_purpur-drawer-frame--with-back-button_1didd_14",
+  "purpur-drawer-frame--left": "_purpur-drawer-frame--left_1didd_18",
+  "purpur-drawer-frame--right": "_purpur-drawer-frame--right_1didd_22",
+  "purpur-drawer-frame--sticky-footer": "_purpur-drawer-frame--sticky-footer_1didd_33",
+  "purpur-drawer-frame__body": "_purpur-drawer-frame__body_1didd_39",
+  "purpur-drawer-frame--fit-to-content": "_purpur-drawer-frame--fit-to-content_1didd_43",
+  "purpur-drawer-frame__footer": "_purpur-drawer-frame__footer_1didd_52",
+  "purpur-drawer-frame__content-container": "_purpur-drawer-frame__content-container_1didd_55",
+  "purpur-drawer-frame__content-container--no-footer": "_purpur-drawer-frame__content-container--no-footer_1didd_60"
+}, ko = {
   "purpur-drawer-handle": "_purpur-drawer-handle_3n0ew_1"
-}, Mo = (e, r, t, o, a, n) => ({
+}, Wo = (e, t, r, o, a, n) => ({
   onPointerDown: (l) => {
     e.current = { y: l.clientY };
   },
   onPointerMove: (l) => {
     if (!e.current)
       return;
-    const d = l.clientY - e.current.y, p = !!r.current, h = Math.max(0, d), m = l.pointerType === "touch" ? 10 : 2, w = { y: h }, v = { originalEvent: l, delta: w };
-    p ? (r.current = w, o(v)) : hr(w, 0) ? (r.current = w, t(), l.target.setPointerCapture(l.pointerId)) : Math.abs(d) > m && (e.current = null);
+    const d = l.clientY - e.current.y, p = !!t.current, v = Math.max(0, d), m = l.pointerType === "touch" ? 10 : 2, _ = { y: v }, h = { originalEvent: l, delta: _ };
+    p ? (t.current = _, o(h)) : ht(_, 0) ? (t.current = _, r(), l.target.setPointerCapture(l.pointerId)) : Math.abs(d) > m && (e.current = null);
   },
   onPointerUp: (l) => {
-    const d = r.current, p = l.target;
-    if (p.hasPointerCapture(l.pointerId) && p.releasePointerCapture(l.pointerId), r.current = null, e.current = null, d) {
-      const h = l.currentTarget, m = { originalEvent: l, delta: d };
-      hr(d, 0) && d.y > 200 ? n(m) : a(), h.addEventListener("click", (w) => w.preventDefault(), {
+    const d = t.current, p = l.target;
+    if (p.hasPointerCapture(l.pointerId) && p.releasePointerCapture(l.pointerId), t.current = null, e.current = null, d) {
+      const v = l.currentTarget, m = { originalEvent: l, delta: d };
+      ht(d, 0) && d.y > 200 ? n(m) : a(), v.addEventListener("click", (_) => _.preventDefault(), {
         once: !0
       });
     }
   }
-}), hr = (e, r = 0) => Math.abs(e.y) > r, Io = X.bind($o), ko = "purpur-drawer-handle", lt = B(
+}), ht = (e, t = 0) => Math.abs(e.y) > t, jo = ae.bind(ko), Fo = "purpur-drawer-handle", ur = H(
   ({
     ["data-testid"]: e = "purpur-drawer-handle",
-    className: r,
-    onSwipeStart: t,
+    className: t,
+    onSwipeStart: r,
     onSwipeMove: o,
     onSwipeCancel: a,
     onSwipeEnd: n,
     ...s
   }, i) => {
-    const u = Io([r, ko]), l = ke.useRef(null), d = ke.useRef(null), { onPointerDown: p, onPointerMove: h, onPointerUp: m } = Mo(
+    const u = jo([t, Fo]), l = ke.useRef(null), d = ke.useRef(null), { onPointerDown: p, onPointerMove: v, onPointerUp: m } = Wo(
       d,
       l,
-      t,
+      r,
       o,
       a,
       n
@@ -1463,7 +1468,7 @@ const Lo = {
         className: u,
         "data-testid": e,
         onPointerDown: p,
-        onPointerMove: h,
+        onPointerMove: v,
         onPointerUp: m,
         ref: i,
         ...s
@@ -1471,25 +1476,25 @@ const Lo = {
     );
   }
 );
-lt.displayName = "DrawerHandle";
-const Wo = {
+ur.displayName = "DrawerHandle";
+const Uo = {
   LG: "lg"
 };
-function Fo(e) {
+function Bo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var vr = { exports: {} };
+var mt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var mr;
-function Uo() {
-  return mr || (mr = 1, (function(e) {
+var gt;
+function Ho() {
+  return gt || (gt = 1, (function(e) {
     (function() {
-      var r = {}.hasOwnProperty;
-      function t() {
+      var t = {}.hasOwnProperty;
+      function r() {
         for (var n = "", s = 0; s < arguments.length; s++) {
           var i = arguments[s];
           i && (n = a(n, o.call(this, i)));
@@ -1502,68 +1507,68 @@ function Uo() {
         if (typeof n != "object")
           return "";
         if (Array.isArray(n))
-          return t.apply(this, n);
+          return r.apply(this, n);
         if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
           return n.toString();
         var s = "";
         for (var i in n)
-          r.call(n, i) && n[i] && (s = a(s, this && this[i] || i));
+          t.call(n, i) && n[i] && (s = a(s, this && this[i] || i));
         return s;
       }
       function a(n, s) {
         return s ? n ? n + " " + s : n + s : n;
       }
-      e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+      e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  })(vr)), vr.exports;
+  })(mt)), mt.exports;
 }
-var Ho = Uo();
-const Bo = /* @__PURE__ */ Fo(Ho), jo = "_rotate_12t9p_1", Vo = "_dash_12t9p_1", zo = {
+var Vo = Ho();
+const zo = /* @__PURE__ */ Bo(Vo), Yo = "_rotate_12t9p_1", Xo = "_dash_12t9p_1", qo = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
-  rotate: jo,
+  rotate: Yo,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
   "purpur-spinner--xs": "_purpur-spinner--xs_12t9p_10",
   "purpur-spinner--sm": "_purpur-spinner--sm_12t9p_14",
   "purpur-spinner--md": "_purpur-spinner--md_12t9p_18",
   "purpur-spinner--lg": "_purpur-spinner--lg_12t9p_22",
   "purpur-spinner__circle": "_purpur-spinner__circle_12t9p_26",
-  dash: Vo,
+  dash: Xo,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, gr = Bo.bind(zo), ae = "purpur-spinner", Yo = {
+}, _t = zo.bind(qo), ie = "purpur-spinner", Go = {
   SM: "sm"
-}, Xo = ({
+}, Ko = ({
   disabled: e = !1,
-  negative: r = !1,
-  size: t = Yo.SM,
+  negative: t = !1,
+  size: r = Go.SM,
   ...o
-}) => /* @__PURE__ */ f("div", { className: gr(ae, `${ae}--${t}`), ...o, children: /* @__PURE__ */ f("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ f(
+}) => /* @__PURE__ */ f("div", { className: _t(ie, `${ie}--${r}`), ...o, children: /* @__PURE__ */ f("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ f(
   "circle",
   {
-    className: gr(`${ae}__circle`, {
-      [`${ae}__circle--disabled`]: e,
-      [`${ae}__circle--negative`]: r
+    className: _t(`${ie}__circle`, {
+      [`${ie}__circle--disabled`]: e,
+      [`${ie}__circle--negative`]: t
     }),
     cx: "25",
     cy: "25",
     r: "20"
   }
 ) }) });
-function qo(e) {
+function Zo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var _r = { exports: {} };
+var bt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var wr;
-function Go() {
-  return wr || (wr = 1, (function(e) {
+var wt;
+function Qo() {
+  return wt || (wt = 1, (function(e) {
     (function() {
-      var r = {}.hasOwnProperty;
-      function t() {
+      var t = {}.hasOwnProperty;
+      function r() {
         for (var n = "", s = 0; s < arguments.length; s++) {
           var i = arguments[s];
           i && (n = a(n, o.call(this, i)));
@@ -1576,52 +1581,52 @@ function Go() {
         if (typeof n != "object")
           return "";
         if (Array.isArray(n))
-          return t.apply(this, n);
+          return r.apply(this, n);
         if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
           return n.toString();
         var s = "";
         for (var i in n)
-          r.call(n, i) && n[i] && (s = a(s, this && this[i] || i));
+          t.call(n, i) && n[i] && (s = a(s, this && this[i] || i));
         return s;
       }
       function a(n, s) {
         return s ? n ? n + " " + s : n + s : n;
       }
-      e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+      e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  })(_r)), _r.exports;
-}
-var Ko = Go();
-const Zo = /* @__PURE__ */ qo(Ko), Qo = {
-  "purpur-button": "_purpur-button_1goi7_1",
-  "purpur-button--xs": "_purpur-button--xs_1goi7_33",
-  "purpur-button--icon-only": "_purpur-button--icon-only_1goi7_36",
-  "purpur-button--sm": "_purpur-button--sm_1goi7_39",
-  "purpur-button--md": "_purpur-button--md_1goi7_45",
-  "purpur-button--lg": "_purpur-button--lg_1goi7_51",
-  "purpur-button--full-width": "_purpur-button--full-width_1goi7_57",
-  "purpur-button--primary": "_purpur-button--primary_1goi7_60",
-  "purpur-button--disabled": "_purpur-button--disabled_1goi7_64",
-  "purpur-button--primary-negative": "_purpur-button--primary-negative_1goi7_70",
-  "purpur-button--secondary": "_purpur-button--secondary_1goi7_82",
-  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1goi7_93",
-  "purpur-button--expressive": "_purpur-button--expressive_1goi7_104",
-  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1goi7_114",
-  "purpur-button--negative": "_purpur-button--negative_1goi7_126",
-  "purpur-button--destructive": "_purpur-button--destructive_1goi7_133",
-  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1goi7_143",
-  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1goi7_153",
-  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1goi7_166",
-  "purpur-button--text-negative": "_purpur-button--text-negative_1goi7_181",
-  "purpur-button--text": "_purpur-button--text_1goi7_181"
+  })(bt)), bt.exports;
+}
+var Jo = Qo();
+const ea = /* @__PURE__ */ Zo(Jo), ta = {
+  "purpur-button": "_purpur-button_cjx7j_1",
+  "purpur-button--xs": "_purpur-button--xs_cjx7j_22",
+  "purpur-button--icon-only": "_purpur-button--icon-only_cjx7j_25",
+  "purpur-button--sm": "_purpur-button--sm_cjx7j_28",
+  "purpur-button--md": "_purpur-button--md_cjx7j_34",
+  "purpur-button--lg": "_purpur-button--lg_cjx7j_40",
+  "purpur-button--full-width": "_purpur-button--full-width_cjx7j_46",
+  "purpur-button--primary": "_purpur-button--primary_cjx7j_64",
+  "purpur-button--disabled": "_purpur-button--disabled_cjx7j_68",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_cjx7j_74",
+  "purpur-button--secondary": "_purpur-button--secondary_cjx7j_86",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_cjx7j_97",
+  "purpur-button--expressive": "_purpur-button--expressive_cjx7j_108",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_cjx7j_118",
+  "purpur-button--negative": "_purpur-button--negative_cjx7j_130",
+  "purpur-button--destructive": "_purpur-button--destructive_cjx7j_137",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_cjx7j_147",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_cjx7j_157",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_cjx7j_170",
+  "purpur-button--text-negative": "_purpur-button--text-negative_cjx7j_185",
+  "purpur-button--text": "_purpur-button--text_cjx7j_185"
 }, Ie = {
   TERTIARY_PURPLE: "tertiary-purple",
   TEXT: "text"
-}, Jo = Zo.bind(Qo), V = "purpur-button", Ue = B(
+}, ra = ea.bind(ta), z = "purpur-button", Fe = H(
   ({
     children: e,
-    className: r,
-    disabled: t = !1,
+    className: t,
+    disabled: r = !1,
     fullWidth: o = !1,
     iconOnly: a,
     loading: n = !1,
@@ -1631,41 +1636,41 @@ const Zo = /* @__PURE__ */ qo(Ko), Qo = {
     variant: l,
     type: d = "button",
     ...p
-  }, h) => {
+  }, v) => {
     if (a && l === "destructive")
       return null;
-    const m = Jo(
+    const m = ra(
       [
-        V,
-        `${V}--${s ? `${l}-negative` : l}`,
-        `${V}--${u}`
+        z,
+        `${z}--${s ? `${l}-negative` : l}`,
+        `${z}--${u}`
       ],
       {
-        [`${V}--icon-only`]: a,
-        [`${V}--negative`]: s,
-        [`${V}--full-width`]: o,
-        [`${V}--disabled`]: t || n
+        [`${z}--icon-only`]: a,
+        [`${z}--negative`]: s,
+        [`${z}--full-width`]: o,
+        [`${z}--disabled`]: r || n
       },
-      r
-    ), w = (g) => {
-      t || n ? g.preventDefault() : i && i(g);
-    }, v = !!p["aria-disabled"] || t || n;
+      t
+    ), _ = (g) => {
+      r || n ? g.preventDefault() : i && i(g);
+    }, h = !!p["aria-disabled"] || r || n;
     return /* @__PURE__ */ D(
       "button",
       {
         className: m,
         type: d,
-        ref: h,
-        "aria-disabled": v,
-        onClick: w,
+        ref: v,
+        "aria-disabled": h,
+        onClick: _,
         ...p,
         children: [
           n && /* @__PURE__ */ f(
-            Xo,
+            Ko,
             {
-              size: u === Wo.LG ? "xs" : "xxs",
+              size: u === Uo.LG ? "xs" : "xxs",
               negative: s,
-              disabled: v
+              disabled: h
             }
           ),
           " ",
@@ -1675,22 +1680,22 @@ const Zo = /* @__PURE__ */ qo(Ko), Qo = {
     );
   }
 );
-Ue.displayName = "Button";
-function ea(e) {
+Fe.displayName = "Button";
+function na(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var br = { exports: {} };
+var yt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var yr;
-function ra() {
-  return yr || (yr = 1, (function(e) {
+var St;
+function oa() {
+  return St || (St = 1, (function(e) {
     (function() {
-      var r = {}.hasOwnProperty;
-      function t() {
+      var t = {}.hasOwnProperty;
+      function r() {
         for (var n = "", s = 0; s < arguments.length; s++) {
           var i = arguments[s];
           i && (n = a(n, o(i)));
@@ -1703,23 +1708,23 @@ function ra() {
         if (typeof n != "object")
           return "";
         if (Array.isArray(n))
-          return t.apply(null, n);
+          return r.apply(null, n);
         if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
           return n.toString();
         var s = "";
         for (var i in n)
-          r.call(n, i) && n[i] && (s = a(s, i));
+          t.call(n, i) && n[i] && (s = a(s, i));
         return s;
       }
       function a(n, s) {
         return s ? n ? n + " " + s : n + s : n;
       }
-      e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+      e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  })(br)), br.exports;
+  })(yt)), yt.exports;
 }
-var ta = ra();
-const na = /* @__PURE__ */ ea(ta), ve = {
+var aa = oa();
+const ia = /* @__PURE__ */ na(aa), he = {
   "purpur-heading": "_purpur-heading_vo751_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_vo751_8",
   "purpur-heading--negative": "_purpur-heading--negative_vo751_11",
@@ -1739,45 +1744,45 @@ const na = /* @__PURE__ */ ea(ta), ve = {
   "purpur-heading--display-50": "_purpur-heading--display-50_vo751_92",
   "purpur-heading--display-100": "_purpur-heading--display-100_vo751_98",
   "purpur-heading--display-200": "_purpur-heading--display-200_vo751_104"
-}, He = {
+}, Ue = {
   TITLE100: "title-100",
   TITLE200: "title-200"
 }, me = "purpur-heading", Be = ({
   children: e,
-  className: r = "",
-  enableHyphenation: t = !1,
+  className: t = "",
+  enableHyphenation: r = !1,
   negative: o = !1,
   tag: a,
-  variant: n = He.TITLE100,
+  variant: n = Ue.TITLE100,
   ...s
 }) => {
-  const i = a, u = na([
-    r,
-    ve[me],
-    ve[`${me}--${n}`],
+  const i = a, u = ia([
+    t,
+    he[me],
+    he[`${me}--${n}`],
     {
-      [ve[`${me}--hyphens`]]: t,
-      [ve[`${me}--negative`]]: o
+      [he[`${me}--hyphens`]]: r,
+      [he[`${me}--negative`]]: o
     }
   ]);
   return /* @__PURE__ */ f(i, { className: u, ...s, children: e });
 };
 Be.displayName = "Heading";
-function oa(e) {
+function sa(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Sr = { exports: {} };
+var Et = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var Er;
-function aa() {
-  return Er || (Er = 1, (function(e) {
+var Ct;
+function ca() {
+  return Ct || (Ct = 1, (function(e) {
     (function() {
-      var r = {}.hasOwnProperty;
-      function t() {
+      var t = {}.hasOwnProperty;
+      function r() {
         for (var n = "", s = 0; s < arguments.length; s++) {
           var i = arguments[s];
           i && (n = a(n, o.call(this, i)));
@@ -1790,23 +1795,23 @@ function aa() {
         if (typeof n != "object")
           return "";
         if (Array.isArray(n))
-          return t.apply(this, n);
+          return r.apply(this, n);
         if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
           return n.toString();
         var s = "";
         for (var i in n)
-          r.call(n, i) && n[i] && (s = a(s, this && this[i] || i));
+          t.call(n, i) && n[i] && (s = a(s, this && this[i] || i));
         return s;
       }
       function a(n, s) {
         return s ? n ? n + " " + s : n + s : n;
       }
-      e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+      e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  })(Sr)), Sr.exports;
+  })(Et)), Et.exports;
 }
-var ia = aa();
-const sa = /* @__PURE__ */ oa(ia), ca = {
+var la = ca();
+const ua = /* @__PURE__ */ sa(la), da = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -1814,101 +1819,101 @@ const sa = /* @__PURE__ */ oa(ia), ca = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, la = sa.bind(ca), Cr = "purpur-icon", ua = "md", da = (e) => e.filter((r) => Object.keys(r).length >= 1).map((r) => `${r.name}="${r.value}"`).join(" "), fa = ({ content: e = "", title: r } = {}) => {
-  const t = [
+}, fa = ua.bind(da), Pt = "purpur-icon", pa = "md", va = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), ha = ({ content: e = "", title: t } = {}) => {
+  const r = [
     { 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 ${da(t)}>${o}${e}</svg>`;
-}, pa = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Xe = ({ svg: e, allyTitle: r, className: t, size: o = ua, ...a }) => {
-  const n = fa({
-    content: pa(e.svg),
-    title: r
-  }), s = la(t, Cr, `${Cr}--${o}`);
+    t ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], o = t ? `<title>${t}</title>` : "";
+  return `<svg ${va(r)}>${o}${e}</svg>`;
+}, ma = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Xe = ({ svg: e, allyTitle: t, className: r, size: o = pa, ...a }) => {
+  const n = ha({
+    content: ma(e.svg),
+    title: t
+  }), s = fa(r, Pt, `${Pt}--${o}`);
   return /* @__PURE__ */ f("span", { className: s, dangerouslySetInnerHTML: { __html: n }, ...a });
 };
 Xe.displayName = "Icon";
-const ha = {
+const ga = {
   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"
-}, ut = (e) => /* @__PURE__ */ f(Xe, { ...e, svg: ha });
-ut.displayName = "IconArrowLeft";
-const va = {
+}, dr = (e) => /* @__PURE__ */ f(Xe, { ...e, svg: ga });
+dr.displayName = "IconArrowLeft";
+const _a = {
   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"
-}, dt = (e) => /* @__PURE__ */ f(Xe, { ...e, svg: va });
-dt.displayName = "IconClose";
-function Pr(e, r) {
+}, fr = (e) => /* @__PURE__ */ f(Xe, { ...e, svg: _a });
+fr.displayName = "IconClose";
+function xt(e, t) {
   if (typeof e == "function")
-    return e(r);
-  e != null && (e.current = r);
+    return e(t);
+  e != null && (e.current = t);
 }
-function ma(...e) {
-  return (r) => {
-    let t = !1;
+function ba(...e) {
+  return (t) => {
+    let r = !1;
     const o = e.map((a) => {
-      const n = Pr(a, r);
-      return !t && typeof n == "function" && (t = !0), n;
+      const n = xt(a, t);
+      return !r && typeof n == "function" && (r = !0), n;
     });
-    if (t)
+    if (r)
       return () => {
         for (let a = 0; a < o.length; a++) {
           const n = o[a];
-          typeof n == "function" ? n() : Pr(e[a], null);
+          typeof n == "function" ? n() : xt(e[a], null);
         }
       };
   };
 }
 // @__NO_SIDE_EFFECTS__
-function ga(e) {
-  const r = /* @__PURE__ */ _a(e), t = c.forwardRef((o, a) => {
-    const { children: n, ...s } = o, i = c.Children.toArray(n), u = i.find(ba);
+function wa(e) {
+  const t = /* @__PURE__ */ ya(e), r = c.forwardRef((o, a) => {
+    const { children: n, ...s } = o, i = c.Children.toArray(n), u = i.find(Ea);
     if (u) {
       const l = u.props.children, d = i.map((p) => p === u ? c.Children.count(l) > 1 ? c.Children.only(null) : c.isValidElement(l) ? l.props.children : null : p);
-      return /* @__PURE__ */ f(r, { ...s, ref: a, children: c.isValidElement(l) ? c.cloneElement(l, void 0, d) : null });
+      return /* @__PURE__ */ f(t, { ...s, ref: a, children: c.isValidElement(l) ? c.cloneElement(l, void 0, d) : null });
     }
-    return /* @__PURE__ */ f(r, { ...s, ref: a, children: n });
+    return /* @__PURE__ */ f(t, { ...s, ref: a, children: n });
   });
-  return t.displayName = `${e}.Slot`, t;
+  return r.displayName = `${e}.Slot`, r;
 }
 // @__NO_SIDE_EFFECTS__
-function _a(e) {
-  const r = c.forwardRef((t, o) => {
-    const { children: a, ...n } = t;
+function ya(e) {
+  const t = c.forwardRef((r, o) => {
+    const { children: a, ...n } = r;
     if (c.isValidElement(a)) {
-      const s = Sa(a), i = ya(n, a.props);
-      return a.type !== c.Fragment && (i.ref = o ? ma(o, s) : s), c.cloneElement(a, i);
+      const s = Pa(a), i = Ca(n, a.props);
+      return a.type !== c.Fragment && (i.ref = o ? ba(o, s) : s), c.cloneElement(a, i);
     }
     return c.Children.count(a) > 1 ? c.Children.only(null) : null;
   });
-  return r.displayName = `${e}.SlotClone`, r;
+  return t.displayName = `${e}.SlotClone`, t;
 }
-var wa = Symbol("radix.slottable");
-function ba(e) {
-  return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === wa;
+var Sa = Symbol("radix.slottable");
+function Ea(e) {
+  return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Sa;
 }
-function ya(e, r) {
-  const t = { ...r };
-  for (const o in r) {
-    const a = e[o], n = r[o];
-    /^on[A-Z]/.test(o) ? a && n ? t[o] = (...s) => {
+function Ca(e, t) {
+  const r = { ...t };
+  for (const o in t) {
+    const a = e[o], n = t[o];
+    /^on[A-Z]/.test(o) ? a && n ? r[o] = (...s) => {
       n(...s), a(...s);
-    } : a && (t[o] = a) : o === "style" ? t[o] = { ...a, ...n } : o === "className" && (t[o] = [a, n].filter(Boolean).join(" "));
+    } : a && (r[o] = a) : o === "style" ? r[o] = { ...a, ...n } : o === "className" && (r[o] = [a, n].filter(Boolean).join(" "));
   }
-  return { ...e, ...t };
+  return { ...e, ...r };
 }
-function Sa(e) {
-  var r, t;
-  let o = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, a = o && "isReactWarning" in o && o.isReactWarning;
-  return a ? e.ref : (o = (t = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : t.get, a = o && "isReactWarning" in o && o.isReactWarning, a ? e.props.ref : e.props.ref || e.ref);
+function Pa(e) {
+  var t, r;
+  let o = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, a = o && "isReactWarning" in o && o.isReactWarning;
+  return a ? e.ref : (o = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, a = o && "isReactWarning" in o && o.isReactWarning, a ? e.props.ref : e.props.ref || e.ref);
 }
-var Ea = [
+var xa = [
   "a",
   "button",
   "div",
@@ -1925,18 +1930,18 @@ var Ea = [
   "span",
   "svg",
   "ul"
-], Ca = Ea.reduce((e, r) => {
-  const t = /* @__PURE__ */ ga(`Primitive.${r}`), o = c.forwardRef((a, n) => {
-    const { asChild: s, ...i } = a, u = s ? t : r;
+], Ra = xa.reduce((e, t) => {
+  const r = /* @__PURE__ */ wa(`Primitive.${t}`), o = c.forwardRef((a, n) => {
+    const { asChild: s, ...i } = a, u = s ? r : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(u, { ...i, ref: n });
   });
-  return o.displayName = `Primitive.${r}`, { ...e, [r]: o };
-}, {}), Pa = "VisuallyHidden", ft = c.forwardRef(
-  (e, r) => /* @__PURE__ */ f(
-    Ca.span,
+  return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
+}, {}), Na = "VisuallyHidden", pr = c.forwardRef(
+  (e, t) => /* @__PURE__ */ f(
+    Ra.span,
     {
       ...e,
-      ref: r,
+      ref: t,
       style: {
         // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
         position: "absolute",
@@ -1954,20 +1959,21 @@ var Ea = [
     }
   )
 );
-ft.displayName = Pa;
-var xa = ft;
-const xr = ({ asChild: e, children: r, ...t }) => /* @__PURE__ */ f(xa, { asChild: e, ...t, children: r }), Ra = {
-  "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"
-}, Z = X.bind(Ra), U = "purpur-drawer-header", pt = B(
+pr.displayName = Na;
+var Aa = pr;
+const Rt = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ f(Aa, { asChild: e, ...r, children: t }), Da = {
+  "purpur-drawer-header__row": "_purpur-drawer-header__row_12p9v_1",
+  "purpur-drawer-header__row--with-back-button": "_purpur-drawer-header__row--with-back-button_12p9v_4",
+  "purpur-drawer-header__left": "_purpur-drawer-header__left_12p9v_7",
+  "purpur-drawer-header__right": "_purpur-drawer-header__right_12p9v_10",
+  "purpur-drawer-header": "_purpur-drawer-header_12p9v_1",
+  "purpur-drawer-header__close-button": "_purpur-drawer-header__close-button_12p9v_13",
+  "purpur-drawer-header__back-button--only-icon": "_purpur-drawer-header__back-button--only-icon_12p9v_24"
+}, Z = ae.bind(Da), U = "purpur-drawer-header", vr = H(
   ({
     ["data-testid"]: e = "purpur-drawer-header",
-    backButton: r,
-    backButtonText: t,
+    backButton: t,
+    backButtonText: r,
     backButtonOnlyIcon: o,
     className: a,
     closeButtonAriaLabel: n,
@@ -1976,7 +1982,7 @@ const xr = ({ asChild: e, children: r, ...t }) => /* @__PURE__ */ f(xa, { asChil
     title: u,
     ...l
   }, d) => {
-    const p = Z([a, U]);
+    const p = Z([a, U]), v = !!(t && r && i);
     return /* @__PURE__ */ D("div", { className: p, "data-testid": e, ref: d, ...l, children: [
       /* @__PURE__ */ D(
         "div",
@@ -1984,15 +1990,15 @@ const xr = ({ asChild: e, children: r, ...t }) => /* @__PURE__ */ f(xa, { asChil
           className: Z([
             `${U}__row`,
             {
-              [`${U}__row--with-back-button`]: r && t && i
+              [`${U}__row--with-back-button`]: v
             }
           ]),
           "data-testid": `${e}-row`,
           children: [
-            /* @__PURE__ */ f("div", { className: Z(`${U}__left`), children: r && t && i ? /* @__PURE__ */ D(
-              Ue,
+            /* @__PURE__ */ f("div", { className: Z(`${U}__left`), children: v ? /* @__PURE__ */ D(
+              Fe,
               {
-                "aria-label": o ? t : "",
+                "aria-label": o ? r : "",
                 className: Z([
                   `${U}__back-button`,
                   {
@@ -2005,78 +2011,78 @@ const xr = ({ asChild: e, children: r, ...t }) => /* @__PURE__ */ f(xa, { asChil
                 size: "sm",
                 variant: o ? Ie.TERTIARY_PURPLE : Ie.TEXT,
                 children: [
-                  /* @__PURE__ */ f(ut, { size: "sm" }),
-                  !o && t
+                  /* @__PURE__ */ f(dr, { size: "sm" }),
+                  !o && r
                 ]
               }
-            ) : s ? /* @__PURE__ */ D(te, { children: [
+            ) : s ? /* @__PURE__ */ D(re, { children: [
               s,
-              /* @__PURE__ */ f(xr, { asChild: !0, children: /* @__PURE__ */ f(he, { children: u }) })
-            ] }) : /* @__PURE__ */ f(he, { asChild: !0, children: /* @__PURE__ */ f(
+              /* @__PURE__ */ f(Rt, { asChild: !0, children: /* @__PURE__ */ f(ve, { children: u }) })
+            ] }) : /* @__PURE__ */ f(ve, { asChild: !0, children: /* @__PURE__ */ f(
               Be,
               {
                 "data-testid": `${e}-title`,
                 tag: "h2",
-                variant: He.TITLE200,
+                variant: Ue.TITLE200,
                 tabIndex: -1,
                 children: u
               }
             ) }) }),
-            /* @__PURE__ */ f("div", { className: Z(`${U}__right`), children: /* @__PURE__ */ f(bo, { asChild: !0, children: /* @__PURE__ */ f(
-              Ue,
+            /* @__PURE__ */ f("div", { className: Z(`${U}__right`), children: /* @__PURE__ */ f(yo, { asChild: !0, children: /* @__PURE__ */ f(
+              Fe,
               {
                 "aria-label": n,
                 className: Z(`${U}__close-button`),
                 iconOnly: !0,
                 size: "sm",
                 variant: Ie.TERTIARY_PURPLE,
-                children: /* @__PURE__ */ f(dt, { size: "sm" })
+                children: /* @__PURE__ */ f(fr, { size: "sm" })
               }
             ) }) })
           ]
         }
       ),
-      r && t && i && (s ? /* @__PURE__ */ D(te, { children: [
+      v && (s ? /* @__PURE__ */ D(re, { children: [
         s,
-        /* @__PURE__ */ f(xr, { asChild: !0, children: /* @__PURE__ */ f(he, { children: u }) })
-      ] }) : /* @__PURE__ */ f(he, { asChild: !0, children: /* @__PURE__ */ f(
+        /* @__PURE__ */ f(Rt, { asChild: !0, children: /* @__PURE__ */ f(ve, { children: u }) })
+      ] }) : /* @__PURE__ */ f(ve, { asChild: !0, children: /* @__PURE__ */ f(
         Be,
         {
           "data-testid": `${e}-title-with-back-button`,
           tag: "h2",
           tabIndex: -1,
-          variant: He.TITLE200,
+          variant: Ue.TITLE200,
           children: u
         }
       ) }))
     ] });
   }
 );
-pt.displayName = "DrawerHeader";
-var Na = c.createContext(void 0);
-function Aa(e) {
-  const r = c.useContext(Na);
-  return e || r || "ltr";
+vr.displayName = "DrawerHeader";
+var Ta = c.createContext(void 0);
+function Oa(e) {
+  const t = c.useContext(Ta);
+  return e || t || "ltr";
 }
-function Da(e, [r, t]) {
-  return Math.min(t, Math.max(r, e));
+function La(e, [t, r]) {
+  return Math.min(r, Math.max(t, e));
 }
-function Ta(e, r) {
-  return c.useReducer((t, o) => r[t][o] ?? t, e);
+function $a(e, t) {
+  return c.useReducer((r, o) => t[r][o] ?? r, e);
 }
-var qe = "ScrollArea", [ht] = Ar(qe), [Oa, $] = ht(qe), vt = c.forwardRef(
-  (e, r) => {
+var qe = "ScrollArea", [hr] = Dt(qe), [Ma, M] = hr(qe), mr = c.forwardRef(
+  (e, t) => {
     const {
-      __scopeScrollArea: t,
+      __scopeScrollArea: r,
       type: o = "hover",
       dir: a,
       scrollHideDelay: n = 600,
       ...s
-    } = e, [i, u] = c.useState(null), [l, d] = c.useState(null), [p, h] = c.useState(null), [m, w] = c.useState(null), [v, g] = c.useState(null), [_, b] = c.useState(0), [E, y] = c.useState(0), [C, x] = c.useState(!1), [S, N] = c.useState(!1), P = O(r, (F) => u(F)), R = Aa(a);
+    } = e, [i, u] = c.useState(null), [l, d] = c.useState(null), [p, v] = c.useState(null), [m, _] = c.useState(null), [h, g] = c.useState(null), [b, w] = c.useState(0), [E, y] = c.useState(0), [C, x] = c.useState(!1), [S, N] = c.useState(!1), P = L(t, (j) => u(j)), R = Oa(a);
     return /* @__PURE__ */ f(
-      Oa,
+      Ma,
       {
-        scope: t,
+        scope: r,
         type: o,
         dir: R,
         scrollHideDelay: n,
@@ -2084,16 +2090,16 @@ var qe = "ScrollArea", [ht] = Ar(qe), [Oa, $] = ht(qe), vt = c.forwardRef(
         viewport: l,
         onViewportChange: d,
         content: p,
-        onContentChange: h,
+        onContentChange: v,
         scrollbarX: m,
-        onScrollbarXChange: w,
+        onScrollbarXChange: _,
         scrollbarXEnabled: C,
         onScrollbarXEnabledChange: x,
-        scrollbarY: v,
+        scrollbarY: h,
         onScrollbarYChange: g,
         scrollbarYEnabled: S,
         onScrollbarYEnabledChange: N,
-        onCornerWidthChange: b,
+        onCornerWidthChange: w,
         onCornerHeightChange: y,
         children: /* @__PURE__ */ f(
           T.div,
@@ -2104,7 +2110,7 @@ var qe = "ScrollArea", [ht] = Ar(qe), [Oa, $] = ht(qe), vt = c.forwardRef(
             style: {
               position: "relative",
               // Pass corner sizes as CSS vars to reduce re-renders of context consumers
-              "--radix-scroll-area-corner-width": _ + "px",
+              "--radix-scroll-area-corner-width": b + "px",
               "--radix-scroll-area-corner-height": E + "px",
               ...e.style
             }
@@ -2114,11 +2120,11 @@ var qe = "ScrollArea", [ht] = Ar(qe), [Oa, $] = ht(qe), vt = c.forwardRef(
     );
   }
 );
-vt.displayName = qe;
-var mt = "ScrollAreaViewport", gt = c.forwardRef(
-  (e, r) => {
-    const { __scopeScrollArea: t, children: o, nonce: a, ...n } = e, s = $(mt, t), i = c.useRef(null), u = O(r, i, s.onViewportChange);
-    return /* @__PURE__ */ D(te, { children: [
+mr.displayName = qe;
+var gr = "ScrollAreaViewport", _r = c.forwardRef(
+  (e, t) => {
+    const { __scopeScrollArea: r, children: o, nonce: a, ...n } = e, s = M(gr, r), i = c.useRef(null), u = L(t, i, s.onViewportChange);
+    return /* @__PURE__ */ D(re, { children: [
       /* @__PURE__ */ f(
         "style",
         {
@@ -2156,18 +2162,18 @@ var mt = "ScrollAreaViewport", gt = c.forwardRef(
     ] });
   }
 );
-gt.displayName = mt;
-var W = "ScrollAreaScrollbar", _t = c.forwardRef(
-  (e, r) => {
-    const { forceMount: t, ...o } = e, a = $(W, e.__scopeScrollArea), { onScrollbarXEnabledChange: n, onScrollbarYEnabledChange: s } = a, i = e.orientation === "horizontal";
+_r.displayName = gr;
+var W = "ScrollAreaScrollbar", br = c.forwardRef(
+  (e, t) => {
+    const { forceMount: r, ...o } = e, a = M(W, e.__scopeScrollArea), { onScrollbarXEnabledChange: n, onScrollbarYEnabledChange: s } = a, i = e.orientation === "horizontal";
     return c.useEffect(() => (i ? n(!0) : s(!0), () => {
       i ? n(!1) : s(!1);
-    }), [i, n, s]), a.type === "hover" ? /* @__PURE__ */ f(La, { ...o, ref: r, forceMount: t }) : a.type === "scroll" ? /* @__PURE__ */ f($a, { ...o, ref: r, forceMount: t }) : a.type === "auto" ? /* @__PURE__ */ f(wt, { ...o, ref: r, forceMount: t }) : a.type === "always" ? /* @__PURE__ */ f(Ge, { ...o, ref: r }) : null;
+    }), [i, n, s]), a.type === "hover" ? /* @__PURE__ */ f(Ia, { ...o, ref: t, forceMount: r }) : a.type === "scroll" ? /* @__PURE__ */ f(ka, { ...o, ref: t, forceMount: r }) : a.type === "auto" ? /* @__PURE__ */ f(wr, { ...o, ref: t, forceMount: r }) : a.type === "always" ? /* @__PURE__ */ f(Ge, { ...o, ref: t }) : null;
   }
 );
-_t.displayName = W;
-var La = c.forwardRef((e, r) => {
-  const { forceMount: t, ...o } = e, a = $(W, e.__scopeScrollArea), [n, s] = c.useState(!1);
+br.displayName = W;
+var Ia = c.forwardRef((e, t) => {
+  const { forceMount: r, ...o } = e, a = M(W, e.__scopeScrollArea), [n, s] = c.useState(!1);
   return c.useEffect(() => {
     const i = a.scrollArea;
     let u = 0;
@@ -2181,16 +2187,16 @@ var La = c.forwardRef((e, r) => {
         window.clearTimeout(u), i.removeEventListener("pointerenter", l), i.removeEventListener("pointerleave", d);
       };
     }
-  }, [a.scrollArea, a.scrollHideDelay]), /* @__PURE__ */ f(j, { present: t || n, children: /* @__PURE__ */ f(
-    wt,
+  }, [a.scrollArea, a.scrollHideDelay]), /* @__PURE__ */ f(V, { present: r || n, children: /* @__PURE__ */ f(
+    wr,
     {
       "data-state": n ? "visible" : "hidden",
       ...o,
-      ref: r
+      ref: t
     }
   ) });
-}), $a = c.forwardRef((e, r) => {
-  const { forceMount: t, ...o } = e, a = $(W, e.__scopeScrollArea), n = e.orientation === "horizontal", s = Pe(() => u("SCROLL_END"), 100), [i, u] = Ta("hidden", {
+}), ka = c.forwardRef((e, t) => {
+  const { forceMount: r, ...o } = e, a = M(W, e.__scopeScrollArea), n = e.orientation === "horizontal", s = Pe(() => u("SCROLL_END"), 100), [i, u] = $a("hidden", {
     hidden: {
       SCROLL: "scrolling"
     },
@@ -2217,115 +2223,115 @@ var La = c.forwardRef((e, r) => {
     const l = a.viewport, d = n ? "scrollLeft" : "scrollTop";
     if (l) {
       let p = l[d];
-      const h = () => {
+      const v = () => {
         const m = l[d];
         p !== m && (u("SCROLL"), s()), p = m;
       };
-      return l.addEventListener("scroll", h), () => l.removeEventListener("scroll", h);
+      return l.addEventListener("scroll", v), () => l.removeEventListener("scroll", v);
     }
-  }, [a.viewport, n, u, s]), /* @__PURE__ */ f(j, { present: t || i !== "hidden", children: /* @__PURE__ */ f(
+  }, [a.viewport, n, u, s]), /* @__PURE__ */ f(V, { present: r || i !== "hidden", children: /* @__PURE__ */ f(
     Ge,
     {
       "data-state": i === "hidden" ? "hidden" : "visible",
       ...o,
-      ref: r,
+      ref: t,
       onPointerEnter: A(e.onPointerEnter, () => u("POINTER_ENTER")),
       onPointerLeave: A(e.onPointerLeave, () => u("POINTER_LEAVE"))
     }
   ) });
-}), wt = c.forwardRef((e, r) => {
-  const t = $(W, e.__scopeScrollArea), { forceMount: o, ...a } = e, [n, s] = c.useState(!1), i = e.orientation === "horizontal", u = Pe(() => {
-    if (t.viewport) {
-      const l = t.viewport.offsetWidth < t.viewport.scrollWidth, d = t.viewport.offsetHeight < t.viewport.scrollHeight;
+}), wr = c.forwardRef((e, t) => {
+  const r = M(W, e.__scopeScrollArea), { forceMount: o, ...a } = e, [n, s] = c.useState(!1), i = e.orientation === "horizontal", u = Pe(() => {
+    if (r.viewport) {
+      const l = r.viewport.offsetWidth < r.viewport.scrollWidth, d = r.viewport.offsetHeight < r.viewport.scrollHeight;
       s(i ? l : d);
     }
   }, 10);
-  return oe(t.viewport, u), oe(t.content, u), /* @__PURE__ */ f(j, { present: o || n, children: /* @__PURE__ */ f(
+  return oe(r.viewport, u), oe(r.content, u), /* @__PURE__ */ f(V, { present: o || n, children: /* @__PURE__ */ f(
     Ge,
     {
       "data-state": n ? "visible" : "hidden",
       ...a,
-      ref: r
+      ref: t
     }
   ) });
-}), Ge = c.forwardRef((e, r) => {
-  const { orientation: t = "vertical", ...o } = e, a = $(W, e.__scopeScrollArea), n = c.useRef(null), s = c.useRef(0), [i, u] = c.useState({
+}), Ge = c.forwardRef((e, t) => {
+  const { orientation: r = "vertical", ...o } = e, a = M(W, e.__scopeScrollArea), n = c.useRef(null), s = c.useRef(0), [i, u] = c.useState({
     content: 0,
     viewport: 0,
     scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
-  }), l = Et(i.viewport, i.content), d = {
+  }), l = Cr(i.viewport, i.content), d = {
     ...o,
     sizes: i,
     onSizesChange: u,
     hasThumb: l > 0 && l < 1,
-    onThumbChange: (h) => n.current = h,
+    onThumbChange: (v) => n.current = v,
     onThumbPointerUp: () => s.current = 0,
-    onThumbPointerDown: (h) => s.current = h
+    onThumbPointerDown: (v) => s.current = v
   };
-  function p(h, m) {
-    return Ha(h, s.current, i, m);
+  function p(v, m) {
+    return Va(v, s.current, i, m);
   }
-  return t === "horizontal" ? /* @__PURE__ */ f(
-    Ma,
+  return r === "horizontal" ? /* @__PURE__ */ f(
+    Wa,
     {
       ...d,
-      ref: r,
+      ref: t,
       onThumbPositionChange: () => {
         if (a.viewport && n.current) {
-          const h = a.viewport.scrollLeft, m = Rr(h, i, a.dir);
+          const v = a.viewport.scrollLeft, m = Nt(v, i, a.dir);
           n.current.style.transform = `translate3d(${m}px, 0, 0)`;
         }
       },
-      onWheelScroll: (h) => {
-        a.viewport && (a.viewport.scrollLeft = h);
+      onWheelScroll: (v) => {
+        a.viewport && (a.viewport.scrollLeft = v);
       },
-      onDragScroll: (h) => {
-        a.viewport && (a.viewport.scrollLeft = p(h, a.dir));
+      onDragScroll: (v) => {
+        a.viewport && (a.viewport.scrollLeft = p(v, a.dir));
       }
     }
-  ) : t === "vertical" ? /* @__PURE__ */ f(
-    Ia,
+  ) : r === "vertical" ? /* @__PURE__ */ f(
+    ja,
     {
       ...d,
-      ref: r,
+      ref: t,
       onThumbPositionChange: () => {
         if (a.viewport && n.current) {
-          const h = a.viewport.scrollTop, m = Rr(h, i);
+          const v = a.viewport.scrollTop, m = Nt(v, i);
           n.current.style.transform = `translate3d(0, ${m}px, 0)`;
         }
       },
-      onWheelScroll: (h) => {
-        a.viewport && (a.viewport.scrollTop = h);
+      onWheelScroll: (v) => {
+        a.viewport && (a.viewport.scrollTop = v);
       },
-      onDragScroll: (h) => {
-        a.viewport && (a.viewport.scrollTop = p(h));
+      onDragScroll: (v) => {
+        a.viewport && (a.viewport.scrollTop = p(v));
       }
     }
   ) : null;
-}), Ma = c.forwardRef((e, r) => {
-  const { sizes: t, onSizesChange: o, ...a } = e, n = $(W, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = O(r, u, n.onScrollbarXChange);
+}), Wa = c.forwardRef((e, t) => {
+  const { sizes: r, onSizesChange: o, ...a } = e, n = M(W, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = L(t, u, n.onScrollbarXChange);
   return c.useEffect(() => {
     u.current && i(getComputedStyle(u.current));
   }, [u]), /* @__PURE__ */ f(
-    yt,
+    Sr,
     {
       "data-orientation": "horizontal",
       ...a,
       ref: l,
-      sizes: t,
+      sizes: r,
       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": Ce(t) + "px",
+        "--radix-scroll-area-thumb-width": Ce(r) + "px",
         ...e.style
       },
       onThumbPointerDown: (d) => e.onThumbPointerDown(d.x),
       onDragScroll: (d) => e.onDragScroll(d.x),
       onWheelScroll: (d, p) => {
         if (n.viewport) {
-          const h = n.viewport.scrollLeft + d.deltaX;
-          e.onWheelScroll(h), Pt(h, p) && d.preventDefault();
+          const v = n.viewport.scrollLeft + d.deltaX;
+          e.onWheelScroll(v), xr(v, p) && d.preventDefault();
         }
       },
       onResize: () => {
@@ -2341,31 +2347,31 @@ var La = c.forwardRef((e, r) => {
       }
     }
   );
-}), Ia = c.forwardRef((e, r) => {
-  const { sizes: t, onSizesChange: o, ...a } = e, n = $(W, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = O(r, u, n.onScrollbarYChange);
+}), ja = c.forwardRef((e, t) => {
+  const { sizes: r, onSizesChange: o, ...a } = e, n = M(W, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = L(t, u, n.onScrollbarYChange);
   return c.useEffect(() => {
     u.current && i(getComputedStyle(u.current));
   }, [u]), /* @__PURE__ */ f(
-    yt,
+    Sr,
     {
       "data-orientation": "vertical",
       ...a,
       ref: l,
-      sizes: t,
+      sizes: r,
       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": Ce(t) + "px",
+        "--radix-scroll-area-thumb-height": Ce(r) + "px",
         ...e.style
       },
       onThumbPointerDown: (d) => e.onThumbPointerDown(d.y),
       onDragScroll: (d) => e.onDragScroll(d.y),
       onWheelScroll: (d, p) => {
         if (n.viewport) {
-          const h = n.viewport.scrollTop + d.deltaY;
-          e.onWheelScroll(h), Pt(h, p) && d.preventDefault();
+          const v = n.viewport.scrollTop + d.deltaY;
+          e.onWheelScroll(v), xr(v, p) && d.preventDefault();
         }
       },
       onResize: () => {
@@ -2381,9 +2387,9 @@ var La = c.forwardRef((e, r) => {
       }
     }
   );
-}), [ka, bt] = ht(W), yt = c.forwardRef((e, r) => {
+}), [Fa, yr] = hr(W), Sr = c.forwardRef((e, t) => {
   const {
-    __scopeScrollArea: t,
+    __scopeScrollArea: r,
     sizes: o,
     hasThumb: a,
     onThumbChange: n,
@@ -2393,57 +2399,57 @@ var La = c.forwardRef((e, r) => {
     onDragScroll: l,
     onWheelScroll: d,
     onResize: p,
-    ...h
-  } = e, m = $(W, t), [w, v] = c.useState(null), g = O(r, (P) => v(P)), _ = c.useRef(null), b = c.useRef(""), E = m.viewport, y = o.content - o.viewport, C = L(d), x = L(u), S = Pe(p, 10);
+    ...v
+  } = e, m = M(W, r), [_, h] = c.useState(null), g = L(t, (P) => h(P)), b = c.useRef(null), w = c.useRef(""), E = m.viewport, y = o.content - o.viewport, C = $(d), x = $(u), S = Pe(p, 10);
   function N(P) {
-    if (_.current) {
-      const R = P.clientX - _.current.left, F = P.clientY - _.current.top;
-      l({ x: R, y: F });
+    if (b.current) {
+      const R = P.clientX - b.current.left, j = P.clientY - b.current.top;
+      l({ x: R, y: j });
     }
   }
   return c.useEffect(() => {
     const P = (R) => {
-      const F = R.target;
-      (w == null ? void 0 : w.contains(F)) && C(R, y);
+      const j = R.target;
+      (_ == null ? void 0 : _.contains(j)) && C(R, y);
     };
     return document.addEventListener("wheel", P, { passive: !1 }), () => document.removeEventListener("wheel", P, { passive: !1 });
-  }, [E, w, y, C]), c.useEffect(x, [o, x]), oe(w, S), oe(m.content, S), /* @__PURE__ */ f(
-    ka,
+  }, [E, _, y, C]), c.useEffect(x, [o, x]), oe(_, S), oe(m.content, S), /* @__PURE__ */ f(
+    Fa,
     {
-      scope: t,
-      scrollbar: w,
+      scope: r,
+      scrollbar: _,
       hasThumb: a,
-      onThumbChange: L(n),
-      onThumbPointerUp: L(s),
+      onThumbChange: $(n),
+      onThumbPointerUp: $(s),
       onThumbPositionChange: x,
-      onThumbPointerDown: L(i),
+      onThumbPointerDown: $(i),
       children: /* @__PURE__ */ f(
         T.div,
         {
-          ...h,
+          ...v,
           ref: g,
-          style: { position: "absolute", ...h.style },
+          style: { position: "absolute", ...v.style },
           onPointerDown: A(e.onPointerDown, (P) => {
-            P.button === 0 && (P.target.setPointerCapture(P.pointerId), _.current = w.getBoundingClientRect(), b.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", m.viewport && (m.viewport.style.scrollBehavior = "auto"), N(P));
+            P.button === 0 && (P.target.setPointerCapture(P.pointerId), b.current = _.getBoundingClientRect(), w.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", m.viewport && (m.viewport.style.scrollBehavior = "auto"), N(P));
           }),
           onPointerMove: A(e.onPointerMove, N),
           onPointerUp: A(e.onPointerUp, (P) => {
             const R = P.target;
-            R.hasPointerCapture(P.pointerId) && R.releasePointerCapture(P.pointerId), document.body.style.webkitUserSelect = b.current, m.viewport && (m.viewport.style.scrollBehavior = ""), _.current = null;
+            R.hasPointerCapture(P.pointerId) && R.releasePointerCapture(P.pointerId), document.body.style.webkitUserSelect = w.current, m.viewport && (m.viewport.style.scrollBehavior = ""), b.current = null;
           })
         }
       )
     }
   );
-}), be = "ScrollAreaThumb", St = c.forwardRef(
-  (e, r) => {
-    const { forceMount: t, ...o } = e, a = bt(be, e.__scopeScrollArea);
-    return /* @__PURE__ */ f(j, { present: t || a.hasThumb, children: /* @__PURE__ */ f(Wa, { ref: r, ...o }) });
+}), we = "ScrollAreaThumb", Er = c.forwardRef(
+  (e, t) => {
+    const { forceMount: r, ...o } = e, a = yr(we, e.__scopeScrollArea);
+    return /* @__PURE__ */ f(V, { present: r || a.hasThumb, children: /* @__PURE__ */ f(Ua, { ref: t, ...o }) });
   }
-), Wa = c.forwardRef(
-  (e, r) => {
-    const { __scopeScrollArea: t, style: o, ...a } = e, n = $(be, t), s = bt(be, t), { onThumbPositionChange: i } = s, u = O(
-      r,
+), Ua = c.forwardRef(
+  (e, t) => {
+    const { __scopeScrollArea: r, style: o, ...a } = e, n = M(we, r), s = yr(we, r), { onThumbPositionChange: i } = s, u = L(
+      t,
       (p) => s.onThumbChange(p)
     ), l = c.useRef(void 0), d = Pe(() => {
       l.current && (l.current(), l.current = void 0);
@@ -2451,13 +2457,13 @@ var La = c.forwardRef((e, r) => {
     return c.useEffect(() => {
       const p = n.viewport;
       if (p) {
-        const h = () => {
+        const v = () => {
           if (d(), !l.current) {
-            const m = Ba(p, i);
+            const m = za(p, i);
             l.current = m, i();
           }
         };
-        return i(), p.addEventListener("scroll", h), () => p.removeEventListener("scroll", h);
+        return i(), p.addEventListener("scroll", v), () => p.removeEventListener("scroll", v);
       }
     }, [n.viewport, d, i]), /* @__PURE__ */ f(
       T.div,
@@ -2471,24 +2477,24 @@ var La = c.forwardRef((e, r) => {
           ...o
         },
         onPointerDownCapture: A(e.onPointerDownCapture, (p) => {
-          const m = p.target.getBoundingClientRect(), w = p.clientX - m.left, v = p.clientY - m.top;
-          s.onThumbPointerDown({ x: w, y: v });
+          const m = p.target.getBoundingClientRect(), _ = p.clientX - m.left, h = p.clientY - m.top;
+          s.onThumbPointerDown({ x: _, y: h });
         }),
         onPointerUp: A(e.onPointerUp, s.onThumbPointerUp)
       }
     );
   }
 );
-St.displayName = be;
-var Ke = "ScrollAreaCorner", Fa = c.forwardRef(
-  (e, r) => {
-    const t = $(Ke, e.__scopeScrollArea), o = !!(t.scrollbarX && t.scrollbarY);
-    return t.type !== "scroll" && o ? /* @__PURE__ */ f(Ua, { ...e, ref: r }) : null;
+Er.displayName = we;
+var Ke = "ScrollAreaCorner", Ba = c.forwardRef(
+  (e, t) => {
+    const r = M(Ke, e.__scopeScrollArea), o = !!(r.scrollbarX && r.scrollbarY);
+    return r.type !== "scroll" && o ? /* @__PURE__ */ f(Ha, { ...e, ref: t }) : null;
   }
 );
-Fa.displayName = Ke;
-var Ua = c.forwardRef((e, r) => {
-  const { __scopeScrollArea: t, ...o } = e, a = $(Ke, t), [n, s] = c.useState(0), [i, u] = c.useState(0), l = !!(n && i);
+Ba.displayName = Ke;
+var Ha = c.forwardRef((e, t) => {
+  const { __scopeScrollArea: r, ...o } = e, a = M(Ke, r), [n, s] = c.useState(0), [i, u] = c.useState(0), l = !!(n && i);
   return oe(a.scrollbarX, () => {
     var p;
     const d = ((p = a.scrollbarX) == null ? void 0 : p.offsetHeight) || 0;
@@ -2501,7 +2507,7 @@ var Ua = c.forwardRef((e, r) => {
     T.div,
     {
       ...o,
-      ref: r,
+      ref: t,
       style: {
         width: n,
         height: i,
@@ -2517,90 +2523,90 @@ var Ua = c.forwardRef((e, r) => {
 function ye(e) {
   return e ? parseInt(e, 10) : 0;
 }
-function Et(e, r) {
-  const t = e / r;
-  return isNaN(t) ? 0 : t;
+function Cr(e, t) {
+  const r = e / t;
+  return isNaN(r) ? 0 : r;
 }
 function Ce(e) {
-  const r = Et(e.viewport, e.content), t = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, o = (e.scrollbar.size - t) * r;
+  const t = Cr(e.viewport, e.content), r = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, o = (e.scrollbar.size - r) * t;
   return Math.max(o, 18);
 }
-function Ha(e, r, t, o = "ltr") {
-  const a = Ce(t), n = a / 2, s = r || n, i = a - s, u = t.scrollbar.paddingStart + s, l = t.scrollbar.size - t.scrollbar.paddingEnd - i, d = t.content - t.viewport, p = o === "ltr" ? [0, d] : [d * -1, 0];
-  return Ct([u, l], p)(e);
+function Va(e, t, r, o = "ltr") {
+  const a = Ce(r), n = a / 2, s = t || n, i = a - s, u = r.scrollbar.paddingStart + s, l = r.scrollbar.size - r.scrollbar.paddingEnd - i, d = r.content - r.viewport, p = o === "ltr" ? [0, d] : [d * -1, 0];
+  return Pr([u, l], p)(e);
 }
-function Rr(e, r, t = "ltr") {
-  const o = Ce(r), a = r.scrollbar.paddingStart + r.scrollbar.paddingEnd, n = r.scrollbar.size - a, s = r.content - r.viewport, i = n - o, u = t === "ltr" ? [0, s] : [s * -1, 0], l = Da(e, u);
-  return Ct([0, s], [0, i])(l);
+function Nt(e, t, r = "ltr") {
+  const o = Ce(t), a = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, n = t.scrollbar.size - a, s = t.content - t.viewport, i = n - o, u = r === "ltr" ? [0, s] : [s * -1, 0], l = La(e, u);
+  return Pr([0, s], [0, i])(l);
 }
-function Ct(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 Pr(e, t) {
+  return (r) => {
+    if (e[0] === e[1] || t[0] === t[1]) return t[0];
+    const o = (t[1] - t[0]) / (e[1] - e[0]);
+    return t[0] + o * (r - e[0]);
   };
 }
-function Pt(e, r) {
-  return e > 0 && e < r;
+function xr(e, t) {
+  return e > 0 && e < t;
 }
-var Ba = (e, r = () => {
+var za = (e, t = () => {
 }) => {
-  let t = { left: e.scrollLeft, top: e.scrollTop }, o = 0;
+  let r = { left: e.scrollLeft, top: e.scrollTop }, o = 0;
   return (function a() {
-    const n = { left: e.scrollLeft, top: e.scrollTop }, s = t.left !== n.left, i = t.top !== n.top;
-    (s || i) && r(), t = n, o = window.requestAnimationFrame(a);
+    const n = { left: e.scrollLeft, top: e.scrollTop }, s = r.left !== n.left, i = r.top !== n.top;
+    (s || i) && t(), r = n, o = window.requestAnimationFrame(a);
   })(), () => window.cancelAnimationFrame(o);
 };
-function Pe(e, r) {
-  const t = L(e), o = c.useRef(0);
+function Pe(e, t) {
+  const r = $(e), o = c.useRef(0);
   return c.useEffect(() => () => window.clearTimeout(o.current), []), c.useCallback(() => {
-    window.clearTimeout(o.current), o.current = window.setTimeout(t, r);
-  }, [t, r]);
+    window.clearTimeout(o.current), o.current = window.setTimeout(r, t);
+  }, [r, t]);
 }
-function oe(e, r) {
-  const t = L(r);
+function oe(e, t) {
+  const r = $(t);
   ne(() => {
     let o = 0;
     if (e) {
       const a = new ResizeObserver(() => {
-        cancelAnimationFrame(o), o = window.requestAnimationFrame(t);
+        cancelAnimationFrame(o), o = window.requestAnimationFrame(r);
       });
       return a.observe(e), () => {
         window.cancelAnimationFrame(o), a.unobserve(e);
       };
     }
-  }, [e, t]);
-}
-var ja = vt, Va = gt, za = _t, Ya = St;
-const Xa = {
-  "purpur-drawer-scroll-area__root": "_purpur-drawer-scroll-area__root_1r0fa_1",
-  "purpur-drawer-scroll-area__root--fit-to-content": "_purpur-drawer-scroll-area__root--fit-to-content_1r0fa_4",
-  "purpur-drawer-scroll-area__viewport": "_purpur-drawer-scroll-area__viewport_1r0fa_10",
-  "purpur-drawer-scroll-area__scrollbar": "_purpur-drawer-scroll-area__scrollbar_1r0fa_13",
-  "purpur-drawer-scroll-area__thumb": "_purpur-drawer-scroll-area__thumb_1r0fa_24"
-}, ie = X.bind(Xa), Q = "purpur-drawer-scroll-area", je = B(
+  }, [e, r]);
+}
+var Ya = mr, Xa = _r, qa = br, Ga = Er;
+const Ka = {
+  "purpur-drawer-scroll-area__root": "_purpur-drawer-scroll-area__root_1hyos_1",
+  "purpur-drawer-scroll-area__root--fit-to-content": "_purpur-drawer-scroll-area__root--fit-to-content_1hyos_4",
+  "purpur-drawer-scroll-area__viewport": "_purpur-drawer-scroll-area__viewport_1hyos_10",
+  "purpur-drawer-scroll-area__scrollbar": "_purpur-drawer-scroll-area__scrollbar_1hyos_14",
+  "purpur-drawer-scroll-area__thumb": "_purpur-drawer-scroll-area__thumb_1hyos_25"
+}, se = ae.bind(Ka), Q = "purpur-drawer-scroll-area", He = H(
   ({
     ["data-testid"]: e = "purpur-drawer-scroll-area",
-    children: r,
-    className: t,
+    children: t,
+    className: r,
     fitToContent: o = !1,
     ...a
   }, n) => {
-    const s = ie([t, Q]);
+    const s = se([r, Q]);
     return /* @__PURE__ */ f("div", { className: s, "data-testid": e, ref: n, ...a, children: /* @__PURE__ */ D(
-      ja,
+      Ya,
       {
-        className: ie(`${Q}__root`, {
+        className: se(`${Q}__root`, {
           [`${Q}__root--fit-to-content`]: o
         }),
         children: [
-          /* @__PURE__ */ f(Va, { className: ie(`${Q}__viewport`), children: r }),
+          /* @__PURE__ */ f(Xa, { className: se(`${Q}__viewport`), children: t }),
           /* @__PURE__ */ f(
-            za,
+            qa,
             {
-              className: ie(`${Q}__scrollbar`),
+              className: se(`${Q}__scrollbar`),
               orientation: "vertical",
-              children: /* @__PURE__ */ f(Ya, { className: ie(`${Q}__thumb`) })
+              children: /* @__PURE__ */ f(Ga, { className: se(`${Q}__thumb`) })
             }
           )
         ]
@@ -2608,12 +2614,12 @@ const Xa = {
     ) });
   }
 );
-je.displayName = "DrawerScrollArea";
-const J = X.bind(Lo), M = "purpur-drawer-frame", xt = B(
+He.displayName = "DrawerScrollArea";
+const J = ae.bind(Io), O = "purpur-drawer-frame", Rr = H(
   ({
     ["data-testid"]: e = "purpur-drawer-frame",
-    backButton: r,
-    backButtonText: t,
+    backButton: t,
+    backButtonText: r,
     backButtonOnlyIcon: o,
     children: a,
     className: n,
@@ -2621,147 +2627,135 @@ const J = X.bind(Lo), M = "purpur-drawer-frame", xt = B(
     fitToContent: i = !1,
     footerContent: u,
     headerContent: l,
-    onAnimationEnd: d,
-    onBackButtonClick: p,
-    onSwipeStart: h,
-    onSwipeMove: m,
-    onSwipeCancel: w,
-    onSwipeEnd: v,
-    title: g,
-    stickyFooter: _,
+    onBackButtonClick: d,
+    onSwipeStart: p,
+    onSwipeMove: v,
+    onSwipeCancel: m,
+    onSwipeEnd: _,
+    title: h,
+    stickyFooter: g,
     position: b = "right",
-    ...E
-  }, y) => {
-    const C = J([
+    ...w
+  }, E) => {
+    const y = !!(t && r && d), C = J([
       n,
-      M,
+      O,
       {
-        [`${M}--fit-to-content`]: i,
-        [`${M}--sticky-footer`]: _,
-        [`${M}--left`]: b === "left",
-        [`${M}--right`]: b === "right"
+        [`${O}--fit-to-content`]: i,
+        [`${O}--sticky-footer`]: g,
+        [`${O}--left`]: b === "left",
+        [`${O}--right`]: b === "right",
+        [`${O}--without-back-button`]: !y,
+        [`${O}--with-back-button`]: y
       }
     ]);
-    return /* @__PURE__ */ D(
-      "div",
-      {
-        className: C,
-        "data-testid": e,
-        ref: y,
-        onAnimationEnd: d,
-        ...E,
-        children: [
-          /* @__PURE__ */ f(
-            lt,
-            {
-              onSwipeStart: h,
-              onSwipeMove: m,
-              onSwipeCancel: w,
-              onSwipeEnd: v
-            }
-          ),
-          /* @__PURE__ */ f(
-            ee,
+    return /* @__PURE__ */ D("div", { className: C, "data-testid": e, ref: E, ...w, children: [
+      /* @__PURE__ */ f(
+        ur,
+        {
+          onSwipeStart: p,
+          onSwipeMove: v,
+          onSwipeCancel: m,
+          onSwipeEnd: _
+        }
+      ),
+      /* @__PURE__ */ f(
+        ee,
+        {
+          className: J(`${O}__header`),
+          variant: "header",
+          stickyFooter: g,
+          children: /* @__PURE__ */ f(
+            vr,
             {
-              className: J(`${M}__header`),
-              variant: "header",
-              stickyFooter: _,
-              children: /* @__PURE__ */ f(
-                pt,
-                {
-                  title: g,
-                  headerContent: l,
-                  backButtonOnlyIcon: o,
-                  backButton: r,
-                  backButtonText: t,
-                  closeButtonAriaLabel: s,
-                  onBackButtonClick: p
-                }
-              )
+              title: h,
+              headerContent: l,
+              backButtonOnlyIcon: o,
+              backButton: t,
+              backButtonText: r,
+              closeButtonAriaLabel: s,
+              onBackButtonClick: d
             }
-          ),
-          _ ? /* @__PURE__ */ D(te, { children: [
-            /* @__PURE__ */ f(
-              je,
-              {
-                className: J(`${M}__body`),
-                "data-testid": `${e}-sticky-footer-scroll-area`,
-                fitToContent: i,
-                children: /* @__PURE__ */ f(ee, { stickyFooter: !0, children: a })
-              }
-            ),
-            u && /* @__PURE__ */ f(
-              ee,
-              {
-                className: J(`${M}__footer`),
-                "data-testid": `${e}-sticky-footer`,
-                variant: "footer",
-                stickyFooter: _,
-                children: u
-              }
-            )
-          ] }) : /* @__PURE__ */ f(
-            je,
+          )
+        }
+      ),
+      g ? /* @__PURE__ */ D(re, { children: [
+        /* @__PURE__ */ f(
+          He,
+          {
+            className: J(`${O}__body`),
+            "data-testid": `${e}-sticky-footer-scroll-area`,
+            fitToContent: i,
+            children: /* @__PURE__ */ f(ee, { stickyFooter: !0, children: a })
+          }
+        ),
+        u && /* @__PURE__ */ f(
+          ee,
+          {
+            className: J(`${O}__footer`),
+            "data-testid": `${e}-sticky-footer`,
+            variant: "footer",
+            stickyFooter: g,
+            children: u
+          }
+        )
+      ] }) : /* @__PURE__ */ f(
+        He,
+        {
+          className: J(`${O}__body`),
+          "data-testid": `${e}-scroll-area`,
+          fitToContent: i,
+          children: /* @__PURE__ */ D(
+            "div",
             {
-              className: J(`${M}__body`),
-              "data-testid": `${e}-scroll-area`,
-              fitToContent: i,
-              children: /* @__PURE__ */ D(
-                "div",
-                {
-                  className: J([
-                    `${M}__content-container`,
-                    { [`${M}__content-container--no-footer`]: !u }
-                  ]),
-                  children: [
-                    /* @__PURE__ */ f(ee, { stickyFooter: _, children: a }),
-                    u && /* @__PURE__ */ f(
-                      ee,
-                      {
-                        "data-testid": `${e}-footer`,
-                        stickyFooter: _,
-                        variant: "footer",
-                        children: u
-                      }
-                    )
-                  ]
-                }
-              )
+              className: J([
+                `${O}__content-container`,
+                { [`${O}__content-container--no-footer`]: !u }
+              ]),
+              children: [
+                /* @__PURE__ */ f(ee, { stickyFooter: g, children: a }),
+                u && /* @__PURE__ */ f(
+                  ee,
+                  {
+                    "data-testid": `${e}-footer`,
+                    stickyFooter: g,
+                    variant: "footer",
+                    children: u
+                  }
+                )
+              ]
             }
           )
-        ]
-      }
-    );
+        }
+      )
+    ] });
   }
 );
-xt.displayName = "DrawerFrame";
-const qa = (e, r) => ({
-  onAnimationEnd: (i) => {
-    i.currentTarget.getAttribute("data-swipe") === "end" && r(!1);
-  },
+Rr.displayName = "DrawerFrame";
+const Za = (e, t) => ({
   onSwipeStart: () => {
     e.current && e.current.setAttribute("data-swipe", "start");
   },
-  onSwipeMove: (i) => {
+  onSwipeMove: (s) => {
     if (!e.current)
       return;
-    const { y: u } = i.delta;
-    e.current.setAttribute("data-swipe", "move"), e.current.style.setProperty("--purpur-drawer-swipe-move-y", `${u}px`);
+    const { y: i } = s.delta;
+    e.current.setAttribute("data-swipe", "move"), e.current.style.setProperty("--purpur-drawer-swipe-move-y", `${i}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"));
   },
-  onSwipeEnd: (i) => {
+  onSwipeEnd: (s) => {
     if (!e.current)
       return;
-    const { y: u } = i.delta;
-    e.current.setAttribute("data-swipe", "end"), e.current.style.removeProperty("--purpur-drawer-swipe-move-y"), e.current.style.setProperty("--purpur-drawer-swipe-end-y", `${u}px`);
+    const { y: i } = s.delta;
+    e.current.setAttribute("data-swipe", "end"), e.current.style.removeProperty("--purpur-drawer-swipe-move-y"), e.current.style.setProperty("--purpur-drawer-swipe-end-y", `${i}px`), t == null || t(!1);
   }
-}), se = X.bind(Do), z = "purpur-drawer-content", Rt = B(
+}), ce = ae.bind(Lo), Y = "purpur-drawer-content", Nr = H(
   ({
     ["data-testid"]: e = "purpur-drawer-content",
-    backButton: r = !1,
-    backButtonText: t,
+    backButton: t = !1,
+    backButtonText: r,
     backButtonOnlyIcon: o = !1,
     bodyText: a,
     children: n,
@@ -2771,72 +2765,76 @@ const qa = (e, r) => ({
     fitToContent: l = !1,
     footerContent: d,
     headerContent: p,
-    onBackButtonClick: h,
+    onBackButtonClick: v,
     stickyFooter: m = !1,
-    title: w,
-    zIndex: v,
+    title: _,
+    zIndex: h,
     position: g = "right",
-    ..._
-  }, b) => {
-    const E = se([
+    ...b
+  }, w) => {
+    const E = ce([
       s,
-      z,
-      { [`${z}--fit-to-content`]: l },
-      { [`${z}--left`]: g === "left" },
-      { [`${z}--right`]: g === "right" }
-    ]), y = Tt(null), C = Ot(ct), { onAnimationEnd: x, onSwipeStart: S, onSwipeMove: N, onSwipeCancel: P, onSwipeEnd: R } = qa(y, C), F = (ce) => {
-      u && ce.preventDefault();
-    }, Qe = () => {
-      const ce = y.current;
-      if (ce) {
-        const Je = ce.querySelector("h2");
+      Y,
+      { [`${Y}--fit-to-content`]: l },
+      { [`${Y}--left`]: g === "left" },
+      { [`${Y}--right`]: g === "right" }
+    ]), y = et(null), C = et(null), x = (F) => {
+      C.current = F, typeof w == "function" ? w(F) : w && (w.current = F);
+    }, S = Lr(lr), { onSwipeStart: N, onSwipeMove: P, onSwipeCancel: R, onSwipeEnd: j } = Za(
+      C,
+      S
+    ), Qe = (F) => {
+      u && F.preventDefault();
+    }, Dr = () => {
+      const F = y.current;
+      if (F) {
+        const Je = F.querySelector("h2");
         Je && setTimeout(() => {
           Je.focus();
         });
       }
     };
-    return /* @__PURE__ */ f(mo, { children: /* @__PURE__ */ f(
-      go,
+    return /* @__PURE__ */ f(go, { children: /* @__PURE__ */ f(
+      _o,
       {
-        className: se("purpur-drawer-overlay"),
-        style: v ? { zIndex: v } : void 0,
+        className: ce("purpur-drawer-overlay"),
+        style: h ? { zIndex: h } : void 0,
         "data-testid": `${e}-overlay`,
         children: /* @__PURE__ */ f(
-          _o,
+          bo,
           {
-            onPointerDownOutside: F,
-            onOpenAutoFocus: Qe,
+            onPointerDownOutside: Qe,
+            onOpenAutoFocus: Dr,
             className: E,
             "data-testid": e,
-            ref: b,
+            ref: x,
             ...!a && { "aria-describedby": void 0 },
-            ..._,
+            ...b,
             children: /* @__PURE__ */ f(
-              xt,
+              Rr,
               {
-                backButton: r,
-                backButtonText: t,
+                backButton: t,
+                backButtonText: r,
                 backButtonOnlyIcon: o,
                 closeButtonAriaLabel: i,
-                className: se(`${z}__drawer-frame`),
+                className: ce(`${Y}__drawer-frame`),
                 fitToContent: l,
                 footerContent: d,
                 headerContent: p,
                 ref: y,
-                onAnimationEnd: x,
-                onBackButtonClick: h,
-                onSwipeStart: S,
-                onSwipeMove: N,
-                onSwipeCancel: P,
-                onSwipeEnd: R,
+                onBackButtonClick: v,
+                onSwipeStart: N,
+                onSwipeMove: P,
+                onSwipeCancel: R,
+                onSwipeEnd: j,
                 stickyFooter: m,
-                title: w,
+                title: _,
                 position: g,
-                children: a ? /* @__PURE__ */ D("div", { className: se(`${z}__content-container`), children: [
+                children: a ? /* @__PURE__ */ D("div", { className: ce(`${Y}__content-container`), children: [
                   /* @__PURE__ */ f(
                     wo,
                     {
-                      className: se(`${z}__description`),
+                      className: ce(`${Y}__description`),
                       "data-testid": `${e}-description`,
                       children: a
                     }
@@ -2851,28 +2849,28 @@ const qa = (e, r) => ({
     ) });
   }
 );
-Rt.displayName = "DrawerContent";
-const Nt = B(
-  ({ ["data-testid"]: e = "purpur-drawer-trigger", children: r, ...t }, o) => /* @__PURE__ */ f(vo, { asChild: !0, "data-testid": e, ref: o, ...t, children: r })
+Nr.displayName = "DrawerContent";
+const Ar = H(
+  ({ ["data-testid"]: e = "purpur-drawer-trigger", children: t, ...r }, o) => /* @__PURE__ */ f(mo, { asChild: !0, "data-testid": e, ref: o, ...r, children: t })
 );
-Nt.displayName = "DrawerTrigger";
-const Ga = X.bind(Co), Ka = "purpur-drawer", Ze = ({
+Ar.displayName = "DrawerTrigger";
+const Ze = ({
   ["data-testid"]: e = "purpur-drawer",
-  children: r,
-  className: t,
+  children: t,
+  className: r,
   onOpenChange: o,
   open: a = !1,
   ...n
 }) => {
-  const [s, i] = ke.useState(a), u = Ga([t, Ka]), l = (d) => {
-    i(d), o == null || o(d);
+  const [s, i] = ke.useState(a), u = (l) => {
+    i(l), o == null || o(l);
   };
-  return Lt(() => {
+  return $r(() => {
     i(a);
-  }, [a]), /* @__PURE__ */ f(ct.Provider, { value: l, children: /* @__PURE__ */ f("div", { className: u, "data-testid": e, ...n, children: /* @__PURE__ */ f(ho, { open: s, onOpenChange: l, children: r }) }) });
+  }, [a]), /* @__PURE__ */ f(lr.Provider, { value: u, children: /* @__PURE__ */ f("div", { className: r, "data-testid": e, ...n, children: /* @__PURE__ */ f(ho, { open: s, onOpenChange: u, children: t }) }) });
 };
-Ze.Trigger = Nt;
-Ze.Content = Rt;
+Ze.Trigger = Ar;
+Ze.Content = Nr;
 Ze.displayName = "Drawer";
 export {
   Ze as Drawer