@purpurds/drawer 5.15.1

package/dist/drawer.es.js

@@ -0,0 +1,2791 @@
+import { jsx as _, jsxs as Y, 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 wt } from "react";
+import dr, { flushSync as yt } 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 } = {}) {
+  return function(a) {
+    if (e == null || e(a), t === !1 || !a.defaultPrevented) return r == null ? void 0 : r(a);
+  };
+}
+function pr(e, r) {
+  typeof e == "function" ? e(r) : e != null && (e.current = r);
+}
+function St(...e) {
+  return (r) => e.forEach(
+    (t) => pr(t, r)
+  );
+}
+function k(...e) {
+  return ae(St(...e), e);
+}
+function Et(e, r = []) {
+  let t = [];
+  function o(n, i) {
+    const c = /* @__PURE__ */ de(i), l = t.length;
+    t = [
+      ...t,
+      i
+    ];
+    function s(d) {
+      const { scope: p, children: v, ...m } = d, f = (p == null ? void 0 : p[e][l]) || c, b = Se(
+        () => m,
+        Object.values(m)
+      );
+      return /* @__PURE__ */ h(f.Provider, {
+        value: b
+      }, v);
+    }
+    function u(d, p) {
+      const v = (p == null ? void 0 : p[e][l]) || c, m = Te(v);
+      if (m) return m;
+      if (i !== void 0) return i;
+      throw new Error(`\`${d}\` must be used within \`${n}\``);
+    }
+    return s.displayName = n + "Provider", [
+      s,
+      u
+    ];
+  }
+  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
+        ]
+      );
+    };
+  };
+  return a.scopeName = e, [
+    o,
+    fr(a, ...r)
+  ];
+}
+function fr(...e) {
+  const r = e[0];
+  if (e.length === 1) return r;
+  const t = () => {
+    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
+        };
+      }, {});
+      return Se(
+        () => ({
+          [`__scope${r.scopeName}`]: i
+        }),
+        [
+          i
+        ]
+      );
+    };
+  };
+  return t.scopeName = r.scopeName, t;
+}
+const xe = globalThis != null && globalThis.document ? ur : () => {
+}, vr = $.useId || (() => {
+});
+let hr = 0;
+function Oe(e) {
+  const [r, t] = $.useState(vr());
+  return xe(() => {
+    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 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(() => {
+    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);
+  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(He, y({}, o, {
+      ref: r
+    }), /* @__PURE__ */ Ee(i) ? /* @__PURE__ */ Qe(i, void 0, c) : null);
+  }
+  return /* @__PURE__ */ h(He, y({}, o, {
+    ref: r
+  }), t);
+});
+et.displayName = "Slot";
+const He = /* @__PURE__ */ w((e, r) => {
+  const { children: t, ...o } = e;
+  return /* @__PURE__ */ Ee(t) ? /* @__PURE__ */ Qe(t, {
+    ...$r(o, t.props),
+    ref: r ? St(r, t.ref) : t.ref
+  }) : Z.count(t) > 1 ? Z.only(null) : null;
+});
+He.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(" "));
+  }
+  return {
+    ...e,
+    ...t
+  };
+}
+const wr = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "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
+    }));
+  });
+  return t.displayName = `Primitive.${r}`, {
+    ...e,
+    [r]: t
+  };
+}, {});
+function yr(e, r) {
+  e && yt(
+    () => e.dispatchEvent(r)
+  );
+}
+function Sr(e, r = globalThis == null ? void 0 : globalThis.document) {
+  const t = M(e);
+  D(() => {
+    const o = (a) => {
+      a.key === "Escape" && t(a);
+    };
+    return r.addEventListener("keydown", o), () => r.removeEventListener("keydown", o);
+  }, [
+    t,
+    r
+  ]);
+}
+const Ye = "dismissableLayer.update", Er = "dismissableLayer.pointerDownOutside", xr = "dismissableLayer.focusOutside";
+let ot;
+const Cr = /* @__PURE__ */ de({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), Pr = /* @__PURE__ */ w((e, r) => {
+  var t;
+  const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: a, onPointerDownOutside: n, onFocusOutside: i, onInteractOutside: c, onDismiss: l, ...s } = e, u = Te(Cr), [d, p] = N(null), v = (t = d == null ? void 0 : d.ownerDocument) !== null && t !== void 0 ? t : globalThis == null ? void 0 : globalThis.document, [, m] = N({}), f = k(
+    r,
+    (x) => p(x)
+  ), b = Array.from(u.layers), [g] = [
+    ...u.layersWithOutsidePointerEventsDisabled
+  ].slice(-1), C = b.indexOf(g), S = d ? b.indexOf(d) : -1, E = u.layersWithOutsidePointerEventsDisabled.size > 0, P = S >= C, I = Tr((x) => {
+    const T = x.target, R = [
+      ...u.branches
+    ].some(
+      (z) => z.contains(T)
+    );
+    !P || R || (n == null || n(x), c == null || c(x), x.defaultPrevented || l == null || l());
+  }, v), O = Ar((x) => {
+    const T = x.target;
+    [
+      ...u.branches
+    ].some(
+      (z) => z.contains(T)
+    ) || (i == null || i(x), c == null || c(x), x.defaultPrevented || l == null || l());
+  }, v);
+  return Sr((x) => {
+    S === u.layers.size - 1 && (a == null || a(x), !x.defaultPrevented && l && (x.preventDefault(), l()));
+  }, v), D(() => {
+    if (d)
+      return o && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (ot = v.body.style.pointerEvents, v.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(d)), u.layers.add(d), at(), () => {
+        o && u.layersWithOutsidePointerEventsDisabled.size === 1 && (v.body.style.pointerEvents = ot);
+      };
+  }, [
+    d,
+    v,
+    o,
+    u
+  ]), D(() => () => {
+    d && (u.layers.delete(d), u.layersWithOutsidePointerEventsDisabled.delete(d), at());
+  }, [
+    d,
+    u
+  ]), D(() => {
+    const x = () => m({});
+    return document.addEventListener(Ye, x), () => document.removeEventListener(Ye, x);
+  }, []), /* @__PURE__ */ h(F.div, y({}, s, {
+    ref: f,
+    style: {
+      pointerEvents: E ? P ? "auto" : "none" : void 0,
+      ...e.style
+    },
+    onFocusCapture: L(e.onFocusCapture, O.onFocusCapture),
+    onBlurCapture: L(e.onBlurCapture, O.onBlurCapture),
+    onPointerDownCapture: L(e.onPointerDownCapture, I.onPointerDownCapture)
+  }));
+});
+function Tr(e, r = globalThis == null ? void 0 : globalThis.document) {
+  const t = M(e), o = A(!1), a = A(() => {
+  });
+  return D(() => {
+    const n = (c) => {
+      if (c.target && !o.current) {
+        let s = function() {
+          xt(Er, t, l, {
+            discrete: !0
+          });
+        };
+        const l = {
+          originalEvent: c
+        };
+        c.pointerType === "touch" ? (r.removeEventListener("click", a.current), a.current = s, r.addEventListener("click", a.current, {
+          once: !0
+        })) : s();
+      } else
+        r.removeEventListener("click", a.current);
+      o.current = !1;
+    }, i = window.setTimeout(() => {
+      r.addEventListener("pointerdown", n);
+    }, 0);
+    return () => {
+      window.clearTimeout(i), r.removeEventListener("pointerdown", n), r.removeEventListener("click", a.current);
+    };
+  }, [
+    r,
+    t
+  ]), {
+    // 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(() => {
+    const a = (n) => {
+      n.target && !o.current && xt(xr, t, {
+        originalEvent: n
+      }, {
+        discrete: !1
+      });
+    };
+    return r.addEventListener("focusin", a), () => r.removeEventListener("focusin", a);
+  }, [
+    r,
+    t
+  ]), {
+    onFocusCapture: () => o.current = !0,
+    onBlurCapture: () => o.current = !1
+  };
+}
+function at() {
+  const e = new CustomEvent(Ye);
+  document.dispatchEvent(e);
+}
+function xt(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", ct = {
+  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), p = k(
+    r,
+    (f) => l(f)
+  ), v = A({
+    paused: !1,
+    pause() {
+      this.paused = !0;
+    },
+    resume() {
+      this.paused = !1;
+    }
+  }).current;
+  D(() => {
+    if (o) {
+      let f = function(S) {
+        if (v.paused || !c) return;
+        const E = S.target;
+        c.contains(E) ? d.current = E : V(d.current, {
+          select: !0
+        });
+      }, b = function(S) {
+        if (v.paused || !c) return;
+        const E = S.relatedTarget;
+        E !== null && (c.contains(E) || V(d.current, {
+          select: !0
+        }));
+      }, g = function(S) {
+        if (document.activeElement === document.body)
+          for (const P of S) P.removedNodes.length > 0 && V(c);
+      };
+      document.addEventListener("focusin", f), document.addEventListener("focusout", b);
+      const C = new MutationObserver(g);
+      return c && C.observe(c, {
+        childList: !0,
+        subtree: !0
+      }), () => {
+        document.removeEventListener("focusin", f), document.removeEventListener("focusout", b), C.disconnect();
+      };
+    }
+  }, [
+    o,
+    c,
+    v.paused
+  ]), D(() => {
+    if (c) {
+      st.add(v);
+      const f = document.activeElement;
+      if (!c.contains(f)) {
+        const g = new CustomEvent(Le, ct);
+        c.addEventListener(Le, s), c.dispatchEvent(g), g.defaultPrevented || (Nr(Ir(Ct(c)), {
+          select: !0
+        }), document.activeElement === f && V(c));
+      }
+      return () => {
+        c.removeEventListener(Le, s), setTimeout(() => {
+          const g = new CustomEvent(Re, ct);
+          c.addEventListener(Re, u), c.dispatchEvent(g), g.defaultPrevented || V(f ?? document.body, {
+            select: !0
+          }), c.removeEventListener(Re, u), st.remove(v);
+        }, 0);
+      };
+    }
+  }, [
+    c,
+    s,
+    u,
+    v
+  ]);
+  const m = ae((f) => {
+    if (!t && !o || v.paused) return;
+    const b = f.key === "Tab" && !f.altKey && !f.ctrlKey && !f.metaKey, g = document.activeElement;
+    if (b && g) {
+      const C = f.currentTarget, [S, E] = Or(C);
+      S && E ? !f.shiftKey && g === E ? (f.preventDefault(), t && V(S, {
+        select: !0
+      })) : f.shiftKey && g === S && (f.preventDefault(), t && V(E, {
+        select: !0
+      })) : g === C && f.preventDefault();
+    }
+  }, [
+    t,
+    o,
+    v.paused
+  ]);
+  return /* @__PURE__ */ h(F.div, y({
+    tabIndex: -1
+  }, i, {
+    ref: p,
+    onKeyDown: m
+  }));
+});
+function Nr(e, { select: r = !1 } = {}) {
+  const t = document.activeElement;
+  for (const o of e)
+    if (V(o, {
+      select: r
+    }), document.activeElement !== t) return;
+}
+function Or(e) {
+  const r = Ct(e), t = it(r, e), o = it(r.reverse(), e);
+  return [
+    t,
+    o
+  ];
+}
+function Ct(e) {
+  const r = [], t = 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;
+}
+function it(e, r) {
+  for (const t of e)
+    if (!Lr(t, {
+      upTo: r
+    })) return t;
+}
+function Lr(e, { upTo: r }) {
+  if (getComputedStyle(e).visibility === "hidden") return !0;
+  for (; e; ) {
+    if (r !== void 0 && e === r) return !1;
+    if (getComputedStyle(e).display === "none") return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+function Rr(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function V(e, { select: r = !1 } = {}) {
+  if (e && e.focus) {
+    const t = document.activeElement;
+    e.focus({
+      preventScroll: !0
+    }), e !== t && Rr(e) && r && e.select();
+  }
+}
+const st = Mr();
+function Mr() {
+  let e = [];
+  return {
+    add(r) {
+      const t = e[0];
+      r !== t && (t == null || t.pause()), e = lt(e, r), e.unshift(r);
+    },
+    remove(r) {
+      var t;
+      e = lt(e, r), (t = e[0]) === null || t === void 0 || t.resume();
+    }
+  };
+}
+function lt(e, r) {
+  const t = [
+    ...e
+  ], o = t.indexOf(r);
+  return o !== -1 && t.splice(o, 1), t;
+}
+function Ir(e) {
+  return e.filter(
+    (r) => r.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;
+});
+function Fr(e, r) {
+  return wt((t, o) => {
+    const a = r[t][o];
+    return a ?? t;
+  }, e);
+}
+const q = (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;
+};
+q.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, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return D(() => {
+    const s = fe(o.current);
+    n.current = c === "mounted" ? s : "none";
+  }, [
+    c
+  ]), xe(() => {
+    const s = o.current, u = a.current;
+    if (u !== e) {
+      const p = n.current, v = fe(s);
+      e ? l("MOUNT") : v === "none" || (s == null ? void 0 : s.display) === "none" ? l("UNMOUNT") : l(u && p !== v ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
+    }
+  }, [
+    e,
+    l
+  ]), xe(() => {
+    if (r) {
+      const s = (d) => {
+        const v = fe(o.current).includes(d.animationName);
+        d.target === r && v && yt(
+          () => l("ANIMATION_END")
+        );
+      }, u = (d) => {
+        d.target === r && (n.current = fe(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);
+      };
+    } else
+      l("ANIMATION_END");
+  }, [
+    r,
+    l
+  ]), {
+    isPresent: [
+      "mounted",
+      "unmountSuspended"
+    ].includes(c),
+    ref: ae((s) => {
+      s && (o.current = getComputedStyle(s)), t(s);
+    }, [])
+  };
+}
+function fe(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 : ut()), document.body.insertAdjacentElement("beforeend", (r = t[1]) !== null && r !== void 0 ? r : ut()), Me++, () => {
+      Me === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach(
+        (o) => o.remove()
+      ), Me--;
+    };
+  }, []);
+}
+function ut() {
+  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;
+}
+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]);
+    }
+    return r;
+  }, W.apply(this, arguments);
+};
+function Pt(e, r) {
+  var t = {};
+  for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && r.indexOf(o) < 0 && (t[o] = e[o]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    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;
+}
+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));
+}
+var we = "right-scroll-bar-position", ye = "width-before-scroll-bar", Ur = "with-scroll-bars-hidden", Hr = "--removed-body-scroll-bar-size";
+function Ie(e, r) {
+  return typeof e == "function" ? e(r) : e && (e.current = r), e;
+}
+function Yr(e, r) {
+  var t = N(function() {
+    return {
+      // value
+      value: e,
+      // last callback
+      callback: r,
+      // "memoized" public interface
+      facade: {
+        get current() {
+          return t.value;
+        },
+        set current(o) {
+          var a = t.value;
+          a !== o && (t.value = o, t.callback(o, a));
+        }
+      }
+    };
+  })[0];
+  return t.callback = r, t.facade;
+}
+var Xr = typeof window < "u" ? $.useLayoutEffect : $.useEffect, dt = /* @__PURE__ */ new WeakMap();
+function Br(e, r) {
+  var t = Yr(null, function(o) {
+    return e.forEach(function(a) {
+      return Ie(a, o);
+    });
+  });
+  return Xr(function() {
+    var o = dt.get(t);
+    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);
+      });
+    }
+    dt.set(t, e);
+  }, [e]), t;
+}
+function Vr(e) {
+  return e;
+}
+function qr(e, r) {
+  r === void 0 && (r = Vr);
+  var t = [], 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;
+    },
+    useMedium: function(n) {
+      var i = r(n, o);
+      return t.push(i), function() {
+        t = t.filter(function(c) {
+          return c !== i;
+        });
+      };
+    },
+    assignSyncMedium: function(n) {
+      for (o = !0; t.length; ) {
+        var i = t;
+        t = [], i.forEach(n);
+      }
+      t = {
+        push: function(c) {
+          return n(c);
+        },
+        filter: function() {
+          return t;
+        }
+      };
+    },
+    assignMedium: function(n) {
+      o = !0;
+      var i = [];
+      if (t.length) {
+        var c = t;
+        t = [], c.forEach(n), i = t;
+      }
+      var l = function() {
+        var u = i;
+        i = [], u.forEach(n);
+      }, s = function() {
+        return Promise.resolve().then(l);
+      };
+      s(), t = {
+        push: function(u) {
+          i.push(u), s();
+        },
+        filter: function(u) {
+          return i = i.filter(u), t;
+        }
+      };
+    }
+  };
+  return a;
+}
+function Kr(e) {
+  e === void 0 && (e = {});
+  var r = qr(null);
+  return r.options = W({ async: !0, ssr: !1 }, e), r;
+}
+var Tt = function(e) {
+  var r = e.sideCar, t = Pt(e, ["sideCar"]);
+  if (!r)
+    throw new Error("Sidecar: please provide `sideCar` property to import the right car");
+  var o = r.read();
+  if (!o)
+    throw new Error("Sidecar medium not found");
+  return $.createElement(o, W({}, t));
+};
+Tt.isSideCarExport = !0;
+function Gr(e, r) {
+  return e.useMedium(r), Tt;
+}
+var At = 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, p = e.sideCar, v = e.noIsolation, m = e.inert, f = e.allowPinchZoom, b = e.as, g = b === void 0 ? "div" : b, C = Pt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]), S = p, E = Br([t, r]), P = W(W({}, C), a);
+  return $.createElement(
+    $.Fragment,
+    null,
+    u && $.createElement(S, { sideCar: At, removeScrollBar: s, shards: d, noIsolation: v, inert: m, setCallbacks: n, allowPinchZoom: !!f, lockRef: t }),
+    i ? $.cloneElement($.Children.only(c), W(W({}, P), { ref: E })) : $.createElement(g, W({}, P, { className: l, ref: E }), c)
+  );
+});
+Ae.defaultProps = {
+  enabled: !0,
+  removeScrollBar: !0,
+  inert: !1
+};
+Ae.classNames = {
+  fullWidth: ye,
+  zeroRight: we
+};
+var Zr = function() {
+  if (typeof __webpack_nonce__ < "u")
+    return __webpack_nonce__;
+};
+function Qr() {
+  if (!document)
+    return null;
+  var e = document.createElement("style");
+  e.type = "text/css";
+  var r = Zr();
+  return r && e.setAttribute("nonce", r), e;
+}
+function Jr(e, r) {
+  e.styleSheet ? e.styleSheet.cssText = r : e.appendChild(document.createTextNode(r));
+}
+function en(e) {
+  var r = document.head || document.getElementsByTagName("head")[0];
+  r.appendChild(e);
+}
+var tn = function() {
+  var e = 0, r = null;
+  return {
+    add: function(t) {
+      e == 0 && (r = Qr()) && (Jr(r, t), en(r)), e++;
+    },
+    remove: function() {
+      e--, !e && r && (r.parentNode && r.parentNode.removeChild(r), r = null);
+    }
+  };
+}, rn = function() {
+  var e = tn();
+  return function(r, t) {
+    $.useEffect(function() {
+      return e.add(r), function() {
+        e.remove();
+      };
+    }, [r && t]);
+  };
+}, Dt = function() {
+  var e = rn(), r = function(t) {
+    var o = t.styles, a = t.dynamic;
+    return e(o, a), null;
+  };
+  return r;
+}, nn = {
+  left: 0,
+  top: 0,
+  right: 0,
+  gap: 0
+}, Fe = 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) {
+  if (e === void 0 && (e = "margin"), typeof window > "u")
+    return nn;
+  var r = on(e), t = document.documentElement.clientWidth, o = window.innerWidth;
+  return {
+    left: r[0],
+    top: r[1],
+    right: r[2],
+    gap: Math.max(0, o - t + r[2] - r[0])
+  };
+}, cn = Dt(), 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, ` {
+   overflow: hidden `).concat(o, `;
+   padding-right: `).concat(c, "px ").concat(o, `;
+  }
+  body[`).concat(oe, `] {
+    overflow: hidden `).concat(o, `;
+    overscroll-behavior: contain;
+    `).concat([
+    r && "position: relative ".concat(o, ";"),
+    t === "margin" && `
+    padding-left: `.concat(a, `px;
+    padding-top: `).concat(n, `px;
+    padding-right: `).concat(i, `px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(c, "px ").concat(o, `;
+    `),
+    t === "padding" && "padding-right: ".concat(c, "px ").concat(o, ";")
+  ].filter(Boolean).join(""), `
+  }
+  
+  .`).concat(we, ` {
+    right: `).concat(c, "px ").concat(o, `;
+  }
+  
+  .`).concat(ye, ` {
+    margin-right: `).concat(c, "px ").concat(o, `;
+  }
+  
+  .`).concat(we, " .").concat(we, ` {
+    right: 0 `).concat(o, `;
+  }
+  
+  .`).concat(ye, " .").concat(ye, ` {
+    margin-right: 0 `).concat(o, `;
+  }
+  
+  body[`).concat(oe, `] {
+    `).concat(Hr, ": ").concat(c, `px;
+  }
+`);
+}, pt = function() {
+  var e = parseInt(document.body.getAttribute(oe) || "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());
+    };
+  }, []);
+}, 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);
+  }, [a]);
+  return $.createElement(cn, { styles: sn(n, !r, a, t ? "" : "!important") });
+}, Xe = !1;
+if (typeof window < "u")
+  try {
+    var ve = Object.defineProperty({}, "passive", {
+      get: function() {
+        return Xe = !0, !0;
+      }
+    });
+    window.addEventListener("test", ve, ve), window.removeEventListener("test", ve, ve);
+  } catch {
+    Xe = !1;
+  }
+var J = Xe ? { passive: !1 } : !1, dn = function(e) {
+  return e.tagName === "TEXTAREA";
+}, Nt = function(e, r) {
+  var t = window.getComputedStyle(e);
+  return (
+    // not-not-scrollable
+    t[r] !== "hidden" && // contains scroll inside self
+    !(t.overflowY === t.overflowX && !dn(e) && t[r] === "visible")
+  );
+}, pn = function(e) {
+  return Nt(e, "overflowY");
+}, fn = function(e) {
+  return Nt(e, "overflowX");
+}, ft = function(e, r) {
+  var t = r;
+  do {
+    typeof ShadowRoot < "u" && t instanceof ShadowRoot && (t = t.host);
+    var o = Ot(e, t);
+    if (o) {
+      var a = Lt(e, t), n = a[1], i = a[2];
+      if (n > i)
+        return !0;
+    }
+    t = t.parentNode;
+  } while (t && t !== document.body);
+  return !1;
+}, vn = function(e) {
+  var r = e.scrollTop, t = e.scrollHeight, o = e.clientHeight;
+  return [
+    r,
+    t,
+    o
+  ];
+}, hn = function(e) {
+  var r = e.scrollLeft, t = e.scrollWidth, o = e.clientWidth;
+  return [
+    r,
+    t,
+    o
+  ];
+}, Ot = function(e, r) {
+  return e === "v" ? pn(r) : fn(r);
+}, Lt = 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, p = 0;
+  do {
+    var v = Lt(e, c), m = v[0], f = v[1], b = v[2], g = f - b - n * m;
+    (m || g) && Ot(e, c) && (d += g, p += m), c = c.parentNode;
+  } while (
+    // portaled content
+    !l && c !== document.body || // self content
+    l && (r.contains(c) || r === c)
+  );
+  return (u && (d === 0 || !a) || !u && (p === 0 || !a)) && (s = !0), s;
+}, he = function(e) {
+  return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
+}, vt = function(e) {
+  return [e.deltaX, e.deltaY];
+}, ht = 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) {
+  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 Dt();
+  })[0], i = $.useRef(e);
+  $.useEffect(function() {
+    i.current = e;
+  }, [e]), $.useEffect(function() {
+    if (e.inert) {
+      document.body.classList.add("block-interactivity-".concat(a));
+      var f = Wr([e.lockRef.current], (e.shards || []).map(ht), !0).filter(Boolean);
+      return f.forEach(function(b) {
+        return b.classList.add("allow-interactivity-".concat(a));
+      }), function() {
+        document.body.classList.remove("block-interactivity-".concat(a)), f.forEach(function(b) {
+          return b.classList.remove("allow-interactivity-".concat(a));
+        });
+      };
+    }
+  }, [e.inert, e.lockRef.current, e.shards]);
+  var c = $.useCallback(function(f, b) {
+    if ("touches" in f && f.touches.length === 2)
+      return !i.current.allowPinchZoom;
+    var g = he(f), C = t.current, S = "deltaX" in f ? f.deltaX : C[0] - g[0], E = "deltaY" in f ? f.deltaY : C[1] - g[1], P, I = f.target, O = Math.abs(S) > Math.abs(E) ? "h" : "v";
+    if ("touches" in f && O === "h" && I.type === "range")
+      return !1;
+    var x = ft(O, I);
+    if (!x)
+      return !0;
+    if (x ? P = O : (P = O === "v" ? "h" : "v", x = ft(O, I)), !x)
+      return !1;
+    if (!o.current && "changedTouches" in f && (S || E) && (o.current = P), !P)
+      return !0;
+    var T = o.current || P;
+    return mn(T, b, f, T === "h" ? S : E, !0);
+  }, []), l = $.useCallback(function(f) {
+    var b = f;
+    if (!(!ee.length || ee[ee.length - 1] !== n)) {
+      var g = "deltaY" in b ? vt(b) : he(b), C = r.current.filter(function(P) {
+        return P.name === b.type && P.target === b.target && gn(P.delta, g);
+      })[0];
+      if (C && C.should) {
+        b.cancelable && b.preventDefault();
+        return;
+      }
+      if (!C) {
+        var S = (i.current.shards || []).map(ht).filter(Boolean).filter(function(P) {
+          return P.contains(b.target);
+        }), E = S.length > 0 ? c(b, S[0]) : !i.current.noIsolation;
+        E && b.cancelable && b.preventDefault();
+      }
+    }
+  }, []), s = $.useCallback(function(f, b, g, C) {
+    var S = { name: f, delta: b, target: g, should: C };
+    r.current.push(S), setTimeout(function() {
+      r.current = r.current.filter(function(E) {
+        return E !== S;
+      });
+    }, 1);
+  }, []), u = $.useCallback(function(f) {
+    t.current = he(f), o.current = void 0;
+  }, []), d = $.useCallback(function(f) {
+    s(f.type, vt(f), f.target, c(f, e.lockRef.current));
+  }, []), p = $.useCallback(function(f) {
+    s(f.type, he(f), f.target, c(f, e.lockRef.current));
+  }, []);
+  $.useEffect(function() {
+    return ee.push(n), e.setCallbacks({
+      onScrollCapture: d,
+      onWheelCapture: d,
+      onTouchMoveCapture: p
+    }), document.addEventListener("wheel", l, J), document.addEventListener("touchmove", l, J), document.addEventListener("touchstart", u, J), function() {
+      ee = ee.filter(function(f) {
+        return f !== n;
+      }), document.removeEventListener("wheel", l, J), document.removeEventListener("touchmove", l, J), document.removeEventListener("touchstart", u, J);
+    };
+  }, []);
+  var v = e.removeScrollBar, m = e.inert;
+  return $.createElement(
+    $.Fragment,
+    null,
+    m ? $.createElement(n, { styles: _n(a) }) : null,
+    v ? $.createElement(un, { gapMode: "margin" }) : null
+  );
+}
+const yn = Gr(At, wn);
+var Rt = $.forwardRef(function(e, r) {
+  return $.createElement(Ae, W({}, e, { ref: r, sideCar: yn }));
+});
+Rt.classNames = Ae.classNames;
+var Sn = function(e) {
+  if (typeof document > "u")
+    return null;
+  var r = Array.isArray(e) ? e[0] : e;
+  return r.ownerDocument.body;
+}, te = /* @__PURE__ */ new WeakMap(), be = /* @__PURE__ */ new WeakMap(), me = {}, je = 0, Mt = function(e) {
+  return e && (e.host || Mt(e.parentNode));
+}, En = function(e, r) {
+  return r.map(function(t) {
+    if (e.contains(t))
+      return t;
+    var o = Mt(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;
+  });
+}, xn = function(e, r, t, o) {
+  var a = En(r, Array.isArray(e) ? e : [e]);
+  me[t] || (me[t] = /* @__PURE__ */ new WeakMap());
+  var n = me[t], i = [], c = /* @__PURE__ */ new Set(), l = new Set(a), s = function(d) {
+    !d || c.has(d) || (c.add(d), s(d.parentNode));
+  };
+  a.forEach(s);
+  var u = function(d) {
+    !d || l.has(d) || Array.prototype.forEach.call(d.children, function(p) {
+      if (c.has(p))
+        u(p);
+      else
+        try {
+          var v = p.getAttribute(o), m = v !== null && v !== "false", f = (te.get(p) || 0) + 1, b = (n.get(p) || 0) + 1;
+          te.set(p, f), n.set(p, b), i.push(p), f === 1 && m && be.set(p, !0), b === 1 && p.setAttribute(t, "true"), m || p.setAttribute(o, "true");
+        } catch (g) {
+          console.error("aria-hidden: cannot operate on ", p, g);
+        }
+    });
+  };
+  return u(r), c.clear(), je++, function() {
+    i.forEach(function(d) {
+      var p = te.get(d) - 1, v = n.get(d) - 1;
+      te.set(d, p), n.set(d, v), p || (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 = {});
+  };
+}, Cn = 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]"))), xn(o, a, t, "aria-hidden")) : function() {
+    return null;
+  };
+};
+const It = "Dialog", [kt, ga] = Et(It), [Pn, j] = kt(It), Tn = (e) => {
+  const { __scopeDialog: r, children: t, open: o, defaultOpen: a, onOpenChange: n, modal: i = !0 } = e, c = A(null), l = A(null), [s = !1, u] = br({
+    prop: o,
+    defaultProp: a,
+    onChange: n
+  });
+  return /* @__PURE__ */ h(Pn, {
+    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)
+  }));
+}), Ft = "DialogPortal", [Nn, jt] = kt(Ft, {
+  forceMount: void 0
+}), On = (e) => {
+  const { __scopeDialog: r, forceMount: t, children: o, container: a } = e, n = j(Ft, r);
+  return /* @__PURE__ */ h(Nn, {
+    scope: r,
+    forceMount: t
+  }, Z.map(
+    o,
+    (i) => /* @__PURE__ */ h(q, {
+      present: t || n.open
+    }, /* @__PURE__ */ h(kr, {
+      asChild: !0,
+      container: a
+    }, i))
+  ));
+}, Be = "DialogOverlay", Ln = /* @__PURE__ */ w((e, r) => {
+  const t = jt(Be, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = j(Be, e.__scopeDialog);
+  return n.modal ? /* @__PURE__ */ h(q, {
+    present: o || n.open
+  }, /* @__PURE__ */ h(Rn, y({}, a, {
+    ref: r
+  }))) : null;
+}), Rn = /* @__PURE__ */ w((e, r) => {
+  const { __scopeDialog: t, ...o } = e, a = j(Be, t);
+  return (
+    // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+    // ie. when `Overlay` and `Content` are siblings
+    /* @__PURE__ */ h(Rt, {
+      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
+      }
+    })))
+  );
+}), pe = "DialogContent", Mn = /* @__PURE__ */ w((e, r) => {
+  const t = jt(pe, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, n = j(pe, e.__scopeDialog);
+  return /* @__PURE__ */ h(q, {
+    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(pe, e.__scopeDialog), o = A(null), a = k(r, t.contentRef, o);
+  return D(() => {
+    const n = o.current;
+    if (n) return Cn(n);
+  }, []), /* @__PURE__ */ h(zt, 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(pe, e.__scopeDialog), o = A(!1), a = A(!1);
+  return /* @__PURE__ */ h(zt, 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();
+      }
+      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();
+    }
+  }));
+}), zt = /* @__PURE__ */ w((e, r) => {
+  const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...i } = e, c = j(pe, 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(Pr, 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", Hn = /* @__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) {
+  return e ? "open" : "closed";
+}
+const Yn = Tn, Xn = Dn, Bn = On, Vn = Ln, qn = Mn, bt = jn, Kn = Wn, Gn = Hn;
+function Zn(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Wt = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(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)));
+      }
+      return n;
+    }
+    function o(n) {
+      if (typeof n == "string" || typeof n == "number")
+        return this && this[n] || n;
+      if (typeof n != "object")
+        return "";
+      if (Array.isArray(n))
+        return t.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;
+    }
+    function a(n, i) {
+      return i ? n ? n + " " + i : n + i : n;
+    }
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+  })();
+})(Wt);
+var Qn = Wt.exports;
+const Q = /* @__PURE__ */ Zn(Qn), Ut = de(null), Jn = {
+  "purpur-drawer": "_purpur-drawer_xzrkg_1"
+}, eo = "_drawerSmallScreenAnimation_1j9c0_1", to = "_drawerLargeScreenAnimation_1j9c0_1", ro = "_slideDown_1j9c0_1", no = "_overlayAnimation_1j9c0_1", oo = {
+  "purpur-drawer-content": "_purpur-drawer-content_1j9c0_1",
+  drawerSmallScreenAnimation: eo,
+  drawerLargeScreenAnimation: to,
+  "purpur-drawer-content__content-container": "_purpur-drawer-content__content-container_1j9c0_22",
+  "purpur-drawer-content__drawer-frame": "_purpur-drawer-content__drawer-frame_1j9c0_27",
+  slideDown: ro,
+  "purpur-drawer-content__description": "_purpur-drawer-content__description_1j9c0_37",
+  "purpur-drawer-overlay": "_purpur-drawer-overlay_1j9c0_48",
+  overlayAnimation: no
+}, ao = {
+  "purpur-drawer-container--header": "_purpur-drawer-container--header_1r6tb_1",
+  "purpur-drawer-container--body": "_purpur-drawer-container--body_1r6tb_5",
+  "purpur-drawer-container--sticky": "_purpur-drawer-container--sticky_1r6tb_8",
+  "purpur-drawer-container--footer": "_purpur-drawer-container--footer_1r6tb_11"
+}, co = Q.bind(ao), ze = "purpur-drawer-container", ne = w(
+  ({
+    ["data-testid"]: e = "purpur-drawer-container",
+    children: r,
+    className: t,
+    variant: o = "body",
+    stickyFooter: a,
+    ...n
+  }, i) => {
+    const c = co([
+      t,
+      ze,
+      {
+        [`${ze}--${o}`]: o
+      },
+      {
+        [`${ze}--sticky`]: a
+      }
+    ]);
+    return /* @__PURE__ */ _("div", { className: c, "data-testid": e, ref: i, ...n, children: r });
+  }
+);
+ne.displayName = "DrawerContainer";
+const io = {
+  "purpur-drawer-frame": "_purpur-drawer-frame_jj7dt_1",
+  "purpur-drawer-frame--sticky-footer": "_purpur-drawer-frame--sticky-footer_jj7dt_17",
+  "purpur-drawer-frame__header": "_purpur-drawer-frame__header_jj7dt_20",
+  "purpur-drawer-frame__body": "_purpur-drawer-frame__body_jj7dt_23",
+  "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 = {
+  "purpur-drawer-handle": "_purpur-drawer-handle_3n0ew_1"
+}, lo = (e, r, t, o, a, n) => ({
+  onPointerDown: (s) => {
+    e.current = { y: s.clientY };
+  },
+  onPointerMove: (s) => {
+    if (!e.current)
+      return;
+    const u = s.clientY - e.current.y, d = !!r.current, p = Math.max(0, u), v = s.pointerType === "touch" ? 10 : 2, m = { y: p }, f = { originalEvent: s, delta: m };
+    d ? (r.current = m, o(f)) : mt(m, 0) ? (r.current = m, t(), s.target.setPointerCapture(s.pointerId)) : Math.abs(u) > v && (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 p = s.currentTarget, v = { originalEvent: s, delta: u };
+      mt(u, 0) && u.y > 200 ? n(v) : a(), p.addEventListener("click", (m) => m.preventDefault(), {
+        once: !0
+      });
+    }
+  }
+}), mt = (e, r = 0) => Math.abs(e.y) > r, uo = Q.bind(so), po = "purpur-drawer-handle", Ht = w(
+  ({
+    ["data-testid"]: e = "purpur-drawer-handle",
+    className: r,
+    onSwipeStart: t,
+    onSwipeMove: o,
+    onSwipeCancel: a,
+    onSwipeEnd: n,
+    ...i
+  }, c) => {
+    const l = uo([r, po]), s = Ue.useRef(null), u = Ue.useRef(null), { onPointerDown: d, onPointerMove: p, onPointerUp: v } = lo(
+      u,
+      s,
+      t,
+      o,
+      a,
+      n
+    );
+    return /* @__PURE__ */ _(
+      "div",
+      {
+        className: l,
+        "data-testid": e,
+        onPointerDown: d,
+        onPointerMove: p,
+        onPointerUp: v,
+        ref: c,
+        ...i
+      }
+    );
+  }
+);
+Ht.displayName = "DrawerHandle";
+const fo = {
+  PRIMARY: "primary",
+  SECONDARY: "secondary",
+  EXPRESSIVE: "expressive"
+}, vo = {
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+};
+function ho(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Yt = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(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)));
+      }
+      return n;
+    }
+    function o(n) {
+      if (typeof n == "string" || typeof n == "number")
+        return n;
+      if (typeof n != "object")
+        return "";
+      if (Array.isArray(n))
+        return t.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;
+    }
+    function a(n, i) {
+      return i ? n ? n + " " + i : n + i : n;
+    }
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+  })();
+})(Yt);
+var bo = Yt.exports;
+const gt = /* @__PURE__ */ ho(bo), mo = "_rotate_1xozj_1", go = "_dash_1xozj_1", ce = {
+  "purpur-spinner": "_purpur-spinner_1xozj_1",
+  rotate: mo,
+  "purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
+  "purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
+  "purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
+  "purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
+  "purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
+  "purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
+  dash: go,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
+}, ie = "purpur-spinner", _o = {
+  XXS: "xxs",
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+}, $o = ({
+  ["data-testid"]: e,
+  disabled: r = !1,
+  negative: t = !1,
+  size: o = _o.SM,
+  ...a
+}) => /* @__PURE__ */ _(
+  "div",
+  {
+    className: gt([ce[ie], ce[`${ie}--${o}`]]),
+    "data-testid": e,
+    ...a,
+    children: /* @__PURE__ */ _("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ _(
+      "circle",
+      {
+        className: gt(ce[`${ie}__circle`], {
+          [ce[`${ie}__circle--disabled`]]: r,
+          [ce[`${ie}__circle--negative`]]: t
+        }),
+        cx: "25",
+        cy: "25",
+        r: "20"
+      }
+    ) })
+  }
+);
+function wo(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Xt = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(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)));
+      }
+      return n;
+    }
+    function o(n) {
+      if (typeof n == "string" || typeof n == "number")
+        return this && this[n] || n;
+      if (typeof n != "object")
+        return "";
+      if (Array.isArray(n))
+        return t.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;
+    }
+    function a(n, i) {
+      return i ? n ? n + " " + i : n + i : n;
+    }
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+  })();
+})(Xt);
+var yo = Xt.exports;
+const So = /* @__PURE__ */ wo(yo), Eo = {
+  "purpur-button": "_purpur-button_1acxn_1",
+  "purpur-button--sm": "_purpur-button--sm_1acxn_33",
+  "purpur-button--icon-only": "_purpur-button--icon-only_1acxn_36",
+  "purpur-button--md": "_purpur-button--md_1acxn_39",
+  "purpur-button--lg": "_purpur-button--lg_1acxn_45",
+  "purpur-button--full-width": "_purpur-button--full-width_1acxn_51",
+  "purpur-button--primary": "_purpur-button--primary_1acxn_54",
+  "purpur-button--disabled": "_purpur-button--disabled_1acxn_58",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_1acxn_64",
+  "purpur-button--secondary": "_purpur-button--secondary_1acxn_76",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1acxn_87",
+  "purpur-button--expressive": "_purpur-button--expressive_1acxn_98",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1acxn_108",
+  "purpur-button--negative": "_purpur-button--negative_1acxn_120",
+  "purpur-button--destructive": "_purpur-button--destructive_1acxn_127",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1acxn_137",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1acxn_147",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1acxn_160",
+  "purpur-button--text-negative": "_purpur-button--text-negative_1acxn_175",
+  "purpur-button--text": "_purpur-button--text_1acxn_175"
+}, We = {
+  ...fo,
+  DESTRUCTIVE: "destructive",
+  TERTIARY_PURPLE: "tertiary-purple",
+  TEXT: "text"
+}, xo = So.bind(Eo), K = "purpur-button", Co = ({
+  children: e,
+  className: r,
+  ["data-testid"]: t,
+  disabled: o = !1,
+  fullWidth: a = !1,
+  iconOnly: n,
+  loading: i = !1,
+  negative: c = !1,
+  onClick: l,
+  size: s = "md",
+  variant: u,
+  type: d = "button",
+  ...p
+}, v) => {
+  if (n && u === "destructive")
+    return null;
+  const m = xo(
+    [
+      K,
+      `${K}--${c ? `${u}-negative` : u}`,
+      `${K}--${s}`
+    ],
+    {
+      [`${K}--icon-only`]: n,
+      [`${K}--negative`]: c,
+      [`${K}--full-width`]: a,
+      [`${K}--disabled`]: o || i
+    },
+    r
+  ), f = (g) => {
+    o || i ? g.preventDefault() : l && l(g);
+  }, b = !!p["aria-disabled"] || o || i;
+  return /* @__PURE__ */ Y(
+    "button",
+    {
+      className: m,
+      "data-testid": t,
+      type: d,
+      ref: v,
+      "aria-disabled": b,
+      onClick: f,
+      ...p,
+      children: [
+        i && /* @__PURE__ */ _($o, { size: s === vo.LG ? "xs" : "xxs", negative: c, disabled: b }),
+        " ",
+        e
+      ]
+    }
+  );
+}, Ve = w(Co);
+Ve.displayName = "Button";
+function Po(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Bt = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(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)));
+      }
+      return n;
+    }
+    function o(n) {
+      if (typeof n == "string" || typeof n == "number")
+        return n;
+      if (typeof n != "object")
+        return "";
+      if (Array.isArray(n))
+        return t.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;
+    }
+    function a(n, i) {
+      return i ? n ? n + " " + i : n + i : n;
+    }
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+  })();
+})(Bt);
+var To = Bt.exports;
+const Ao = /* @__PURE__ */ Po(To), ge = {
+  "purpur-heading": "_purpur-heading_k9fhq_1",
+  "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
+  "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
+  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_k9fhq_14",
+  "purpur-heading--title-100": "_purpur-heading--title-100_k9fhq_20",
+  "purpur-heading--title-200": "_purpur-heading--title-200_k9fhq_26",
+  "purpur-heading--title-300": "_purpur-heading--title-300_k9fhq_32",
+  "purpur-heading--title-400": "_purpur-heading--title-400_k9fhq_38",
+  "purpur-heading--title-500": "_purpur-heading--title-500_k9fhq_44",
+  "purpur-heading--title-600": "_purpur-heading--title-600_k9fhq_50",
+  "purpur-heading--title-700": "_purpur-heading--title-700_k9fhq_56",
+  "purpur-heading--display-25": "_purpur-heading--display-25_k9fhq_62",
+  "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"
+}, qe = {
+  TITLE100: "title-100",
+  TITLE200: "title-200",
+  TITLE300: "title-300",
+  TITLE400: "title-400",
+  TITLE500: "title-500",
+  TITLE600: "title-600",
+  TITLE700: "title-700",
+  SUBSECTION100: "subsection-100"
+}, _e = "purpur-heading", Ke = ({
+  ["data-testid"]: e,
+  children: r,
+  className: t = "",
+  enableHyphenation: o = !1,
+  negative: a = !1,
+  tag: n,
+  variant: i = qe.TITLE100,
+  ...c
+}) => {
+  const l = n, s = Ao([
+    t,
+    ge[_e],
+    ge[`${_e}--${i}`],
+    {
+      [ge[`${_e}--hyphens`]]: o,
+      [ge[`${_e}--negative`]]: a
+    }
+  ]);
+  return /* @__PURE__ */ _(l, { ...c, className: s, "data-testid": e, children: r });
+};
+Ke.displayName = "Heading";
+function Do(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Vt = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(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)));
+      }
+      return n;
+    }
+    function o(n) {
+      if (typeof n == "string" || typeof n == "number")
+        return this && this[n] || n;
+      if (typeof n != "object")
+        return "";
+      if (Array.isArray(n))
+        return t.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;
+    }
+    function a(n, i) {
+      return i ? n ? n + " " + i : n + i : n;
+    }
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+  })();
+})(Vt);
+var No = Vt.exports;
+const Oo = /* @__PURE__ */ Do(No), Lo = {
+  "purpur-icon": "_purpur-icon_8u1lq_1",
+  "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
+  "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
+  "purpur-icon--sm": "_purpur-icon--sm_8u1lq_12",
+  "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 = {
+  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"
+}, Mo = {
+  name: "close",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',
+  keywords: ["close"],
+  category: "utility"
+}, qt = (e) => /* @__PURE__ */ _(
+  Gt,
+  {
+    ...e,
+    svg: Ro
+  }
+);
+qt.displayName = "IconArrowLeft";
+const Kt = (e) => /* @__PURE__ */ _(
+  Gt,
+  {
+    ...e,
+    svg: Mo
+  }
+);
+Kt.displayName = "IconClose";
+const Io = Oo.bind(Lo), _t = "purpur-icon", ko = "md", Fo = (e) => e.filter((r) => Object.keys(r).length >= 1).map((r) => `${r.name}="${r.value}"`).join(" "), jo = ({ content: e = "", title: r } = {}) => {
+  const t = [
+    { name: "xmlns", value: "http://www.w3.org/2000/svg" },
+    { name: "fill", value: "currentColor" },
+    { name: "viewBox", value: "0 0 24 24" },
+    r ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], o = r ? `<title>${r}</title>` : "";
+  return `<svg ${Fo(t)}>${o}${e}</svg>`;
+}, zo = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Gt = ({
+  ["data-testid"]: e,
+  svg: r,
+  allyTitle: t,
+  className: o,
+  size: a = ko,
+  ...n
+}) => {
+  const i = jo({
+    content: zo(r.svg),
+    title: t
+  }), c = Io(o, _t, `${_t}--${a}`);
+  return /* @__PURE__ */ _(
+    "span",
+    {
+      "aria-label": t,
+      className: c,
+      "data-testid": e,
+      dangerouslySetInnerHTML: { __html: i },
+      ...n
+    }
+  );
+}, Wo = {
+  "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), H = "purpur-drawer-header", Zt = w(
+  ({
+    ["data-testid"]: e = "purpur-drawer-header",
+    backButton: r,
+    backButtonText: t,
+    backButtonOnlyIcon: o,
+    className: a,
+    closeButtonText: n,
+    onBackButtonClick: i,
+    title: c,
+    ...l
+  }, s) => {
+    const u = G([a, H]);
+    return /* @__PURE__ */ Y("div", { className: u, "data-testid": e, ref: s, ...l, children: [
+      /* @__PURE__ */ Y(
+        "div",
+        {
+          className: G([
+            `${H}__row`,
+            {
+              [`${H}__row--with-back-button`]: r && t && i
+            }
+          ]),
+          "data-testid": `${e}-row`,
+          children: [
+            /* @__PURE__ */ _("div", { className: G(`${H}__left`), children: r && t && i ? /* @__PURE__ */ Y(
+              Ve,
+              {
+                "aria-label": o ? t : "",
+                className: G([
+                  `${H}__back-button`,
+                  {
+                    [`${H}__back-button--only-icon`]: o
+                  }
+                ]),
+                "data-testid": `${e}-back-button`,
+                iconOnly: o,
+                onClick: i,
+                size: "sm",
+                variant: o ? We.TERTIARY_PURPLE : We.TEXT,
+                children: [
+                  /* @__PURE__ */ _(qt, { size: "sm" }),
+                  !o && t
+                ]
+              }
+            ) : /* @__PURE__ */ _(bt, { asChild: !0, children: /* @__PURE__ */ _(
+              Ke,
+              {
+                "data-testid": `${e}-title`,
+                tag: "h2",
+                variant: qe.TITLE200,
+                children: c
+              }
+            ) }) }),
+            /* @__PURE__ */ _("div", { className: G(`${H}__right`), children: /* @__PURE__ */ _(Gn, { asChild: !0, children: /* @__PURE__ */ _(
+              Ve,
+              {
+                "aria-label": n,
+                className: G(`${H}__close-button`),
+                iconOnly: !0,
+                size: "sm",
+                variant: We.TERTIARY_PURPLE,
+                children: /* @__PURE__ */ _(Kt, { size: "sm" })
+              }
+            ) }) })
+          ]
+        }
+      ),
+      r && t && i && /* @__PURE__ */ _(bt, { asChild: !0, children: /* @__PURE__ */ _(
+        Ke,
+        {
+          className: G(`${H}__heading`),
+          "data-testid": `${e}-title-with-back-button`,
+          tag: "h2",
+          variant: qe.TITLE200,
+          children: c
+        }
+      ) })
+    ] });
+  }
+);
+Zt.displayName = "DrawerHeader";
+const Uo = /* @__PURE__ */ de(void 0);
+function Ho(e) {
+  const r = Te(Uo);
+  return e || r || "ltr";
+}
+function Yo(e, [r, t]) {
+  return Math.min(t, Math.max(r, e));
+}
+function Xo(e, r) {
+  return wt((t, o) => {
+    const a = r[t][o];
+    return a ?? t;
+  }, e);
+}
+const Qt = "ScrollArea", [Jt, _a] = Et(Qt), [Bo, U] = Jt(Qt), Vo = /* @__PURE__ */ w((e, r) => {
+  const { __scopeScrollArea: t, type: o = "hover", dir: a, scrollHideDelay: n = 600, ...i } = e, [c, l] = N(null), [s, u] = N(null), [d, p] = N(null), [v, m] = N(null), [f, b] = N(null), [g, C] = N(0), [S, E] = N(0), [P, I] = N(!1), [O, x] = N(!1), T = k(
+    r,
+    (z) => l(z)
+  ), R = Ho(a);
+  return /* @__PURE__ */ h(Bo, {
+    scope: t,
+    type: o,
+    dir: R,
+    scrollHideDelay: n,
+    scrollArea: c,
+    viewport: s,
+    onViewportChange: u,
+    content: d,
+    onContentChange: p,
+    scrollbarX: v,
+    onScrollbarXChange: m,
+    scrollbarXEnabled: P,
+    onScrollbarXEnabledChange: I,
+    scrollbarY: f,
+    onScrollbarYChange: b,
+    scrollbarYEnabled: O,
+    onScrollbarYEnabledChange: x,
+    onCornerWidthChange: C,
+    onCornerHeightChange: E
+  }, /* @__PURE__ */ h(F.div, y({
+    dir: R
+  }, i, {
+    ref: T,
+    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
+    }
+  })));
+}), qo = "ScrollAreaViewport", Ko = /* @__PURE__ */ w((e, r) => {
+  const { __scopeScrollArea: t, children: o, ...a } = e, n = U(qo, t), i = A(null), c = k(r, i, n.onViewportChange);
+  return /* @__PURE__ */ h(Je, null, /* @__PURE__ */ h("style", {
+    dangerouslySetInnerHTML: {
+      __html: "[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"
+    }
+  }), /* @__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)));
+}), X = "ScrollAreaScrollbar", Go = /* @__PURE__ */ w((e, r) => {
+  const { forceMount: t, ...o } = e, a = U(X, e.__scopeScrollArea), { onScrollbarXEnabledChange: n, onScrollbarYEnabledChange: i } = a, c = e.orientation === "horizontal";
+  return D(() => (c ? n(!0) : i(!0), () => {
+    c ? n(!1) : i(!1);
+  }), [
+    c,
+    n,
+    i
+  ]), a.type === "hover" ? /* @__PURE__ */ h(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(rt, y({}, o, {
+    ref: r
+  })) : null;
+}), Zo = /* @__PURE__ */ w((e, r) => {
+  const { forceMount: t, ...o } = e, a = U(X, e.__scopeScrollArea), [n, i] = N(!1);
+  return D(() => {
+    const c = a.scrollArea;
+    let l = 0;
+    if (c) {
+      const s = () => {
+        window.clearTimeout(l), i(!0);
+      }, u = () => {
+        l = window.setTimeout(
+          () => i(!1),
+          a.scrollHideDelay
+        );
+      };
+      return c.addEventListener("pointerenter", s), c.addEventListener("pointerleave", u), () => {
+        window.clearTimeout(l), c.removeEventListener("pointerenter", s), c.removeEventListener("pointerleave", u);
+      };
+    }
+  }, [
+    a.scrollArea,
+    a.scrollHideDelay
+  ]), /* @__PURE__ */ h(q, {
+    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(X, e.__scopeScrollArea), n = e.orientation === "horizontal", i = Ne(
+    () => l("SCROLL_END"),
+    100
+  ), [c, l] = Xo("hidden", {
+    hidden: {
+      SCROLL: "scrolling"
+    },
+    scrolling: {
+      SCROLL_END: "idle",
+      POINTER_ENTER: "interacting"
+    },
+    interacting: {
+      SCROLL: "interacting",
+      POINTER_LEAVE: "idle"
+    },
+    idle: {
+      HIDE: "hidden",
+      SCROLL: "scrolling",
+      POINTER_ENTER: "interacting"
+    }
+  });
+  return D(() => {
+    if (c === "idle") {
+      const s = window.setTimeout(
+        () => l("HIDE"),
+        a.scrollHideDelay
+      );
+      return () => window.clearTimeout(s);
+    }
+  }, [
+    c,
+    a.scrollHideDelay,
+    l
+  ]), D(() => {
+    const s = a.viewport, u = n ? "scrollLeft" : "scrollTop";
+    if (s) {
+      let d = s[u];
+      const p = () => {
+        const v = s[u];
+        d !== v && (l("SCROLL"), i()), d = v;
+      };
+      return s.addEventListener("scroll", p), () => s.removeEventListener("scroll", p);
+    }
+  }, [
+    a.viewport,
+    n,
+    l,
+    i
+  ]), /* @__PURE__ */ h(q, {
+    present: t || c !== "hidden"
+  }, /* @__PURE__ */ h(rt, 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(X, 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);
+    }
+  }, 10);
+  return Pe(t.viewport, l), Pe(t.content, l), /* @__PURE__ */ h(q, {
+    present: o || n
+  }, /* @__PURE__ */ h(rt, y({
+    "data-state": n ? "visible" : "hidden"
+  }, a, {
+    ref: r
+  })));
+}), rt = /* @__PURE__ */ w((e, r) => {
+  const { orientation: t = "vertical", ...o } = e, a = U(X, e.__scopeScrollArea), n = A(null), i = A(0), [c, l] = N({
+    content: 0,
+    viewport: 0,
+    scrollbar: {
+      size: 0,
+      paddingStart: 0,
+      paddingEnd: 0
+    }
+  }), s = nr(c.viewport, c.content), u = {
+    ...o,
+    sizes: c,
+    onSizesChange: l,
+    hasThumb: s > 0 && s < 1,
+    onThumbChange: (p) => n.current = p,
+    onThumbPointerUp: () => i.current = 0,
+    onThumbPointerDown: (p) => i.current = p
+  };
+  function d(p, v) {
+    return oa(p, i.current, c, v);
+  }
+  return t === "horizontal" ? /* @__PURE__ */ h(Jo, y({}, u, {
+    ref: r,
+    onThumbPositionChange: () => {
+      if (a.viewport && n.current) {
+        const p = a.viewport.scrollLeft, v = $t(p, c, a.dir);
+        n.current.style.transform = `translate3d(${v}px, 0, 0)`;
+      }
+    },
+    onWheelScroll: (p) => {
+      a.viewport && (a.viewport.scrollLeft = p);
+    },
+    onDragScroll: (p) => {
+      a.viewport && (a.viewport.scrollLeft = d(p, a.dir));
+    }
+  })) : t === "vertical" ? /* @__PURE__ */ h(ea, y({}, u, {
+    ref: r,
+    onThumbPositionChange: () => {
+      if (a.viewport && n.current) {
+        const p = a.viewport.scrollTop, v = $t(p, c);
+        n.current.style.transform = `translate3d(0, ${v}px, 0)`;
+      }
+    },
+    onWheelScroll: (p) => {
+      a.viewport && (a.viewport.scrollTop = p);
+    },
+    onDragScroll: (p) => {
+      a.viewport && (a.viewport.scrollTop = d(p));
+    }
+  })) : null;
+}), Jo = /* @__PURE__ */ w((e, r) => {
+  const { sizes: t, onSizesChange: o, ...a } = e, n = U(X, e.__scopeScrollArea), [i, c] = N(), l = A(null), s = k(r, l, n.onScrollbarXChange);
+  return D(() => {
+    l.current && c(getComputedStyle(l.current));
+  }, [
+    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 p = n.viewport.scrollLeft + u.deltaX;
+        e.onWheelScroll(p), ar(p, d) && u.preventDefault();
+      }
+    },
+    onResize: () => {
+      l.current && n.viewport && i && o({
+        content: n.viewport.scrollWidth,
+        viewport: n.viewport.offsetWidth,
+        scrollbar: {
+          size: l.current.clientWidth,
+          paddingStart: Ce(i.paddingLeft),
+          paddingEnd: Ce(i.paddingRight)
+        }
+      });
+    }
+  }));
+}), ea = /* @__PURE__ */ w((e, r) => {
+  const { sizes: t, onSizesChange: o, ...a } = e, n = U(X, e.__scopeScrollArea), [i, c] = N(), l = A(null), s = k(r, l, n.onScrollbarYChange);
+  return D(() => {
+    l.current && c(getComputedStyle(l.current));
+  }, [
+    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 p = n.viewport.scrollTop + u.deltaY;
+        e.onWheelScroll(p), ar(p, d) && u.preventDefault();
+      }
+    },
+    onResize: () => {
+      l.current && n.viewport && i && o({
+        content: n.viewport.scrollHeight,
+        viewport: n.viewport.offsetHeight,
+        scrollbar: {
+          size: l.current.clientHeight,
+          paddingStart: Ce(i.paddingTop),
+          paddingEnd: Ce(i.paddingBottom)
+        }
+      });
+    }
+  }));
+}), [ta, tr] = Jt(X), rr = /* @__PURE__ */ w((e, r) => {
+  const { __scopeScrollArea: t, sizes: o, hasThumb: a, onThumbChange: n, onThumbPointerUp: i, onThumbPointerDown: c, onThumbPositionChange: l, onDragScroll: s, onWheelScroll: u, onResize: d, ...p } = e, v = U(X, t), [m, f] = N(null), b = k(
+    r,
+    (T) => f(T)
+  ), g = A(null), C = A(""), S = v.viewport, E = o.content - o.viewport, P = M(u), I = M(l), O = Ne(d, 10);
+  function x(T) {
+    if (g.current) {
+      const R = T.clientX - g.current.left, z = T.clientY - g.current.top;
+      s({
+        x: R,
+        y: z
+      });
+    }
+  }
+  return D(() => {
+    const T = (R) => {
+      const z = R.target;
+      (m == null ? void 0 : m.contains(z)) && P(R, E);
+    };
+    return document.addEventListener("wheel", T, {
+      passive: !1
+    }), () => document.removeEventListener("wheel", T, {
+      passive: !1
+    });
+  }, [
+    S,
+    m,
+    E,
+    P
+  ]), D(I, [
+    o,
+    I
+  ]), Pe(m, O), Pe(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({}, p, {
+    ref: b,
+    style: {
+      position: "absolute",
+      ...p.style
+    },
+    onPointerDown: L(e.onPointerDown, (T) => {
+      T.button === 0 && (T.target.setPointerCapture(T.pointerId), g.current = m.getBoundingClientRect(), C.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", v.viewport && (v.viewport.style.scrollBehavior = "auto"), x(T));
+    }),
+    onPointerMove: L(e.onPointerMove, x),
+    onPointerUp: L(e.onPointerUp, (T) => {
+      const R = T.target;
+      R.hasPointerCapture(T.pointerId) && R.releasePointerCapture(T.pointerId), document.body.style.webkitUserSelect = C.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(q, {
+    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 p = () => {
+        if (u(), !s.current) {
+          const v = aa(d, c);
+          s.current = v, c();
+        }
+      };
+      return c(), d.addEventListener("scroll", p), () => d.removeEventListener("scroll", p);
+    }
+  }, [
+    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, f = d.clientY - v.top;
+      i.onThumbPointerDown({
+        x: m,
+        y: f
+      });
+    }),
+    onPointerUp: L(e.onPointerUp, i.onThumbPointerUp)
+  }));
+});
+function Ce(e) {
+  return e ? parseInt(e, 10) : 0;
+}
+function nr(e, r) {
+  const t = e / r;
+  return isNaN(t) ? 0 : t;
+}
+function De(e) {
+  const r = nr(e.viewport, e.content), t = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, o = (e.scrollbar.size - t) * r;
+  return Math.max(o, 18);
+}
+function 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 $t(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 = Yo(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 ar(e, r) {
+  return e > 0 && e < r;
+}
+const aa = (e, r = () => {
+}) => {
+  let t = {
+    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);
+  }(), () => 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 Pe(e, r) {
+  const t = M(r);
+  xe(() => {
+    let o = 0;
+    if (e) {
+      const a = new ResizeObserver(() => {
+        cancelAnimationFrame(o), o = window.requestAnimationFrame(t);
+      });
+      return a.observe(e), () => {
+        window.cancelAnimationFrame(o), a.unobserve(e);
+      };
+    }
+  }, [
+    e,
+    t
+  ]);
+}
+const ca = Vo, ia = Ko, sa = Go, la = ra, ua = {
+  "purpur-drawer-scroll-area__root": "_purpur-drawer-scroll-area__root_1p63i_1",
+  "purpur-drawer-scroll-area__viewport": "_purpur-drawer-scroll-area__viewport_1p63i_4",
+  "purpur-drawer-scroll-area__scrollbar": "_purpur-drawer-scroll-area__scrollbar_1p63i_7",
+  "purpur-drawer-scroll-area__thumb": "_purpur-drawer-scroll-area__thumb_1p63i_18"
+}, se = Q.bind(ua), le = "purpur-drawer-scroll-area", Ze = w(
+  ({
+    ["data-testid"]: e = "purpur-drawer-scroll-area",
+    children: r,
+    className: t,
+    ...o
+  }, a) => {
+    const n = se([t, le]);
+    return /* @__PURE__ */ _("div", { className: n, "data-testid": e, ref: a, ...o, children: /* @__PURE__ */ Y(ca, { className: se(`${le}__root`), children: [
+      /* @__PURE__ */ _(ia, { className: se(`${le}__viewport`), children: r }),
+      /* @__PURE__ */ _(
+        sa,
+        {
+          className: se(`${le}__scrollbar`),
+          orientation: "vertical",
+          children: /* @__PURE__ */ _(la, { className: se(`${le}__thumb`) })
+        }
+      )
+    ] }) });
+  }
+);
+Ze.displayName = "DrawerScrollArea";
+const re = Q.bind(io), B = "purpur-drawer-frame", cr = w(
+  ({
+    ["data-testid"]: e = "purpur-drawer-frame",
+    backButton: r,
+    backButtonText: t,
+    backButtonOnlyIcon: o,
+    children: a,
+    className: n,
+    closeButtonText: i,
+    footerContent: c,
+    onAnimationEnd: l,
+    onBackButtonClick: s,
+    onSwipeStart: u,
+    onSwipeMove: d,
+    onSwipeCancel: p,
+    onSwipeEnd: v,
+    title: m,
+    stickyFooter: f,
+    ...b
+  }, g) => {
+    const C = re([
+      n,
+      B,
+      {
+        [`${B}--sticky-footer`]: f
+      }
+    ]);
+    return /* @__PURE__ */ Y(
+      "div",
+      {
+        className: C,
+        "data-testid": e,
+        ref: g,
+        onAnimationEnd: l,
+        ...b,
+        children: [
+          /* @__PURE__ */ _(
+            Ht,
+            {
+              onSwipeStart: u,
+              onSwipeMove: d,
+              onSwipeCancel: p,
+              onSwipeEnd: v
+            }
+          ),
+          /* @__PURE__ */ _(
+            ne,
+            {
+              className: re(`${B}__header`),
+              variant: "header",
+              stickyFooter: f,
+              children: /* @__PURE__ */ _(
+                Zt,
+                {
+                  title: m,
+                  backButtonOnlyIcon: o,
+                  backButton: r,
+                  backButtonText: t,
+                  closeButtonText: i,
+                  onBackButtonClick: s
+                }
+              )
+            }
+          ),
+          f ? /* @__PURE__ */ Y(lr, { children: [
+            /* @__PURE__ */ _(
+              Ze,
+              {
+                className: re(`${B}__body`),
+                "data-testid": `${e}-sticky-footer-scroll-area`,
+                children: /* @__PURE__ */ _(ne, { stickyFooter: !0, children: a })
+              }
+            ),
+            c && /* @__PURE__ */ _(
+              ne,
+              {
+                className: re(`${B}__footer`),
+                "data-testid": `${e}-sticky-footer`,
+                variant: "footer",
+                stickyFooter: f,
+                children: c
+              }
+            )
+          ] }) : /* @__PURE__ */ _(
+            Ze,
+            {
+              className: re(`${B}__body`),
+              "data-testid": `${e}-scroll-area`,
+              children: /* @__PURE__ */ Y(
+                "div",
+                {
+                  className: re([
+                    `${B}__content-container`,
+                    { [`${B}__content-container--no-footer`]: !c }
+                  ]),
+                  children: [
+                    /* @__PURE__ */ _(ne, { stickyFooter: f, children: a }),
+                    c && /* @__PURE__ */ _(
+                      ne,
+                      {
+                        "data-testid": `${e}-footer`,
+                        stickyFooter: f,
+                        variant: "footer",
+                        children: c
+                      }
+                    )
+                  ]
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+cr.displayName = "DrawerFrame";
+const da = (e, r) => ({
+  onAnimationEnd: (c) => {
+    c.currentTarget.getAttribute("data-swipe") === "end" && r(!1);
+  },
+  onSwipeStart: () => {
+    e.current && e.current.setAttribute("data-swipe", "start");
+  },
+  onSwipeMove: (c) => {
+    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`);
+  },
+  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) => {
+    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`);
+  }
+}), ue = Q.bind(oo), $e = "purpur-drawer-content", ir = w(
+  ({
+    ["data-testid"]: e = "purpur-drawer-content",
+    backButton: r = !1,
+    backButtonText: t,
+    backButtonOnlyIcon: o = !1,
+    bodyText: a,
+    children: n,
+    className: i,
+    closeButtonText: c,
+    disableCloseOnClickOutside: l = !1,
+    footerContent: s,
+    onBackButtonClick: u,
+    stickyFooter: d = !1,
+    title: p,
+    ...v
+  }, m) => {
+    const f = ue([i, $e]), b = A(null), g = Te(Ut), { onAnimationEnd: C, onSwipeStart: S, onSwipeMove: E, onSwipeCancel: P, onSwipeEnd: I } = da(b, g), O = (x) => {
+      l && x.preventDefault();
+    };
+    return /* @__PURE__ */ _(Bn, { children: /* @__PURE__ */ _(
+      Vn,
+      {
+        className: ue("purpur-drawer-overlay"),
+        "data-testid": `${e}-overlay`,
+        children: /* @__PURE__ */ _(
+          qn,
+          {
+            onPointerDownOutside: O,
+            className: f,
+            "data-testid": e,
+            ref: m,
+            ...v,
+            children: /* @__PURE__ */ _(
+              cr,
+              {
+                backButton: r,
+                backButtonText: t,
+                backButtonOnlyIcon: o,
+                closeButtonText: c,
+                className: ue(`${$e}__drawer-frame`),
+                footerContent: s,
+                ref: b,
+                onAnimationEnd: C,
+                onBackButtonClick: u,
+                onSwipeStart: S,
+                onSwipeMove: E,
+                onSwipeCancel: P,
+                onSwipeEnd: I,
+                stickyFooter: d,
+                title: p,
+                children: a ? /* @__PURE__ */ Y("div", { className: ue(`${$e}__content-container`), children: [
+                  /* @__PURE__ */ _(
+                    Kn,
+                    {
+                      className: ue(`${$e}__description`),
+                      "data-testid": `${e}-description`,
+                      children: a
+                    }
+                  ),
+                  /* @__PURE__ */ _("div", { children: n })
+                ] }) : n
+              }
+            )
+          }
+        )
+      }
+    ) });
+  }
+);
+ir.displayName = "DrawerContent";
+const sr = w(
+  ({
+    ["data-testid"]: e = "purpur-drawer-trigger",
+    children: r,
+    className: t,
+    ...o
+  }, a) => /* @__PURE__ */ _(
+    Xn,
+    {
+      asChild: !0,
+      className: t,
+      "data-testid": e,
+      ref: a,
+      ...o,
+      children: r
+    }
+  )
+);
+sr.displayName = "DrawerTrigger";
+const pa = Q.bind(Jn), fa = "purpur-drawer", nt = ({
+  ["data-testid"]: e = "purpur-drawer",
+  children: r,
+  className: t,
+  onOpenChange: o,
+  open: a = !1,
+  ...n
+}) => {
+  const [i, c] = Ue.useState(a), l = pa([t, fa]), s = (u) => {
+    c(u), o == null || o(u);
+  };
+  return D(() => {
+    c(a);
+  }, [a]), /* @__PURE__ */ _(Ut.Provider, { value: s, children: /* @__PURE__ */ _("div", { className: l, "data-testid": e, ...n, children: /* @__PURE__ */ _(Yn, { open: i, onOpenChange: s, children: r }) }) });
+};
+nt.Trigger = sr;
+nt.Content = ir;
+nt.displayName = "Drawer";
+export {
+  nt as Drawer
+};
+//# sourceMappingURL=drawer.es.js.map