@purpurds/drawer 6.0.1 → 6.0.2

package/dist/drawer.es.js

@@ -1,217 +1,185 @@
-import { jsx as _, jsxs as H, Fragment as lr } from "react/jsx-runtime";
-import * as $ from "react";
-import Ue, { useCallback as ae, createContext as de, useMemo as Se, createElement as h, useContext as Te, useLayoutEffect as ur, useRef as A, useEffect as D, useState as N, forwardRef as w, Children as Z, isValidElement as Ee, cloneElement as Qe, Fragment as Je, useReducer as yt } from "react";
-import dr, { flushSync as St } from "react-dom";
-function y() {
-  return y = Object.assign ? Object.assign.bind() : function(e) {
-    for (var r = 1; r < arguments.length; r++) {
-      var t = arguments[r];
-      for (var o in t) ({}).hasOwnProperty.call(t, o) && (e[o] = t[o]);
-    }
-    return e;
-  }, y.apply(null, arguments);
-}
-function L(e, r, { checkForDefaultPrevented: t = !0 } = {}) {
+import { jsx as f, Fragment as ie, jsxs as L } from "react/jsx-runtime";
+import * as c from "react";
+import Me, { useState as br, createContext as yr, forwardRef as U, useRef as Sr, useContext as Er, useEffect as Cr } from "react";
+import * as Pr from "react-dom";
+import xr from "react-dom";
+function R(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 fr(e, r) {
-  typeof e == "function" ? e(r) : e != null && (e.current = r);
+function Qe(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
 }
-function Et(...e) {
-  return (r) => e.forEach(
-    (t) => fr(t, r)
-  );
+function mt(...e) {
+  return (t) => {
+    let r = !1;
+    const o = e.map((a) => {
+      const n = Qe(a, t);
+      return !r && typeof n == "function" && (r = !0), n;
+    });
+    if (r)
+      return () => {
+        for (let a = 0; a < o.length; a++) {
+          const n = o[a];
+          typeof n == "function" ? n() : Qe(e[a], null);
+        }
+      };
+  };
 }
-function k(...e) {
-  return ae(Et(...e), e);
-}
-function Ct(e, r = []) {
-  let t = [];
-  function o(n, i) {
-    const c = /* @__PURE__ */ de(i), l = t.length;
-    t = [
-      ...t,
-      i
-    ];
-    function s(d) {
-      const { scope: f, children: v, ...m } = d, p = (f == null ? void 0 : f[e][l]) || c, b = Se(
-        () => m,
-        Object.values(m)
-      );
-      return /* @__PURE__ */ h(p.Provider, {
-        value: b
-      }, v);
-    }
-    function u(d, f) {
-      const v = (f == null ? void 0 : f[e][l]) || c, m = Te(v);
-      if (m) return m;
-      if (i !== void 0) return i;
-      throw new Error(`\`${d}\` must be used within \`${n}\``);
+function O(...e) {
+  return c.useCallback(mt(...e), e);
+}
+function Nr(e, t) {
+  const r = c.createContext(t), o = (n) => {
+    const { children: s, ...i } = n, u = c.useMemo(() => i, Object.values(i));
+    return /* @__PURE__ */ f(r.Provider, { value: u, children: s });
+  };
+  o.displayName = e + "Provider";
+  function a(n) {
+    const s = c.useContext(r);
+    if (s) return s;
+    if (t !== void 0) return t;
+    throw new Error(`\`${n}\` must be used within \`${e}\``);
+  }
+  return [o, a];
+}
+function gt(e, t = []) {
+  let r = [];
+  function o(n, s) {
+    const i = c.createContext(s), u = r.length;
+    r = [...r, s];
+    const l = (h) => {
+      var w;
+      const { scope: p, children: m, ..._ } = h, v = ((w = p == null ? void 0 : p[e]) == null ? void 0 : w[u]) || i, g = c.useMemo(() => _, Object.values(_));
+      return /* @__PURE__ */ f(v.Provider, { value: g, children: m });
+    };
+    l.displayName = n + "Provider";
+    function d(h, p) {
+      var v;
+      const m = ((v = p == null ? void 0 : p[e]) == null ? void 0 : v[u]) || i, _ = c.useContext(m);
+      if (_) return _;
+      if (s !== void 0) return s;
+      throw new Error(`\`${h}\` must be used within \`${n}\``);
     }
-    return s.displayName = n + "Provider", [
-      s,
-      u
-    ];
+    return [l, d];
   }
   const a = () => {
-    const n = t.map((i) => /* @__PURE__ */ de(i));
-    return function(c) {
-      const l = (c == null ? void 0 : c[e]) || n;
-      return Se(
-        () => ({
-          [`__scope${e}`]: {
-            ...c,
-            [e]: l
-          }
-        }),
-        [
-          c,
-          l
-        ]
+    const n = r.map((s) => c.createContext(s));
+    return function(i) {
+      const u = (i == null ? void 0 : i[e]) || n;
+      return c.useMemo(
+        () => ({ [`__scope${e}`]: { ...i, [e]: u } }),
+        [i, u]
       );
     };
   };
-  return a.scopeName = e, [
-    o,
-    pr(a, ...r)
-  ];
-}
-function pr(...e) {
-  const r = e[0];
-  if (e.length === 1) return r;
-  const t = () => {
-    const o = e.map(
-      (a) => ({
-        useScope: a(),
-        scopeName: a.scopeName
-      })
-    );
+  return a.scopeName = e, [o, Ar(a, ...t)];
+}
+function Ar(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const r = () => {
+    const o = e.map((a) => ({
+      useScope: a(),
+      scopeName: a.scopeName
+    }));
     return function(n) {
-      const i = o.reduce((c, { useScope: l, scopeName: s }) => {
-        const d = l(n)[`__scope${s}`];
-        return {
-          ...c,
-          ...d
-        };
+      const s = o.reduce((i, { useScope: u, scopeName: l }) => {
+        const h = u(n)[`__scope${l}`];
+        return { ...i, ...h };
       }, {});
-      return Se(
-        () => ({
-          [`__scope${r.scopeName}`]: i
-        }),
-        [
-          i
-        ]
-      );
+      return c.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
     };
   };
-  return t.scopeName = r.scopeName, t;
+  return r.scopeName = t.scopeName, r;
+}
+var se = globalThis != null && globalThis.document ? c.useLayoutEffect : () => {
+}, Rr = c.useId || (() => {
+}), Tr = 0;
+function Ce(e) {
+  const [t, r] = c.useState(Rr());
+  return se(() => {
+    e || r((o) => o ?? String(Tr++));
+  }, [e]), e || (t ? `radix-${t}` : "");
+}
+function T(e) {
+  const t = c.useRef(e);
+  return c.useEffect(() => {
+    t.current = e;
+  }), c.useMemo(() => (...r) => {
+    var o;
+    return (o = t.current) == null ? void 0 : o.call(t, ...r);
+  }, []);
 }
-const Ce = globalThis != null && globalThis.document ? ur : () => {
-}, vr = $.useId || (() => {
-});
-let hr = 0;
-function Oe(e) {
-  const [r, t] = $.useState(vr());
-  return Ce(() => {
-    e || t(
-      (o) => o ?? String(hr++)
-    );
-  }, [
-    e
-  ]), e || (r ? `radix-${r}` : "");
-}
-function M(e) {
-  const r = A(e);
-  return D(() => {
-    r.current = e;
-  }), Se(
-    () => (...t) => {
-      var o;
-      return (o = r.current) === null || o === void 0 ? void 0 : o.call(r, ...t);
+function Dr({
+  prop: e,
+  defaultProp: t,
+  onChange: r = () => {
+  }
+}) {
+  const [o, a] = Or({ defaultProp: t, onChange: r }), n = e !== void 0, s = n ? e : o, i = T(r), u = c.useCallback(
+    (l) => {
+      if (n) {
+        const h = typeof l == "function" ? l(e) : l;
+        h !== e && i(h);
+      } else
+        a(l);
     },
-    []
+    [n, e, a, i]
   );
-}
-function br({ prop: e, defaultProp: r, onChange: t = () => {
-} }) {
-  const [o, a] = mr({
-    defaultProp: r,
-    onChange: t
-  }), n = e !== void 0, i = n ? e : o, c = M(t), l = ae((s) => {
-    if (n) {
-      const d = typeof s == "function" ? s(e) : s;
-      d !== e && c(d);
-    } else a(s);
-  }, [
-    n,
-    e,
-    a,
-    c
-  ]);
-  return [
-    i,
-    l
-  ];
-}
-function mr({ defaultProp: e, onChange: r }) {
-  const t = N(e), [o] = t, a = A(o), n = M(r);
-  return D(() => {
+  return [s, u];
+}
+function Or({
+  defaultProp: e,
+  onChange: t
+}) {
+  const r = c.useState(e), [o] = r, a = c.useRef(o), n = T(t);
+  return c.useEffect(() => {
     a.current !== o && (n(o), a.current = o);
-  }, [
-    o,
-    a,
-    n
-  ]), t;
-}
-const et = /* @__PURE__ */ w((e, r) => {
-  const { children: t, ...o } = e, a = Z.toArray(t), n = a.find(_r);
+  }, [o, a, n]), r;
+}
+var ze = c.forwardRef((e, t) => {
+  const { children: r, ...o } = e, a = c.Children.toArray(r), n = a.find(Mr);
   if (n) {
-    const i = n.props.children, c = a.map((l) => l === n ? Z.count(i) > 1 ? Z.only(null) : /* @__PURE__ */ Ee(i) ? i.props.children : null : l);
-    return /* @__PURE__ */ h(qe, y({}, o, {
-      ref: r
-    }), /* @__PURE__ */ Ee(i) ? /* @__PURE__ */ Qe(i, void 0, c) : null);
+    const s = n.props.children, i = a.map((u) => u === n ? c.Children.count(s) > 1 ? c.Children.only(null) : c.isValidElement(s) ? s.props.children : null : u);
+    return /* @__PURE__ */ f($e, { ...o, ref: t, children: c.isValidElement(s) ? c.cloneElement(s, void 0, i) : null });
   }
-  return /* @__PURE__ */ h(qe, y({}, o, {
-    ref: r
-  }), t);
+  return /* @__PURE__ */ f($e, { ...o, ref: t, children: r });
 });
-et.displayName = "Slot";
-const qe = /* @__PURE__ */ w((e, r) => {
-  const { children: t, ...o } = e;
-  return /* @__PURE__ */ Ee(t) ? /* @__PURE__ */ Qe(t, {
-    ...$r(o, t.props),
-    ref: r ? Et(r, t.ref) : t.ref
-  }) : Z.count(t) > 1 ? Z.only(null) : null;
+ze.displayName = "Slot";
+var $e = c.forwardRef((e, t) => {
+  const { children: r, ...o } = e;
+  if (c.isValidElement(r)) {
+    const a = Ir(r), n = $r(o, r.props);
+    return r.type !== c.Fragment && (n.ref = t ? mt(t, a) : a), c.cloneElement(r, n);
+  }
+  return c.Children.count(r) > 1 ? c.Children.only(null) : null;
 });
-qe.displayName = "SlotClone";
-const gr = ({ children: e }) => /* @__PURE__ */ h(Je, null, e);
-function _r(e) {
-  return /* @__PURE__ */ Ee(e) && e.type === gr;
-}
-function $r(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] = (...c) => {
-      n(...c), a(...c);
-    } : a && (t[o] = a) : o === "style" ? t[o] = {
-      ...a,
-      ...n
-    } : o === "className" && (t[o] = [
-      a,
-      n
-    ].filter(Boolean).join(" "));
+$e.displayName = "SlotClone";
+var Lr = ({ children: e }) => /* @__PURE__ */ f(ie, { children: e });
+function Mr(e) {
+  return c.isValidElement(e) && e.type === Lr;
+}
+function $r(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) => {
+      n(...i), a(...i);
+    } : 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 };
 }
-const wr = [
+function Ir(e) {
+  var o, a;
+  let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
+  return r ? e.ref : (t = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
+}
+var kr = [
   "a",
   "button",
   "div",
@@ -228,171 +196,149 @@ const wr = [
   "span",
   "svg",
   "ul"
-], F = wr.reduce((e, r) => {
-  const t = /* @__PURE__ */ w((o, a) => {
-    const { asChild: n, ...i } = o, c = n ? et : r;
-    return D(() => {
-      window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ h(c, y({}, i, {
-      ref: a
-    }));
+], D = kr.reduce((e, t) => {
+  const r = c.forwardRef((o, a) => {
+    const { asChild: n, ...s } = o, i = n ? ze : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(i, { ...s, ref: a });
   });
-  return t.displayName = `Primitive.${r}`, {
-    ...e,
-    [r]: t
-  };
+  return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
 }, {});
-function yr(e, r) {
-  e && St(
-    () => e.dispatchEvent(r)
-  );
+function Wr(e, t) {
+  e && Pr.flushSync(() => e.dispatchEvent(t));
 }
-function Sr(e, r = globalThis == null ? void 0 : globalThis.document) {
-  const t = M(e);
-  D(() => {
+function Fr(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const r = T(e);
+  c.useEffect(() => {
     const o = (a) => {
-      a.key === "Escape" && t(a);
+      a.key === "Escape" && r(a);
     };
-    return r.addEventListener("keydown", o), () => r.removeEventListener("keydown", o);
-  }, [
-    t,
-    r
-  ]);
+    return t.addEventListener("keydown", o, { capture: !0 }), () => t.removeEventListener("keydown", o, { capture: !0 });
+  }, [r, t]);
 }
-const He = "dismissableLayer.update", Er = "dismissableLayer.pointerDownOutside", Cr = "dismissableLayer.focusOutside";
-let at;
-const Pr = /* @__PURE__ */ de({
+var jr = "DismissableLayer", Ie = "dismissableLayer.update", Ur = "dismissableLayer.pointerDownOutside", zr = "dismissableLayer.focusOutside", Je, _t = c.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), xr = /* @__PURE__ */ w((e, r) => {
-  var t;
-  const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: a, onPointerDownOutside: n, onFocusOutside: i, onInteractOutside: c, onDismiss: l, ...s } = e, u = Te(Pr), [d, f] = N(null), v = (t = d == null ? void 0 : d.ownerDocument) !== null && t !== void 0 ? t : globalThis == null ? void 0 : globalThis.document, [, m] = N({}), p = k(
-    r,
-    (C) => f(C)
-  ), b = Array.from(u.layers), [g] = [
-    ...u.layersWithOutsidePointerEventsDisabled
-  ].slice(-1), x = b.indexOf(g), S = d ? b.indexOf(d) : -1, E = u.layersWithOutsidePointerEventsDisabled.size > 0, T = S >= x, I = Tr((C) => {
-    const P = C.target, R = [
-      ...u.branches
-    ].some(
-      (z) => z.contains(P)
+}), wt = c.forwardRef(
+  (e, t) => {
+    const {
+      disableOutsidePointerEvents: r = !1,
+      onEscapeKeyDown: o,
+      onPointerDownOutside: a,
+      onFocusOutside: n,
+      onInteractOutside: s,
+      onDismiss: i,
+      ...u
+    } = e, l = c.useContext(_t), [d, h] = c.useState(null), p = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = c.useState({}), _ = O(t, (b) => h(b)), v = Array.from(l.layers), [g] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), w = v.indexOf(g), E = d ? v.indexOf(d) : -1, S = l.layersWithOutsidePointerEventsDisabled.size > 0, y = E >= w, C = Br((b) => {
+      const N = b.target, P = [...l.branches].some((A) => A.contains(N));
+      !y || P || (a == null || a(b), s == null || s(b), b.defaultPrevented || i == null || i());
+    }, p), x = Yr((b) => {
+      const N = b.target;
+      [...l.branches].some((A) => A.contains(N)) || (n == null || n(b), s == null || s(b), b.defaultPrevented || i == null || i());
+    }, p);
+    return Fr((b) => {
+      E === l.layers.size - 1 && (o == null || o(b), !b.defaultPrevented && i && (b.preventDefault(), i()));
+    }, p), c.useEffect(() => {
+      if (d)
+        return r && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (Je = p.body.style.pointerEvents, p.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(d)), l.layers.add(d), et(), () => {
+          r && l.layersWithOutsidePointerEventsDisabled.size === 1 && (p.body.style.pointerEvents = Je);
+        };
+    }, [d, p, r, l]), c.useEffect(() => () => {
+      d && (l.layers.delete(d), l.layersWithOutsidePointerEventsDisabled.delete(d), et());
+    }, [d, l]), c.useEffect(() => {
+      const b = () => m({});
+      return document.addEventListener(Ie, b), () => document.removeEventListener(Ie, b);
+    }, []), /* @__PURE__ */ f(
+      D.div,
+      {
+        ...u,
+        ref: _,
+        style: {
+          pointerEvents: S ? y ? "auto" : "none" : void 0,
+          ...e.style
+        },
+        onFocusCapture: R(e.onFocusCapture, x.onFocusCapture),
+        onBlurCapture: R(e.onBlurCapture, x.onBlurCapture),
+        onPointerDownCapture: R(
+          e.onPointerDownCapture,
+          C.onPointerDownCapture
+        )
+      }
     );
-    !T || R || (n == null || n(C), c == null || c(C), C.defaultPrevented || l == null || l());
-  }, v), O = Ar((C) => {
-    const P = C.target;
-    [
-      ...u.branches
-    ].some(
-      (z) => z.contains(P)
-    ) || (i == null || i(C), c == null || c(C), C.defaultPrevented || l == null || l());
-  }, v);
-  return Sr((C) => {
-    S === u.layers.size - 1 && (a == null || a(C), !C.defaultPrevented && l && (C.preventDefault(), l()));
-  }, v), D(() => {
-    if (d)
-      return o && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (at = v.body.style.pointerEvents, v.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(d)), u.layers.add(d), ct(), () => {
-        o && u.layersWithOutsidePointerEventsDisabled.size === 1 && (v.body.style.pointerEvents = at);
+  }
+);
+wt.displayName = jr;
+var qr = "DismissableLayerBranch", Hr = c.forwardRef((e, t) => {
+  const r = c.useContext(_t), o = c.useRef(null), a = O(t, o);
+  return c.useEffect(() => {
+    const n = o.current;
+    if (n)
+      return r.branches.add(n), () => {
+        r.branches.delete(n);
       };
-  }, [
-    d,
-    v,
-    o,
-    u
-  ]), D(() => () => {
-    d && (u.layers.delete(d), u.layersWithOutsidePointerEventsDisabled.delete(d), ct());
-  }, [
-    d,
-    u
-  ]), D(() => {
-    const C = () => m({});
-    return document.addEventListener(He, C), () => document.removeEventListener(He, C);
-  }, []), /* @__PURE__ */ h(F.div, y({}, s, {
-    ref: p,
-    style: {
-      pointerEvents: E ? T ? "auto" : "none" : void 0,
-      ...e.style
-    },
-    onFocusCapture: L(e.onFocusCapture, O.onFocusCapture),
-    onBlurCapture: L(e.onBlurCapture, O.onBlurCapture),
-    onPointerDownCapture: L(e.onPointerDownCapture, I.onPointerDownCapture)
-  }));
+  }, [r.branches]), /* @__PURE__ */ f(D.div, { ...e, ref: a });
 });
-function Tr(e, r = globalThis == null ? void 0 : globalThis.document) {
-  const t = M(e), o = A(!1), a = A(() => {
+Hr.displayName = qr;
+function Br(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const r = T(e), o = c.useRef(!1), a = c.useRef(() => {
   });
-  return D(() => {
-    const n = (c) => {
-      if (c.target && !o.current) {
-        let s = function() {
-          Pt(Er, t, l, {
-            discrete: !0
-          });
-        };
-        const l = {
-          originalEvent: c
+  return c.useEffect(() => {
+    const n = (i) => {
+      if (i.target && !o.current) {
+        let u = function() {
+          bt(
+            Ur,
+            r,
+            l,
+            { discrete: !0 }
+          );
         };
-        c.pointerType === "touch" ? (r.removeEventListener("click", a.current), a.current = s, r.addEventListener("click", a.current, {
-          once: !0
-        })) : s();
+        const l = { originalEvent: i };
+        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;
-    }, i = window.setTimeout(() => {
-      r.addEventListener("pointerdown", n);
+    }, s = window.setTimeout(() => {
+      t.addEventListener("pointerdown", n);
     }, 0);
     return () => {
-      window.clearTimeout(i), 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 Ar(e, r = globalThis == null ? void 0 : globalThis.document) {
-  const t = M(e), o = A(!1);
-  return D(() => {
+function Yr(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const r = T(e), o = c.useRef(!1);
+  return c.useEffect(() => {
     const a = (n) => {
-      n.target && !o.current && Pt(Cr, t, {
-        originalEvent: n
-      }, {
+      n.target && !o.current && bt(zr, 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 ct() {
-  const e = new CustomEvent(He);
+function et() {
+  const e = new CustomEvent(Ie);
   document.dispatchEvent(e);
 }
-function Pt(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 ? yr(a, n) : a.dispatchEvent(n);
-}
-const Le = "focusScope.autoFocusOnMount", Re = "focusScope.autoFocusOnUnmount", it = {
-  bubbles: !1,
-  cancelable: !0
-}, Dr = /* @__PURE__ */ w((e, r) => {
-  const { loop: t = !1, trapped: o = !1, onMountAutoFocus: a, onUnmountAutoFocus: n, ...i } = e, [c, l] = N(null), s = M(a), u = M(n), d = A(null), f = k(
-    r,
-    (p) => l(p)
-  ), v = A({
+function bt(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 ? Wr(a, n) : a.dispatchEvent(n);
+}
+var Pe = "focusScope.autoFocusOnMount", xe = "focusScope.autoFocusOnUnmount", tt = { bubbles: !1, cancelable: !0 }, Vr = "FocusScope", yt = c.forwardRef((e, t) => {
+  const {
+    loop: r = !1,
+    trapped: o = !1,
+    onMountAutoFocus: a,
+    onUnmountAutoFocus: n,
+    ...s
+  } = e, [i, u] = c.useState(null), l = T(a), d = T(n), h = c.useRef(null), p = O(t, (v) => u(v)), m = c.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -401,184 +347,137 @@ const Le = "focusScope.autoFocusOnMount", Re = "focusScope.autoFocusOnUnmount",
       this.paused = !1;
     }
   }).current;
-  D(() => {
+  c.useEffect(() => {
     if (o) {
-      let p = function(S) {
-        if (v.paused || !c) return;
-        const E = S.target;
-        c.contains(E) ? d.current = E : B(d.current, {
-          select: !0
-        });
-      }, b = function(S) {
-        if (v.paused || !c) return;
-        const E = S.relatedTarget;
-        E !== null && (c.contains(E) || B(d.current, {
-          select: !0
-        }));
+      let v = function(S) {
+        if (m.paused || !i) return;
+        const y = S.target;
+        i.contains(y) ? h.current = y : j(h.current, { select: !0 });
       }, g = function(S) {
+        if (m.paused || !i) return;
+        const y = S.relatedTarget;
+        y !== null && (i.contains(y) || j(h.current, { select: !0 }));
+      }, w = function(S) {
         if (document.activeElement === document.body)
-          for (const T of S) T.removedNodes.length > 0 && B(c);
+          for (const C of S)
+            C.removedNodes.length > 0 && j(i);
       };
-      document.addEventListener("focusin", p), document.addEventListener("focusout", b);
-      const x = new MutationObserver(g);
-      return c && x.observe(c, {
-        childList: !0,
-        subtree: !0
-      }), () => {
-        document.removeEventListener("focusin", p), document.removeEventListener("focusout", b), x.disconnect();
+      document.addEventListener("focusin", v), document.addEventListener("focusout", g);
+      const E = new MutationObserver(w);
+      return i && E.observe(i, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", v), document.removeEventListener("focusout", g), E.disconnect();
       };
     }
-  }, [
-    o,
-    c,
-    v.paused
-  ]), D(() => {
-    if (c) {
-      lt.add(v);
-      const p = document.activeElement;
-      if (!c.contains(p)) {
-        const g = new CustomEvent(Le, it);
-        c.addEventListener(Le, s), c.dispatchEvent(g), g.defaultPrevented || (Nr(Ir(xt(c)), {
-          select: !0
-        }), document.activeElement === p && B(c));
+  }, [o, i, m.paused]), c.useEffect(() => {
+    if (i) {
+      nt.add(m);
+      const v = document.activeElement;
+      if (!i.contains(v)) {
+        const w = new CustomEvent(Pe, tt);
+        i.addEventListener(Pe, l), i.dispatchEvent(w), w.defaultPrevented || (Xr(Jr(St(i)), { select: !0 }), document.activeElement === v && j(i));
       }
       return () => {
-        c.removeEventListener(Le, s), setTimeout(() => {
-          const g = new CustomEvent(Re, it);
-          c.addEventListener(Re, u), c.dispatchEvent(g), g.defaultPrevented || B(p ?? document.body, {
-            select: !0
-          }), c.removeEventListener(Re, u), lt.remove(v);
+        i.removeEventListener(Pe, l), setTimeout(() => {
+          const w = new CustomEvent(xe, tt);
+          i.addEventListener(xe, d), i.dispatchEvent(w), w.defaultPrevented || j(v ?? document.body, { select: !0 }), i.removeEventListener(xe, d), nt.remove(m);
         }, 0);
       };
     }
-  }, [
-    c,
-    s,
-    u,
-    v
-  ]);
-  const m = ae((p) => {
-    if (!t && !o || v.paused) return;
-    const b = p.key === "Tab" && !p.altKey && !p.ctrlKey && !p.metaKey, g = document.activeElement;
-    if (b && g) {
-      const x = p.currentTarget, [S, E] = Or(x);
-      S && E ? !p.shiftKey && g === E ? (p.preventDefault(), t && B(S, {
-        select: !0
-      })) : p.shiftKey && g === S && (p.preventDefault(), t && B(E, {
-        select: !0
-      })) : g === x && p.preventDefault();
-    }
-  }, [
-    t,
-    o,
-    v.paused
-  ]);
-  return /* @__PURE__ */ h(F.div, y({
-    tabIndex: -1
-  }, i, {
-    ref: f,
-    onKeyDown: m
-  }));
+  }, [i, l, d, m]);
+  const _ = c.useCallback(
+    (v) => {
+      if (!r && !o || m.paused) return;
+      const g = v.key === "Tab" && !v.altKey && !v.ctrlKey && !v.metaKey, w = document.activeElement;
+      if (g && w) {
+        const E = v.currentTarget, [S, y] = Gr(E);
+        S && y ? !v.shiftKey && w === y ? (v.preventDefault(), r && j(S, { select: !0 })) : v.shiftKey && w === S && (v.preventDefault(), r && j(y, { select: !0 })) : w === E && v.preventDefault();
+      }
+    },
+    [r, o, m.paused]
+  );
+  return /* @__PURE__ */ f(D.div, { tabIndex: -1, ...s, ref: p, onKeyDown: _ });
 });
-function Nr(e, { select: r = !1 } = {}) {
-  const t = document.activeElement;
+yt.displayName = Vr;
+function Xr(e, { select: t = !1 } = {}) {
+  const r = document.activeElement;
   for (const o of e)
-    if (B(o, {
-      select: r
-    }), document.activeElement !== t) return;
+    if (j(o, { select: t }), document.activeElement !== r) return;
 }
-function Or(e) {
-  const r = xt(e), t = st(r, e), o = st(r.reverse(), e);
-  return [
-    t,
-    o
-  ];
+function Gr(e) {
+  const t = St(e), r = rt(t, e), o = rt(t.reverse(), e);
+  return [r, o];
 }
-function xt(e) {
-  const r = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+function St(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 st(e, r) {
-  for (const t of e)
-    if (!Lr(t, {
-      upTo: r
-    })) return t;
+function rt(e, t) {
+  for (const r of e)
+    if (!Kr(r, { upTo: t })) return r;
 }
-function Lr(e, { upTo: r }) {
+function Kr(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 Rr(e) {
+function Zr(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
-function B(e, { select: r = !1 } = {}) {
+function j(e, { select: t = !1 } = {}) {
   if (e && e.focus) {
-    const t = document.activeElement;
-    e.focus({
-      preventScroll: !0
-    }), e !== t && Rr(e) && r && e.select();
+    const r = document.activeElement;
+    e.focus({ preventScroll: !0 }), e !== r && Zr(e) && t && e.select();
   }
 }
-const lt = Mr();
-function Mr() {
+var nt = Qr();
+function Qr() {
   let e = [];
   return {
-    add(r) {
-      const t = e[0];
-      r !== t && (t == null || t.pause()), e = ut(e, r), e.unshift(r);
+    add(t) {
+      const r = e[0];
+      t !== r && (r == null || r.pause()), e = ot(e, t), e.unshift(t);
     },
-    remove(r) {
-      var t;
-      e = ut(e, r), (t = e[0]) === null || t === void 0 || t.resume();
+    remove(t) {
+      var r;
+      e = ot(e, t), (r = e[0]) == null || r.resume();
     }
   };
 }
-function ut(e, r) {
-  const t = [
-    ...e
-  ], o = t.indexOf(r);
-  return o !== -1 && t.splice(o, 1), t;
+function ot(e, t) {
+  const r = [...e], o = r.indexOf(t);
+  return o !== -1 && r.splice(o, 1), r;
 }
-function Ir(e) {
-  return e.filter(
-    (r) => r.tagName !== "A"
-  );
+function Jr(e) {
+  return e.filter((t) => t.tagName !== "A");
 }
-const kr = /* @__PURE__ */ w((e, r) => {
-  var t;
-  const { container: o = globalThis == null || (t = globalThis.document) === null || t === void 0 ? void 0 : t.body, ...a } = e;
-  return o ? /* @__PURE__ */ dr.createPortal(/* @__PURE__ */ h(F.div, y({}, a, {
-    ref: r
-  })), o) : null;
+var en = "Portal", Et = c.forwardRef((e, t) => {
+  var i;
+  const { container: r, ...o } = e, [a, n] = c.useState(!1);
+  se(() => n(!0), []);
+  const s = r || a && ((i = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : i.body);
+  return s ? xr.createPortal(/* @__PURE__ */ f(D.div, { ...o, ref: t }), s) : null;
 });
-function Fr(e, r) {
-  return yt((t, o) => {
-    const a = r[t][o];
-    return a ?? t;
-  }, e);
-}
-const V = (e) => {
-  const { present: r, children: t } = e, o = jr(r), a = typeof t == "function" ? t({
-    present: o.isPresent
-  }) : Z.only(t), n = k(o.ref, a.ref);
-  return typeof t == "function" || o.isPresent ? /* @__PURE__ */ Qe(a, {
-    ref: n
-  }) : null;
+Et.displayName = en;
+function tn(e, t) {
+  return c.useReducer((r, o) => t[r][o] ?? r, e);
+}
+var z = (e) => {
+  const { present: t, children: r } = e, o = rn(t), a = typeof r == "function" ? r({ present: o.isPresent }) : c.Children.only(r), n = O(o.ref, nn(a));
+  return typeof r == "function" || o.isPresent ? c.cloneElement(a, { ref: n }) : null;
 };
-V.displayName = "Presence";
-function jr(e) {
-  const [r, t] = N(), o = A({}), a = A(e), n = A("none"), i = e ? "mounted" : "unmounted", [c, l] = Fr(i, {
+z.displayName = "Presence";
+function rn(e) {
+  const [t, r] = c.useState(), o = c.useRef({}), a = c.useRef(e), n = c.useRef("none"), s = e ? "mounted" : "unmounted", [i, u] = tn(s, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -591,764 +490,807 @@ function jr(e) {
       MOUNT: "mounted"
     }
   });
-  return D(() => {
-    const s = pe(o.current);
-    n.current = c === "mounted" ? s : "none";
-  }, [
-    c
-  ]), Ce(() => {
-    const s = o.current, u = a.current;
-    if (u !== e) {
-      const f = n.current, v = pe(s);
-      e ? l("MOUNT") : v === "none" || (s == null ? void 0 : s.display) === "none" ? l("UNMOUNT") : l(u && f !== v ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
+  return c.useEffect(() => {
+    const l = ce(o.current);
+    n.current = i === "mounted" ? l : "none";
+  }, [i]), se(() => {
+    const l = o.current, d = a.current;
+    if (d !== e) {
+      const p = n.current, m = ce(l);
+      e ? u("MOUNT") : m === "none" || (l == null ? void 0 : l.display) === "none" ? u("UNMOUNT") : u(d && p !== m ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
     }
-  }, [
-    e,
-    l
-  ]), Ce(() => {
-    if (r) {
-      const s = (d) => {
-        const v = pe(o.current).includes(d.animationName);
-        d.target === r && v && St(
-          () => l("ANIMATION_END")
-        );
-      }, u = (d) => {
-        d.target === r && (n.current = pe(o.current));
+  }, [e, u]), se(() => {
+    if (t) {
+      let l;
+      const d = t.ownerDocument.defaultView ?? window, h = (m) => {
+        const v = ce(o.current).includes(m.animationName);
+        if (m.target === t && v && (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);
+          });
+        }
+      }, p = (m) => {
+        m.target === t && (n.current = ce(o.current));
       };
-      return r.addEventListener("animationstart", u), r.addEventListener("animationcancel", s), r.addEventListener("animationend", s), () => {
-        r.removeEventListener("animationstart", u), r.removeEventListener("animationcancel", s), r.removeEventListener("animationend", s);
+      return t.addEventListener("animationstart", p), t.addEventListener("animationcancel", h), t.addEventListener("animationend", h), () => {
+        d.clearTimeout(l), t.removeEventListener("animationstart", p), t.removeEventListener("animationcancel", h), t.removeEventListener("animationend", h);
       };
     } else
-      l("ANIMATION_END");
-  }, [
-    r,
-    l
-  ]), {
-    isPresent: [
-      "mounted",
-      "unmountSuspended"
-    ].includes(c),
-    ref: ae((s) => {
-      s && (o.current = getComputedStyle(s)), t(s);
+      u("ANIMATION_END");
+  }, [t, u]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(i),
+    ref: c.useCallback((l) => {
+      l && (o.current = getComputedStyle(l)), r(l);
     }, [])
   };
 }
-function pe(e) {
+function ce(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-let Me = 0;
-function zr() {
-  D(() => {
-    var e, r;
-    const t = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", (e = t[0]) !== null && e !== void 0 ? e : dt()), document.body.insertAdjacentElement("beforeend", (r = t[1]) !== null && r !== void 0 ? r : dt()), Me++, () => {
-      Me === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach(
-        (o) => o.remove()
-      ), Me--;
+function nn(e) {
+  var o, a;
+  let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
+  return r ? e.ref : (t = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
+}
+var Ne = 0;
+function on() {
+  c.useEffect(() => {
+    const e = document.querySelectorAll("[data-radix-focus-guard]");
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? at()), document.body.insertAdjacentElement("beforeend", e[1] ?? at()), Ne++, () => {
+      Ne === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), Ne--;
     };
   }, []);
 }
-function dt() {
+function at() {
   const e = document.createElement("span");
-  return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.cssText = "outline: none; opacity: 0; position: fixed; pointer-events: none", e;
+  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 W = function() {
-  return W = 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]);
+var I = function() {
+  return I = 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;
-  }, W.apply(this, arguments);
+    return t;
+  }, I.apply(this, arguments);
 };
-function Tt(e, r) {
-  var t = {};
-  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
+function Ct(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 Wr(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 an(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 we = "right-scroll-bar-position", ye = "width-before-scroll-bar", Ur = "with-scroll-bars-hidden", qr = "--removed-body-scroll-bar-size";
-function Ie(e, r) {
-  return typeof e == "function" ? e(r) : e && (e.current = r), e;
+var me = "right-scroll-bar-position", ge = "width-before-scroll-bar", sn = "with-scroll-bars-hidden", cn = "--removed-body-scroll-bar-size";
+function Ae(e, t) {
+  return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
-function Hr(e, r) {
-  var t = N(function() {
+function ln(e, t) {
+  var r = br(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 Yr = typeof window < "u" ? $.useLayoutEffect : $.useEffect, ft = /* @__PURE__ */ new WeakMap();
-function Xr(e, r) {
-  var t = Hr(null, function(o) {
+var un = typeof window < "u" ? c.useLayoutEffect : c.useEffect, it = /* @__PURE__ */ new WeakMap();
+function dn(e, t) {
+  var r = ln(null, function(o) {
     return e.forEach(function(a) {
-      return Ie(a, o);
+      return Ae(a, o);
     });
   });
-  return Yr(function() {
-    var o = ft.get(t);
+  return un(function() {
+    var o = it.get(r);
     if (o) {
-      var a = new Set(o), n = new Set(e), i = t.current;
-      a.forEach(function(c) {
-        n.has(c) || Ie(c, null);
-      }), n.forEach(function(c) {
-        a.has(c) || Ie(c, i);
+      var a = new Set(o), n = new Set(e), s = r.current;
+      a.forEach(function(i) {
+        n.has(i) || Ae(i, null);
+      }), n.forEach(function(i) {
+        a.has(i) || Ae(i, s);
       });
     }
-    ft.set(t, e);
-  }, [e]), t;
+    it.set(r, e);
+  }, [e]), r;
 }
-function Br(e) {
+function fn(e) {
   return e;
 }
-function Vr(e, r) {
-  r === void 0 && (r = Br);
-  var t = [], o = !1, a = {
+function pn(e, t) {
+  t === void 0 && (t = fn);
+  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 i = r(n, o);
-      return t.push(i), function() {
-        t = t.filter(function(c) {
-          return c !== 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 i = t;
-        t = [], i.forEach(n);
+      for (o = !0; r.length; ) {
+        var s = r;
+        r = [], s.forEach(n);
       }
-      t = {
-        push: function(c) {
-          return n(c);
+      r = {
+        push: function(i) {
+          return n(i);
         },
         filter: function() {
-          return t;
+          return r;
         }
       };
     },
     assignMedium: function(n) {
       o = !0;
-      var i = [];
-      if (t.length) {
-        var c = t;
-        t = [], c.forEach(n), i = t;
+      var s = [];
+      if (r.length) {
+        var i = r;
+        r = [], i.forEach(n), s = r;
       }
-      var l = function() {
-        var u = i;
-        i = [], u.forEach(n);
-      }, s = function() {
-        return Promise.resolve().then(l);
+      var u = function() {
+        var d = s;
+        s = [], d.forEach(n);
+      }, l = function() {
+        return Promise.resolve().then(u);
       };
-      s(), t = {
-        push: function(u) {
-          i.push(u), s();
+      l(), r = {
+        push: function(d) {
+          s.push(d), l();
         },
-        filter: function(u) {
-          return i = i.filter(u), t;
+        filter: function(d) {
+          return s = s.filter(d), r;
         }
       };
     }
   };
   return a;
 }
-function Kr(e) {
+function hn(e) {
   e === void 0 && (e = {});
-  var r = Vr(null);
-  return r.options = W({ async: !0, ssr: !1 }, e), r;
+  var t = pn(null);
+  return t.options = I({ async: !0, ssr: !1 }, e), t;
 }
-var At = function(e) {
-  var r = e.sideCar, t = Tt(e, ["sideCar"]);
-  if (!r)
+var Pt = function(e) {
+  var t = e.sideCar, r = Ct(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 $.createElement(o, W({}, t));
+  return c.createElement(o, I({}, r));
 };
-At.isSideCarExport = !0;
-function Gr(e, r) {
-  return e.useMedium(r), At;
-}
-var Dt = Kr(), ke = function() {
-}, Ae = $.forwardRef(function(e, r) {
-  var t = $.useRef(null), o = $.useState({
-    onScrollCapture: ke,
-    onWheelCapture: ke,
-    onTouchMoveCapture: ke
-  }), a = o[0], n = o[1], i = e.forwardProps, c = e.children, l = e.className, s = e.removeScrollBar, u = e.enabled, d = e.shards, f = e.sideCar, v = e.noIsolation, m = e.inert, p = e.allowPinchZoom, b = e.as, g = b === void 0 ? "div" : b, x = Tt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]), S = f, E = Xr([t, r]), T = W(W({}, x), a);
-  return $.createElement(
-    $.Fragment,
+Pt.isSideCarExport = !0;
+function vn(e, t) {
+  return e.useMedium(t), Pt;
+}
+var xt = hn(), Re = function() {
+}, ye = c.forwardRef(function(e, t) {
+  var r = c.useRef(null), o = c.useState({
+    onScrollCapture: Re,
+    onWheelCapture: Re,
+    onTouchMoveCapture: Re
+  }), a = o[0], n = o[1], s = e.forwardProps, i = e.children, u = e.className, l = e.removeScrollBar, d = e.enabled, h = e.shards, p = e.sideCar, m = e.noIsolation, _ = e.inert, v = e.allowPinchZoom, g = e.as, w = g === void 0 ? "div" : g, E = e.gapMode, S = Ct(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), y = p, C = dn([r, t]), x = I(I({}, S), a);
+  return c.createElement(
+    c.Fragment,
     null,
-    u && $.createElement(S, { sideCar: Dt, removeScrollBar: s, shards: d, noIsolation: v, inert: m, setCallbacks: n, allowPinchZoom: !!p, lockRef: t }),
-    i ? $.cloneElement($.Children.only(c), W(W({}, T), { ref: E })) : $.createElement(g, W({}, T, { className: l, ref: E }), c)
+    d && c.createElement(y, { sideCar: xt, removeScrollBar: l, shards: h, noIsolation: m, inert: _, setCallbacks: n, allowPinchZoom: !!v, lockRef: r, gapMode: E }),
+    s ? c.cloneElement(c.Children.only(i), I(I({}, x), { ref: C })) : c.createElement(w, I({}, x, { className: u, ref: C }), i)
   );
 });
-Ae.defaultProps = {
+ye.defaultProps = {
   enabled: !0,
   removeScrollBar: !0,
   inert: !1
 };
-Ae.classNames = {
-  fullWidth: ye,
-  zeroRight: we
+ye.classNames = {
+  fullWidth: ge,
+  zeroRight: me
 };
-var Zr = function() {
+var mn = function() {
   if (typeof __webpack_nonce__ < "u")
     return __webpack_nonce__;
 };
-function Qr() {
+function gn() {
   if (!document)
     return null;
   var e = document.createElement("style");
   e.type = "text/css";
-  var r = Zr();
-  return r && e.setAttribute("nonce", r), e;
+  var t = mn();
+  return t && e.setAttribute("nonce", t), e;
 }
-function Jr(e, r) {
-  e.styleSheet ? e.styleSheet.cssText = r : e.appendChild(document.createTextNode(r));
+function _n(e, t) {
+  e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
 }
-function en(e) {
-  var r = document.head || document.getElementsByTagName("head")[0];
-  r.appendChild(e);
+function wn(e) {
+  var t = document.head || document.getElementsByTagName("head")[0];
+  t.appendChild(e);
 }
-var tn = function() {
-  var e = 0, r = null;
+var bn = function() {
+  var e = 0, t = null;
   return {
-    add: function(t) {
-      e == 0 && (r = Qr()) && (Jr(r, t), en(r)), e++;
+    add: function(r) {
+      e == 0 && (t = gn()) && (_n(t, r), wn(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);
     }
   };
-}, rn = function() {
-  var e = tn();
-  return function(r, t) {
-    $.useEffect(function() {
-      return e.add(r), function() {
+}, yn = function() {
+  var e = bn();
+  return function(t, r) {
+    c.useEffect(function() {
+      return e.add(t), function() {
         e.remove();
       };
-    }, [r && t]);
+    }, [t && r]);
   };
 }, Nt = function() {
-  var e = rn(), r = function(t) {
-    var o = t.styles, a = t.dynamic;
+  var e = yn(), t = function(r) {
+    var o = r.styles, a = r.dynamic;
     return e(o, a), null;
   };
-  return r;
-}, nn = {
+  return t;
+}, Sn = {
   left: 0,
   top: 0,
   right: 0,
   gap: 0
-}, Fe = function(e) {
+}, Te = function(e) {
   return parseInt(e || "", 10) || 0;
-}, on = function(e) {
-  var r = window.getComputedStyle(document.body), t = r[e === "padding" ? "paddingLeft" : "marginLeft"], o = r[e === "padding" ? "paddingTop" : "marginTop"], a = r[e === "padding" ? "paddingRight" : "marginRight"];
-  return [Fe(t), Fe(o), Fe(a)];
-}, an = function(e) {
+}, En = 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 [Te(r), Te(o), Te(a)];
+}, Cn = function(e) {
   if (e === void 0 && (e = "margin"), typeof window > "u")
-    return nn;
-  var r = on(e), t = document.documentElement.clientWidth, o = window.innerWidth;
+    return Sn;
+  var t = En(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])
   };
-}, cn = Nt(), oe = "data-scroll-locked", sn = function(e, r, t, o) {
-  var a = e.left, n = e.top, i = e.right, c = e.gap;
-  return t === void 0 && (t = "margin"), `
-  .`.concat(Ur, ` {
+}, Pn = Nt(), J = "data-scroll-locked", xn = function(e, t, r, o) {
+  var a = e.left, n = e.top, s = e.right, i = e.gap;
+  return r === void 0 && (r = "margin"), `
+  .`.concat(sn, ` {
    overflow: hidden `).concat(o, `;
-   padding-right: `).concat(c, "px ").concat(o, `;
+   padding-right: `).concat(i, "px ").concat(o, `;
   }
-  body[`).concat(oe, `] {
+  body[`).concat(J, `] {
     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(i, `px;
+    padding-right: `).concat(s, `px;
     margin-left:0;
     margin-top:0;
-    margin-right: `).concat(c, "px ").concat(o, `;
+    margin-right: `).concat(i, "px ").concat(o, `;
     `),
-    t === "padding" && "padding-right: ".concat(c, "px ").concat(o, ";")
+    r === "padding" && "padding-right: ".concat(i, "px ").concat(o, ";")
   ].filter(Boolean).join(""), `
   }
   
-  .`).concat(we, ` {
-    right: `).concat(c, "px ").concat(o, `;
+  .`).concat(me, ` {
+    right: `).concat(i, "px ").concat(o, `;
   }
   
-  .`).concat(ye, ` {
-    margin-right: `).concat(c, "px ").concat(o, `;
+  .`).concat(ge, ` {
+    margin-right: `).concat(i, "px ").concat(o, `;
   }
   
-  .`).concat(we, " .").concat(we, ` {
+  .`).concat(me, " .").concat(me, ` {
     right: 0 `).concat(o, `;
   }
   
-  .`).concat(ye, " .").concat(ye, ` {
+  .`).concat(ge, " .").concat(ge, ` {
     margin-right: 0 `).concat(o, `;
   }
   
-  body[`).concat(oe, `] {
-    `).concat(qr, ": ").concat(c, `px;
+  body[`).concat(J, `] {
+    `).concat(cn, ": ").concat(i, `px;
   }
 `);
-}, pt = function() {
-  var e = parseInt(document.body.getAttribute(oe) || "0", 10);
+}, st = function() {
+  var e = parseInt(document.body.getAttribute(J) || "0", 10);
   return isFinite(e) ? e : 0;
-}, ln = function() {
-  $.useEffect(function() {
-    return document.body.setAttribute(oe, (pt() + 1).toString()), function() {
-      var e = pt() - 1;
-      e <= 0 ? document.body.removeAttribute(oe) : document.body.setAttribute(oe, e.toString());
+}, Nn = function() {
+  c.useEffect(function() {
+    return document.body.setAttribute(J, (st() + 1).toString()), function() {
+      var e = st() - 1;
+      e <= 0 ? document.body.removeAttribute(J) : document.body.setAttribute(J, e.toString());
     };
   }, []);
-}, un = function(e) {
-  var r = e.noRelative, t = e.noImportant, o = e.gapMode, a = o === void 0 ? "margin" : o;
-  ln();
-  var n = $.useMemo(function() {
-    return an(a);
+}, An = function(e) {
+  var t = e.noRelative, r = e.noImportant, o = e.gapMode, a = o === void 0 ? "margin" : o;
+  Nn();
+  var n = c.useMemo(function() {
+    return Cn(a);
   }, [a]);
-  return $.createElement(cn, { styles: sn(n, !r, a, t ? "" : "!important") });
-}, Ye = !1;
+  return c.createElement(Pn, { styles: xn(n, !t, a, r ? "" : "!important") });
+}, ke = !1;
 if (typeof window < "u")
   try {
-    var ve = Object.defineProperty({}, "passive", {
+    var le = Object.defineProperty({}, "passive", {
       get: function() {
-        return Ye = !0, !0;
+        return ke = !0, !0;
       }
     });
-    window.addEventListener("test", ve, ve), window.removeEventListener("test", ve, ve);
+    window.addEventListener("test", le, le), window.removeEventListener("test", le, le);
   } catch {
-    Ye = !1;
+    ke = !1;
   }
-var J = Ye ? { passive: !1 } : !1, dn = function(e) {
+var X = ke ? { passive: !1 } : !1, Rn = function(e) {
   return e.tagName === "TEXTAREA";
-}, Ot = function(e, r) {
-  var t = window.getComputedStyle(e);
+}, At = function(e, t) {
+  if (!(e instanceof Element))
+    return !1;
+  var r = window.getComputedStyle(e);
   return (
     // not-not-scrollable
-    t[r] !== "hidden" && // contains scroll inside self
-    !(t.overflowY === t.overflowX && !dn(e) && t[r] === "visible")
+    r[t] !== "hidden" && // contains scroll inside self
+    !(r.overflowY === r.overflowX && !Rn(e) && r[t] === "visible")
   );
-}, fn = function(e) {
-  return Ot(e, "overflowY");
-}, pn = function(e) {
-  return Ot(e, "overflowX");
-}, vt = function(e, r) {
-  var t = r;
+}, Tn = function(e) {
+  return At(e, "overflowY");
+}, Dn = function(e) {
+  return At(e, "overflowX");
+}, ct = function(e, t) {
+  var r = t.ownerDocument, o = t;
   do {
-    typeof ShadowRoot < "u" && t instanceof ShadowRoot && (t = t.host);
-    var o = Lt(e, t);
-    if (o) {
-      var a = Rt(e, t), n = a[1], i = a[2];
-      if (n > i)
+    typeof ShadowRoot < "u" && o instanceof ShadowRoot && (o = o.host);
+    var a = Rt(e, o);
+    if (a) {
+      var n = Tt(e, o), s = n[1], i = n[2];
+      if (s > i)
         return !0;
     }
-    t = t.parentNode;
-  } while (t && t !== document.body);
+    o = o.parentNode;
+  } while (o && o !== r.body);
   return !1;
-}, vn = function(e) {
-  var r = e.scrollTop, t = e.scrollHeight, o = e.clientHeight;
+}, On = function(e) {
+  var t = e.scrollTop, r = e.scrollHeight, o = e.clientHeight;
   return [
-    r,
     t,
+    r,
     o
   ];
-}, hn = function(e) {
-  var r = e.scrollLeft, t = e.scrollWidth, o = e.clientWidth;
+}, Ln = function(e) {
+  var t = e.scrollLeft, r = e.scrollWidth, o = e.clientWidth;
   return [
-    r,
     t,
+    r,
     o
   ];
-}, Lt = function(e, r) {
-  return e === "v" ? fn(r) : pn(r);
-}, Rt = function(e, r) {
-  return e === "v" ? vn(r) : hn(r);
-}, bn = function(e, r) {
-  return e === "h" && r === "rtl" ? -1 : 1;
-}, mn = function(e, r, t, o, a) {
-  var n = bn(e, window.getComputedStyle(r).direction), i = n * o, c = t.target, l = r.contains(c), s = !1, u = i > 0, d = 0, f = 0;
+}, Rt = function(e, t) {
+  return e === "v" ? Tn(t) : Dn(t);
+}, Tt = function(e, t) {
+  return e === "v" ? On(t) : Ln(t);
+}, Mn = function(e, t) {
+  return e === "h" && t === "rtl" ? -1 : 1;
+}, $n = function(e, t, r, o, a) {
+  var n = Mn(e, window.getComputedStyle(t).direction), s = n * o, i = r.target, u = t.contains(i), l = !1, d = s > 0, h = 0, p = 0;
   do {
-    var v = Rt(e, c), m = v[0], p = v[1], b = v[2], g = p - b - n * m;
-    (m || g) && Lt(e, c) && (d += g, f += m), c = c.parentNode;
+    var m = Tt(e, i), _ = m[0], v = m[1], g = m[2], w = v - g - n * _;
+    (_ || w) && Rt(e, i) && (h += w, p += _), i instanceof ShadowRoot ? i = i.host : i = i.parentNode;
   } while (
     // portaled content
-    !l && c !== document.body || // self content
-    l && (r.contains(c) || r === c)
+    !u && i !== document.body || // self content
+    u && (t.contains(i) || t === i)
   );
-  return (u && d === 0 || !u && f === 0) && (s = !0), s;
-}, he = function(e) {
+  return (d && Math.abs(h) < 1 || !d && Math.abs(p) < 1) && (l = !0), l;
+}, ue = function(e) {
   return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
-}, ht = function(e) {
+}, lt = function(e) {
   return [e.deltaX, e.deltaY];
-}, bt = function(e) {
+}, ut = function(e) {
   return e && "current" in e ? e.current : e;
-}, gn = function(e, r) {
-  return e[0] === r[0] && e[1] === r[1];
-}, _n = function(e) {
+}, In = 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;}
 `);
-}, $n = 0, ee = [];
-function wn(e) {
-  var r = $.useRef([]), t = $.useRef([0, 0]), o = $.useRef(), a = $.useState($n++)[0], n = $.useState(function() {
-    return Nt();
-  })[0], i = $.useRef(e);
-  $.useEffect(function() {
-    i.current = e;
-  }, [e]), $.useEffect(function() {
+}, Wn = 0, G = [];
+function Fn(e) {
+  var t = c.useRef([]), r = c.useRef([0, 0]), o = c.useRef(), a = c.useState(Wn++)[0], n = c.useState(Nt)[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 p = Wr([e.lockRef.current], (e.shards || []).map(bt), !0).filter(Boolean);
-      return p.forEach(function(b) {
-        return b.classList.add("allow-interactivity-".concat(a));
+      var v = an([e.lockRef.current], (e.shards || []).map(ut), !0).filter(Boolean);
+      return v.forEach(function(g) {
+        return g.classList.add("allow-interactivity-".concat(a));
       }), function() {
-        document.body.classList.remove("block-interactivity-".concat(a)), p.forEach(function(b) {
-          return b.classList.remove("allow-interactivity-".concat(a));
+        document.body.classList.remove("block-interactivity-".concat(a)), v.forEach(function(g) {
+          return g.classList.remove("allow-interactivity-".concat(a));
         });
       };
     }
   }, [e.inert, e.lockRef.current, e.shards]);
-  var c = $.useCallback(function(p, b) {
-    if ("touches" in p && p.touches.length === 2)
-      return !i.current.allowPinchZoom;
-    var g = he(p), x = t.current, S = "deltaX" in p ? p.deltaX : x[0] - g[0], E = "deltaY" in p ? p.deltaY : x[1] - g[1], T, I = p.target, O = Math.abs(S) > Math.abs(E) ? "h" : "v";
-    if ("touches" in p && O === "h" && I.type === "range")
+  var i = c.useCallback(function(v, g) {
+    if ("touches" in v && v.touches.length === 2 || v.type === "wheel" && v.ctrlKey)
+      return !s.current.allowPinchZoom;
+    var w = ue(v), E = r.current, S = "deltaX" in v ? v.deltaX : E[0] - w[0], y = "deltaY" in v ? v.deltaY : E[1] - w[1], C, x = v.target, b = Math.abs(S) > Math.abs(y) ? "h" : "v";
+    if ("touches" in v && b === "h" && x.type === "range")
       return !1;
-    var C = vt(O, I);
-    if (!C)
+    var N = ct(b, x);
+    if (!N)
       return !0;
-    if (C ? T = O : (T = O === "v" ? "h" : "v", C = vt(O, I)), !C)
+    if (N ? C = b : (C = b === "v" ? "h" : "v", N = ct(b, x)), !N)
       return !1;
-    if (!o.current && "changedTouches" in p && (S || E) && (o.current = T), !T)
+    if (!o.current && "changedTouches" in v && (S || y) && (o.current = C), !C)
       return !0;
-    var P = o.current || T;
-    return mn(P, b, p, P === "h" ? S : E);
-  }, []), l = $.useCallback(function(p) {
-    var b = p;
-    if (!(!ee.length || ee[ee.length - 1] !== n)) {
-      var g = "deltaY" in b ? ht(b) : he(b), x = r.current.filter(function(T) {
-        return T.name === b.type && T.target === b.target && gn(T.delta, g);
+    var P = o.current || C;
+    return $n(P, g, v, P === "h" ? S : y);
+  }, []), u = c.useCallback(function(v) {
+    var g = v;
+    if (!(!G.length || G[G.length - 1] !== n)) {
+      var w = "deltaY" in g ? lt(g) : ue(g), E = t.current.filter(function(C) {
+        return C.name === g.type && (C.target === g.target || g.target === C.shadowParent) && In(C.delta, w);
       })[0];
-      if (x && x.should) {
-        b.cancelable && b.preventDefault();
+      if (E && E.should) {
+        g.cancelable && g.preventDefault();
         return;
       }
-      if (!x) {
-        var S = (i.current.shards || []).map(bt).filter(Boolean).filter(function(T) {
-          return T.contains(b.target);
-        }), E = S.length > 0 ? c(b, S[0]) : !i.current.noIsolation;
-        E && b.cancelable && b.preventDefault();
+      if (!E) {
+        var S = (s.current.shards || []).map(ut).filter(Boolean).filter(function(C) {
+          return C.contains(g.target);
+        }), y = S.length > 0 ? i(g, S[0]) : !s.current.noIsolation;
+        y && g.cancelable && g.preventDefault();
       }
     }
-  }, []), s = $.useCallback(function(p, b, g, x) {
-    var S = { name: p, delta: b, target: g, should: x };
-    r.current.push(S), setTimeout(function() {
-      r.current = r.current.filter(function(E) {
-        return E !== S;
+  }, []), l = c.useCallback(function(v, g, w, E) {
+    var S = { name: v, delta: g, target: w, should: E, shadowParent: jn(w) };
+    t.current.push(S), setTimeout(function() {
+      t.current = t.current.filter(function(y) {
+        return y !== S;
       });
     }, 1);
-  }, []), u = $.useCallback(function(p) {
-    t.current = he(p), o.current = void 0;
-  }, []), d = $.useCallback(function(p) {
-    s(p.type, ht(p), p.target, c(p, e.lockRef.current));
-  }, []), f = $.useCallback(function(p) {
-    s(p.type, he(p), p.target, c(p, e.lockRef.current));
+  }, []), d = c.useCallback(function(v) {
+    r.current = ue(v), o.current = void 0;
+  }, []), h = c.useCallback(function(v) {
+    l(v.type, lt(v), v.target, i(v, e.lockRef.current));
+  }, []), p = c.useCallback(function(v) {
+    l(v.type, ue(v), v.target, i(v, e.lockRef.current));
   }, []);
-  $.useEffect(function() {
-    return ee.push(n), e.setCallbacks({
-      onScrollCapture: d,
-      onWheelCapture: d,
-      onTouchMoveCapture: f
-    }), document.addEventListener("wheel", l, J), document.addEventListener("touchmove", l, J), document.addEventListener("touchstart", u, J), function() {
-      ee = ee.filter(function(p) {
-        return p !== n;
-      }), document.removeEventListener("wheel", l, J), document.removeEventListener("touchmove", l, J), document.removeEventListener("touchstart", u, J);
+  c.useEffect(function() {
+    return G.push(n), e.setCallbacks({
+      onScrollCapture: h,
+      onWheelCapture: h,
+      onTouchMoveCapture: p
+    }), document.addEventListener("wheel", u, X), document.addEventListener("touchmove", u, X), document.addEventListener("touchstart", d, X), function() {
+      G = G.filter(function(v) {
+        return v !== n;
+      }), document.removeEventListener("wheel", u, X), document.removeEventListener("touchmove", u, X), document.removeEventListener("touchstart", d, X);
     };
   }, []);
-  var v = e.removeScrollBar, m = e.inert;
-  return $.createElement(
-    $.Fragment,
+  var m = e.removeScrollBar, _ = e.inert;
+  return c.createElement(
+    c.Fragment,
     null,
-    m ? $.createElement(n, { styles: _n(a) }) : null,
-    v ? $.createElement(un, { gapMode: "margin" }) : null
+    _ ? c.createElement(n, { styles: kn(a) }) : null,
+    m ? c.createElement(An, { gapMode: e.gapMode }) : null
   );
 }
-const yn = Gr(Dt, wn);
-var Mt = $.forwardRef(function(e, r) {
-  return $.createElement(Ae, W({}, e, { ref: r, sideCar: yn }));
+function jn(e) {
+  for (var t = null; e !== null; )
+    e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
+  return t;
+}
+const Un = vn(xt, Fn);
+var Dt = c.forwardRef(function(e, t) {
+  return c.createElement(ye, I({}, e, { ref: t, sideCar: Un }));
 });
-Mt.classNames = Ae.classNames;
-var Sn = function(e) {
+Dt.classNames = ye.classNames;
+var zn = function(e) {
   if (typeof document > "u")
     return null;
-  var r = Array.isArray(e) ? e[0] : e;
-  return r.ownerDocument.body;
-}, te = /* @__PURE__ */ new WeakMap(), be = /* @__PURE__ */ new WeakMap(), me = {}, je = 0, It = function(e) {
-  return e && (e.host || It(e.parentNode));
-}, En = function(e, r) {
-  return r.map(function(t) {
-    if (e.contains(t))
-      return t;
-    var o = It(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(), de = /* @__PURE__ */ new WeakMap(), fe = {}, De = 0, Ot = function(e) {
+  return e && (e.host || Ot(e.parentNode));
+}, qn = function(e, t) {
+  return t.map(function(r) {
+    if (e.contains(r))
+      return r;
+    var o = Ot(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;
   });
-}, Cn = function(e, r, t, o) {
-  var a = En(r, Array.isArray(e) ? e : [e]);
-  me[t] || (me[t] = /* @__PURE__ */ new WeakMap());
-  var n = me[t], i = [], c = /* @__PURE__ */ new Set(), l = new Set(a), s = function(d) {
-    !d || c.has(d) || (c.add(d), s(d.parentNode));
+}, Hn = function(e, t, r, o) {
+  var a = qn(t, Array.isArray(e) ? e : [e]);
+  fe[r] || (fe[r] = /* @__PURE__ */ new WeakMap());
+  var n = fe[r], s = [], i = /* @__PURE__ */ new Set(), u = new Set(a), l = function(h) {
+    !h || i.has(h) || (i.add(h), l(h.parentNode));
   };
-  a.forEach(s);
-  var u = function(d) {
-    !d || l.has(d) || Array.prototype.forEach.call(d.children, function(f) {
-      if (c.has(f))
-        u(f);
+  a.forEach(l);
+  var d = function(h) {
+    !h || u.has(h) || Array.prototype.forEach.call(h.children, function(p) {
+      if (i.has(p))
+        d(p);
       else
         try {
-          var v = f.getAttribute(o), m = v !== null && v !== "false", p = (te.get(f) || 0) + 1, b = (n.get(f) || 0) + 1;
-          te.set(f, p), n.set(f, b), i.push(f), p === 1 && m && be.set(f, !0), b === 1 && f.setAttribute(t, "true"), m || f.setAttribute(o, "true");
-        } catch (g) {
-          console.error("aria-hidden: cannot operate on ", f, g);
+          var m = p.getAttribute(o), _ = m !== null && m !== "false", v = (K.get(p) || 0) + 1, g = (n.get(p) || 0) + 1;
+          K.set(p, v), n.set(p, g), s.push(p), v === 1 && _ && de.set(p, !0), g === 1 && p.setAttribute(r, "true"), _ || p.setAttribute(o, "true");
+        } catch (w) {
+          console.error("aria-hidden: cannot operate on ", p, w);
         }
     });
   };
-  return u(r), c.clear(), je++, function() {
-    i.forEach(function(d) {
-      var f = te.get(d) - 1, v = n.get(d) - 1;
-      te.set(d, f), n.set(d, v), f || (be.has(d) || d.removeAttribute(o), be.delete(d)), v || d.removeAttribute(t);
-    }), je--, je || (te = /* @__PURE__ */ new WeakMap(), te = /* @__PURE__ */ new WeakMap(), be = /* @__PURE__ */ new WeakMap(), me = {});
+  return d(t), i.clear(), De++, function() {
+    s.forEach(function(h) {
+      var p = K.get(h) - 1, m = n.get(h) - 1;
+      K.set(h, p), n.set(h, m), p || (de.has(h) || h.removeAttribute(o), de.delete(h)), m || h.removeAttribute(r);
+    }), De--, De || (K = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new WeakMap(), de = /* @__PURE__ */ new WeakMap(), fe = {});
   };
-}, Pn = function(e, r, t) {
-  t === void 0 && (t = "data-aria-hidden");
-  var o = Array.from(Array.isArray(e) ? e : [e]), a = Sn(e);
-  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), Cn(o, a, t, "aria-hidden")) : function() {
+}, Bn = function(e, t, r) {
+  r === void 0 && (r = "data-aria-hidden");
+  var o = Array.from(Array.isArray(e) ? e : [e]), a = zn(e);
+  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), Hn(o, a, r, "aria-hidden")) : function() {
     return null;
   };
-};
-const kt = "Dialog", [Ft, ga] = Ct(kt), [xn, j] = Ft(kt), Tn = (e) => {
-  const { __scopeDialog: r, children: t, open: o, defaultOpen: a, onOpenChange: n, modal: i = !0 } = e, c = A(null), l = A(null), [s = !1, u] = br({
+}, qe = "Dialog", [Lt, Pa] = gt(qe), [Yn, $] = Lt(qe), Mt = (e) => {
+  const {
+    __scopeDialog: t,
+    children: r,
+    open: o,
+    defaultOpen: a,
+    onOpenChange: n,
+    modal: s = !0
+  } = e, i = c.useRef(null), u = c.useRef(null), [l = !1, d] = Dr({
     prop: o,
     defaultProp: a,
     onChange: n
   });
-  return /* @__PURE__ */ h(xn, {
-    scope: r,
-    triggerRef: c,
-    contentRef: l,
-    contentId: Oe(),
-    titleId: Oe(),
-    descriptionId: Oe(),
-    open: s,
-    onOpenChange: u,
-    onOpenToggle: ae(
-      () => u(
-        (d) => !d
-      ),
-      [
-        u
-      ]
-    ),
-    modal: i
-  }, t);
-}, An = "DialogTrigger", Dn = /* @__PURE__ */ w((e, r) => {
-  const { __scopeDialog: t, ...o } = e, a = j(An, t), n = k(r, a.triggerRef);
-  return /* @__PURE__ */ h(F.button, y({
-    type: "button",
-    "aria-haspopup": "dialog",
-    "aria-expanded": a.open,
-    "aria-controls": a.contentId,
-    "data-state": tt(a.open)
-  }, o, {
-    ref: n,
-    onClick: L(e.onClick, a.onOpenToggle)
-  }));
-}), jt = "DialogPortal", [Nn, zt] = Ft(jt, {
+  return /* @__PURE__ */ f(
+    Yn,
+    {
+      scope: t,
+      triggerRef: i,
+      contentRef: u,
+      contentId: Ce(),
+      titleId: Ce(),
+      descriptionId: Ce(),
+      open: l,
+      onOpenChange: d,
+      onOpenToggle: c.useCallback(() => d((h) => !h), [d]),
+      modal: s,
+      children: r
+    }
+  );
+};
+Mt.displayName = qe;
+var $t = "DialogTrigger", It = c.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: r, ...o } = e, a = $($t, r), n = O(t, a.triggerRef);
+    return /* @__PURE__ */ f(
+      D.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": a.open,
+        "aria-controls": a.contentId,
+        "data-state": Ye(a.open),
+        ...o,
+        ref: n,
+        onClick: R(e.onClick, a.onOpenToggle)
+      }
+    );
+  }
+);
+It.displayName = $t;
+var He = "DialogPortal", [Vn, kt] = Lt(He, {
   forceMount: void 0
-}), On = (e) => {
-  const { __scopeDialog: r, forceMount: t, children: o, container: a } = e, n = j(jt, r);
-  return /* @__PURE__ */ h(Nn, {
-    scope: r,
-    forceMount: t
-  }, Z.map(
-    o,
-    (i) => /* @__PURE__ */ h(V, {
-      present: t || n.open
-    }, /* @__PURE__ */ h(kr, {
-      asChild: !0,
-      container: a
-    }, i))
-  ));
-}, Xe = "DialogOverlay", Ln = /* @__PURE__ */ w((e, r) => {
-  const t = zt(Xe, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = j(Xe, e.__scopeDialog);
-  return n.modal ? /* @__PURE__ */ h(V, {
-    present: o || n.open
-  }, /* @__PURE__ */ h(Rn, y({}, a, {
-    ref: r
-  }))) : null;
-}), Rn = /* @__PURE__ */ w((e, r) => {
-  const { __scopeDialog: t, ...o } = e, a = j(Xe, t);
-  return (
-    // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
-    // ie. when `Overlay` and `Content` are siblings
-    /* @__PURE__ */ h(Mt, {
-      as: et,
-      allowPinchZoom: !0,
-      shards: [
-        a.contentRef
-      ]
-    }, /* @__PURE__ */ h(F.div, y({
-      "data-state": tt(a.open)
-    }, o, {
-      ref: r,
-      style: {
-        pointerEvents: "auto",
-        ...o.style
+}), Wt = (e) => {
+  const { __scopeDialog: t, forceMount: r, children: o, container: a } = e, n = $(He, t);
+  return /* @__PURE__ */ f(Vn, { scope: t, forceMount: r, children: c.Children.map(o, (s) => /* @__PURE__ */ f(z, { present: r || n.open, children: /* @__PURE__ */ f(Et, { asChild: !0, container: a, children: s }) })) });
+};
+Wt.displayName = He;
+var _e = "DialogOverlay", Ft = c.forwardRef(
+  (e, t) => {
+    const r = kt(_e, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = $(_e, e.__scopeDialog);
+    return n.modal ? /* @__PURE__ */ f(z, { present: o || n.open, children: /* @__PURE__ */ f(Xn, { ...a, ref: t }) }) : null;
+  }
+);
+Ft.displayName = _e;
+var Xn = c.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: r, ...o } = e, a = $(_e, r);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ f(Dt, { as: ze, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
+        D.div,
+        {
+          "data-state": Ye(a.open),
+          ...o,
+          ref: t,
+          style: { pointerEvents: "auto", ...o.style }
+        }
+      ) })
+    );
+  }
+), B = "DialogContent", jt = c.forwardRef(
+  (e, t) => {
+    const r = kt(B, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = $(B, e.__scopeDialog);
+    return /* @__PURE__ */ f(z, { present: o || n.open, children: n.modal ? /* @__PURE__ */ f(Gn, { ...a, ref: t }) : /* @__PURE__ */ f(Kn, { ...a, ref: t }) });
+  }
+);
+jt.displayName = B;
+var Gn = c.forwardRef(
+  (e, t) => {
+    const r = $(B, e.__scopeDialog), o = c.useRef(null), a = O(t, r.contentRef, o);
+    return c.useEffect(() => {
+      const n = o.current;
+      if (n) return Bn(n);
+    }, []), /* @__PURE__ */ f(
+      Ut,
+      {
+        ...e,
+        ref: a,
+        trapFocus: r.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: R(e.onCloseAutoFocus, (n) => {
+          var s;
+          n.preventDefault(), (s = r.triggerRef.current) == null || s.focus();
+        }),
+        onPointerDownOutside: R(e.onPointerDownOutside, (n) => {
+          const s = n.detail.originalEvent, i = s.button === 0 && s.ctrlKey === !0;
+          (s.button === 2 || i) && n.preventDefault();
+        }),
+        onFocusOutside: R(
+          e.onFocusOutside,
+          (n) => n.preventDefault()
+        )
       }
-    })))
-  );
-}), fe = "DialogContent", Mn = /* @__PURE__ */ w((e, r) => {
-  const t = zt(fe, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = j(fe, e.__scopeDialog);
-  return /* @__PURE__ */ h(V, {
-    present: o || n.open
-  }, n.modal ? /* @__PURE__ */ h(In, y({}, a, {
-    ref: r
-  })) : /* @__PURE__ */ h(kn, y({}, a, {
-    ref: r
-  })));
-}), In = /* @__PURE__ */ w((e, r) => {
-  const t = j(fe, e.__scopeDialog), o = A(null), a = k(r, t.contentRef, o);
-  return D(() => {
-    const n = o.current;
-    if (n) return Pn(n);
-  }, []), /* @__PURE__ */ h(Wt, y({}, e, {
-    ref: a,
-    trapFocus: t.open,
-    disableOutsidePointerEvents: !0,
-    onCloseAutoFocus: L(e.onCloseAutoFocus, (n) => {
-      var i;
-      n.preventDefault(), (i = t.triggerRef.current) === null || i === void 0 || i.focus();
-    }),
-    onPointerDownOutside: L(e.onPointerDownOutside, (n) => {
-      const i = n.detail.originalEvent, c = i.button === 0 && i.ctrlKey === !0;
-      (i.button === 2 || c) && n.preventDefault();
-    }),
-    onFocusOutside: L(
-      e.onFocusOutside,
-      (n) => n.preventDefault()
-    )
-  }));
-}), kn = /* @__PURE__ */ w((e, r) => {
-  const t = j(fe, e.__scopeDialog), o = A(!1), a = A(!1);
-  return /* @__PURE__ */ h(Wt, y({}, e, {
-    ref: r,
-    trapFocus: !1,
-    disableOutsidePointerEvents: !1,
-    onCloseAutoFocus: (n) => {
-      var i;
-      if ((i = e.onCloseAutoFocus) === null || i === void 0 || i.call(e, n), !n.defaultPrevented) {
-        var c;
-        o.current || (c = t.triggerRef.current) === null || c === void 0 || c.focus(), n.preventDefault();
+    );
+  }
+), Kn = c.forwardRef(
+  (e, t) => {
+    const r = $(B, e.__scopeDialog), o = c.useRef(!1), a = c.useRef(!1);
+    return /* @__PURE__ */ f(
+      Ut,
+      {
+        ...e,
+        ref: t,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (n) => {
+          var s, i;
+          (s = e.onCloseAutoFocus) == null || s.call(e, n), n.defaultPrevented || (o.current || (i = r.triggerRef.current) == null || i.focus(), n.preventDefault()), o.current = !1, a.current = !1;
+        },
+        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 = r.triggerRef.current) == null ? void 0 : l.contains(s)) && n.preventDefault(), n.detail.originalEvent.type === "focusin" && a.current && n.preventDefault();
+        }
       }
-      o.current = !1, a.current = !1;
-    },
-    onInteractOutside: (n) => {
-      var i, c;
-      (i = e.onInteractOutside) === null || i === void 0 || i.call(e, n), n.defaultPrevented || (o.current = !0, n.detail.originalEvent.type === "pointerdown" && (a.current = !0));
-      const l = n.target;
-      ((c = t.triggerRef.current) === null || c === void 0 ? void 0 : c.contains(l)) && n.preventDefault(), n.detail.originalEvent.type === "focusin" && a.current && n.preventDefault();
-    }
-  }));
-}), Wt = /* @__PURE__ */ w((e, r) => {
-  const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...i } = e, c = j(fe, t), l = A(null), s = k(r, l);
-  return zr(), /* @__PURE__ */ h(Je, null, /* @__PURE__ */ h(Dr, {
-    asChild: !0,
-    loop: !0,
-    trapped: o,
-    onMountAutoFocus: a,
-    onUnmountAutoFocus: n
-  }, /* @__PURE__ */ h(xr, y({
-    role: "dialog",
-    id: c.contentId,
-    "aria-describedby": c.descriptionId,
-    "aria-labelledby": c.titleId,
-    "data-state": tt(c.open)
-  }, i, {
-    ref: s,
-    onDismiss: () => c.onOpenChange(!1)
-  }))), !1);
-}), Fn = "DialogTitle", jn = /* @__PURE__ */ w((e, r) => {
-  const { __scopeDialog: t, ...o } = e, a = j(Fn, t);
-  return /* @__PURE__ */ h(F.h2, y({
-    id: a.titleId
-  }, o, {
-    ref: r
-  }));
-}), zn = "DialogDescription", Wn = /* @__PURE__ */ w((e, r) => {
-  const { __scopeDialog: t, ...o } = e, a = j(zn, t);
-  return /* @__PURE__ */ h(F.p, y({
-    id: a.descriptionId
-  }, o, {
-    ref: r
-  }));
-}), Un = "DialogClose", qn = /* @__PURE__ */ w((e, r) => {
-  const { __scopeDialog: t, ...o } = e, a = j(Un, t);
-  return /* @__PURE__ */ h(F.button, y({
-    type: "button"
-  }, o, {
-    ref: r,
-    onClick: L(
-      e.onClick,
-      () => a.onOpenChange(!1)
-    )
-  }));
-});
-function tt(e) {
+    );
+  }
+), Ut = c.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: r, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...s } = e, i = $(B, r), u = c.useRef(null), l = O(t, u);
+    return on(), /* @__PURE__ */ L(ie, { children: [
+      /* @__PURE__ */ f(
+        yt,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: o,
+          onMountAutoFocus: a,
+          onUnmountAutoFocus: n,
+          children: /* @__PURE__ */ f(
+            wt,
+            {
+              role: "dialog",
+              id: i.contentId,
+              "aria-describedby": i.descriptionId,
+              "aria-labelledby": i.titleId,
+              "data-state": Ye(i.open),
+              ...s,
+              ref: l,
+              onDismiss: () => i.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ L(ie, { children: [
+        /* @__PURE__ */ f(Zn, { titleId: i.titleId }),
+        /* @__PURE__ */ f(Jn, { contentRef: u, descriptionId: i.descriptionId })
+      ] })
+    ] });
+  }
+), Be = "DialogTitle", zt = c.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: r, ...o } = e, a = $(Be, r);
+    return /* @__PURE__ */ f(D.h2, { id: a.titleId, ...o, ref: t });
+  }
+);
+zt.displayName = Be;
+var qt = "DialogDescription", Ht = c.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: r, ...o } = e, a = $(qt, r);
+    return /* @__PURE__ */ f(D.p, { id: a.descriptionId, ...o, ref: t });
+  }
+);
+Ht.displayName = qt;
+var Bt = "DialogClose", Yt = c.forwardRef(
+  (e, t) => {
+    const { __scopeDialog: r, ...o } = e, a = $(Bt, r);
+    return /* @__PURE__ */ f(
+      D.button,
+      {
+        type: "button",
+        ...o,
+        ref: t,
+        onClick: R(e.onClick, () => a.onOpenChange(!1))
+      }
+    );
+  }
+);
+Yt.displayName = Bt;
+function Ye(e) {
   return e ? "open" : "closed";
 }
-const Hn = Tn, Yn = Dn, Xn = On, Bn = Ln, Vn = Mn, mt = jn, Kn = Wn, Gn = qn;
-function Zn(e) {
+var Vt = "DialogTitleWarning", [xa, Xt] = Nr(Vt, {
+  contentName: B,
+  titleName: Be,
+  docsSlug: "dialog"
+}), Zn = ({ titleId: e }) => {
+  const t = Xt(Vt), r = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+
+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/${t.docsSlug}`;
+  return c.useEffect(() => {
+    e && (document.getElementById(e) || console.error(r));
+  }, [r, e]), null;
+}, Qn = "DialogDescriptionWarning", Jn = ({ contentRef: e, descriptionId: t }) => {
+  const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Xt(Qn).contentName}}.`;
+  return c.useEffect(() => {
+    var n;
+    const a = (n = e.current) == null ? void 0 : n.getAttribute("aria-describedby");
+    t && a && (document.getElementById(t) || console.warn(o));
+  }, [o, e, t]), null;
+}, eo = Mt, to = It, ro = Wt, no = Ft, oo = jt, dt = zt, ao = Ht, io = Yt;
+function so(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Ut = { exports: {} };
+var Gt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1356,11 +1298,11 @@ var Ut = { exports: {} };
 */
 (function(e) {
   (function() {
-    var r = {}.hasOwnProperty;
-    function t() {
-      for (var n = "", i = 0; i < arguments.length; i++) {
-        var c = arguments[i];
-        c && (n = a(n, o.call(this, c)));
+    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)));
       }
       return n;
     }
@@ -1370,60 +1312,60 @@ var Ut = { exports: {} };
       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 i = "";
-      for (var c in n)
-        r.call(n, c) && n[c] && (i = a(i, this && this[c] || c));
-      return i;
+      var s = "";
+      for (var i in n)
+        t.call(n, i) && n[i] && (s = a(s, this && this[i] || i));
+      return s;
     }
-    function a(n, i) {
-      return i ? n ? n + " " + i : n + i : n;
+    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;
   })();
-})(Ut);
-var Qn = Ut.exports;
-const Q = /* @__PURE__ */ Zn(Qn), qt = de(null), Jn = {}, eo = "_drawerSmallScreenAnimation_10vdf_1", to = "_drawerLargeScreenAnimation_10vdf_1", ro = "_slideDown_10vdf_1", no = "_overlayAnimation_10vdf_1", oo = {
+})(Gt);
+var co = Gt.exports;
+const Y = /* @__PURE__ */ so(co), Kt = yr(null), lo = {}, uo = "_drawerSmallScreenAnimation_10vdf_1", fo = "_drawerLargeScreenAnimation_10vdf_1", po = "_slideDown_10vdf_1", ho = "_overlayAnimation_10vdf_1", vo = {
   "purpur-drawer-content": "_purpur-drawer-content_10vdf_1",
-  drawerSmallScreenAnimation: eo,
-  drawerLargeScreenAnimation: to,
+  drawerSmallScreenAnimation: uo,
+  drawerLargeScreenAnimation: fo,
   "purpur-drawer-content__content-container": "_purpur-drawer-content__content-container_10vdf_22",
   "purpur-drawer-content__drawer-frame": "_purpur-drawer-content__drawer-frame_10vdf_27",
-  slideDown: ro,
+  slideDown: po,
   "purpur-drawer-content__description": "_purpur-drawer-content__description_10vdf_37",
   "purpur-drawer-overlay": "_purpur-drawer-overlay_10vdf_48",
-  overlayAnimation: no
-}, ao = {
+  overlayAnimation: ho
+}, mo = {
   "purpur-drawer-container--header": "_purpur-drawer-container--header_1r6tb_1",
   "purpur-drawer-container--body": "_purpur-drawer-container--body_1r6tb_5",
   "purpur-drawer-container--sticky": "_purpur-drawer-container--sticky_1r6tb_8",
   "purpur-drawer-container--footer": "_purpur-drawer-container--footer_1r6tb_11"
-}, co = Q.bind(ao), ze = "purpur-drawer-container", ne = w(
+}, go = Y.bind(mo), Oe = "purpur-drawer-container", Q = U(
   ({
     ["data-testid"]: e = "purpur-drawer-container",
-    children: r,
-    className: t,
+    children: t,
+    className: r,
     variant: o = "body",
     stickyFooter: a,
     ...n
-  }, i) => {
-    const c = co([
-      t,
-      ze,
+  }, s) => {
+    const i = go([
+      r,
+      Oe,
       {
-        [`${ze}--${o}`]: o
+        [`${Oe}--${o}`]: o
       },
       {
-        [`${ze}--sticky`]: a
+        [`${Oe}--sticky`]: a
       }
     ]);
-    return /* @__PURE__ */ _("div", { className: c, "data-testid": e, ref: i, ...n, children: r });
+    return /* @__PURE__ */ f("div", { className: i, "data-testid": e, ref: s, ...n, children: t });
   }
 );
-ne.displayName = "DrawerContainer";
-const io = {
+Q.displayName = "DrawerContainer";
+const _o = {
   "purpur-drawer-frame": "_purpur-drawer-frame_jj7dt_1",
   "purpur-drawer-frame--sticky-footer": "_purpur-drawer-frame--sticky-footer_jj7dt_17",
   "purpur-drawer-frame__header": "_purpur-drawer-frame__header_jj7dt_20",
@@ -1431,74 +1373,74 @@ const io = {
   "purpur-drawer-frame__footer": "_purpur-drawer-frame__footer_jj7dt_27",
   "purpur-drawer-frame__content-container": "_purpur-drawer-frame__content-container_jj7dt_30",
   "purpur-drawer-frame__content-container--no-footer": "_purpur-drawer-frame__content-container--no-footer_jj7dt_35"
-}, so = {
+}, wo = {
   "purpur-drawer-handle": "_purpur-drawer-handle_3n0ew_1"
-}, lo = (e, r, t, o, a, n) => ({
-  onPointerDown: (s) => {
-    e.current = { y: s.clientY };
+}, bo = (e, t, r, o, a, n) => ({
+  onPointerDown: (l) => {
+    e.current = { y: l.clientY };
   },
-  onPointerMove: (s) => {
+  onPointerMove: (l) => {
     if (!e.current)
       return;
-    const u = s.clientY - e.current.y, d = !!r.current, f = Math.max(0, u), v = s.pointerType === "touch" ? 10 : 2, m = { y: f }, p = { originalEvent: s, delta: m };
-    d ? (r.current = m, o(p)) : gt(m, 0) ? (r.current = m, t(), s.target.setPointerCapture(s.pointerId)) : Math.abs(u) > v && (e.current = null);
+    const d = l.clientY - e.current.y, h = !!t.current, p = Math.max(0, d), m = l.pointerType === "touch" ? 10 : 2, _ = { y: p }, v = { originalEvent: l, delta: _ };
+    h ? (t.current = _, o(v)) : ft(_, 0) ? (t.current = _, r(), l.target.setPointerCapture(l.pointerId)) : Math.abs(d) > m && (e.current = null);
   },
-  onPointerUp: (s) => {
-    const u = r.current, d = s.target;
-    if (d.hasPointerCapture(s.pointerId) && d.releasePointerCapture(s.pointerId), r.current = null, e.current = null, u) {
-      const f = s.currentTarget, v = { originalEvent: s, delta: u };
-      gt(u, 0) && u.y > 200 ? n(v) : a(), f.addEventListener("click", (m) => m.preventDefault(), {
+  onPointerUp: (l) => {
+    const d = t.current, h = l.target;
+    if (h.hasPointerCapture(l.pointerId) && h.releasePointerCapture(l.pointerId), t.current = null, e.current = null, d) {
+      const p = l.currentTarget, m = { originalEvent: l, delta: d };
+      ft(d, 0) && d.y > 200 ? n(m) : a(), p.addEventListener("click", (_) => _.preventDefault(), {
         once: !0
       });
     }
   }
-}), gt = (e, r = 0) => Math.abs(e.y) > r, uo = Q.bind(so), fo = "purpur-drawer-handle", Ht = w(
+}), ft = (e, t = 0) => Math.abs(e.y) > t, yo = Y.bind(wo), So = "purpur-drawer-handle", Zt = U(
   ({
     ["data-testid"]: e = "purpur-drawer-handle",
-    className: r,
-    onSwipeStart: t,
+    className: t,
+    onSwipeStart: r,
     onSwipeMove: o,
     onSwipeCancel: a,
     onSwipeEnd: n,
-    ...i
-  }, c) => {
-    const l = uo([r, fo]), s = Ue.useRef(null), u = Ue.useRef(null), { onPointerDown: d, onPointerMove: f, onPointerUp: v } = lo(
-      u,
-      s,
-      t,
+    ...s
+  }, i) => {
+    const u = yo([t, So]), l = Me.useRef(null), d = Me.useRef(null), { onPointerDown: h, onPointerMove: p, onPointerUp: m } = bo(
+      d,
+      l,
+      r,
       o,
       a,
       n
     );
-    return /* @__PURE__ */ _(
+    return /* @__PURE__ */ f(
       "div",
       {
-        className: l,
+        className: u,
         "data-testid": e,
-        onPointerDown: d,
-        onPointerMove: f,
-        onPointerUp: v,
-        ref: c,
-        ...i
+        onPointerDown: h,
+        onPointerMove: p,
+        onPointerUp: m,
+        ref: i,
+        ...s
       }
     );
   }
 );
-Ht.displayName = "DrawerHandle";
-const po = {
+Zt.displayName = "DrawerHandle";
+const Eo = {
   PRIMARY: "primary",
   SECONDARY: "secondary",
   EXPRESSIVE: "expressive"
-}, vo = {
+}, Co = {
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
 };
-function ho(e) {
+function Po(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Yt = { exports: {} };
+var Qt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1506,11 +1448,11 @@ var Yt = { exports: {} };
 */
 (function(e) {
   (function() {
-    var r = {}.hasOwnProperty;
-    function t() {
-      for (var n = "", i = 0; i < arguments.length; i++) {
-        var c = arguments[i];
-        c && (n = a(n, o(c)));
+    var t = {}.hasOwnProperty;
+    function r() {
+      for (var n = "", s = 0; s < arguments.length; s++) {
+        var i = arguments[s];
+        i && (n = a(n, o(i)));
       }
       return n;
     }
@@ -1520,57 +1462,57 @@ var Yt = { exports: {} };
       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 i = "";
-      for (var c in n)
-        r.call(n, c) && n[c] && (i = a(i, c));
-      return i;
+      var s = "";
+      for (var i in n)
+        t.call(n, i) && n[i] && (s = a(s, i));
+      return s;
     }
-    function a(n, i) {
-      return i ? n ? n + " " + i : n + i : n;
+    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;
   })();
-})(Yt);
-var bo = Yt.exports;
-const _t = /* @__PURE__ */ ho(bo), mo = "_rotate_1xozj_1", go = "_dash_1xozj_1", ce = {
+})(Qt);
+var xo = Qt.exports;
+const pt = /* @__PURE__ */ Po(xo), No = "_rotate_1xozj_1", Ao = "_dash_1xozj_1", te = {
   "purpur-spinner": "_purpur-spinner_1xozj_1",
-  rotate: mo,
+  rotate: No,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
   "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
   "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
   "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
   "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
   "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
-  dash: go,
+  dash: Ao,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
-}, ie = "purpur-spinner", _o = {
+}, re = "purpur-spinner", Ro = {
   XXS: "xxs",
   XS: "xs",
   SM: "sm",
   MD: "md",
   LG: "lg"
-}, $o = ({
+}, To = ({
   ["data-testid"]: e,
-  disabled: r = !1,
-  negative: t = !1,
-  size: o = _o.SM,
+  disabled: t = !1,
+  negative: r = !1,
+  size: o = Ro.SM,
   ...a
-}) => /* @__PURE__ */ _(
+}) => /* @__PURE__ */ f(
   "div",
   {
-    className: _t([ce[ie], ce[`${ie}--${o}`]]),
+    className: pt([te[re], te[`${re}--${o}`]]),
     "data-testid": e,
     ...a,
-    children: /* @__PURE__ */ _("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ _(
+    children: /* @__PURE__ */ f("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ f(
       "circle",
       {
-        className: _t(ce[`${ie}__circle`], {
-          [ce[`${ie}__circle--disabled`]]: r,
-          [ce[`${ie}__circle--negative`]]: t
+        className: pt(te[`${re}__circle`], {
+          [te[`${re}__circle--disabled`]]: t,
+          [te[`${re}__circle--negative`]]: r
         }),
         cx: "25",
         cy: "25",
@@ -1579,10 +1521,10 @@ const _t = /* @__PURE__ */ ho(bo), mo = "_rotate_1xozj_1", go = "_dash_1xozj_1",
     ) })
   }
 );
-function wo(e) {
+function Do(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Xt = { exports: {} };
+var Jt = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1590,11 +1532,11 @@ var Xt = { exports: {} };
 */
 (function(e) {
   (function() {
-    var r = {}.hasOwnProperty;
-    function t() {
-      for (var n = "", i = 0; i < arguments.length; i++) {
-        var c = arguments[i];
-        c && (n = a(n, o.call(this, c)));
+    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)));
       }
       return n;
     }
@@ -1604,22 +1546,22 @@ var Xt = { exports: {} };
       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 i = "";
-      for (var c in n)
-        r.call(n, c) && n[c] && (i = a(i, this && this[c] || c));
-      return i;
+      var s = "";
+      for (var i in n)
+        t.call(n, i) && n[i] && (s = a(s, this && this[i] || i));
+      return s;
     }
-    function a(n, i) {
-      return i ? n ? n + " " + i : n + i : n;
+    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;
   })();
-})(Xt);
-var yo = Xt.exports;
-const So = /* @__PURE__ */ wo(yo), Eo = {
+})(Jt);
+var Oo = Jt.exports;
+const Lo = /* @__PURE__ */ Do(Oo), Mo = {
   "purpur-button": "_purpur-button_w455q_1",
   "purpur-button--xs": "_purpur-button--xs_w455q_33",
   "purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
@@ -1641,67 +1583,67 @@ const So = /* @__PURE__ */ wo(yo), Eo = {
   "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_w455q_166",
   "purpur-button--text-negative": "_purpur-button--text-negative_w455q_181",
   "purpur-button--text": "_purpur-button--text_w455q_181"
-}, We = {
-  ...po,
+}, Le = {
+  ...Eo,
   DESTRUCTIVE: "destructive",
   TERTIARY_PURPLE: "tertiary-purple",
   TEXT: "text"
-}, Co = So.bind(Eo), K = "purpur-button", Po = ({
+}, $o = Lo.bind(Mo), q = "purpur-button", Io = ({
   children: e,
-  className: r,
-  ["data-testid"]: t,
+  className: t,
+  ["data-testid"]: r,
   disabled: o = !1,
   fullWidth: a = !1,
   iconOnly: n,
-  loading: i = !1,
-  negative: c = !1,
-  onClick: l,
-  size: s = "md",
-  variant: u,
-  type: d = "button",
-  ...f
-}, v) => {
-  if (n && u === "destructive")
+  loading: s = !1,
+  negative: i = !1,
+  onClick: u,
+  size: l = "md",
+  variant: d,
+  type: h = "button",
+  ...p
+}, m) => {
+  if (n && d === "destructive")
     return null;
-  const m = Co(
+  const _ = $o(
     [
-      K,
-      `${K}--${c ? `${u}-negative` : u}`,
-      `${K}--${s}`
+      q,
+      `${q}--${i ? `${d}-negative` : d}`,
+      `${q}--${l}`
     ],
     {
-      [`${K}--icon-only`]: n,
-      [`${K}--negative`]: c,
-      [`${K}--full-width`]: a,
-      [`${K}--disabled`]: o || i
+      [`${q}--icon-only`]: n,
+      [`${q}--negative`]: i,
+      [`${q}--full-width`]: a,
+      [`${q}--disabled`]: o || s
     },
-    r
-  ), p = (g) => {
-    o || i ? g.preventDefault() : l && l(g);
-  }, b = !!f["aria-disabled"] || o || i;
-  return /* @__PURE__ */ H(
+    t
+  ), v = (w) => {
+    o || s ? w.preventDefault() : u && u(w);
+  }, g = !!p["aria-disabled"] || o || s;
+  return /* @__PURE__ */ L(
     "button",
     {
-      className: m,
-      "data-testid": t,
-      type: d,
-      ref: v,
-      "aria-disabled": b,
-      onClick: p,
-      ...f,
+      className: _,
+      "data-testid": r,
+      type: h,
+      ref: m,
+      "aria-disabled": g,
+      onClick: v,
+      ...p,
       children: [
-        i && /* @__PURE__ */ _($o, { size: s === vo.LG ? "xs" : "xxs", negative: c, disabled: b }),
+        s && /* @__PURE__ */ f(To, { size: l === Co.LG ? "xs" : "xxs", negative: i, disabled: g }),
         " ",
         e
       ]
     }
   );
-}, Be = w(Po);
-Be.displayName = "Button";
-function xo(e) {
+}, We = U(Io);
+We.displayName = "Button";
+function ko(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Bt = { exports: {} };
+var er = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1709,11 +1651,11 @@ var Bt = { exports: {} };
 */
 (function(e) {
   (function() {
-    var r = {}.hasOwnProperty;
-    function t() {
-      for (var n = "", i = 0; i < arguments.length; i++) {
-        var c = arguments[i];
-        c && (n = a(n, o(c)));
+    var t = {}.hasOwnProperty;
+    function r() {
+      for (var n = "", s = 0; s < arguments.length; s++) {
+        var i = arguments[s];
+        i && (n = a(n, o(i)));
       }
       return n;
     }
@@ -1723,22 +1665,22 @@ var Bt = { exports: {} };
       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 i = "";
-      for (var c in n)
-        r.call(n, c) && n[c] && (i = a(i, c));
-      return i;
+      var s = "";
+      for (var i in n)
+        t.call(n, i) && n[i] && (s = a(s, i));
+      return s;
     }
-    function a(n, i) {
-      return i ? n ? n + " " + i : n + i : n;
+    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;
   })();
-})(Bt);
-var To = Bt.exports;
-const Ao = /* @__PURE__ */ xo(To), ge = {
+})(er);
+var Wo = er.exports;
+const Fo = /* @__PURE__ */ ko(Wo), pe = {
   "purpur-heading": "_purpur-heading_k9fhq_1",
   "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
   "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
@@ -1754,7 +1696,7 @@ const Ao = /* @__PURE__ */ xo(To), ge = {
   "purpur-heading--display-50": "_purpur-heading--display-50_k9fhq_68",
   "purpur-heading--display-100": "_purpur-heading--display-100_k9fhq_74",
   "purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
-}, Ve = {
+}, Fe = {
   TITLE100: "title-100",
   TITLE200: "title-200",
   TITLE300: "title-300",
@@ -1763,32 +1705,32 @@ const Ao = /* @__PURE__ */ xo(To), ge = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, _e = "purpur-heading", Ke = ({
+}, he = "purpur-heading", je = ({
   ["data-testid"]: e,
-  children: r,
-  className: t = "",
+  children: t,
+  className: r = "",
   enableHyphenation: o = !1,
   negative: a = !1,
   tag: n,
-  variant: i = Ve.TITLE100,
-  ...c
+  variant: s = Fe.TITLE100,
+  ...i
 }) => {
-  const l = n, s = Ao([
-    t,
-    ge[_e],
-    ge[`${_e}--${i}`],
+  const u = n, l = Fo([
+    r,
+    pe[he],
+    pe[`${he}--${s}`],
     {
-      [ge[`${_e}--hyphens`]]: o,
-      [ge[`${_e}--negative`]]: a
+      [pe[`${he}--hyphens`]]: o,
+      [pe[`${he}--negative`]]: a
     }
   ]);
-  return /* @__PURE__ */ _(l, { ...c, className: s, "data-testid": e, children: r });
+  return /* @__PURE__ */ f(u, { ...i, className: l, "data-testid": e, children: t });
 };
-Ke.displayName = "Heading";
-function Do(e) {
+je.displayName = "Heading";
+function jo(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var Vt = { exports: {} };
+var tr = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -1796,11 +1738,11 @@ var Vt = { exports: {} };
 */
 (function(e) {
   (function() {
-    var r = {}.hasOwnProperty;
-    function t() {
-      for (var n = "", i = 0; i < arguments.length; i++) {
-        var c = arguments[i];
-        c && (n = a(n, o.call(this, c)));
+    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)));
       }
       return n;
     }
@@ -1810,22 +1752,22 @@ var Vt = { exports: {} };
       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 i = "";
-      for (var c in n)
-        r.call(n, c) && n[c] && (i = a(i, this && this[c] || c));
-      return i;
+      var s = "";
+      for (var i in n)
+        t.call(n, i) && n[i] && (s = a(s, this && this[i] || i));
+      return s;
     }
-    function a(n, i) {
-      return i ? n ? n + " " + i : n + i : n;
+    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;
   })();
-})(Vt);
-var No = Vt.exports;
-const Oo = /* @__PURE__ */ Do(No), Lo = {
+})(tr);
+var Uo = tr.exports;
+const zo = /* @__PURE__ */ jo(Uo), qo = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -1833,278 +1775,279 @@ const Oo = /* @__PURE__ */ Do(No), Lo = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, Ro = Oo.bind(Lo), $t = "purpur-icon", Mo = "md", Io = (e) => e.filter((r) => Object.keys(r).length >= 1).map((r) => `${r.name}="${r.value}"`).join(" "), ko = ({ content: e = "", title: r } = {}) => {
-  const t = [
+}, Ho = zo.bind(qo), ht = "purpur-icon", Bo = "md", Yo = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), Vo = ({ 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 ${Io(t)}>${o}${e}</svg>`;
-}, Fo = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), rt = ({
+    t ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], o = t ? `<title>${t}</title>` : "";
+  return `<svg ${Yo(r)}>${o}${e}</svg>`;
+}, Xo = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Ve = ({
   ["data-testid"]: e,
-  svg: r,
-  allyTitle: t,
+  svg: t,
+  allyTitle: r,
   className: o,
-  size: a = Mo,
+  size: a = Bo,
   ...n
 }) => {
-  const i = ko({
-    content: Fo(r.svg),
-    title: t
-  }), c = Ro(o, $t, `${$t}--${a}`);
-  return /* @__PURE__ */ _(
+  const s = Vo({
+    content: Xo(t.svg),
+    title: r
+  }), i = Ho(o, ht, `${ht}--${a}`);
+  return /* @__PURE__ */ f(
     "span",
     {
-      "aria-label": t,
-      className: c,
+      "aria-label": r,
+      className: i,
       "data-testid": e,
-      dangerouslySetInnerHTML: { __html: i },
+      dangerouslySetInnerHTML: { __html: s },
       ...n
     }
   );
 };
-rt.displayName = "Icon";
-const jo = {
+Ve.displayName = "Icon";
+const Go = {
   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"
-}, Kt = (e) => /* @__PURE__ */ _(rt, { ...e, svg: jo });
-Kt.displayName = "IconArrowLeft";
-const zo = {
+}, rr = (e) => /* @__PURE__ */ f(Ve, { ...e, svg: Go });
+rr.displayName = "IconArrowLeft";
+const Ko = {
   name: "close",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',
   keywords: ["close"],
   category: "utility"
-}, Gt = (e) => /* @__PURE__ */ _(rt, { ...e, svg: zo });
-Gt.displayName = "IconClose";
-const Wo = {
+}, nr = (e) => /* @__PURE__ */ f(Ve, { ...e, svg: Ko });
+nr.displayName = "IconClose";
+const Zo = {
   "purpur-drawer-header__row": "_purpur-drawer-header__row_1yg5w_1",
   "purpur-drawer-header__row--with-back-button": "_purpur-drawer-header__row--with-back-button_1yg5w_6",
   "purpur-drawer-header__left": "_purpur-drawer-header__left_1yg5w_9",
   "purpur-drawer-header__right": "_purpur-drawer-header__right_1yg5w_12",
   "purpur-drawer-header__close-button": "_purpur-drawer-header__close-button_1yg5w_15",
   "purpur-drawer-header__back-button--only-icon": "_purpur-drawer-header__back-button--only-icon_1yg5w_18"
-}, G = Q.bind(Wo), q = "purpur-drawer-header", Zt = w(
+}, H = Y.bind(Zo), W = "purpur-drawer-header", or = U(
   ({
     ["data-testid"]: e = "purpur-drawer-header",
-    backButton: r,
-    backButtonText: t,
+    backButton: t,
+    backButtonText: r,
     backButtonOnlyIcon: o,
     className: a,
     closeButtonText: n,
-    onBackButtonClick: i,
-    title: c,
-    ...l
-  }, s) => {
-    const u = G([a, q]);
-    return /* @__PURE__ */ H("div", { className: u, "data-testid": e, ref: s, ...l, children: [
-      /* @__PURE__ */ H(
+    onBackButtonClick: s,
+    title: i,
+    ...u
+  }, l) => {
+    const d = H([a, W]);
+    return /* @__PURE__ */ L("div", { className: d, "data-testid": e, ref: l, ...u, children: [
+      /* @__PURE__ */ L(
         "div",
         {
-          className: G([
-            `${q}__row`,
+          className: H([
+            `${W}__row`,
             {
-              [`${q}__row--with-back-button`]: r && t && i
+              [`${W}__row--with-back-button`]: t && r && s
             }
           ]),
           "data-testid": `${e}-row`,
           children: [
-            /* @__PURE__ */ _("div", { className: G(`${q}__left`), children: r && t && i ? /* @__PURE__ */ H(
-              Be,
+            /* @__PURE__ */ f("div", { className: H(`${W}__left`), children: t && r && s ? /* @__PURE__ */ L(
+              We,
               {
-                "aria-label": o ? t : "",
-                className: G([
-                  `${q}__back-button`,
+                "aria-label": o ? r : "",
+                className: H([
+                  `${W}__back-button`,
                   {
-                    [`${q}__back-button--only-icon`]: o
+                    [`${W}__back-button--only-icon`]: o
                   }
                 ]),
                 "data-testid": `${e}-back-button`,
                 iconOnly: o,
-                onClick: i,
+                onClick: s,
                 size: "sm",
-                variant: o ? We.TERTIARY_PURPLE : We.TEXT,
+                variant: o ? Le.TERTIARY_PURPLE : Le.TEXT,
                 children: [
-                  /* @__PURE__ */ _(Kt, { size: "sm" }),
-                  !o && t
+                  /* @__PURE__ */ f(rr, { size: "sm" }),
+                  !o && r
                 ]
               }
-            ) : /* @__PURE__ */ _(mt, { asChild: !0, children: /* @__PURE__ */ _(
-              Ke,
+            ) : /* @__PURE__ */ f(dt, { asChild: !0, children: /* @__PURE__ */ f(
+              je,
               {
                 "data-testid": `${e}-title`,
                 tag: "h2",
-                variant: Ve.TITLE200,
-                children: c
+                variant: Fe.TITLE200,
+                children: i
               }
             ) }) }),
-            /* @__PURE__ */ _("div", { className: G(`${q}__right`), children: /* @__PURE__ */ _(Gn, { asChild: !0, children: /* @__PURE__ */ _(
-              Be,
+            /* @__PURE__ */ f("div", { className: H(`${W}__right`), children: /* @__PURE__ */ f(io, { asChild: !0, children: /* @__PURE__ */ f(
+              We,
               {
                 "aria-label": n,
-                className: G(`${q}__close-button`),
+                className: H(`${W}__close-button`),
                 iconOnly: !0,
                 size: "sm",
-                variant: We.TERTIARY_PURPLE,
-                children: /* @__PURE__ */ _(Gt, { size: "sm" })
+                variant: Le.TERTIARY_PURPLE,
+                children: /* @__PURE__ */ f(nr, { size: "sm" })
               }
             ) }) })
           ]
         }
       ),
-      r && t && i && /* @__PURE__ */ _(mt, { asChild: !0, children: /* @__PURE__ */ _(
-        Ke,
+      t && r && s && /* @__PURE__ */ f(dt, { asChild: !0, children: /* @__PURE__ */ f(
+        je,
         {
-          className: G(`${q}__heading`),
+          className: H(`${W}__heading`),
           "data-testid": `${e}-title-with-back-button`,
           tag: "h2",
-          variant: Ve.TITLE200,
-          children: c
+          variant: Fe.TITLE200,
+          children: i
         }
       ) })
     ] });
   }
 );
-Zt.displayName = "DrawerHeader";
-const Uo = /* @__PURE__ */ de(void 0);
-function qo(e) {
-  const r = Te(Uo);
-  return e || r || "ltr";
-}
-function Ho(e, [r, t]) {
-  return Math.min(t, Math.max(r, e));
-}
-function Yo(e, r) {
-  return yt((t, o) => {
-    const a = r[t][o];
-    return a ?? t;
-  }, e);
-}
-const Qt = "ScrollArea", [Jt, _a] = Ct(Qt), [Xo, U] = Jt(Qt), Bo = /* @__PURE__ */ w((e, r) => {
-  const { __scopeScrollArea: t, type: o = "hover", dir: a, scrollHideDelay: n = 600, ...i } = e, [c, l] = N(null), [s, u] = N(null), [d, f] = N(null), [v, m] = N(null), [p, b] = N(null), [g, x] = N(0), [S, E] = N(0), [T, I] = N(!1), [O, C] = N(!1), P = k(
-    r,
-    (z) => l(z)
-  ), R = qo(a);
-  return /* @__PURE__ */ h(Xo, {
-    scope: t,
-    type: o,
-    dir: R,
-    scrollHideDelay: n,
-    scrollArea: c,
-    viewport: s,
-    onViewportChange: u,
-    content: d,
-    onContentChange: f,
-    scrollbarX: v,
-    onScrollbarXChange: m,
-    scrollbarXEnabled: T,
-    onScrollbarXEnabledChange: I,
-    scrollbarY: p,
-    onScrollbarYChange: b,
-    scrollbarYEnabled: O,
-    onScrollbarYEnabledChange: C,
-    onCornerWidthChange: x,
-    onCornerHeightChange: E
-  }, /* @__PURE__ */ h(F.div, y({
-    dir: R
-  }, i, {
-    ref: P,
-    style: {
-      position: "relative",
-      // Pass corner sizes as CSS vars to reduce re-renders of context consumers
-      "--radix-scroll-area-corner-width": g + "px",
-      "--radix-scroll-area-corner-height": S + "px",
-      ...e.style
-    }
-  })));
-}), Vo = "ScrollAreaViewport", Ko = /* @__PURE__ */ w((e, r) => {
-  const { __scopeScrollArea: t, children: o, ...a } = e, n = U(Vo, t), i = A(null), c = k(r, i, n.onViewportChange);
-  return /* @__PURE__ */ h(Je, null, /* @__PURE__ */ h("style", {
-    dangerouslySetInnerHTML: {
-      __html: "[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"
-    }
-  }), /* @__PURE__ */ h(F.div, y({
-    "data-radix-scroll-area-viewport": ""
-  }, a, {
-    ref: c,
-    style: {
-      /**
-      * We don't support `visible` because the intention is to have at least one scrollbar
-      * if this component is used and `visible` will behave like `auto` in that case
-      * https://developer.mozilla.org/en-US/docs/Web/CSS/overflowed#description
-      *
-      * We don't handle `auto` because the intention is for the native implementation
-      * to be hidden if using this component. We just want to ensure the node is scrollable
-      * so could have used either `scroll` or `auto` here. We picked `scroll` to prevent
-      * the browser from having to work out whether to render native scrollbars or not,
-      * we tell it to with the intention of hiding them in CSS.
-      */
-      overflowX: n.scrollbarXEnabled ? "scroll" : "hidden",
-      overflowY: n.scrollbarYEnabled ? "scroll" : "hidden",
-      ...e.style
-    }
-  }), /* @__PURE__ */ h("div", {
-    ref: n.onContentChange,
-    style: {
-      minWidth: "100%",
-      display: "table"
-    }
-  }, o)));
-}), Y = "ScrollAreaScrollbar", Go = /* @__PURE__ */ w((e, r) => {
-  const { forceMount: t, ...o } = e, a = U(Y, e.__scopeScrollArea), { onScrollbarXEnabledChange: n, onScrollbarYEnabledChange: i } = a, c = e.orientation === "horizontal";
-  return D(() => (c ? n(!0) : i(!0), () => {
-    c ? n(!1) : i(!1);
-  }), [
-    c,
-    n,
-    i
-  ]), a.type === "hover" ? /* @__PURE__ */ h(Zo, y({}, o, {
-    ref: r,
-    forceMount: t
-  })) : a.type === "scroll" ? /* @__PURE__ */ h(Qo, y({}, o, {
-    ref: r,
-    forceMount: t
-  })) : a.type === "auto" ? /* @__PURE__ */ h(er, y({}, o, {
-    ref: r,
-    forceMount: t
-  })) : a.type === "always" ? /* @__PURE__ */ h(nt, y({}, o, {
-    ref: r
-  })) : null;
-}), Zo = /* @__PURE__ */ w((e, r) => {
-  const { forceMount: t, ...o } = e, a = U(Y, e.__scopeScrollArea), [n, i] = N(!1);
-  return D(() => {
-    const c = a.scrollArea;
-    let l = 0;
-    if (c) {
-      const s = () => {
-        window.clearTimeout(l), i(!0);
-      }, u = () => {
-        l = window.setTimeout(
-          () => i(!1),
-          a.scrollHideDelay
-        );
+or.displayName = "DrawerHeader";
+var Qo = c.createContext(void 0);
+function Jo(e) {
+  const t = c.useContext(Qo);
+  return e || t || "ltr";
+}
+function ea(e, [t, r]) {
+  return Math.min(r, Math.max(t, e));
+}
+function ta(e, t) {
+  return c.useReducer((r, o) => t[r][o] ?? r, e);
+}
+var Xe = "ScrollArea", [ar, Na] = gt(Xe), [ra, M] = ar(Xe), ir = c.forwardRef(
+  (e, t) => {
+    const {
+      __scopeScrollArea: r,
+      type: o = "hover",
+      dir: a,
+      scrollHideDelay: n = 600,
+      ...s
+    } = e, [i, u] = c.useState(null), [l, d] = c.useState(null), [h, p] = c.useState(null), [m, _] = c.useState(null), [v, g] = c.useState(null), [w, E] = c.useState(0), [S, y] = c.useState(0), [C, x] = c.useState(!1), [b, N] = c.useState(!1), P = O(t, (V) => u(V)), A = Jo(a);
+    return /* @__PURE__ */ f(
+      ra,
+      {
+        scope: r,
+        type: o,
+        dir: A,
+        scrollHideDelay: n,
+        scrollArea: i,
+        viewport: l,
+        onViewportChange: d,
+        content: h,
+        onContentChange: p,
+        scrollbarX: m,
+        onScrollbarXChange: _,
+        scrollbarXEnabled: C,
+        onScrollbarXEnabledChange: x,
+        scrollbarY: v,
+        onScrollbarYChange: g,
+        scrollbarYEnabled: b,
+        onScrollbarYEnabledChange: N,
+        onCornerWidthChange: E,
+        onCornerHeightChange: y,
+        children: /* @__PURE__ */ f(
+          D.div,
+          {
+            dir: A,
+            ...s,
+            ref: P,
+            style: {
+              position: "relative",
+              // Pass corner sizes as CSS vars to reduce re-renders of context consumers
+              "--radix-scroll-area-corner-width": w + "px",
+              "--radix-scroll-area-corner-height": S + "px",
+              ...e.style
+            }
+          }
+        )
+      }
+    );
+  }
+);
+ir.displayName = Xe;
+var sr = "ScrollAreaViewport", cr = c.forwardRef(
+  (e, t) => {
+    const { __scopeScrollArea: r, children: o, nonce: a, ...n } = e, s = M(sr, r), i = c.useRef(null), u = O(t, i, s.onViewportChange);
+    return /* @__PURE__ */ L(ie, { children: [
+      /* @__PURE__ */ f(
+        "style",
+        {
+          dangerouslySetInnerHTML: {
+            __html: "[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"
+          },
+          nonce: a
+        }
+      ),
+      /* @__PURE__ */ f(
+        D.div,
+        {
+          "data-radix-scroll-area-viewport": "",
+          ...n,
+          ref: u,
+          style: {
+            /**
+             * We don't support `visible` because the intention is to have at least one scrollbar
+             * if this component is used and `visible` will behave like `auto` in that case
+             * https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#description
+             *
+             * We don't handle `auto` because the intention is for the native implementation
+             * to be hidden if using this component. We just want to ensure the node is scrollable
+             * so could have used either `scroll` or `auto` here. We picked `scroll` to prevent
+             * the browser from having to work out whether to render native scrollbars or not,
+             * we tell it to with the intention of hiding them in CSS.
+             */
+            overflowX: s.scrollbarXEnabled ? "scroll" : "hidden",
+            overflowY: s.scrollbarYEnabled ? "scroll" : "hidden",
+            ...e.style
+          },
+          children: /* @__PURE__ */ f("div", { ref: s.onContentChange, style: { minWidth: "100%", display: "table" }, children: o })
+        }
+      )
+    ] });
+  }
+);
+cr.displayName = sr;
+var k = "ScrollAreaScrollbar", lr = c.forwardRef(
+  (e, t) => {
+    const { forceMount: r, ...o } = e, a = M(k, e.__scopeScrollArea), { onScrollbarXEnabledChange: n, onScrollbarYEnabledChange: s } = a, i = e.orientation === "horizontal";
+    return c.useEffect(() => (i ? n(!0) : s(!0), () => {
+      i ? n(!1) : s(!1);
+    }), [i, n, s]), a.type === "hover" ? /* @__PURE__ */ f(na, { ...o, ref: t, forceMount: r }) : a.type === "scroll" ? /* @__PURE__ */ f(oa, { ...o, ref: t, forceMount: r }) : a.type === "auto" ? /* @__PURE__ */ f(ur, { ...o, ref: t, forceMount: r }) : a.type === "always" ? /* @__PURE__ */ f(Ge, { ...o, ref: t }) : null;
+  }
+);
+lr.displayName = k;
+var na = c.forwardRef((e, t) => {
+  const { forceMount: r, ...o } = e, a = M(k, e.__scopeScrollArea), [n, s] = c.useState(!1);
+  return c.useEffect(() => {
+    const i = a.scrollArea;
+    let u = 0;
+    if (i) {
+      const l = () => {
+        window.clearTimeout(u), s(!0);
+      }, d = () => {
+        u = window.setTimeout(() => s(!1), a.scrollHideDelay);
       };
-      return c.addEventListener("pointerenter", s), c.addEventListener("pointerleave", u), () => {
-        window.clearTimeout(l), c.removeEventListener("pointerenter", s), c.removeEventListener("pointerleave", u);
+      return i.addEventListener("pointerenter", l), i.addEventListener("pointerleave", d), () => {
+        window.clearTimeout(u), i.removeEventListener("pointerenter", l), i.removeEventListener("pointerleave", d);
       };
     }
-  }, [
-    a.scrollArea,
-    a.scrollHideDelay
-  ]), /* @__PURE__ */ h(V, {
-    present: t || n
-  }, /* @__PURE__ */ h(er, y({
-    "data-state": n ? "visible" : "hidden"
-  }, o, {
-    ref: r
-  })));
-}), Qo = /* @__PURE__ */ w((e, r) => {
-  const { forceMount: t, ...o } = e, a = U(Y, e.__scopeScrollArea), n = e.orientation === "horizontal", i = Ne(
-    () => l("SCROLL_END"),
-    100
-  ), [c, l] = Yo("hidden", {
+  }, [a.scrollArea, a.scrollHideDelay]), /* @__PURE__ */ f(z, { present: r || n, children: /* @__PURE__ */ f(
+    ur,
+    {
+      "data-state": n ? "visible" : "hidden",
+      ...o,
+      ref: t
+    }
+  ) });
+}), oa = c.forwardRef((e, t) => {
+  const { forceMount: r, ...o } = e, a = M(k, e.__scopeScrollArea), n = e.orientation === "horizontal", s = Ee(() => u("SCROLL_END"), 100), [i, u] = ta("hidden", {
     hidden: {
       SCROLL: "scrolling"
     },
@@ -2122,516 +2065,501 @@ const Qt = "ScrollArea", [Jt, _a] = Ct(Qt), [Xo, U] = Jt(Qt), Bo = /* @__PURE__
       POINTER_ENTER: "interacting"
     }
   });
-  return D(() => {
-    if (c === "idle") {
-      const s = window.setTimeout(
-        () => l("HIDE"),
-        a.scrollHideDelay
-      );
-      return () => window.clearTimeout(s);
+  return c.useEffect(() => {
+    if (i === "idle") {
+      const l = window.setTimeout(() => u("HIDE"), a.scrollHideDelay);
+      return () => window.clearTimeout(l);
     }
-  }, [
-    c,
-    a.scrollHideDelay,
-    l
-  ]), D(() => {
-    const s = a.viewport, u = n ? "scrollLeft" : "scrollTop";
-    if (s) {
-      let d = s[u];
-      const f = () => {
-        const v = s[u];
-        d !== v && (l("SCROLL"), i()), d = v;
+  }, [i, a.scrollHideDelay, u]), c.useEffect(() => {
+    const l = a.viewport, d = n ? "scrollLeft" : "scrollTop";
+    if (l) {
+      let h = l[d];
+      const p = () => {
+        const m = l[d];
+        h !== m && (u("SCROLL"), s()), h = m;
       };
-      return s.addEventListener("scroll", f), () => s.removeEventListener("scroll", f);
+      return l.addEventListener("scroll", p), () => l.removeEventListener("scroll", p);
+    }
+  }, [a.viewport, n, u, s]), /* @__PURE__ */ f(z, { present: r || i !== "hidden", children: /* @__PURE__ */ f(
+    Ge,
+    {
+      "data-state": i === "hidden" ? "hidden" : "visible",
+      ...o,
+      ref: t,
+      onPointerEnter: R(e.onPointerEnter, () => u("POINTER_ENTER")),
+      onPointerLeave: R(e.onPointerLeave, () => u("POINTER_LEAVE"))
     }
-  }, [
-    a.viewport,
-    n,
-    l,
-    i
-  ]), /* @__PURE__ */ h(V, {
-    present: t || c !== "hidden"
-  }, /* @__PURE__ */ h(nt, y({
-    "data-state": c === "hidden" ? "hidden" : "visible"
-  }, o, {
-    ref: r,
-    onPointerEnter: L(
-      e.onPointerEnter,
-      () => l("POINTER_ENTER")
-    ),
-    onPointerLeave: L(
-      e.onPointerLeave,
-      () => l("POINTER_LEAVE")
-    )
-  })));
-}), er = /* @__PURE__ */ w((e, r) => {
-  const t = U(Y, e.__scopeScrollArea), { forceMount: o, ...a } = e, [n, i] = N(!1), c = e.orientation === "horizontal", l = Ne(() => {
-    if (t.viewport) {
-      const s = t.viewport.offsetWidth < t.viewport.scrollWidth, u = t.viewport.offsetHeight < t.viewport.scrollHeight;
-      i(c ? s : u);
+  ) });
+}), ur = c.forwardRef((e, t) => {
+  const r = M(k, e.__scopeScrollArea), { forceMount: o, ...a } = e, [n, s] = c.useState(!1), i = e.orientation === "horizontal", u = Ee(() => {
+    if (r.viewport) {
+      const l = r.viewport.offsetWidth < r.viewport.scrollWidth, d = r.viewport.offsetHeight < r.viewport.scrollHeight;
+      s(i ? l : d);
     }
   }, 10);
-  return xe(t.viewport, l), xe(t.content, l), /* @__PURE__ */ h(V, {
-    present: o || n
-  }, /* @__PURE__ */ h(nt, y({
-    "data-state": n ? "visible" : "hidden"
-  }, a, {
-    ref: r
-  })));
-}), nt = /* @__PURE__ */ w((e, r) => {
-  const { orientation: t = "vertical", ...o } = e, a = U(Y, e.__scopeScrollArea), n = A(null), i = A(0), [c, l] = N({
+  return ee(r.viewport, u), ee(r.content, u), /* @__PURE__ */ f(z, { present: o || n, children: /* @__PURE__ */ f(
+    Ge,
+    {
+      "data-state": n ? "visible" : "hidden",
+      ...a,
+      ref: t
+    }
+  ) });
+}), Ge = c.forwardRef((e, t) => {
+  const { orientation: r = "vertical", ...o } = e, a = M(k, 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
-    }
-  }), s = nr(c.viewport, c.content), u = {
+    scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
+  }), l = hr(i.viewport, i.content), d = {
     ...o,
-    sizes: c,
-    onSizesChange: l,
-    hasThumb: s > 0 && s < 1,
-    onThumbChange: (f) => n.current = f,
-    onThumbPointerUp: () => i.current = 0,
-    onThumbPointerDown: (f) => i.current = f
+    sizes: i,
+    onSizesChange: u,
+    hasThumb: l > 0 && l < 1,
+    onThumbChange: (p) => n.current = p,
+    onThumbPointerUp: () => s.current = 0,
+    onThumbPointerDown: (p) => s.current = p
   };
-  function d(f, v) {
-    return oa(f, i.current, c, v);
+  function h(p, m) {
+    return da(p, s.current, i, m);
   }
-  return t === "horizontal" ? /* @__PURE__ */ h(Jo, y({}, u, {
-    ref: r,
-    onThumbPositionChange: () => {
-      if (a.viewport && n.current) {
-        const f = a.viewport.scrollLeft, v = wt(f, c, a.dir);
-        n.current.style.transform = `translate3d(${v}px, 0, 0)`;
+  return r === "horizontal" ? /* @__PURE__ */ f(
+    aa,
+    {
+      ...d,
+      ref: t,
+      onThumbPositionChange: () => {
+        if (a.viewport && n.current) {
+          const p = a.viewport.scrollLeft, m = vt(p, i, a.dir);
+          n.current.style.transform = `translate3d(${m}px, 0, 0)`;
+        }
+      },
+      onWheelScroll: (p) => {
+        a.viewport && (a.viewport.scrollLeft = p);
+      },
+      onDragScroll: (p) => {
+        a.viewport && (a.viewport.scrollLeft = h(p, a.dir));
       }
-    },
-    onWheelScroll: (f) => {
-      a.viewport && (a.viewport.scrollLeft = f);
-    },
-    onDragScroll: (f) => {
-      a.viewport && (a.viewport.scrollLeft = d(f, a.dir));
     }
-  })) : t === "vertical" ? /* @__PURE__ */ h(ea, y({}, u, {
-    ref: r,
-    onThumbPositionChange: () => {
-      if (a.viewport && n.current) {
-        const f = a.viewport.scrollTop, v = wt(f, c);
-        n.current.style.transform = `translate3d(0, ${v}px, 0)`;
+  ) : r === "vertical" ? /* @__PURE__ */ f(
+    ia,
+    {
+      ...d,
+      ref: t,
+      onThumbPositionChange: () => {
+        if (a.viewport && n.current) {
+          const p = a.viewport.scrollTop, m = vt(p, i);
+          n.current.style.transform = `translate3d(0, ${m}px, 0)`;
+        }
+      },
+      onWheelScroll: (p) => {
+        a.viewport && (a.viewport.scrollTop = p);
+      },
+      onDragScroll: (p) => {
+        a.viewport && (a.viewport.scrollTop = h(p));
       }
-    },
-    onWheelScroll: (f) => {
-      a.viewport && (a.viewport.scrollTop = f);
-    },
-    onDragScroll: (f) => {
-      a.viewport && (a.viewport.scrollTop = d(f));
     }
-  })) : null;
-}), Jo = /* @__PURE__ */ w((e, r) => {
-  const { sizes: t, onSizesChange: o, ...a } = e, n = U(Y, e.__scopeScrollArea), [i, c] = N(), l = A(null), s = k(r, l, n.onScrollbarXChange);
-  return D(() => {
-    l.current && c(getComputedStyle(l.current));
-  }, [
-    l
-  ]), /* @__PURE__ */ h(rr, y({
-    "data-orientation": "horizontal"
-  }, a, {
-    ref: s,
-    sizes: t,
-    style: {
-      bottom: 0,
-      left: n.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
-      right: n.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
-      "--radix-scroll-area-thumb-width": De(t) + "px",
-      ...e.style
-    },
-    onThumbPointerDown: (u) => e.onThumbPointerDown(u.x),
-    onDragScroll: (u) => e.onDragScroll(u.x),
-    onWheelScroll: (u, d) => {
-      if (n.viewport) {
-        const f = n.viewport.scrollLeft + u.deltaX;
-        e.onWheelScroll(f), ar(f, d) && u.preventDefault();
-      }
-    },
-    onResize: () => {
-      l.current && n.viewport && i && o({
-        content: n.viewport.scrollWidth,
-        viewport: n.viewport.offsetWidth,
-        scrollbar: {
-          size: l.current.clientWidth,
-          paddingStart: Pe(i.paddingLeft),
-          paddingEnd: Pe(i.paddingRight)
+  ) : null;
+}), aa = c.forwardRef((e, t) => {
+  const { sizes: r, onSizesChange: o, ...a } = e, n = M(k, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = O(t, u, n.onScrollbarXChange);
+  return c.useEffect(() => {
+    u.current && i(getComputedStyle(u.current));
+  }, [u]), /* @__PURE__ */ f(
+    fr,
+    {
+      "data-orientation": "horizontal",
+      ...a,
+      ref: l,
+      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": Se(r) + "px",
+        ...e.style
+      },
+      onThumbPointerDown: (d) => e.onThumbPointerDown(d.x),
+      onDragScroll: (d) => e.onDragScroll(d.x),
+      onWheelScroll: (d, h) => {
+        if (n.viewport) {
+          const p = n.viewport.scrollLeft + d.deltaX;
+          e.onWheelScroll(p), mr(p, h) && d.preventDefault();
         }
-      });
-    }
-  }));
-}), ea = /* @__PURE__ */ w((e, r) => {
-  const { sizes: t, onSizesChange: o, ...a } = e, n = U(Y, e.__scopeScrollArea), [i, c] = N(), l = A(null), s = k(r, l, n.onScrollbarYChange);
-  return D(() => {
-    l.current && c(getComputedStyle(l.current));
-  }, [
-    l
-  ]), /* @__PURE__ */ h(rr, y({
-    "data-orientation": "vertical"
-  }, a, {
-    ref: s,
-    sizes: t,
-    style: {
-      top: 0,
-      right: n.dir === "ltr" ? 0 : void 0,
-      left: n.dir === "rtl" ? 0 : void 0,
-      bottom: "var(--radix-scroll-area-corner-height)",
-      "--radix-scroll-area-thumb-height": De(t) + "px",
-      ...e.style
-    },
-    onThumbPointerDown: (u) => e.onThumbPointerDown(u.y),
-    onDragScroll: (u) => e.onDragScroll(u.y),
-    onWheelScroll: (u, d) => {
-      if (n.viewport) {
-        const f = n.viewport.scrollTop + u.deltaY;
-        e.onWheelScroll(f), ar(f, d) && u.preventDefault();
+      },
+      onResize: () => {
+        u.current && n.viewport && s && o({
+          content: n.viewport.scrollWidth,
+          viewport: n.viewport.offsetWidth,
+          scrollbar: {
+            size: u.current.clientWidth,
+            paddingStart: be(s.paddingLeft),
+            paddingEnd: be(s.paddingRight)
+          }
+        });
       }
-    },
-    onResize: () => {
-      l.current && n.viewport && i && o({
-        content: n.viewport.scrollHeight,
-        viewport: n.viewport.offsetHeight,
-        scrollbar: {
-          size: l.current.clientHeight,
-          paddingStart: Pe(i.paddingTop),
-          paddingEnd: Pe(i.paddingBottom)
+    }
+  );
+}), ia = c.forwardRef((e, t) => {
+  const { sizes: r, onSizesChange: o, ...a } = e, n = M(k, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = O(t, u, n.onScrollbarYChange);
+  return c.useEffect(() => {
+    u.current && i(getComputedStyle(u.current));
+  }, [u]), /* @__PURE__ */ f(
+    fr,
+    {
+      "data-orientation": "vertical",
+      ...a,
+      ref: l,
+      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": Se(r) + "px",
+        ...e.style
+      },
+      onThumbPointerDown: (d) => e.onThumbPointerDown(d.y),
+      onDragScroll: (d) => e.onDragScroll(d.y),
+      onWheelScroll: (d, h) => {
+        if (n.viewport) {
+          const p = n.viewport.scrollTop + d.deltaY;
+          e.onWheelScroll(p), mr(p, h) && d.preventDefault();
         }
-      });
+      },
+      onResize: () => {
+        u.current && n.viewport && s && o({
+          content: n.viewport.scrollHeight,
+          viewport: n.viewport.offsetHeight,
+          scrollbar: {
+            size: u.current.clientHeight,
+            paddingStart: be(s.paddingTop),
+            paddingEnd: be(s.paddingBottom)
+          }
+        });
+      }
     }
-  }));
-}), [ta, tr] = Jt(Y), rr = /* @__PURE__ */ w((e, r) => {
-  const { __scopeScrollArea: t, sizes: o, hasThumb: a, onThumbChange: n, onThumbPointerUp: i, onThumbPointerDown: c, onThumbPositionChange: l, onDragScroll: s, onWheelScroll: u, onResize: d, ...f } = e, v = U(Y, t), [m, p] = N(null), b = k(
-    r,
-    (P) => p(P)
-  ), g = A(null), x = A(""), S = v.viewport, E = o.content - o.viewport, T = M(u), I = M(l), O = Ne(d, 10);
-  function C(P) {
-    if (g.current) {
-      const R = P.clientX - g.current.left, z = P.clientY - g.current.top;
-      s({
-        x: R,
-        y: z
-      });
+  );
+}), [sa, dr] = ar(k), fr = c.forwardRef((e, t) => {
+  const {
+    __scopeScrollArea: r,
+    sizes: o,
+    hasThumb: a,
+    onThumbChange: n,
+    onThumbPointerUp: s,
+    onThumbPointerDown: i,
+    onThumbPositionChange: u,
+    onDragScroll: l,
+    onWheelScroll: d,
+    onResize: h,
+    ...p
+  } = e, m = M(k, r), [_, v] = c.useState(null), g = O(t, (P) => v(P)), w = c.useRef(null), E = c.useRef(""), S = m.viewport, y = o.content - o.viewport, C = T(d), x = T(u), b = Ee(h, 10);
+  function N(P) {
+    if (w.current) {
+      const A = P.clientX - w.current.left, V = P.clientY - w.current.top;
+      l({ x: A, y: V });
     }
   }
-  return D(() => {
-    const P = (R) => {
-      const z = R.target;
-      (m == null ? void 0 : m.contains(z)) && T(R, E);
+  return c.useEffect(() => {
+    const P = (A) => {
+      const V = A.target;
+      (_ == null ? void 0 : _.contains(V)) && C(A, y);
     };
-    return document.addEventListener("wheel", P, {
-      passive: !1
-    }), () => document.removeEventListener("wheel", P, {
-      passive: !1
-    });
-  }, [
-    S,
-    m,
-    E,
-    T
-  ]), D(I, [
-    o,
-    I
-  ]), xe(m, O), xe(v.content, O), /* @__PURE__ */ h(ta, {
-    scope: t,
-    scrollbar: m,
-    hasThumb: a,
-    onThumbChange: M(n),
-    onThumbPointerUp: M(i),
-    onThumbPositionChange: I,
-    onThumbPointerDown: M(c)
-  }, /* @__PURE__ */ h(F.div, y({}, f, {
-    ref: b,
-    style: {
-      position: "absolute",
-      ...f.style
-    },
-    onPointerDown: L(e.onPointerDown, (P) => {
-      P.button === 0 && (P.target.setPointerCapture(P.pointerId), g.current = m.getBoundingClientRect(), x.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", v.viewport && (v.viewport.style.scrollBehavior = "auto"), C(P));
-    }),
-    onPointerMove: L(e.onPointerMove, C),
-    onPointerUp: L(e.onPointerUp, (P) => {
-      const R = P.target;
-      R.hasPointerCapture(P.pointerId) && R.releasePointerCapture(P.pointerId), document.body.style.webkitUserSelect = x.current, v.viewport && (v.viewport.style.scrollBehavior = ""), g.current = null;
-    })
-  })));
-}), Ge = "ScrollAreaThumb", ra = /* @__PURE__ */ w((e, r) => {
-  const { forceMount: t, ...o } = e, a = tr(Ge, e.__scopeScrollArea);
-  return /* @__PURE__ */ h(V, {
-    present: t || a.hasThumb
-  }, /* @__PURE__ */ h(na, y({
-    ref: r
-  }, o)));
-}), na = /* @__PURE__ */ w((e, r) => {
-  const { __scopeScrollArea: t, style: o, ...a } = e, n = U(Ge, t), i = tr(Ge, t), { onThumbPositionChange: c } = i, l = k(
-    r,
-    (d) => i.onThumbChange(d)
-  ), s = A(), u = Ne(() => {
-    s.current && (s.current(), s.current = void 0);
-  }, 100);
-  return D(() => {
-    const d = n.viewport;
-    if (d) {
-      const f = () => {
-        if (u(), !s.current) {
-          const v = aa(d, c);
-          s.current = v, c();
+    return document.addEventListener("wheel", P, { passive: !1 }), () => document.removeEventListener("wheel", P, { passive: !1 });
+  }, [S, _, y, C]), c.useEffect(x, [o, x]), ee(_, b), ee(m.content, b), /* @__PURE__ */ f(
+    sa,
+    {
+      scope: r,
+      scrollbar: _,
+      hasThumb: a,
+      onThumbChange: T(n),
+      onThumbPointerUp: T(s),
+      onThumbPositionChange: x,
+      onThumbPointerDown: T(i),
+      children: /* @__PURE__ */ f(
+        D.div,
+        {
+          ...p,
+          ref: g,
+          style: { position: "absolute", ...p.style },
+          onPointerDown: R(e.onPointerDown, (P) => {
+            P.button === 0 && (P.target.setPointerCapture(P.pointerId), w.current = _.getBoundingClientRect(), E.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", m.viewport && (m.viewport.style.scrollBehavior = "auto"), N(P));
+          }),
+          onPointerMove: R(e.onPointerMove, N),
+          onPointerUp: R(e.onPointerUp, (P) => {
+            const A = P.target;
+            A.hasPointerCapture(P.pointerId) && A.releasePointerCapture(P.pointerId), document.body.style.webkitUserSelect = E.current, m.viewport && (m.viewport.style.scrollBehavior = ""), w.current = null;
+          })
         }
-      };
-      return c(), d.addEventListener("scroll", f), () => d.removeEventListener("scroll", f);
+      )
     }
-  }, [
-    n.viewport,
-    u,
-    c
-  ]), /* @__PURE__ */ h(F.div, y({
-    "data-state": i.hasThumb ? "visible" : "hidden"
-  }, a, {
-    ref: l,
-    style: {
-      width: "var(--radix-scroll-area-thumb-width)",
-      height: "var(--radix-scroll-area-thumb-height)",
-      ...o
-    },
-    onPointerDownCapture: L(e.onPointerDownCapture, (d) => {
-      const v = d.target.getBoundingClientRect(), m = d.clientX - v.left, p = d.clientY - v.top;
-      i.onThumbPointerDown({
-        x: m,
-        y: p
-      });
-    }),
-    onPointerUp: L(e.onPointerUp, i.onThumbPointerUp)
-  }));
+  );
+}), we = "ScrollAreaThumb", pr = c.forwardRef(
+  (e, t) => {
+    const { forceMount: r, ...o } = e, a = dr(we, e.__scopeScrollArea);
+    return /* @__PURE__ */ f(z, { present: r || a.hasThumb, children: /* @__PURE__ */ f(ca, { ref: t, ...o }) });
+  }
+), ca = c.forwardRef(
+  (e, t) => {
+    const { __scopeScrollArea: r, style: o, ...a } = e, n = M(we, r), s = dr(we, r), { onThumbPositionChange: i } = s, u = O(
+      t,
+      (h) => s.onThumbChange(h)
+    ), l = c.useRef(void 0), d = Ee(() => {
+      l.current && (l.current(), l.current = void 0);
+    }, 100);
+    return c.useEffect(() => {
+      const h = n.viewport;
+      if (h) {
+        const p = () => {
+          if (d(), !l.current) {
+            const m = fa(h, i);
+            l.current = m, i();
+          }
+        };
+        return i(), h.addEventListener("scroll", p), () => h.removeEventListener("scroll", p);
+      }
+    }, [n.viewport, d, i]), /* @__PURE__ */ f(
+      D.div,
+      {
+        "data-state": s.hasThumb ? "visible" : "hidden",
+        ...a,
+        ref: u,
+        style: {
+          width: "var(--radix-scroll-area-thumb-width)",
+          height: "var(--radix-scroll-area-thumb-height)",
+          ...o
+        },
+        onPointerDownCapture: R(e.onPointerDownCapture, (h) => {
+          const m = h.target.getBoundingClientRect(), _ = h.clientX - m.left, v = h.clientY - m.top;
+          s.onThumbPointerDown({ x: _, y: v });
+        }),
+        onPointerUp: R(e.onPointerUp, s.onThumbPointerUp)
+      }
+    );
+  }
+);
+pr.displayName = we;
+var Ke = "ScrollAreaCorner", la = c.forwardRef(
+  (e, t) => {
+    const r = M(Ke, e.__scopeScrollArea), o = !!(r.scrollbarX && r.scrollbarY);
+    return r.type !== "scroll" && o ? /* @__PURE__ */ f(ua, { ...e, ref: t }) : null;
+  }
+);
+la.displayName = Ke;
+var ua = 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 ee(a.scrollbarX, () => {
+    var h;
+    const d = ((h = a.scrollbarX) == null ? void 0 : h.offsetHeight) || 0;
+    a.onCornerHeightChange(d), u(d);
+  }), ee(a.scrollbarY, () => {
+    var h;
+    const d = ((h = a.scrollbarY) == null ? void 0 : h.offsetWidth) || 0;
+    a.onCornerWidthChange(d), s(d);
+  }), l ? /* @__PURE__ */ f(
+    D.div,
+    {
+      ...o,
+      ref: t,
+      style: {
+        width: n,
+        height: i,
+        position: "absolute",
+        right: a.dir === "ltr" ? 0 : void 0,
+        left: a.dir === "rtl" ? 0 : void 0,
+        bottom: 0,
+        ...e.style
+      }
+    }
+  ) : null;
 });
-function Pe(e) {
+function be(e) {
   return e ? parseInt(e, 10) : 0;
 }
-function nr(e, r) {
-  const t = e / r;
-  return isNaN(t) ? 0 : t;
+function hr(e, t) {
+  const r = e / t;
+  return isNaN(r) ? 0 : r;
 }
-function De(e) {
-  const r = nr(e.viewport, e.content), t = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, o = (e.scrollbar.size - t) * r;
+function Se(e) {
+  const t = hr(e.viewport, e.content), r = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, o = (e.scrollbar.size - r) * t;
   return Math.max(o, 18);
 }
-function oa(e, r, t, o = "ltr") {
-  const a = De(t), n = a / 2, i = r || n, c = a - i, l = t.scrollbar.paddingStart + i, s = t.scrollbar.size - t.scrollbar.paddingEnd - c, u = t.content - t.viewport, d = o === "ltr" ? [
-    0,
-    u
-  ] : [
-    u * -1,
-    0
-  ];
-  return or([
-    l,
-    s
-  ], d)(e);
-}
-function wt(e, r, t = "ltr") {
-  const o = De(r), a = r.scrollbar.paddingStart + r.scrollbar.paddingEnd, n = r.scrollbar.size - a, i = r.content - r.viewport, c = n - o, l = t === "ltr" ? [
-    0,
-    i
-  ] : [
-    i * -1,
-    0
-  ], s = Ho(e, l);
-  return or([
-    0,
-    i
-  ], [
-    0,
-    c
-  ])(s);
-}
-function or(e, r) {
-  return (t) => {
-    if (e[0] === e[1] || r[0] === r[1]) return r[0];
-    const o = (r[1] - r[0]) / (e[1] - e[0]);
-    return r[0] + o * (t - e[0]);
+function da(e, t, r, o = "ltr") {
+  const a = Se(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, h = o === "ltr" ? [0, d] : [d * -1, 0];
+  return vr([u, l], h)(e);
+}
+function vt(e, t, r = "ltr") {
+  const o = Se(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 = ea(e, u);
+  return vr([0, s], [0, i])(l);
+}
+function vr(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 ar(e, r) {
-  return e > 0 && e < r;
+function mr(e, t) {
+  return e > 0 && e < t;
 }
-const aa = (e, r = () => {
+var fa = (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
-    }, i = t.left !== n.left, c = t.top !== n.top;
-    (i || c) && 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 Ne(e, r) {
-  const t = M(e), o = A(0);
-  return D(
-    () => () => window.clearTimeout(o.current),
-    []
-  ), ae(() => {
-    window.clearTimeout(o.current), o.current = window.setTimeout(t, r);
-  }, [
-    t,
-    r
-  ]);
-}
-function xe(e, r) {
-  const t = M(r);
-  Ce(() => {
+function Ee(e, t) {
+  const r = T(e), o = c.useRef(0);
+  return c.useEffect(() => () => window.clearTimeout(o.current), []), c.useCallback(() => {
+    window.clearTimeout(o.current), o.current = window.setTimeout(r, t);
+  }, [r, t]);
+}
+function ee(e, t) {
+  const r = T(t);
+  se(() => {
     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
-  ]);
+  }, [e, r]);
 }
-const ca = Bo, ia = Ko, sa = Go, la = ra, ua = {
+var pa = ir, ha = cr, va = lr, ma = pr;
+const ga = {
   "purpur-drawer-scroll-area__root": "_purpur-drawer-scroll-area__root_1p63i_1",
   "purpur-drawer-scroll-area__viewport": "_purpur-drawer-scroll-area__viewport_1p63i_4",
   "purpur-drawer-scroll-area__scrollbar": "_purpur-drawer-scroll-area__scrollbar_1p63i_7",
   "purpur-drawer-scroll-area__thumb": "_purpur-drawer-scroll-area__thumb_1p63i_18"
-}, se = Q.bind(ua), le = "purpur-drawer-scroll-area", Ze = w(
+}, ne = Y.bind(ga), oe = "purpur-drawer-scroll-area", Ue = U(
   ({
     ["data-testid"]: e = "purpur-drawer-scroll-area",
-    children: r,
-    className: t,
+    children: t,
+    className: r,
     ...o
   }, a) => {
-    const n = se([t, le]);
-    return /* @__PURE__ */ _("div", { className: n, "data-testid": e, ref: a, ...o, children: /* @__PURE__ */ H(ca, { className: se(`${le}__root`), children: [
-      /* @__PURE__ */ _(ia, { className: se(`${le}__viewport`), children: r }),
-      /* @__PURE__ */ _(
-        sa,
+    const n = ne([r, oe]);
+    return /* @__PURE__ */ f("div", { className: n, "data-testid": e, ref: a, ...o, children: /* @__PURE__ */ L(pa, { className: ne(`${oe}__root`), children: [
+      /* @__PURE__ */ f(ha, { className: ne(`${oe}__viewport`), children: t }),
+      /* @__PURE__ */ f(
+        va,
         {
-          className: se(`${le}__scrollbar`),
+          className: ne(`${oe}__scrollbar`),
           orientation: "vertical",
-          children: /* @__PURE__ */ _(la, { className: se(`${le}__thumb`) })
+          children: /* @__PURE__ */ f(ma, { className: ne(`${oe}__thumb`) })
         }
       )
     ] }) });
   }
 );
-Ze.displayName = "DrawerScrollArea";
-const re = Q.bind(io), X = "purpur-drawer-frame", cr = w(
+Ue.displayName = "DrawerScrollArea";
+const Z = Y.bind(_o), F = "purpur-drawer-frame", gr = U(
   ({
     ["data-testid"]: e = "purpur-drawer-frame",
-    backButton: r,
-    backButtonText: t,
+    backButton: t,
+    backButtonText: r,
     backButtonOnlyIcon: o,
     children: a,
     className: n,
-    closeButtonText: i,
-    footerContent: c,
-    onAnimationEnd: l,
-    onBackButtonClick: s,
-    onSwipeStart: u,
-    onSwipeMove: d,
-    onSwipeCancel: f,
-    onSwipeEnd: v,
-    title: m,
-    stickyFooter: p,
-    ...b
-  }, g) => {
-    const x = re([
+    closeButtonText: s,
+    footerContent: i,
+    onAnimationEnd: u,
+    onBackButtonClick: l,
+    onSwipeStart: d,
+    onSwipeMove: h,
+    onSwipeCancel: p,
+    onSwipeEnd: m,
+    title: _,
+    stickyFooter: v,
+    ...g
+  }, w) => {
+    const E = Z([
       n,
-      X,
+      F,
       {
-        [`${X}--sticky-footer`]: p
+        [`${F}--sticky-footer`]: v
       }
     ]);
-    return /* @__PURE__ */ H(
+    return /* @__PURE__ */ L(
       "div",
       {
-        className: x,
+        className: E,
         "data-testid": e,
-        ref: g,
-        onAnimationEnd: l,
-        ...b,
+        ref: w,
+        onAnimationEnd: u,
+        ...g,
         children: [
-          /* @__PURE__ */ _(
-            Ht,
+          /* @__PURE__ */ f(
+            Zt,
             {
-              onSwipeStart: u,
-              onSwipeMove: d,
-              onSwipeCancel: f,
-              onSwipeEnd: v
+              onSwipeStart: d,
+              onSwipeMove: h,
+              onSwipeCancel: p,
+              onSwipeEnd: m
             }
           ),
-          /* @__PURE__ */ _(
-            ne,
+          /* @__PURE__ */ f(
+            Q,
             {
-              className: re(`${X}__header`),
+              className: Z(`${F}__header`),
               variant: "header",
-              stickyFooter: p,
-              children: /* @__PURE__ */ _(
-                Zt,
+              stickyFooter: v,
+              children: /* @__PURE__ */ f(
+                or,
                 {
-                  title: m,
+                  title: _,
                   backButtonOnlyIcon: o,
-                  backButton: r,
-                  backButtonText: t,
-                  closeButtonText: i,
-                  onBackButtonClick: s
+                  backButton: t,
+                  backButtonText: r,
+                  closeButtonText: s,
+                  onBackButtonClick: l
                 }
               )
             }
           ),
-          p ? /* @__PURE__ */ H(lr, { children: [
-            /* @__PURE__ */ _(
-              Ze,
+          v ? /* @__PURE__ */ L(ie, { children: [
+            /* @__PURE__ */ f(
+              Ue,
               {
-                className: re(`${X}__body`),
+                className: Z(`${F}__body`),
                 "data-testid": `${e}-sticky-footer-scroll-area`,
-                children: /* @__PURE__ */ _(ne, { stickyFooter: !0, children: a })
+                children: /* @__PURE__ */ f(Q, { stickyFooter: !0, children: a })
               }
             ),
-            c && /* @__PURE__ */ _(
-              ne,
+            i && /* @__PURE__ */ f(
+              Q,
               {
-                className: re(`${X}__footer`),
+                className: Z(`${F}__footer`),
                 "data-testid": `${e}-sticky-footer`,
                 variant: "footer",
-                stickyFooter: p,
-                children: c
+                stickyFooter: v,
+                children: i
               }
             )
-          ] }) : /* @__PURE__ */ _(
-            Ze,
+          ] }) : /* @__PURE__ */ f(
+            Ue,
             {
-              className: re(`${X}__body`),
+              className: Z(`${F}__body`),
               "data-testid": `${e}-scroll-area`,
-              children: /* @__PURE__ */ H(
+              children: /* @__PURE__ */ L(
                 "div",
                 {
-                  className: re([
-                    `${X}__content-container`,
-                    { [`${X}__content-container--no-footer`]: !c }
+                  className: Z([
+                    `${F}__content-container`,
+                    { [`${F}__content-container--no-footer`]: !i }
                   ]),
                   children: [
-                    /* @__PURE__ */ _(ne, { stickyFooter: p, children: a }),
-                    c && /* @__PURE__ */ _(
-                      ne,
+                    /* @__PURE__ */ f(Q, { stickyFooter: v, children: a }),
+                    i && /* @__PURE__ */ f(
+                      Q,
                       {
                         "data-testid": `${e}-footer`,
-                        stickyFooter: p,
+                        stickyFooter: v,
                         variant: "footer",
-                        children: c
+                        children: i
                       }
                     )
                   ]
@@ -2644,92 +2572,92 @@ const re = Q.bind(io), X = "purpur-drawer-frame", cr = w(
     );
   }
 );
-cr.displayName = "DrawerFrame";
-const da = (e, r) => ({
-  onAnimationEnd: (c) => {
-    c.currentTarget.getAttribute("data-swipe") === "end" && r(!1);
+gr.displayName = "DrawerFrame";
+const _a = (e, t) => ({
+  onAnimationEnd: (i) => {
+    i.currentTarget.getAttribute("data-swipe") === "end" && t(!1);
   },
   onSwipeStart: () => {
     e.current && e.current.setAttribute("data-swipe", "start");
   },
-  onSwipeMove: (c) => {
+  onSwipeMove: (i) => {
     if (!e.current)
       return;
-    const { y: l } = c.delta;
-    e.current.setAttribute("data-swipe", "move"), e.current.style.setProperty("--purpur-drawer-swipe-move-y", `${l}px`);
+    const { y: u } = i.delta;
+    e.current.setAttribute("data-swipe", "move"), e.current.style.setProperty("--purpur-drawer-swipe-move-y", `${u}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: (c) => {
+  onSwipeEnd: (i) => {
     if (!e.current)
       return;
-    const { y: l } = c.delta;
-    e.current.setAttribute("data-swipe", "end"), e.current.style.removeProperty("--purpur-drawer-swipe-move-y"), e.current.style.setProperty("--purpur-drawer-swipe-end-y", `${l}px`);
+    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`);
   }
-}), ue = Q.bind(oo), $e = "purpur-drawer-content", ir = w(
+}), ae = Y.bind(vo), ve = "purpur-drawer-content", _r = U(
   ({
     ["data-testid"]: e = "purpur-drawer-content",
-    backButton: r = !1,
-    backButtonText: t,
+    backButton: t = !1,
+    backButtonText: r,
     backButtonOnlyIcon: o = !1,
     bodyText: a,
     children: n,
-    className: i,
-    closeButtonText: c,
-    disableCloseOnClickOutside: l = !1,
-    footerContent: s,
-    onBackButtonClick: u,
-    stickyFooter: d = !1,
-    title: f,
-    zIndex: v,
-    ...m
-  }, p) => {
-    const b = ue([i, $e]), g = A(null), x = Te(qt), { onAnimationEnd: S, onSwipeStart: E, onSwipeMove: T, onSwipeCancel: I, onSwipeEnd: O } = da(g, x), C = (P) => {
-      l && P.preventDefault();
+    className: s,
+    closeButtonText: i,
+    disableCloseOnClickOutside: u = !1,
+    footerContent: l,
+    onBackButtonClick: d,
+    stickyFooter: h = !1,
+    title: p,
+    zIndex: m,
+    ..._
+  }, v) => {
+    const g = ae([s, ve]), w = Sr(null), E = Er(Kt), { onAnimationEnd: S, onSwipeStart: y, onSwipeMove: C, onSwipeCancel: x, onSwipeEnd: b } = _a(w, E), N = (P) => {
+      u && P.preventDefault();
     };
-    return /* @__PURE__ */ _(Xn, { children: /* @__PURE__ */ _(
-      Bn,
+    return /* @__PURE__ */ f(ro, { children: /* @__PURE__ */ f(
+      no,
       {
-        className: ue("purpur-drawer-overlay"),
-        style: v ? { zIndex: v } : void 0,
+        className: ae("purpur-drawer-overlay"),
+        style: m ? { zIndex: m } : void 0,
         "data-testid": `${e}-overlay`,
-        children: /* @__PURE__ */ _(
-          Vn,
+        children: /* @__PURE__ */ f(
+          oo,
           {
-            onPointerDownOutside: C,
-            className: b,
+            onPointerDownOutside: N,
+            className: g,
             "data-testid": e,
-            ref: p,
-            ...m,
-            children: /* @__PURE__ */ _(
-              cr,
+            ref: v,
+            ..._,
+            children: /* @__PURE__ */ f(
+              gr,
               {
-                backButton: r,
-                backButtonText: t,
+                backButton: t,
+                backButtonText: r,
                 backButtonOnlyIcon: o,
-                closeButtonText: c,
-                className: ue(`${$e}__drawer-frame`),
-                footerContent: s,
-                ref: g,
+                closeButtonText: i,
+                className: ae(`${ve}__drawer-frame`),
+                footerContent: l,
+                ref: w,
                 onAnimationEnd: S,
-                onBackButtonClick: u,
-                onSwipeStart: E,
-                onSwipeMove: T,
-                onSwipeCancel: I,
-                onSwipeEnd: O,
-                stickyFooter: d,
-                title: f,
-                children: a ? /* @__PURE__ */ H("div", { className: ue(`${$e}__content-container`), children: [
-                  /* @__PURE__ */ _(
-                    Kn,
+                onBackButtonClick: d,
+                onSwipeStart: y,
+                onSwipeMove: C,
+                onSwipeCancel: x,
+                onSwipeEnd: b,
+                stickyFooter: h,
+                title: p,
+                children: a ? /* @__PURE__ */ L("div", { className: ae(`${ve}__content-container`), children: [
+                  /* @__PURE__ */ f(
+                    ao,
                     {
-                      className: ue(`${$e}__description`),
+                      className: ae(`${ve}__description`),
                       "data-testid": `${e}-description`,
                       children: a
                     }
                   ),
-                  /* @__PURE__ */ _("div", { children: n })
+                  /* @__PURE__ */ f("div", { children: n })
                 ] }) : n
               }
             )
@@ -2739,45 +2667,45 @@ const da = (e, r) => ({
     ) });
   }
 );
-ir.displayName = "DrawerContent";
-const sr = w(
+_r.displayName = "DrawerContent";
+const wr = U(
   ({
     ["data-testid"]: e = "purpur-drawer-trigger",
-    children: r,
-    className: t,
+    children: t,
+    className: r,
     ...o
-  }, a) => /* @__PURE__ */ _(
-    Yn,
+  }, a) => /* @__PURE__ */ f(
+    to,
     {
       asChild: !0,
-      className: t,
+      className: r,
       "data-testid": e,
       ref: a,
       ...o,
-      children: r
+      children: t
     }
   )
 );
-sr.displayName = "DrawerTrigger";
-const fa = Q.bind(Jn), pa = "purpur-drawer", ot = ({
+wr.displayName = "DrawerTrigger";
+const wa = Y.bind(lo), ba = "purpur-drawer", Ze = ({
   ["data-testid"]: e = "purpur-drawer",
-  children: r,
-  className: t,
+  children: t,
+  className: r,
   onOpenChange: o,
   open: a = !1,
   ...n
 }) => {
-  const [i, c] = Ue.useState(a), l = fa([t, pa]), s = (u) => {
-    c(u), o == null || o(u);
+  const [s, i] = Me.useState(a), u = wa([r, ba]), l = (d) => {
+    i(d), o == null || o(d);
   };
-  return D(() => {
-    c(a);
-  }, [a]), /* @__PURE__ */ _(qt.Provider, { value: s, children: /* @__PURE__ */ _("div", { className: l, "data-testid": e, ...n, children: /* @__PURE__ */ _(Hn, { open: i, onOpenChange: s, children: r }) }) });
+  return Cr(() => {
+    i(a);
+  }, [a]), /* @__PURE__ */ f(Kt.Provider, { value: l, children: /* @__PURE__ */ f("div", { className: u, "data-testid": e, ...n, children: /* @__PURE__ */ f(eo, { open: s, onOpenChange: l, children: t }) }) });
 };
-ot.Trigger = sr;
-ot.Content = ir;
-ot.displayName = "Drawer";
+Ze.Trigger = wr;
+Ze.Content = _r;
+Ze.displayName = "Drawer";
 export {
-  ot as Drawer
+  Ze as Drawer
 };
 //# sourceMappingURL=drawer.es.js.map