@purpurds/modal 3.0.0

package/dist/modal.es.js

@@ -0,0 +1,2144 @@
+import { jsxs as K, jsx as _, Fragment as Dt } from "react/jsx-runtime";
+import * as g from "react";
+import { useCallback as Q, createContext as xe, useMemo as ve, createElement as m, useContext as nt, useLayoutEffect as It, useRef as O, useEffect as A, useState as V, forwardRef as C, Children as R, isValidElement as B, cloneElement as te, Fragment as Ie, useReducer as Rt } from "react";
+import Lt, { flushSync as rt } from "react-dom";
+function P() {
+  return P = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var t = arguments[n];
+      for (var o in t)
+        Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
+    }
+    return e;
+  }, P.apply(this, arguments);
+}
+function j(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
+  return function(a) {
+    if (e == null || e(a), t === !1 || !a.defaultPrevented)
+      return n == null ? void 0 : n(a);
+  };
+}
+function Mt(e, n) {
+  typeof e == "function" ? e(n) : e != null && (e.current = n);
+}
+function ot(...e) {
+  return (n) => e.forEach(
+    (t) => Mt(t, n)
+  );
+}
+function J(...e) {
+  return Q(ot(...e), e);
+}
+function Ft(e, n = []) {
+  let t = [];
+  function o(r, i) {
+    const u = /* @__PURE__ */ xe(i), l = t.length;
+    t = [
+      ...t,
+      i
+    ];
+    function d(s) {
+      const { scope: h, children: f, ...E } = s, c = (h == null ? void 0 : h[e][l]) || u, v = ve(
+        () => E,
+        Object.values(E)
+      );
+      return /* @__PURE__ */ m(c.Provider, {
+        value: v
+      }, f);
+    }
+    function p(s, h) {
+      const f = (h == null ? void 0 : h[e][l]) || u, E = nt(f);
+      if (E)
+        return E;
+      if (i !== void 0)
+        return i;
+      throw new Error(`\`${s}\` must be used within \`${r}\``);
+    }
+    return d.displayName = r + "Provider", [
+      d,
+      p
+    ];
+  }
+  const a = () => {
+    const r = t.map((i) => /* @__PURE__ */ xe(i));
+    return function(u) {
+      const l = (u == null ? void 0 : u[e]) || r;
+      return ve(
+        () => ({
+          [`__scope${e}`]: {
+            ...u,
+            [e]: l
+          }
+        }),
+        [
+          u,
+          l
+        ]
+      );
+    };
+  };
+  return a.scopeName = e, [
+    o,
+    kt(a, ...n)
+  ];
+}
+function kt(...e) {
+  const n = e[0];
+  if (e.length === 1)
+    return n;
+  const t = () => {
+    const o = e.map(
+      (a) => ({
+        useScope: a(),
+        scopeName: a.scopeName
+      })
+    );
+    return function(r) {
+      const i = o.reduce((u, { useScope: l, scopeName: d }) => {
+        const s = l(r)[`__scope${d}`];
+        return {
+          ...u,
+          ...s
+        };
+      }, {});
+      return ve(
+        () => ({
+          [`__scope${n.scopeName}`]: i
+        }),
+        [
+          i
+        ]
+      );
+    };
+  };
+  return t.scopeName = n.scopeName, t;
+}
+const Oe = globalThis != null && globalThis.document ? It : () => {
+}, jt = g.useId || (() => {
+});
+let Bt = 0;
+function me(e) {
+  const [n, t] = g.useState(jt());
+  return Oe(() => {
+    e || t(
+      (o) => o ?? String(Bt++)
+    );
+  }, [
+    e
+  ]), e || (n ? `radix-${n}` : "");
+}
+function z(e) {
+  const n = O(e);
+  return A(() => {
+    n.current = e;
+  }), ve(
+    () => (...t) => {
+      var o;
+      return (o = n.current) === null || o === void 0 ? void 0 : o.call(n, ...t);
+    },
+    []
+  );
+}
+function Wt({ prop: e, defaultProp: n, onChange: t = () => {
+} }) {
+  const [o, a] = Ut({
+    defaultProp: n,
+    onChange: t
+  }), r = e !== void 0, i = r ? e : o, u = z(t), l = Q((d) => {
+    if (r) {
+      const s = typeof d == "function" ? d(e) : d;
+      s !== e && u(s);
+    } else
+      a(d);
+  }, [
+    r,
+    e,
+    a,
+    u
+  ]);
+  return [
+    i,
+    l
+  ];
+}
+function Ut({ defaultProp: e, onChange: n }) {
+  const t = V(e), [o] = t, a = O(o), r = z(n);
+  return A(() => {
+    a.current !== o && (r(o), a.current = o);
+  }, [
+    o,
+    a,
+    r
+  ]), t;
+}
+const Re = /* @__PURE__ */ C((e, n) => {
+  const { children: t, ...o } = e, a = R.toArray(t), r = a.find(Gt);
+  if (r) {
+    const i = r.props.children, u = a.map((l) => l === r ? R.count(i) > 1 ? R.only(null) : /* @__PURE__ */ B(i) ? i.props.children : null : l);
+    return /* @__PURE__ */ m(Pe, P({}, o, {
+      ref: n
+    }), /* @__PURE__ */ B(i) ? /* @__PURE__ */ te(i, void 0, u) : null);
+  }
+  return /* @__PURE__ */ m(Pe, P({}, o, {
+    ref: n
+  }), t);
+});
+Re.displayName = "Slot";
+const Pe = /* @__PURE__ */ C((e, n) => {
+  const { children: t, ...o } = e;
+  return /* @__PURE__ */ B(t) ? /* @__PURE__ */ te(t, {
+    ...Kt(o, t.props),
+    ref: n ? ot(n, t.ref) : t.ref
+  }) : R.count(t) > 1 ? R.only(null) : null;
+});
+Pe.displayName = "SlotClone";
+const Ht = ({ children: e }) => /* @__PURE__ */ m(Ie, null, e);
+function Gt(e) {
+  return /* @__PURE__ */ B(e) && e.type === Ht;
+}
+function Kt(e, n) {
+  const t = {
+    ...n
+  };
+  for (const o in n) {
+    const a = e[o], r = n[o];
+    /^on[A-Z]/.test(o) ? a && r ? t[o] = (...u) => {
+      r(...u), a(...u);
+    } : a && (t[o] = a) : o === "style" ? t[o] = {
+      ...a,
+      ...r
+    } : o === "className" && (t[o] = [
+      a,
+      r
+    ].filter(Boolean).join(" "));
+  }
+  return {
+    ...e,
+    ...t
+  };
+}
+const Vt = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], W = Vt.reduce((e, n) => {
+  const t = /* @__PURE__ */ C((o, a) => {
+    const { asChild: r, ...i } = o, u = r ? Re : n;
+    return A(() => {
+      window[Symbol.for("radix-ui")] = !0;
+    }, []), /* @__PURE__ */ m(u, P({}, i, {
+      ref: a
+    }));
+  });
+  return t.displayName = `Primitive.${n}`, {
+    ...e,
+    [n]: t
+  };
+}, {});
+function zt(e, n) {
+  e && rt(
+    () => e.dispatchEvent(n)
+  );
+}
+function Xt(e, n = globalThis == null ? void 0 : globalThis.document) {
+  const t = z(e);
+  A(() => {
+    const o = (a) => {
+      a.key === "Escape" && t(a);
+    };
+    return n.addEventListener("keydown", o), () => n.removeEventListener("keydown", o);
+  }, [
+    t,
+    n
+  ]);
+}
+const Ne = "dismissableLayer.update", Yt = "dismissableLayer.pointerDownOutside", qt = "dismissableLayer.focusOutside";
+let ke;
+const Zt = /* @__PURE__ */ xe({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), Qt = /* @__PURE__ */ C((e, n) => {
+  var t;
+  const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: a, onPointerDownOutside: r, onFocusOutside: i, onInteractOutside: u, onDismiss: l, ...d } = e, p = nt(Zt), [s, h] = V(null), f = (t = s == null ? void 0 : s.ownerDocument) !== null && t !== void 0 ? t : globalThis == null ? void 0 : globalThis.document, [, E] = V({}), c = J(
+    n,
+    (w) => h(w)
+  ), v = Array.from(p.layers), [b] = [
+    ...p.layersWithOutsidePointerEventsDisabled
+  ].slice(-1), x = v.indexOf(b), $ = s ? v.indexOf(s) : -1, y = p.layersWithOutsidePointerEventsDisabled.size > 0, S = $ >= x, U = Jt((w) => {
+    const L = w.target, ne = [
+      ...p.branches
+    ].some(
+      (I) => I.contains(L)
+    );
+    !S || ne || (r == null || r(w), u == null || u(w), w.defaultPrevented || l == null || l());
+  }, f), T = en((w) => {
+    const L = w.target;
+    [
+      ...p.branches
+    ].some(
+      (I) => I.contains(L)
+    ) || (i == null || i(w), u == null || u(w), w.defaultPrevented || l == null || l());
+  }, f);
+  return Xt((w) => {
+    $ === p.layers.size - 1 && (a == null || a(w), !w.defaultPrevented && l && (w.preventDefault(), l()));
+  }, f), A(() => {
+    if (s)
+      return o && (p.layersWithOutsidePointerEventsDisabled.size === 0 && (ke = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), p.layersWithOutsidePointerEventsDisabled.add(s)), p.layers.add(s), je(), () => {
+        o && p.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = ke);
+      };
+  }, [
+    s,
+    f,
+    o,
+    p
+  ]), A(() => () => {
+    s && (p.layers.delete(s), p.layersWithOutsidePointerEventsDisabled.delete(s), je());
+  }, [
+    s,
+    p
+  ]), A(() => {
+    const w = () => E({});
+    return document.addEventListener(Ne, w), () => document.removeEventListener(Ne, w);
+  }, []), /* @__PURE__ */ m(W.div, P({}, d, {
+    ref: c,
+    style: {
+      pointerEvents: y ? S ? "auto" : "none" : void 0,
+      ...e.style
+    },
+    onFocusCapture: j(e.onFocusCapture, T.onFocusCapture),
+    onBlurCapture: j(e.onBlurCapture, T.onBlurCapture),
+    onPointerDownCapture: j(e.onPointerDownCapture, U.onPointerDownCapture)
+  }));
+});
+function Jt(e, n = globalThis == null ? void 0 : globalThis.document) {
+  const t = z(e), o = O(!1), a = O(() => {
+  });
+  return A(() => {
+    const r = (u) => {
+      if (u.target && !o.current) {
+        let d = function() {
+          at(Yt, t, l, {
+            discrete: !0
+          });
+        };
+        const l = {
+          originalEvent: u
+        };
+        u.pointerType === "touch" ? (n.removeEventListener("click", a.current), a.current = d, n.addEventListener("click", a.current, {
+          once: !0
+        })) : d();
+      } else
+        n.removeEventListener("click", a.current);
+      o.current = !1;
+    }, i = window.setTimeout(() => {
+      n.addEventListener("pointerdown", r);
+    }, 0);
+    return () => {
+      window.clearTimeout(i), n.removeEventListener("pointerdown", r), n.removeEventListener("click", a.current);
+    };
+  }, [
+    n,
+    t
+  ]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => o.current = !0
+  };
+}
+function en(e, n = globalThis == null ? void 0 : globalThis.document) {
+  const t = z(e), o = O(!1);
+  return A(() => {
+    const a = (r) => {
+      r.target && !o.current && at(qt, t, {
+        originalEvent: r
+      }, {
+        discrete: !1
+      });
+    };
+    return n.addEventListener("focusin", a), () => n.removeEventListener("focusin", a);
+  }, [
+    n,
+    t
+  ]), {
+    onFocusCapture: () => o.current = !0,
+    onBlurCapture: () => o.current = !1
+  };
+}
+function je() {
+  const e = new CustomEvent(Ne);
+  document.dispatchEvent(e);
+}
+function at(e, n, t, { discrete: o }) {
+  const a = t.originalEvent.target, r = new CustomEvent(e, {
+    bubbles: !1,
+    cancelable: !0,
+    detail: t
+  });
+  n && a.addEventListener(e, n, {
+    once: !0
+  }), o ? zt(a, r) : a.dispatchEvent(r);
+}
+const _e = "focusScope.autoFocusOnMount", be = "focusScope.autoFocusOnUnmount", Be = {
+  bubbles: !1,
+  cancelable: !0
+}, tn = /* @__PURE__ */ C((e, n) => {
+  const { loop: t = !1, trapped: o = !1, onMountAutoFocus: a, onUnmountAutoFocus: r, ...i } = e, [u, l] = V(null), d = z(a), p = z(r), s = O(null), h = J(
+    n,
+    (c) => l(c)
+  ), f = O({
+    paused: !1,
+    pause() {
+      this.paused = !0;
+    },
+    resume() {
+      this.paused = !1;
+    }
+  }).current;
+  A(() => {
+    if (o) {
+      let c = function($) {
+        if (f.paused || !u)
+          return;
+        const y = $.target;
+        u.contains(y) ? s.current = y : k(s.current, {
+          select: !0
+        });
+      }, v = function($) {
+        if (f.paused || !u)
+          return;
+        const y = $.relatedTarget;
+        y !== null && (u.contains(y) || k(s.current, {
+          select: !0
+        }));
+      }, b = function($) {
+        if (document.activeElement === document.body)
+          for (const S of $)
+            S.removedNodes.length > 0 && k(u);
+      };
+      document.addEventListener("focusin", c), document.addEventListener("focusout", v);
+      const x = new MutationObserver(b);
+      return u && x.observe(u, {
+        childList: !0,
+        subtree: !0
+      }), () => {
+        document.removeEventListener("focusin", c), document.removeEventListener("focusout", v), x.disconnect();
+      };
+    }
+  }, [
+    o,
+    u,
+    f.paused
+  ]), A(() => {
+    if (u) {
+      Ue.add(f);
+      const c = document.activeElement;
+      if (!u.contains(c)) {
+        const b = new CustomEvent(_e, Be);
+        u.addEventListener(_e, d), u.dispatchEvent(b), b.defaultPrevented || (nn(cn(it(u)), {
+          select: !0
+        }), document.activeElement === c && k(u));
+      }
+      return () => {
+        u.removeEventListener(_e, d), setTimeout(() => {
+          const b = new CustomEvent(be, Be);
+          u.addEventListener(be, p), u.dispatchEvent(b), b.defaultPrevented || k(c ?? document.body, {
+            select: !0
+          }), u.removeEventListener(be, p), Ue.remove(f);
+        }, 0);
+      };
+    }
+  }, [
+    u,
+    d,
+    p,
+    f
+  ]);
+  const E = Q((c) => {
+    if (!t && !o || f.paused)
+      return;
+    const v = c.key === "Tab" && !c.altKey && !c.ctrlKey && !c.metaKey, b = document.activeElement;
+    if (v && b) {
+      const x = c.currentTarget, [$, y] = rn(x);
+      $ && y ? !c.shiftKey && b === y ? (c.preventDefault(), t && k($, {
+        select: !0
+      })) : c.shiftKey && b === $ && (c.preventDefault(), t && k(y, {
+        select: !0
+      })) : b === x && c.preventDefault();
+    }
+  }, [
+    t,
+    o,
+    f.paused
+  ]);
+  return /* @__PURE__ */ m(W.div, P({
+    tabIndex: -1
+  }, i, {
+    ref: h,
+    onKeyDown: E
+  }));
+});
+function nn(e, { select: n = !1 } = {}) {
+  const t = document.activeElement;
+  for (const o of e)
+    if (k(o, {
+      select: n
+    }), document.activeElement !== t)
+      return;
+}
+function rn(e) {
+  const n = it(e), t = We(n, e), o = We(n.reverse(), e);
+  return [
+    t,
+    o
+  ];
+}
+function it(e) {
+  const n = [], 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(); )
+    n.push(t.currentNode);
+  return n;
+}
+function We(e, n) {
+  for (const t of e)
+    if (!on(t, {
+      upTo: n
+    }))
+      return t;
+}
+function on(e, { upTo: n }) {
+  if (getComputedStyle(e).visibility === "hidden")
+    return !0;
+  for (; e; ) {
+    if (n !== void 0 && e === n)
+      return !1;
+    if (getComputedStyle(e).display === "none")
+      return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+function an(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function k(e, { select: n = !1 } = {}) {
+  if (e && e.focus) {
+    const t = document.activeElement;
+    e.focus({
+      preventScroll: !0
+    }), e !== t && an(e) && n && e.select();
+  }
+}
+const Ue = un();
+function un() {
+  let e = [];
+  return {
+    add(n) {
+      const t = e[0];
+      n !== t && (t == null || t.pause()), e = He(e, n), e.unshift(n);
+    },
+    remove(n) {
+      var t;
+      e = He(e, n), (t = e[0]) === null || t === void 0 || t.resume();
+    }
+  };
+}
+function He(e, n) {
+  const t = [
+    ...e
+  ], o = t.indexOf(n);
+  return o !== -1 && t.splice(o, 1), t;
+}
+function cn(e) {
+  return e.filter(
+    (n) => n.tagName !== "A"
+  );
+}
+const sn = /* @__PURE__ */ C((e, n) => {
+  var t;
+  const { container: o = globalThis == null || (t = globalThis.document) === null || t === void 0 ? void 0 : t.body, ...a } = e;
+  return o ? /* @__PURE__ */ Lt.createPortal(/* @__PURE__ */ m(W.div, P({}, a, {
+    ref: n
+  })), o) : null;
+});
+function ln(e, n) {
+  return Rt((t, o) => {
+    const a = n[t][o];
+    return a ?? t;
+  }, e);
+}
+const he = (e) => {
+  const { present: n, children: t } = e, o = dn(n), a = typeof t == "function" ? t({
+    present: o.isPresent
+  }) : R.only(t), r = J(o.ref, a.ref);
+  return typeof t == "function" || o.isPresent ? /* @__PURE__ */ te(a, {
+    ref: r
+  }) : null;
+};
+he.displayName = "Presence";
+function dn(e) {
+  const [n, t] = V(), o = O({}), a = O(e), r = O("none"), i = e ? "mounted" : "unmounted", [u, l] = ln(i, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return A(() => {
+    const d = re(o.current);
+    r.current = u === "mounted" ? d : "none";
+  }, [
+    u
+  ]), Oe(() => {
+    const d = o.current, p = a.current;
+    if (p !== e) {
+      const h = r.current, f = re(d);
+      e ? l("MOUNT") : f === "none" || (d == null ? void 0 : d.display) === "none" ? l("UNMOUNT") : l(p && h !== f ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
+    }
+  }, [
+    e,
+    l
+  ]), Oe(() => {
+    if (n) {
+      const d = (s) => {
+        const f = re(o.current).includes(s.animationName);
+        s.target === n && f && rt(
+          () => l("ANIMATION_END")
+        );
+      }, p = (s) => {
+        s.target === n && (r.current = re(o.current));
+      };
+      return n.addEventListener("animationstart", p), n.addEventListener("animationcancel", d), n.addEventListener("animationend", d), () => {
+        n.removeEventListener("animationstart", p), n.removeEventListener("animationcancel", d), n.removeEventListener("animationend", d);
+      };
+    } else
+      l("ANIMATION_END");
+  }, [
+    n,
+    l
+  ]), {
+    isPresent: [
+      "mounted",
+      "unmountSuspended"
+    ].includes(u),
+    ref: Q((d) => {
+      d && (o.current = getComputedStyle(d)), t(d);
+    }, [])
+  };
+}
+function re(e) {
+  return (e == null ? void 0 : e.animationName) || "none";
+}
+let $e = 0;
+function pn() {
+  A(() => {
+    var e, n;
+    const t = document.querySelectorAll("[data-radix-focus-guard]");
+    return document.body.insertAdjacentElement("afterbegin", (e = t[0]) !== null && e !== void 0 ? e : Ge()), document.body.insertAdjacentElement("beforeend", (n = t[1]) !== null && n !== void 0 ? n : Ge()), $e++, () => {
+      $e === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach(
+        (o) => o.remove()
+      ), $e--;
+    };
+  }, []);
+}
+function Ge() {
+  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 F = function() {
+  return F = Object.assign || function(n) {
+    for (var t, o = 1, a = arguments.length; o < a; o++) {
+      t = arguments[o];
+      for (var r in t)
+        Object.prototype.hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, F.apply(this, arguments);
+};
+function ut(e, n) {
+  var t = {};
+  for (var o in e)
+    Object.prototype.hasOwnProperty.call(e, o) && n.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++)
+      n.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (t[o[a]] = e[o[a]]);
+  return t;
+}
+function fn(e, n, t) {
+  if (t || arguments.length === 2)
+    for (var o = 0, a = n.length, r; o < a; o++)
+      (r || !(o in n)) && (r || (r = Array.prototype.slice.call(n, 0, o)), r[o] = n[o]);
+  return e.concat(r || Array.prototype.slice.call(n));
+}
+var pe = "right-scroll-bar-position", fe = "width-before-scroll-bar", vn = "with-scroll-bars-hidden", hn = "--removed-body-scroll-bar-size";
+function gn(e, n) {
+  return typeof e == "function" ? e(n) : e && (e.current = n), e;
+}
+function mn(e, n) {
+  var t = V(function() {
+    return {
+      // value
+      value: e,
+      // last callback
+      callback: n,
+      // "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 = n, t.facade;
+}
+function _n(e, n) {
+  return mn(n || null, function(t) {
+    return e.forEach(function(o) {
+      return gn(o, t);
+    });
+  });
+}
+function bn(e) {
+  return e;
+}
+function $n(e, n) {
+  n === void 0 && (n = bn);
+  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(r) {
+      var i = n(r, o);
+      return t.push(i), function() {
+        t = t.filter(function(u) {
+          return u !== i;
+        });
+      };
+    },
+    assignSyncMedium: function(r) {
+      for (o = !0; t.length; ) {
+        var i = t;
+        t = [], i.forEach(r);
+      }
+      t = {
+        push: function(u) {
+          return r(u);
+        },
+        filter: function() {
+          return t;
+        }
+      };
+    },
+    assignMedium: function(r) {
+      o = !0;
+      var i = [];
+      if (t.length) {
+        var u = t;
+        t = [], u.forEach(r), i = t;
+      }
+      var l = function() {
+        var p = i;
+        i = [], p.forEach(r);
+      }, d = function() {
+        return Promise.resolve().then(l);
+      };
+      d(), t = {
+        push: function(p) {
+          i.push(p), d();
+        },
+        filter: function(p) {
+          return i = i.filter(p), t;
+        }
+      };
+    }
+  };
+  return a;
+}
+function yn(e) {
+  e === void 0 && (e = {});
+  var n = $n(null);
+  return n.options = F({ async: !0, ssr: !1 }, e), n;
+}
+var ct = function(e) {
+  var n = e.sideCar, t = ut(e, ["sideCar"]);
+  if (!n)
+    throw new Error("Sidecar: please provide `sideCar` property to import the right car");
+  var o = n.read();
+  if (!o)
+    throw new Error("Sidecar medium not found");
+  return g.createElement(o, F({}, t));
+};
+ct.isSideCarExport = !0;
+function En(e, n) {
+  return e.useMedium(n), ct;
+}
+var st = yn(), ye = function() {
+}, ge = g.forwardRef(function(e, n) {
+  var t = g.useRef(null), o = g.useState({
+    onScrollCapture: ye,
+    onWheelCapture: ye,
+    onTouchMoveCapture: ye
+  }), a = o[0], r = o[1], i = e.forwardProps, u = e.children, l = e.className, d = e.removeScrollBar, p = e.enabled, s = e.shards, h = e.sideCar, f = e.noIsolation, E = e.inert, c = e.allowPinchZoom, v = e.as, b = v === void 0 ? "div" : v, x = ut(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]), $ = h, y = _n([t, n]), S = F(F({}, x), a);
+  return g.createElement(
+    g.Fragment,
+    null,
+    p && g.createElement($, { sideCar: st, removeScrollBar: d, shards: s, noIsolation: f, inert: E, setCallbacks: r, allowPinchZoom: !!c, lockRef: t }),
+    i ? g.cloneElement(g.Children.only(u), F(F({}, S), { ref: y })) : g.createElement(b, F({}, S, { className: l, ref: y }), u)
+  );
+});
+ge.defaultProps = {
+  enabled: !0,
+  removeScrollBar: !0,
+  inert: !1
+};
+ge.classNames = {
+  fullWidth: fe,
+  zeroRight: pe
+};
+var Ke, wn = function() {
+  if (Ke)
+    return Ke;
+  if (typeof __webpack_nonce__ < "u")
+    return __webpack_nonce__;
+};
+function Sn() {
+  if (!document)
+    return null;
+  var e = document.createElement("style");
+  e.type = "text/css";
+  var n = wn();
+  return n && e.setAttribute("nonce", n), e;
+}
+function Cn(e, n) {
+  e.styleSheet ? e.styleSheet.cssText = n : e.appendChild(document.createTextNode(n));
+}
+function xn(e) {
+  var n = document.head || document.getElementsByTagName("head")[0];
+  n.appendChild(e);
+}
+var On = function() {
+  var e = 0, n = null;
+  return {
+    add: function(t) {
+      e == 0 && (n = Sn()) && (Cn(n, t), xn(n)), e++;
+    },
+    remove: function() {
+      e--, !e && n && (n.parentNode && n.parentNode.removeChild(n), n = null);
+    }
+  };
+}, Pn = function() {
+  var e = On();
+  return function(n, t) {
+    g.useEffect(function() {
+      return e.add(n), function() {
+        e.remove();
+      };
+    }, [n && t]);
+  };
+}, lt = function() {
+  var e = Pn(), n = function(t) {
+    var o = t.styles, a = t.dynamic;
+    return e(o, a), null;
+  };
+  return n;
+}, Nn = {
+  left: 0,
+  top: 0,
+  right: 0,
+  gap: 0
+}, Ee = function(e) {
+  return parseInt(e || "", 10) || 0;
+}, An = function(e) {
+  var n = window.getComputedStyle(document.body), t = n[e === "padding" ? "paddingLeft" : "marginLeft"], o = n[e === "padding" ? "paddingTop" : "marginTop"], a = n[e === "padding" ? "paddingRight" : "marginRight"];
+  return [Ee(t), Ee(o), Ee(a)];
+}, Tn = function(e) {
+  if (e === void 0 && (e = "margin"), typeof window > "u")
+    return Nn;
+  var n = An(e), t = document.documentElement.clientWidth, o = window.innerWidth;
+  return {
+    left: n[0],
+    top: n[1],
+    right: n[2],
+    gap: Math.max(0, o - t + n[2] - n[0])
+  };
+}, Dn = lt(), In = function(e, n, t, o) {
+  var a = e.left, r = e.top, i = e.right, u = e.gap;
+  return t === void 0 && (t = "margin"), `
+  .`.concat(vn, ` {
+   overflow: hidden `).concat(o, `;
+   padding-right: `).concat(u, "px ").concat(o, `;
+  }
+  body {
+    overflow: hidden `).concat(o, `;
+    overscroll-behavior: contain;
+    `).concat([
+    n && "position: relative ".concat(o, ";"),
+    t === "margin" && `
+    padding-left: `.concat(a, `px;
+    padding-top: `).concat(r, `px;
+    padding-right: `).concat(i, `px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(u, "px ").concat(o, `;
+    `),
+    t === "padding" && "padding-right: ".concat(u, "px ").concat(o, ";")
+  ].filter(Boolean).join(""), `
+  }
+  
+  .`).concat(pe, ` {
+    right: `).concat(u, "px ").concat(o, `;
+  }
+  
+  .`).concat(fe, ` {
+    margin-right: `).concat(u, "px ").concat(o, `;
+  }
+  
+  .`).concat(pe, " .").concat(pe, ` {
+    right: 0 `).concat(o, `;
+  }
+  
+  .`).concat(fe, " .").concat(fe, ` {
+    margin-right: 0 `).concat(o, `;
+  }
+  
+  body {
+    `).concat(hn, ": ").concat(u, `px;
+  }
+`);
+}, Rn = function(e) {
+  var n = e.noRelative, t = e.noImportant, o = e.gapMode, a = o === void 0 ? "margin" : o, r = g.useMemo(function() {
+    return Tn(a);
+  }, [a]);
+  return g.createElement(Dn, { styles: In(r, !n, a, t ? "" : "!important") });
+}, Ae = !1;
+if (typeof window < "u")
+  try {
+    var oe = Object.defineProperty({}, "passive", {
+      get: function() {
+        return Ae = !0, !0;
+      }
+    });
+    window.addEventListener("test", oe, oe), window.removeEventListener("test", oe, oe);
+  } catch {
+    Ae = !1;
+  }
+var X = Ae ? { passive: !1 } : !1, Ln = function(e) {
+  return e.tagName === "TEXTAREA";
+}, dt = function(e, n) {
+  var t = window.getComputedStyle(e);
+  return (
+    // not-not-scrollable
+    t[n] !== "hidden" && // contains scroll inside self
+    !(t.overflowY === t.overflowX && !Ln(e) && t[n] === "visible")
+  );
+}, Mn = function(e) {
+  return dt(e, "overflowY");
+}, Fn = function(e) {
+  return dt(e, "overflowX");
+}, Ve = function(e, n) {
+  var t = n;
+  do {
+    typeof ShadowRoot < "u" && t instanceof ShadowRoot && (t = t.host);
+    var o = pt(e, t);
+    if (o) {
+      var a = ft(e, t), r = a[1], i = a[2];
+      if (r > i)
+        return !0;
+    }
+    t = t.parentNode;
+  } while (t && t !== document.body);
+  return !1;
+}, kn = function(e) {
+  var n = e.scrollTop, t = e.scrollHeight, o = e.clientHeight;
+  return [
+    n,
+    t,
+    o
+  ];
+}, jn = function(e) {
+  var n = e.scrollLeft, t = e.scrollWidth, o = e.clientWidth;
+  return [
+    n,
+    t,
+    o
+  ];
+}, pt = function(e, n) {
+  return e === "v" ? Mn(n) : Fn(n);
+}, ft = function(e, n) {
+  return e === "v" ? kn(n) : jn(n);
+}, Bn = function(e, n) {
+  return e === "h" && n === "rtl" ? -1 : 1;
+}, Wn = function(e, n, t, o, a) {
+  var r = Bn(e, window.getComputedStyle(n).direction), i = r * o, u = t.target, l = n.contains(u), d = !1, p = i > 0, s = 0, h = 0;
+  do {
+    var f = ft(e, u), E = f[0], c = f[1], v = f[2], b = c - v - r * E;
+    (E || b) && pt(e, u) && (s += b, h += E), u = u.parentNode;
+  } while (
+    // portaled content
+    !l && u !== document.body || // self content
+    l && (n.contains(u) || n === u)
+  );
+  return (p && (a && s === 0 || !a && i > s) || !p && (a && h === 0 || !a && -i > h)) && (d = !0), d;
+}, ae = function(e) {
+  return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
+}, ze = function(e) {
+  return [e.deltaX, e.deltaY];
+}, Xe = function(e) {
+  return e && "current" in e ? e.current : e;
+}, Un = function(e, n) {
+  return e[0] === n[0] && e[1] === n[1];
+}, Hn = function(e) {
+  return `
+  .block-interactivity-`.concat(e, ` {pointer-events: none;}
+  .allow-interactivity-`).concat(e, ` {pointer-events: all;}
+`);
+}, Gn = 0, Y = [];
+function Kn(e) {
+  var n = g.useRef([]), t = g.useRef([0, 0]), o = g.useRef(), a = g.useState(Gn++)[0], r = g.useState(function() {
+    return lt();
+  })[0], i = g.useRef(e);
+  g.useEffect(function() {
+    i.current = e;
+  }, [e]), g.useEffect(function() {
+    if (e.inert) {
+      document.body.classList.add("block-interactivity-".concat(a));
+      var c = fn([e.lockRef.current], (e.shards || []).map(Xe), !0).filter(Boolean);
+      return c.forEach(function(v) {
+        return v.classList.add("allow-interactivity-".concat(a));
+      }), function() {
+        document.body.classList.remove("block-interactivity-".concat(a)), c.forEach(function(v) {
+          return v.classList.remove("allow-interactivity-".concat(a));
+        });
+      };
+    }
+  }, [e.inert, e.lockRef.current, e.shards]);
+  var u = g.useCallback(function(c, v) {
+    if ("touches" in c && c.touches.length === 2)
+      return !i.current.allowPinchZoom;
+    var b = ae(c), x = t.current, $ = "deltaX" in c ? c.deltaX : x[0] - b[0], y = "deltaY" in c ? c.deltaY : x[1] - b[1], S, U = c.target, T = Math.abs($) > Math.abs(y) ? "h" : "v";
+    if ("touches" in c && T === "h" && U.type === "range")
+      return !1;
+    var w = Ve(T, U);
+    if (!w)
+      return !0;
+    if (w ? S = T : (S = T === "v" ? "h" : "v", w = Ve(T, U)), !w)
+      return !1;
+    if (!o.current && "changedTouches" in c && ($ || y) && (o.current = S), !S)
+      return !0;
+    var L = o.current || S;
+    return Wn(L, v, c, L === "h" ? $ : y, !0);
+  }, []), l = g.useCallback(function(c) {
+    var v = c;
+    if (!(!Y.length || Y[Y.length - 1] !== r)) {
+      var b = "deltaY" in v ? ze(v) : ae(v), x = n.current.filter(function(S) {
+        return S.name === v.type && S.target === v.target && Un(S.delta, b);
+      })[0];
+      if (x && x.should) {
+        v.cancelable && v.preventDefault();
+        return;
+      }
+      if (!x) {
+        var $ = (i.current.shards || []).map(Xe).filter(Boolean).filter(function(S) {
+          return S.contains(v.target);
+        }), y = $.length > 0 ? u(v, $[0]) : !i.current.noIsolation;
+        y && v.cancelable && v.preventDefault();
+      }
+    }
+  }, []), d = g.useCallback(function(c, v, b, x) {
+    var $ = { name: c, delta: v, target: b, should: x };
+    n.current.push($), setTimeout(function() {
+      n.current = n.current.filter(function(y) {
+        return y !== $;
+      });
+    }, 1);
+  }, []), p = g.useCallback(function(c) {
+    t.current = ae(c), o.current = void 0;
+  }, []), s = g.useCallback(function(c) {
+    d(c.type, ze(c), c.target, u(c, e.lockRef.current));
+  }, []), h = g.useCallback(function(c) {
+    d(c.type, ae(c), c.target, u(c, e.lockRef.current));
+  }, []);
+  g.useEffect(function() {
+    return Y.push(r), e.setCallbacks({
+      onScrollCapture: s,
+      onWheelCapture: s,
+      onTouchMoveCapture: h
+    }), document.addEventListener("wheel", l, X), document.addEventListener("touchmove", l, X), document.addEventListener("touchstart", p, X), function() {
+      Y = Y.filter(function(c) {
+        return c !== r;
+      }), document.removeEventListener("wheel", l, X), document.removeEventListener("touchmove", l, X), document.removeEventListener("touchstart", p, X);
+    };
+  }, []);
+  var f = e.removeScrollBar, E = e.inert;
+  return g.createElement(
+    g.Fragment,
+    null,
+    E ? g.createElement(r, { styles: Hn(a) }) : null,
+    f ? g.createElement(Rn, { gapMode: "margin" }) : null
+  );
+}
+const Vn = En(st, Kn);
+var vt = g.forwardRef(function(e, n) {
+  return g.createElement(ge, F({}, e, { ref: n, sideCar: Vn }));
+});
+vt.classNames = ge.classNames;
+const zn = vt;
+var Xn = function(e) {
+  if (typeof document > "u")
+    return null;
+  var n = Array.isArray(e) ? e[0] : e;
+  return n.ownerDocument.body;
+}, q = /* @__PURE__ */ new WeakMap(), ie = /* @__PURE__ */ new WeakMap(), ue = {}, we = 0, ht = function(e) {
+  return e && (e.host || ht(e.parentNode));
+}, Yn = function(e, n) {
+  return n.map(function(t) {
+    if (e.contains(t))
+      return t;
+    var o = ht(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;
+  });
+}, qn = function(e, n, t, o) {
+  var a = Yn(n, Array.isArray(e) ? e : [e]);
+  ue[t] || (ue[t] = /* @__PURE__ */ new WeakMap());
+  var r = ue[t], i = [], u = /* @__PURE__ */ new Set(), l = new Set(a), d = function(s) {
+    !s || u.has(s) || (u.add(s), d(s.parentNode));
+  };
+  a.forEach(d);
+  var p = function(s) {
+    !s || l.has(s) || Array.prototype.forEach.call(s.children, function(h) {
+      if (u.has(h))
+        p(h);
+      else {
+        var f = h.getAttribute(o), E = f !== null && f !== "false", c = (q.get(h) || 0) + 1, v = (r.get(h) || 0) + 1;
+        q.set(h, c), r.set(h, v), i.push(h), c === 1 && E && ie.set(h, !0), v === 1 && h.setAttribute(t, "true"), E || h.setAttribute(o, "true");
+      }
+    });
+  };
+  return p(n), u.clear(), we++, function() {
+    i.forEach(function(s) {
+      var h = q.get(s) - 1, f = r.get(s) - 1;
+      q.set(s, h), r.set(s, f), h || (ie.has(s) || s.removeAttribute(o), ie.delete(s)), f || s.removeAttribute(t);
+    }), we--, we || (q = /* @__PURE__ */ new WeakMap(), q = /* @__PURE__ */ new WeakMap(), ie = /* @__PURE__ */ new WeakMap(), ue = {});
+  };
+}, Zn = function(e, n, t) {
+  t === void 0 && (t = "data-aria-hidden");
+  var o = Array.from(Array.isArray(e) ? e : [e]), a = n || Xn(e);
+  return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), qn(o, a, t, "aria-hidden")) : function() {
+    return null;
+  };
+};
+const gt = "Dialog", [mt, wo] = Ft(gt), [Qn, M] = mt(gt), Jn = (e) => {
+  const { __scopeDialog: n, children: t, open: o, defaultOpen: a, onOpenChange: r, modal: i = !0 } = e, u = O(null), l = O(null), [d = !1, p] = Wt({
+    prop: o,
+    defaultProp: a,
+    onChange: r
+  });
+  return /* @__PURE__ */ m(Qn, {
+    scope: n,
+    triggerRef: u,
+    contentRef: l,
+    contentId: me(),
+    titleId: me(),
+    descriptionId: me(),
+    open: d,
+    onOpenChange: p,
+    onOpenToggle: Q(
+      () => p(
+        (s) => !s
+      ),
+      [
+        p
+      ]
+    ),
+    modal: i
+  }, t);
+}, er = "DialogTrigger", tr = /* @__PURE__ */ C((e, n) => {
+  const { __scopeDialog: t, ...o } = e, a = M(er, t), r = J(n, a.triggerRef);
+  return /* @__PURE__ */ m(W.button, P({
+    type: "button",
+    "aria-haspopup": "dialog",
+    "aria-expanded": a.open,
+    "aria-controls": a.contentId,
+    "data-state": Le(a.open)
+  }, o, {
+    ref: r,
+    onClick: j(e.onClick, a.onOpenToggle)
+  }));
+}), _t = "DialogPortal", [nr, bt] = mt(_t, {
+  forceMount: void 0
+}), rr = (e) => {
+  const { __scopeDialog: n, forceMount: t, children: o, container: a } = e, r = M(_t, n);
+  return /* @__PURE__ */ m(nr, {
+    scope: n,
+    forceMount: t
+  }, R.map(
+    o,
+    (i) => /* @__PURE__ */ m(he, {
+      present: t || r.open
+    }, /* @__PURE__ */ m(sn, {
+      asChild: !0,
+      container: a
+    }, i))
+  ));
+}, Te = "DialogOverlay", or = /* @__PURE__ */ C((e, n) => {
+  const t = bt(Te, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = M(Te, e.__scopeDialog);
+  return r.modal ? /* @__PURE__ */ m(he, {
+    present: o || r.open
+  }, /* @__PURE__ */ m(ar, P({}, a, {
+    ref: n
+  }))) : null;
+}), ar = /* @__PURE__ */ C((e, n) => {
+  const { __scopeDialog: t, ...o } = e, a = M(Te, t);
+  return (
+    // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+    // ie. when `Overlay` and `Content` are siblings
+    /* @__PURE__ */ m(zn, {
+      as: Re,
+      allowPinchZoom: !0,
+      shards: [
+        a.contentRef
+      ]
+    }, /* @__PURE__ */ m(W.div, P({
+      "data-state": Le(a.open)
+    }, o, {
+      ref: n,
+      style: {
+        pointerEvents: "auto",
+        ...o.style
+      }
+    })))
+  );
+}), ee = "DialogContent", ir = /* @__PURE__ */ C((e, n) => {
+  const t = bt(ee, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = M(ee, e.__scopeDialog);
+  return /* @__PURE__ */ m(he, {
+    present: o || r.open
+  }, r.modal ? /* @__PURE__ */ m(ur, P({}, a, {
+    ref: n
+  })) : /* @__PURE__ */ m(cr, P({}, a, {
+    ref: n
+  })));
+}), ur = /* @__PURE__ */ C((e, n) => {
+  const t = M(ee, e.__scopeDialog), o = O(null), a = J(n, t.contentRef, o);
+  return A(() => {
+    const r = o.current;
+    if (r)
+      return Zn(r);
+  }, []), /* @__PURE__ */ m($t, P({}, e, {
+    ref: a,
+    trapFocus: t.open,
+    disableOutsidePointerEvents: !0,
+    onCloseAutoFocus: j(e.onCloseAutoFocus, (r) => {
+      var i;
+      r.preventDefault(), (i = t.triggerRef.current) === null || i === void 0 || i.focus();
+    }),
+    onPointerDownOutside: j(e.onPointerDownOutside, (r) => {
+      const i = r.detail.originalEvent, u = i.button === 0 && i.ctrlKey === !0;
+      (i.button === 2 || u) && r.preventDefault();
+    }),
+    onFocusOutside: j(
+      e.onFocusOutside,
+      (r) => r.preventDefault()
+    )
+  }));
+}), cr = /* @__PURE__ */ C((e, n) => {
+  const t = M(ee, e.__scopeDialog), o = O(!1), a = O(!1);
+  return /* @__PURE__ */ m($t, P({}, e, {
+    ref: n,
+    trapFocus: !1,
+    disableOutsidePointerEvents: !1,
+    onCloseAutoFocus: (r) => {
+      var i;
+      if ((i = e.onCloseAutoFocus) === null || i === void 0 || i.call(e, r), !r.defaultPrevented) {
+        var u;
+        o.current || (u = t.triggerRef.current) === null || u === void 0 || u.focus(), r.preventDefault();
+      }
+      o.current = !1, a.current = !1;
+    },
+    onInteractOutside: (r) => {
+      var i, u;
+      (i = e.onInteractOutside) === null || i === void 0 || i.call(e, r), r.defaultPrevented || (o.current = !0, r.detail.originalEvent.type === "pointerdown" && (a.current = !0));
+      const l = r.target;
+      ((u = t.triggerRef.current) === null || u === void 0 ? void 0 : u.contains(l)) && r.preventDefault(), r.detail.originalEvent.type === "focusin" && a.current && r.preventDefault();
+    }
+  }));
+}), $t = /* @__PURE__ */ C((e, n) => {
+  const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: r, ...i } = e, u = M(ee, t), l = O(null), d = J(n, l);
+  return pn(), /* @__PURE__ */ m(Ie, null, /* @__PURE__ */ m(tn, {
+    asChild: !0,
+    loop: !0,
+    trapped: o,
+    onMountAutoFocus: a,
+    onUnmountAutoFocus: r
+  }, /* @__PURE__ */ m(Qt, P({
+    role: "dialog",
+    id: u.contentId,
+    "aria-describedby": u.descriptionId,
+    "aria-labelledby": u.titleId,
+    "data-state": Le(u.open)
+  }, i, {
+    ref: d,
+    onDismiss: () => u.onOpenChange(!1)
+  }))), !1);
+}), sr = "DialogTitle", lr = /* @__PURE__ */ C((e, n) => {
+  const { __scopeDialog: t, ...o } = e, a = M(sr, t);
+  return /* @__PURE__ */ m(W.h2, P({
+    id: a.titleId
+  }, o, {
+    ref: n
+  }));
+}), dr = "DialogDescription", pr = /* @__PURE__ */ C((e, n) => {
+  const { __scopeDialog: t, ...o } = e, a = M(dr, t);
+  return /* @__PURE__ */ m(W.p, P({
+    id: a.descriptionId
+  }, o, {
+    ref: n
+  }));
+}), fr = "DialogClose", vr = /* @__PURE__ */ C((e, n) => {
+  const { __scopeDialog: t, ...o } = e, a = M(fr, t);
+  return /* @__PURE__ */ m(W.button, P({
+    type: "button"
+  }, o, {
+    ref: n,
+    onClick: j(
+      e.onClick,
+      () => a.onOpenChange(!1)
+    )
+  }));
+});
+function Le(e) {
+  return e ? "open" : "closed";
+}
+const hr = Jn, gr = tr, mr = rr, _r = or, br = ir, $r = lr, Ye = pr, yr = vr, qe = {
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+};
+function Er(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 n = {}.hasOwnProperty;
+    function t() {
+      for (var r = "", i = 0; i < arguments.length; i++) {
+        var u = arguments[i];
+        u && (r = a(r, o(u)));
+      }
+      return r;
+    }
+    function o(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return t.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var i = "";
+      for (var u in r)
+        n.call(r, u) && r[u] && (i = a(i, u));
+      return i;
+    }
+    function a(r, i) {
+      return i ? r ? r + " " + i : r + i : r;
+    }
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+  })();
+})(yt);
+var wr = yt.exports;
+const Ze = /* @__PURE__ */ Er(wr), Sr = "_rotate_7s2g1_1", Cr = "_dash_7s2g1_1", ce = {
+  "purpur-spinner": "_purpur-spinner_7s2g1_1",
+  rotate: Sr,
+  "purpur-spinner--xxs": "_purpur-spinner--xxs_7s2g1_4",
+  "purpur-spinner--xs": "_purpur-spinner--xs_7s2g1_8",
+  "purpur-spinner--sm": "_purpur-spinner--sm_7s2g1_12",
+  "purpur-spinner--md": "_purpur-spinner--md_7s2g1_16",
+  "purpur-spinner--lg": "_purpur-spinner--lg_7s2g1_20",
+  "purpur-spinner__circle": "_purpur-spinner__circle_7s2g1_24",
+  dash: Cr,
+  "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_7s2g1_33",
+  "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_7s2g1_36",
+  "purpur-spinner__circle--negative-disabled": "_purpur-spinner__circle--negative-disabled_7s2g1_39"
+}, se = "purpur-spinner", xr = {
+  PRIMARY: "primary",
+  DISABLED: "disabled",
+  NEGATIVE: "negative",
+  NEGATIVE_DISABLED: "negative-disabled"
+}, Or = {
+  XXS: "xxs",
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg"
+}, Pr = ({
+  ["data-testid"]: e,
+  size: n = Or.SM,
+  variant: t = xr.PRIMARY,
+  ...o
+}) => /* @__PURE__ */ _(
+  "div",
+  {
+    className: Ze([ce[se], ce[`${se}--${n}`]]),
+    "data-testid": e,
+    ...o,
+    children: /* @__PURE__ */ _("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ _(
+      "circle",
+      {
+        className: Ze(
+          ce[`${se}__circle`],
+          ce[`${se}__circle--${t}`]
+        ),
+        cx: "25",
+        cy: "25",
+        r: "20"
+      }
+    ) })
+  }
+);
+function Nr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Et = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var n = {}.hasOwnProperty;
+    function t() {
+      for (var r = "", i = 0; i < arguments.length; i++) {
+        var u = arguments[i];
+        u && (r = a(r, o(u)));
+      }
+      return r;
+    }
+    function o(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return t.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var i = "";
+      for (var u in r)
+        n.call(r, u) && r[u] && (i = a(i, u));
+      return i;
+    }
+    function a(r, i) {
+      return i ? r ? r + " " + i : r + i : r;
+    }
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+  })();
+})(Et);
+var Ar = Et.exports;
+const Tr = /* @__PURE__ */ Nr(Ar), H = {
+  "purpur-button": "_purpur-button_1fna2_1",
+  "purpur-button--sm": "_purpur-button--sm_1fna2_33",
+  "purpur-button--icon-only": "_purpur-button--icon-only_1fna2_36",
+  "purpur-button--md": "_purpur-button--md_1fna2_39",
+  "purpur-button--lg": "_purpur-button--lg_1fna2_45",
+  "purpur-button--full-width": "_purpur-button--full-width_1fna2_51",
+  "purpur-button--primary": "_purpur-button--primary_1fna2_54",
+  "purpur-button--disabled": "_purpur-button--disabled_1fna2_58",
+  "purpur-button--primary-negative": "_purpur-button--primary-negative_1fna2_64",
+  "purpur-button--secondary": "_purpur-button--secondary_1fna2_76",
+  "purpur-button--secondary-negative": "_purpur-button--secondary-negative_1fna2_87",
+  "purpur-button--expressive": "_purpur-button--expressive_1fna2_98",
+  "purpur-button--expressive-negative": "_purpur-button--expressive-negative_1fna2_108",
+  "purpur-button--negative": "_purpur-button--negative_1fna2_120",
+  "purpur-button--destructive": "_purpur-button--destructive_1fna2_127",
+  "purpur-button--destructive-negative": "_purpur-button--destructive-negative_1fna2_137",
+  "purpur-button--tertiary-purple": "_purpur-button--tertiary-purple_1fna2_147",
+  "purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1fna2_160",
+  "purpur-button--text-negative": "_purpur-button--text-negative_1fna2_175",
+  "purpur-button--text": "_purpur-button--text_1fna2_175"
+}, G = "purpur-button", Dr = ({
+  children: e,
+  className: n,
+  ["data-testid"]: t,
+  disabled: o = !1,
+  fullWidth: a = !1,
+  iconOnly: r,
+  loading: i = !1,
+  onClick: u,
+  size: l = qe.MD,
+  variant: d,
+  type: p = "button",
+  ...s
+}, h) => {
+  if (r && d === "destructive")
+    return null;
+  const f = Tr(
+    [
+      H[G],
+      H[`${G}--${d}`],
+      H[`${G}--${l}`]
+    ],
+    {
+      [H[`${G}--icon-only`]]: r,
+      [H[`${G}--negative`]]: d.endsWith("negative"),
+      [H[`${G}--full-width`]]: a,
+      [H[`${G}--disabled`]]: o || i
+    },
+    n
+  ), E = (v) => {
+    o || i ? v.preventDefault() : u && u(v);
+  }, c = () => d.endsWith("negative") ? "negative-disabled" : "disabled";
+  return /* @__PURE__ */ K(
+    "button",
+    {
+      className: f,
+      "data-testid": t,
+      type: p,
+      ref: h,
+      "aria-disabled": s["aria-disabled"] || o || i,
+      onClick: E,
+      ...s,
+      children: [
+        i && /* @__PURE__ */ _(Pr, { size: l === qe.LG ? "xs" : "xxs", variant: c() }),
+        " ",
+        e
+      ]
+    }
+  );
+}, Me = C(Dr);
+Me.displayName = "Button";
+function Ir(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 n = {}.hasOwnProperty;
+    function t() {
+      for (var r = "", i = 0; i < arguments.length; i++) {
+        var u = arguments[i];
+        u && (r = a(r, o(u)));
+      }
+      return r;
+    }
+    function o(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return t.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var i = "";
+      for (var u in r)
+        n.call(r, u) && r[u] && (i = a(i, u));
+      return i;
+    }
+    function a(r, i) {
+      return i ? r ? r + " " + i : r + i : r;
+    }
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+  })();
+})(wt);
+var Rr = wt.exports;
+const Lr = /* @__PURE__ */ Ir(Rr), Se = {
+  "purpur-heading": "_purpur-heading_2c2y0_1",
+  "purpur-heading--hyphens": "_purpur-heading--hyphens_2c2y0_8",
+  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_2c2y0_11",
+  "purpur-heading--title-100": "_purpur-heading--title-100_2c2y0_17",
+  "purpur-heading--title-200": "_purpur-heading--title-200_2c2y0_23",
+  "purpur-heading--title-300": "_purpur-heading--title-300_2c2y0_29",
+  "purpur-heading--title-400": "_purpur-heading--title-400_2c2y0_35",
+  "purpur-heading--title-500": "_purpur-heading--title-500_2c2y0_41",
+  "purpur-heading--title-600": "_purpur-heading--title-600_2c2y0_47",
+  "purpur-heading--title-700": "_purpur-heading--title-700_2c2y0_53",
+  "purpur-heading--display-25": "_purpur-heading--display-25_2c2y0_59",
+  "purpur-heading--display-50": "_purpur-heading--display-50_2c2y0_65",
+  "purpur-heading--display-100": "_purpur-heading--display-100_2c2y0_71",
+  "purpur-heading--display-200": "_purpur-heading--display-200_2c2y0_77"
+}, Mr = {
+  TITLE100: "title-100",
+  TITLE200: "title-200",
+  TITLE300: "title-300",
+  TITLE400: "title-400",
+  TITLE500: "title-500",
+  TITLE600: "title-600",
+  TITLE700: "title-700",
+  SUBSECTION100: "subsection-100"
+}, Ce = "purpur-heading", Fr = ({
+  ["data-testid"]: e,
+  children: n,
+  className: t = "",
+  enableHyphenation: o = !1,
+  tag: a,
+  variant: r = Mr.TITLE100,
+  ...i
+}) => {
+  const u = a, l = Lr([
+    t,
+    Se[Ce],
+    Se[`${Ce}--${r}`],
+    {
+      [Se[`${Ce}--hyphens`]]: o
+    }
+  ]);
+  return /* @__PURE__ */ _(u, { ...i, className: l, "data-testid": e, children: n });
+};
+function kr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var St = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var n = {}.hasOwnProperty;
+    function t() {
+      for (var r = "", i = 0; i < arguments.length; i++) {
+        var u = arguments[i];
+        u && (r = a(r, o.call(this, u)));
+      }
+      return r;
+    }
+    function o(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return t.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var i = "";
+      for (var u in r)
+        n.call(r, u) && r[u] && (i = a(i, this && this[u] || u));
+      return i;
+    }
+    function a(r, i) {
+      return i ? r ? r + " " + i : r + i : r;
+    }
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+  })();
+})(St);
+var jr = St.exports;
+const Br = /* @__PURE__ */ kr(jr), Wr = {
+  "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"
+}, Ur = {
+  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"
+}, Ct = (e) => /* @__PURE__ */ _(
+  Xr,
+  {
+    ...e,
+    svg: Ur
+  }
+);
+Ct.displayName = "IconClose";
+const Hr = Br.bind(Wr), Qe = "purpur-icon", Gr = "md", Kr = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), Vr = ({ content: e = "", title: n } = {}) => {
+  const t = [
+    { name: "xmlns", value: "http://www.w3.org/2000/svg" },
+    { name: "fill", value: "currentColor" },
+    { name: "viewBox", value: "0 0 24 24" },
+    n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], o = n ? `<title>${n}</title>` : "";
+  return `<svg ${Kr(t)}>${o}${e}</svg>`;
+}, zr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Xr = ({
+  ["data-testid"]: e,
+  svg: n,
+  allyTitle: t,
+  className: o = "",
+  size: a = Gr,
+  ...r
+}) => {
+  const i = Vr({
+    content: zr(n.svg),
+    title: t
+  }), u = Hr(o, Qe, `${Qe}--${a}`);
+  return /* @__PURE__ */ _(
+    "span",
+    {
+      "aria-label": t,
+      className: u,
+      "data-testid": e,
+      dangerouslySetInnerHTML: { __html: i },
+      ...r
+    }
+  );
+};
+function Yr(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 n = {}.hasOwnProperty;
+    function t() {
+      for (var r = "", i = 0; i < arguments.length; i++) {
+        var u = arguments[i];
+        u && (r = a(r, o(u)));
+      }
+      return r;
+    }
+    function o(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return t.apply(null, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var i = "";
+      for (var u in r)
+        n.call(r, u) && r[u] && (i = a(i, u));
+      return i;
+    }
+    function a(r, i) {
+      return i ? r ? r + " " + i : r + i : r;
+    }
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+  })();
+})(xt);
+var qr = xt.exports;
+const Zr = /* @__PURE__ */ Yr(qr), le = {
+  "purpur-paragraph": "_purpur-paragraph_hwaj6_1",
+  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_hwaj6_7",
+  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_hwaj6_10",
+  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_hwaj6_13",
+  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_hwaj6_19",
+  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_hwaj6_26",
+  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_hwaj6_33",
+  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_hwaj6_39",
+  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_hwaj6_45",
+  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_hwaj6_51",
+  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_hwaj6_57",
+  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_hwaj6_64",
+  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_hwaj6_71"
+}, Qr = {
+  PARAGRAPH100: "paragraph-100",
+  PARAGRAPH100MEDIUM: "paragraph-100-medium",
+  PARAGRAPH100BOLD: "paragraph-100-bold",
+  PARAGRAPH200: "paragraph-200",
+  PREAMBLE100: "preamble-100",
+  PREAMBLE200: "preamble-200",
+  ADDITIONAL100: "additional-100",
+  ADDITIONAL100MEDIUM: "additional-100-medium",
+  OVERLINE100: "overline-100",
+  OVERLINE200: "overline-200"
+}, de = "purpur-paragraph", Jr = ({
+  ["data-testid"]: e,
+  children: n,
+  className: t = "",
+  disabled: o,
+  enableHyphenation: a = !1,
+  variant: r = Qr.PARAGRAPH100,
+  ...i
+}) => {
+  const u = Zr([
+    t,
+    le[de],
+    le[`${de}--${r}`],
+    {
+      [le[`${de}--hyphens`]]: a,
+      [le[`${de}--disabled`]]: o
+    }
+  ]);
+  return /* @__PURE__ */ _("p", { ...i, className: u, "data-testid": e, children: n });
+};
+function Z() {
+  return Z = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var t = arguments[n];
+      for (var o in t)
+        Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
+    }
+    return e;
+  }, Z.apply(this, arguments);
+}
+function eo(e, n) {
+  typeof e == "function" ? e(n) : e != null && (e.current = n);
+}
+function to(...e) {
+  return (n) => e.forEach(
+    (t) => eo(t, n)
+  );
+}
+const Ot = /* @__PURE__ */ C((e, n) => {
+  const { children: t, ...o } = e, a = R.toArray(t), r = a.find(ro);
+  if (r) {
+    const i = r.props.children, u = a.map((l) => l === r ? R.count(i) > 1 ? R.only(null) : /* @__PURE__ */ B(i) ? i.props.children : null : l);
+    return /* @__PURE__ */ m(De, Z({}, o, {
+      ref: n
+    }), /* @__PURE__ */ B(i) ? /* @__PURE__ */ te(i, void 0, u) : null);
+  }
+  return /* @__PURE__ */ m(De, Z({}, o, {
+    ref: n
+  }), t);
+});
+Ot.displayName = "Slot";
+const De = /* @__PURE__ */ C((e, n) => {
+  const { children: t, ...o } = e;
+  return /* @__PURE__ */ B(t) ? /* @__PURE__ */ te(t, {
+    ...oo(o, t.props),
+    ref: n ? to(n, t.ref) : t.ref
+  }) : R.count(t) > 1 ? R.only(null) : null;
+});
+De.displayName = "SlotClone";
+const no = ({ children: e }) => /* @__PURE__ */ m(Ie, null, e);
+function ro(e) {
+  return /* @__PURE__ */ B(e) && e.type === no;
+}
+function oo(e, n) {
+  const t = {
+    ...n
+  };
+  for (const o in n) {
+    const a = e[o], r = n[o];
+    /^on[A-Z]/.test(o) ? a && r ? t[o] = (...i) => {
+      r(...i), a(...i);
+    } : a && (t[o] = a) : o === "style" ? t[o] = {
+      ...a,
+      ...r
+    } : o === "className" && (t[o] = [
+      a,
+      r
+    ].filter(Boolean).join(" "));
+  }
+  return {
+    ...e,
+    ...t
+  };
+}
+const ao = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], io = ao.reduce((e, n) => {
+  const t = /* @__PURE__ */ C((o, a) => {
+    const { asChild: r, ...i } = o, u = r ? Ot : n;
+    return A(() => {
+      window[Symbol.for("radix-ui")] = !0;
+    }, []), /* @__PURE__ */ m(u, Z({}, i, {
+      ref: a
+    }));
+  });
+  return t.displayName = `Primitive.${n}`, {
+    ...e,
+    [n]: t
+  };
+}, {}), uo = /* @__PURE__ */ C((e, n) => /* @__PURE__ */ m(io.span, Z({}, e, {
+  ref: n,
+  style: {
+    // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
+    position: "absolute",
+    border: 0,
+    width: 1,
+    height: 1,
+    padding: 0,
+    margin: -1,
+    overflow: "hidden",
+    clip: "rect(0, 0, 0, 0)",
+    whiteSpace: "nowrap",
+    wordWrap: "normal",
+    ...e.style
+  }
+}))), co = uo, so = ({
+  asChild: e,
+  children: n,
+  className: t = "",
+  ["data-testid"]: o
+}) => /* @__PURE__ */ _(co, { asChild: e, "data-testid": o, className: t, children: n }), lo = "600px";
+function po(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Pt = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var n = {}.hasOwnProperty;
+    function t() {
+      for (var r = "", i = 0; i < arguments.length; i++) {
+        var u = arguments[i];
+        u && (r = a(r, o.call(this, u)));
+      }
+      return r;
+    }
+    function o(r) {
+      if (typeof r == "string" || typeof r == "number")
+        return this && this[r] || r;
+      if (typeof r != "object")
+        return "";
+      if (Array.isArray(r))
+        return t.apply(this, r);
+      if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+        return r.toString();
+      var i = "";
+      for (var u in r)
+        n.call(r, u) && r[u] && (i = a(i, this && this[u] || u));
+      return i;
+    }
+    function a(r, i) {
+      return i ? r ? r + " " + i : r + i : r;
+    }
+    e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
+  })();
+})(Pt);
+var fo = Pt.exports;
+const vo = /* @__PURE__ */ po(fo), ho = "_fadeIn_1fnes_1", go = {
+  "purpur-modal-content": "_purpur-modal-content_1fnes_1",
+  fadeIn: ho,
+  "purpur-modal-content__overlay": "_purpur-modal-content__overlay_1fnes_30",
+  "purpur-modal-content__close-button": "_purpur-modal-content__close-button_1fnes_37",
+  "purpur-modal-content__wrapper": "_purpur-modal-content__wrapper_1fnes_48",
+  "purpur-modal-content__wrapper-inner": "_purpur-modal-content__wrapper-inner_1fnes_59",
+  "purpur-modal-content__image-wrapper": "_purpur-modal-content__image-wrapper_1fnes_68",
+  "purpur-modal-content__header": "_purpur-modal-content__header_1fnes_91",
+  "purpur-modal-content__title": "_purpur-modal-content__title_1fnes_104",
+  "purpur-modal-content__description": "_purpur-modal-content__description_1fnes_107",
+  "purpur-modal-content__body": "_purpur-modal-content__body_1fnes_110",
+  "purpur-modal-content__body-inner": "_purpur-modal-content__body-inner_1fnes_120",
+  "purpur-modal-content__actions": "_purpur-modal-content__actions_1fnes_133",
+  "purpur-modal-content__button": "_purpur-modal-content__button_1fnes_145",
+  "purpur-modal-content--with-image": "_purpur-modal-content--with-image_1fnes_156",
+  "purpur-modal-content--overflow": "_purpur-modal-content--overflow_1fnes_156",
+  "purpur-modal-content--sticky-footer": "_purpur-modal-content--sticky-footer_1fnes_194"
+}, Je = (e) => e.showCloseButton === !0, D = vo.bind(go), N = "purpur-modal-content", mo = C(
+  ({
+    ["data-testid"]: e,
+    actions: n,
+    children: t,
+    className: o,
+    description: a,
+    disableCloseOnClickOutside: r,
+    hideDescription: i,
+    image: u,
+    primaryActionVariant: l = "primary",
+    stickyButtons: d = !0,
+    title: p,
+    ...s
+  }, h) => {
+    const { closeButtonAllyLabel: f, showCloseButton: E, ...c } = s, [v, b] = V(!1), x = O(null), $ = O(null), y = O(null), S = O(null), U = D([
+      N,
+      { [`${N}--with-image`]: !!u },
+      { [`${N}--overflow`]: v },
+      { [`${N}--sticky-footer`]: d },
+      o
+    ]), T = (I) => e ? `${e} ${I}` : void 0, w = (I) => {
+      r && I.preventDefault();
+    }, L = Q(() => {
+      if (!x.current || !$.current || !y.current || !S.current)
+        return;
+      const I = window.innerWidth < parseInt(lo), Nt = window.getComputedStyle(
+        I ? x.current : y.current,
+        null
+      ), At = parseFloat(Nt.getPropertyValue("height")), Tt = I ? $.current.offsetHeight : S.current.offsetHeight;
+      b(At < Tt);
+    }, []), ne = (I) => {
+      r && !E && I.preventDefault();
+    };
+    return A(() => (window.addEventListener("resize", L), () => {
+      window.removeEventListener("resize", L);
+    }), []), /* @__PURE__ */ K(mr, { children: [
+      /* @__PURE__ */ _(_r, { className: D(`${N}__overlay`) }),
+      /* @__PURE__ */ K(
+        br,
+        {
+          ...c,
+          className: U,
+          "data-testid": e,
+          ref: h,
+          ...!a && { "aria-describedby": void 0 },
+          onPointerDownOutside: w,
+          onOpenAutoFocus: L,
+          onEscapeKeyDown: ne,
+          children: [
+            /* @__PURE__ */ K("div", { ref: x, className: D(`${N}__wrapper`), children: [
+              Je(s) && f && u && /* @__PURE__ */ _(
+                et,
+                {
+                  allyLabel: f,
+                  hasImage: !0,
+                  "data-testid": T("close-button")
+                }
+              ),
+              /* @__PURE__ */ K("div", { ref: $, className: D(`${N}__wrapper-inner`), children: [
+                /* @__PURE__ */ K("div", { className: D(`${N}__header`), children: [
+                  Je(s) && f && !u && /* @__PURE__ */ _(
+                    et,
+                    {
+                      allyLabel: f,
+                      "data-testid": T("close-button")
+                    }
+                  ),
+                  /* @__PURE__ */ _(
+                    $r,
+                    {
+                      asChild: !0,
+                      className: D(`${N}__title`),
+                      "data-testid": T("title"),
+                      children: /* @__PURE__ */ _(Fr, { tag: "h2", variant: "title-200", children: p })
+                    }
+                  )
+                ] }),
+                u && /* @__PURE__ */ _(
+                  "div",
+                  {
+                    className: D(`${N}__image-wrapper`),
+                    "data-testid": T("image"),
+                    children: u
+                  }
+                ),
+                /* @__PURE__ */ _("div", { ref: y, className: D(`${N}__body`), children: /* @__PURE__ */ K("div", { ref: S, className: D(`${N}__body-inner`), children: [
+                  a && /* @__PURE__ */ _(Dt, { children: i ? /* @__PURE__ */ _(so, { asChild: !0, children: /* @__PURE__ */ _(Ye, { "data-testid": T("description"), children: a }) }) : /* @__PURE__ */ _(
+                    Ye,
+                    {
+                      asChild: !0,
+                      className: D(`${N}__description`),
+                      "data-testid": T("description"),
+                      children: /* @__PURE__ */ _(Jr, { variant: "paragraph-100", children: a })
+                    }
+                  ) }),
+                  /* @__PURE__ */ _("div", { children: t }),
+                  !d && /* @__PURE__ */ _(tt, { actions: n, primaryActionVariant: l })
+                ] }) })
+              ] })
+            ] }),
+            d && /* @__PURE__ */ _(tt, { actions: n, primaryActionVariant: l })
+          ]
+        }
+      )
+    ] });
+  }
+), et = ({
+  allyLabel: e,
+  hasImage: n,
+  ["data-testid"]: t
+}) => /* @__PURE__ */ _(yr, { asChild: !0, children: /* @__PURE__ */ _(
+  Me,
+  {
+    variant: n ? "primary-negative" : "tertiary-purple",
+    size: "sm",
+    iconOnly: !0,
+    "aria-label": e,
+    className: D(`${N}__close-button`),
+    "data-testid": t,
+    children: /* @__PURE__ */ _(Ct, {})
+  }
+) }), _o = 3, tt = ({
+  actions: e,
+  primaryActionVariant: n
+}) => {
+  const t = [n, "secondary", "text"];
+  return e && e.length > 0 ? /* @__PURE__ */ _("div", { className: D(`${N}__actions`), "data-testid": "modal actions", children: e.slice(0, _o).map(({ label: o, onClick: a }, r) => /* @__PURE__ */ _(
+    Me,
+    {
+      "data-testid": "modal actions button",
+      variant: t[r] || "",
+      onClick: a,
+      className: D(`${N}__button`),
+      children: o
+    },
+    o
+  )) }) : null;
+}, bo = C(
+  ({ ["data-testid"]: e, children: n, className: t, ...o }, a) => /* @__PURE__ */ _(
+    gr,
+    {
+      asChild: !0,
+      ref: a,
+      "data-testid": e,
+      className: t,
+      ...o,
+      children: n
+    }
+  )
+), Fe = ({
+  ["data-testid"]: e,
+  children: n,
+  open: t,
+  onOpenChange: o
+}) => /* @__PURE__ */ _(hr, { open: t, onOpenChange: o, "data-testid": e, children: n });
+Fe.Trigger = bo;
+Fe.Content = mo;
+Fe.displayName = "Modal";
+export {
+  Fe as Modal
+};
+//# sourceMappingURL=modal.es.js.map