@spear-ai/spectral 1.1.2 → 1.1.4

package/dist/Drawer.js

@@ -1,2163 +0,0 @@
-import { jsx as P, jsxs as Ce, Fragment as Dt } from "react/jsx-runtime";
-import * as s from "react";
-import h, { useState as zn, useMemo as Yn, useLayoutEffect as Xn, useEffect as Kn } from "react";
-import { u as We, a as ce, P as J, c as oe, d as qn, b as Gn, e as Zn, f as Qn, g as Jn } from "./index-C-ErIYr7.js";
-import er from "react-dom";
-var tr = s[" useId ".trim().toString()] || (() => {
-}), nr = 0;
-function qe(e) {
-  const [t, n] = s.useState(tr());
-  return We(() => {
-    n((r) => r ?? String(nr++));
-  }, [e]), e || (t ? `radix-${t}` : "");
-}
-function De(e) {
-  const t = s.useRef(e);
-  return s.useEffect(() => {
-    t.current = e;
-  }), s.useMemo(() => (...n) => t.current?.(...n), []);
-}
-function rr(e, t = globalThis?.document) {
-  const n = De(e);
-  s.useEffect(() => {
-    const r = (a) => {
-      a.key === "Escape" && n(a);
-    };
-    return t.addEventListener("keydown", r, { capture: !0 }), () => t.removeEventListener("keydown", r, { capture: !0 });
-  }, [n, t]);
-}
-var ar = "DismissableLayer", st = "dismissableLayer.update", or = "dismissableLayer.pointerDownOutside", ir = "dismissableLayer.focusOutside", Tt, Ht = s.createContext({
-  layers: /* @__PURE__ */ new Set(),
-  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
-  branches: /* @__PURE__ */ new Set()
-}), Vt = s.forwardRef(
-  (e, t) => {
-    const {
-      disableOutsidePointerEvents: n = !1,
-      onEscapeKeyDown: r,
-      onPointerDownOutside: a,
-      onFocusOutside: o,
-      onInteractOutside: u,
-      onDismiss: i,
-      ...g
-    } = e, l = s.useContext(Ht), [d, f] = s.useState(null), m = d?.ownerDocument ?? globalThis?.document, [, E] = s.useState({}), N = ce(t, (v) => f(v)), c = Array.from(l.layers), [y] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), p = c.indexOf(y), R = d ? c.indexOf(d) : -1, C = l.layersWithOutsidePointerEventsDisabled.size > 0, w = R >= p, x = cr((v) => {
-      const T = v.target, O = [...l.branches].some((F) => F.contains(T));
-      !w || O || (a?.(v), u?.(v), v.defaultPrevented || i?.());
-    }, m), W = lr((v) => {
-      const T = v.target;
-      [...l.branches].some((F) => F.contains(T)) || (o?.(v), u?.(v), v.defaultPrevented || i?.());
-    }, m);
-    return rr((v) => {
-      R === l.layers.size - 1 && (r?.(v), !v.defaultPrevented && i && (v.preventDefault(), i()));
-    }, m), s.useEffect(() => {
-      if (d)
-        return n && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (Tt = m.body.style.pointerEvents, m.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(d)), l.layers.add(d), Ot(), () => {
-          n && l.layersWithOutsidePointerEventsDisabled.size === 1 && (m.body.style.pointerEvents = Tt);
-        };
-    }, [d, m, n, l]), s.useEffect(() => () => {
-      d && (l.layers.delete(d), l.layersWithOutsidePointerEventsDisabled.delete(d), Ot());
-    }, [d, l]), s.useEffect(() => {
-      const v = () => E({});
-      return document.addEventListener(st, v), () => document.removeEventListener(st, v);
-    }, []), /* @__PURE__ */ P(
-      J.div,
-      {
-        ...g,
-        ref: N,
-        style: {
-          pointerEvents: C ? w ? "auto" : "none" : void 0,
-          ...e.style
-        },
-        onFocusCapture: oe(e.onFocusCapture, W.onFocusCapture),
-        onBlurCapture: oe(e.onBlurCapture, W.onBlurCapture),
-        onPointerDownCapture: oe(
-          e.onPointerDownCapture,
-          x.onPointerDownCapture
-        )
-      }
-    );
-  }
-);
-Vt.displayName = ar;
-var sr = "DismissableLayerBranch", ur = s.forwardRef((e, t) => {
-  const n = s.useContext(Ht), r = s.useRef(null), a = ce(t, r);
-  return s.useEffect(() => {
-    const o = r.current;
-    if (o)
-      return n.branches.add(o), () => {
-        n.branches.delete(o);
-      };
-  }, [n.branches]), /* @__PURE__ */ P(J.div, { ...e, ref: a });
-});
-ur.displayName = sr;
-function cr(e, t = globalThis?.document) {
-  const n = De(e), r = s.useRef(!1), a = s.useRef(() => {
-  });
-  return s.useEffect(() => {
-    const o = (i) => {
-      if (i.target && !r.current) {
-        let g = function() {
-          jt(
-            or,
-            n,
-            l,
-            { discrete: !0 }
-          );
-        };
-        const l = { originalEvent: i };
-        i.pointerType === "touch" ? (t.removeEventListener("click", a.current), a.current = g, t.addEventListener("click", a.current, { once: !0 })) : g();
-      } else
-        t.removeEventListener("click", a.current);
-      r.current = !1;
-    }, u = window.setTimeout(() => {
-      t.addEventListener("pointerdown", o);
-    }, 0);
-    return () => {
-      window.clearTimeout(u), t.removeEventListener("pointerdown", o), t.removeEventListener("click", a.current);
-    };
-  }, [t, n]), {
-    // ensures we check React component tree (not just DOM tree)
-    onPointerDownCapture: () => r.current = !0
-  };
-}
-function lr(e, t = globalThis?.document) {
-  const n = De(e), r = s.useRef(!1);
-  return s.useEffect(() => {
-    const a = (o) => {
-      o.target && !r.current && jt(ir, n, { originalEvent: o }, {
-        discrete: !1
-      });
-    };
-    return t.addEventListener("focusin", a), () => t.removeEventListener("focusin", a);
-  }, [t, n]), {
-    onFocusCapture: () => r.current = !0,
-    onBlurCapture: () => r.current = !1
-  };
-}
-function Ot() {
-  const e = new CustomEvent(st);
-  document.dispatchEvent(e);
-}
-function jt(e, t, n, { discrete: r }) {
-  const a = n.originalEvent.target, o = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
-  t && a.addEventListener(e, t, { once: !0 }), r ? qn(a, o) : a.dispatchEvent(o);
-}
-var Ge = "focusScope.autoFocusOnMount", Ze = "focusScope.autoFocusOnUnmount", At = { bubbles: !1, cancelable: !0 }, dr = "FocusScope", zt = s.forwardRef((e, t) => {
-  const {
-    loop: n = !1,
-    trapped: r = !1,
-    onMountAutoFocus: a,
-    onUnmountAutoFocus: o,
-    ...u
-  } = e, [i, g] = s.useState(null), l = De(a), d = De(o), f = s.useRef(null), m = ce(t, (c) => g(c)), E = s.useRef({
-    paused: !1,
-    pause() {
-      this.paused = !0;
-    },
-    resume() {
-      this.paused = !1;
-    }
-  }).current;
-  s.useEffect(() => {
-    if (r) {
-      let c = function(C) {
-        if (E.paused || !i) return;
-        const w = C.target;
-        i.contains(w) ? f.current = w : ae(f.current, { select: !0 });
-      }, y = function(C) {
-        if (E.paused || !i) return;
-        const w = C.relatedTarget;
-        w !== null && (i.contains(w) || ae(f.current, { select: !0 }));
-      }, p = function(C) {
-        if (document.activeElement === document.body)
-          for (const x of C)
-            x.removedNodes.length > 0 && ae(i);
-      };
-      document.addEventListener("focusin", c), document.addEventListener("focusout", y);
-      const R = new MutationObserver(p);
-      return i && R.observe(i, { childList: !0, subtree: !0 }), () => {
-        document.removeEventListener("focusin", c), document.removeEventListener("focusout", y), R.disconnect();
-      };
-    }
-  }, [r, i, E.paused]), s.useEffect(() => {
-    if (i) {
-      Pt.add(E);
-      const c = document.activeElement;
-      if (!i.contains(c)) {
-        const p = new CustomEvent(Ge, At);
-        i.addEventListener(Ge, l), i.dispatchEvent(p), p.defaultPrevented || (fr(gr(Yt(i)), { select: !0 }), document.activeElement === c && ae(i));
-      }
-      return () => {
-        i.removeEventListener(Ge, l), setTimeout(() => {
-          const p = new CustomEvent(Ze, At);
-          i.addEventListener(Ze, d), i.dispatchEvent(p), p.defaultPrevented || ae(c ?? document.body, { select: !0 }), i.removeEventListener(Ze, d), Pt.remove(E);
-        }, 0);
-      };
-    }
-  }, [i, l, d, E]);
-  const N = s.useCallback(
-    (c) => {
-      if (!n && !r || E.paused) return;
-      const y = c.key === "Tab" && !c.altKey && !c.ctrlKey && !c.metaKey, p = document.activeElement;
-      if (y && p) {
-        const R = c.currentTarget, [C, w] = mr(R);
-        C && w ? !c.shiftKey && p === w ? (c.preventDefault(), n && ae(C, { select: !0 })) : c.shiftKey && p === C && (c.preventDefault(), n && ae(w, { select: !0 })) : p === R && c.preventDefault();
-      }
-    },
-    [n, r, E.paused]
-  );
-  return /* @__PURE__ */ P(J.div, { tabIndex: -1, ...u, ref: m, onKeyDown: N });
-});
-zt.displayName = dr;
-function fr(e, { select: t = !1 } = {}) {
-  const n = document.activeElement;
-  for (const r of e)
-    if (ae(r, { select: t }), document.activeElement !== n) return;
-}
-function mr(e) {
-  const t = Yt(e), n = Nt(t, e), r = Nt(t.reverse(), e);
-  return [n, r];
-}
-function Yt(e) {
-  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
-    acceptNode: (r) => {
-      const a = r.tagName === "INPUT" && r.type === "hidden";
-      return r.disabled || r.hidden || a ? NodeFilter.FILTER_SKIP : r.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-    }
-  });
-  for (; n.nextNode(); ) t.push(n.currentNode);
-  return t;
-}
-function Nt(e, t) {
-  for (const n of e)
-    if (!vr(n, { upTo: t })) return n;
-}
-function vr(e, { upTo: t }) {
-  if (getComputedStyle(e).visibility === "hidden") return !0;
-  for (; e; ) {
-    if (t !== void 0 && e === t) return !1;
-    if (getComputedStyle(e).display === "none") return !0;
-    e = e.parentElement;
-  }
-  return !1;
-}
-function pr(e) {
-  return e instanceof HTMLInputElement && "select" in e;
-}
-function ae(e, { select: t = !1 } = {}) {
-  if (e && e.focus) {
-    const n = document.activeElement;
-    e.focus({ preventScroll: !0 }), e !== n && pr(e) && t && e.select();
-  }
-}
-var Pt = hr();
-function hr() {
-  let e = [];
-  return {
-    add(t) {
-      const n = e[0];
-      t !== n && n?.pause(), e = xt(e, t), e.unshift(t);
-    },
-    remove(t) {
-      e = xt(e, t), e[0]?.resume();
-    }
-  };
-}
-function xt(e, t) {
-  const n = [...e], r = n.indexOf(t);
-  return r !== -1 && n.splice(r, 1), n;
-}
-function gr(e) {
-  return e.filter((t) => t.tagName !== "A");
-}
-var wr = "Portal", Xt = s.forwardRef((e, t) => {
-  const { container: n, ...r } = e, [a, o] = s.useState(!1);
-  We(() => o(!0), []);
-  const u = n || a && globalThis?.document?.body;
-  return u ? er.createPortal(/* @__PURE__ */ P(J.div, { ...r, ref: t }), u) : null;
-});
-Xt.displayName = wr;
-function yr(e, t) {
-  return s.useReducer((n, r) => t[n][r] ?? n, e);
-}
-var Ue = (e) => {
-  const { present: t, children: n } = e, r = br(t), a = typeof n == "function" ? n({ present: r.isPresent }) : s.Children.only(n), o = ce(r.ref, Er(a));
-  return typeof n == "function" || r.isPresent ? s.cloneElement(a, { ref: o }) : null;
-};
-Ue.displayName = "Presence";
-function br(e) {
-  const [t, n] = s.useState(), r = s.useRef(null), a = s.useRef(e), o = s.useRef("none"), u = e ? "mounted" : "unmounted", [i, g] = yr(u, {
-    mounted: {
-      UNMOUNT: "unmounted",
-      ANIMATION_OUT: "unmountSuspended"
-    },
-    unmountSuspended: {
-      MOUNT: "mounted",
-      ANIMATION_END: "unmounted"
-    },
-    unmounted: {
-      MOUNT: "mounted"
-    }
-  });
-  return s.useEffect(() => {
-    const l = Pe(r.current);
-    o.current = i === "mounted" ? l : "none";
-  }, [i]), We(() => {
-    const l = r.current, d = a.current;
-    if (d !== e) {
-      const m = o.current, E = Pe(l);
-      e ? g("MOUNT") : E === "none" || l?.display === "none" ? g("UNMOUNT") : g(d && m !== E ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
-    }
-  }, [e, g]), We(() => {
-    if (t) {
-      let l;
-      const d = t.ownerDocument.defaultView ?? window, f = (E) => {
-        const c = Pe(r.current).includes(CSS.escape(E.animationName));
-        if (E.target === t && c && (g("ANIMATION_END"), !a.current)) {
-          const y = t.style.animationFillMode;
-          t.style.animationFillMode = "forwards", l = d.setTimeout(() => {
-            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = y);
-          });
-        }
-      }, m = (E) => {
-        E.target === t && (o.current = Pe(r.current));
-      };
-      return t.addEventListener("animationstart", m), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
-        d.clearTimeout(l), t.removeEventListener("animationstart", m), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
-      };
-    } else
-      g("ANIMATION_END");
-  }, [t, g]), {
-    isPresent: ["mounted", "unmountSuspended"].includes(i),
-    ref: s.useCallback((l) => {
-      r.current = l ? getComputedStyle(l) : null, n(l);
-    }, [])
-  };
-}
-function Pe(e) {
-  return e?.animationName || "none";
-}
-function Er(e) {
-  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
-  return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
-}
-var Qe = 0;
-function Sr() {
-  s.useEffect(() => {
-    const e = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", e[0] ?? Mt()), document.body.insertAdjacentElement("beforeend", e[1] ?? Mt()), Qe++, () => {
-      Qe === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), Qe--;
-    };
-  }, []);
-}
-function Mt() {
-  const e = document.createElement("span");
-  return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
-}
-var Z = function() {
-  return Z = Object.assign || function(t) {
-    for (var n, r = 1, a = arguments.length; r < a; r++) {
-      n = arguments[r];
-      for (var o in n) Object.prototype.hasOwnProperty.call(n, o) && (t[o] = n[o]);
-    }
-    return t;
-  }, Z.apply(this, arguments);
-};
-function Kt(e, t) {
-  var n = {};
-  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var a = 0, r = Object.getOwnPropertySymbols(e); a < r.length; a++)
-      t.indexOf(r[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[a]) && (n[r[a]] = e[r[a]]);
-  return n;
-}
-function Rr(e, t, n) {
-  if (n || arguments.length === 2) for (var r = 0, a = t.length, o; r < a; r++)
-    (o || !(r in t)) && (o || (o = Array.prototype.slice.call(t, 0, r)), o[r] = t[r]);
-  return e.concat(o || Array.prototype.slice.call(t));
-}
-var Fe = "right-scroll-bar-position", $e = "width-before-scroll-bar", Cr = "with-scroll-bars-hidden", Dr = "--removed-body-scroll-bar-size";
-function Je(e, t) {
-  return typeof e == "function" ? e(t) : e && (e.current = t), e;
-}
-function Tr(e, t) {
-  var n = zn(function() {
-    return {
-      // value
-      value: e,
-      // last callback
-      callback: t,
-      // "memoized" public interface
-      facade: {
-        get current() {
-          return n.value;
-        },
-        set current(r) {
-          var a = n.value;
-          a !== r && (n.value = r, n.callback(r, a));
-        }
-      }
-    };
-  })[0];
-  return n.callback = t, n.facade;
-}
-var Or = typeof window < "u" ? s.useLayoutEffect : s.useEffect, It = /* @__PURE__ */ new WeakMap();
-function Ar(e, t) {
-  var n = Tr(null, function(r) {
-    return e.forEach(function(a) {
-      return Je(a, r);
-    });
-  });
-  return Or(function() {
-    var r = It.get(n);
-    if (r) {
-      var a = new Set(r), o = new Set(e), u = n.current;
-      a.forEach(function(i) {
-        o.has(i) || Je(i, null);
-      }), o.forEach(function(i) {
-        a.has(i) || Je(i, u);
-      });
-    }
-    It.set(n, e);
-  }, [e]), n;
-}
-function Nr(e) {
-  return e;
-}
-function Pr(e, t) {
-  t === void 0 && (t = Nr);
-  var n = [], r = !1, a = {
-    read: function() {
-      if (r)
-        throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
-      return n.length ? n[n.length - 1] : e;
-    },
-    useMedium: function(o) {
-      var u = t(o, r);
-      return n.push(u), function() {
-        n = n.filter(function(i) {
-          return i !== u;
-        });
-      };
-    },
-    assignSyncMedium: function(o) {
-      for (r = !0; n.length; ) {
-        var u = n;
-        n = [], u.forEach(o);
-      }
-      n = {
-        push: function(i) {
-          return o(i);
-        },
-        filter: function() {
-          return n;
-        }
-      };
-    },
-    assignMedium: function(o) {
-      r = !0;
-      var u = [];
-      if (n.length) {
-        var i = n;
-        n = [], i.forEach(o), u = n;
-      }
-      var g = function() {
-        var d = u;
-        u = [], d.forEach(o);
-      }, l = function() {
-        return Promise.resolve().then(g);
-      };
-      l(), n = {
-        push: function(d) {
-          u.push(d), l();
-        },
-        filter: function(d) {
-          return u = u.filter(d), n;
-        }
-      };
-    }
-  };
-  return a;
-}
-function xr(e) {
-  e === void 0 && (e = {});
-  var t = Pr(null);
-  return t.options = Z({ async: !0, ssr: !1 }, e), t;
-}
-var qt = function(e) {
-  var t = e.sideCar, n = Kt(e, ["sideCar"]);
-  if (!t)
-    throw new Error("Sidecar: please provide `sideCar` property to import the right car");
-  var r = t.read();
-  if (!r)
-    throw new Error("Sidecar medium not found");
-  return s.createElement(r, Z({}, n));
-};
-qt.isSideCarExport = !0;
-function Mr(e, t) {
-  return e.useMedium(t), qt;
-}
-var Gt = xr(), et = function() {
-}, He = s.forwardRef(function(e, t) {
-  var n = s.useRef(null), r = s.useState({
-    onScrollCapture: et,
-    onWheelCapture: et,
-    onTouchMoveCapture: et
-  }), a = r[0], o = r[1], u = e.forwardProps, i = e.children, g = e.className, l = e.removeScrollBar, d = e.enabled, f = e.shards, m = e.sideCar, E = e.noRelative, N = e.noIsolation, c = e.inert, y = e.allowPinchZoom, p = e.as, R = p === void 0 ? "div" : p, C = e.gapMode, w = Kt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), x = m, W = Ar([n, t]), v = Z(Z({}, w), a);
-  return s.createElement(
-    s.Fragment,
-    null,
-    d && s.createElement(x, { sideCar: Gt, removeScrollBar: l, shards: f, noRelative: E, noIsolation: N, inert: c, setCallbacks: o, allowPinchZoom: !!y, lockRef: n, gapMode: C }),
-    u ? s.cloneElement(s.Children.only(i), Z(Z({}, v), { ref: W })) : s.createElement(R, Z({}, v, { className: g, ref: W }), i)
-  );
-});
-He.defaultProps = {
-  enabled: !0,
-  removeScrollBar: !0,
-  inert: !1
-};
-He.classNames = {
-  fullWidth: $e,
-  zeroRight: Fe
-};
-var Ir = function() {
-  if (typeof __webpack_nonce__ < "u")
-    return __webpack_nonce__;
-};
-function _r() {
-  if (!document)
-    return null;
-  var e = document.createElement("style");
-  e.type = "text/css";
-  var t = Ir();
-  return t && e.setAttribute("nonce", t), e;
-}
-function Lr(e, t) {
-  e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
-}
-function kr(e) {
-  var t = document.head || document.getElementsByTagName("head")[0];
-  t.appendChild(e);
-}
-var Fr = function() {
-  var e = 0, t = null;
-  return {
-    add: function(n) {
-      e == 0 && (t = _r()) && (Lr(t, n), kr(t)), e++;
-    },
-    remove: function() {
-      e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
-    }
-  };
-}, $r = function() {
-  var e = Fr();
-  return function(t, n) {
-    s.useEffect(function() {
-      return e.add(t), function() {
-        e.remove();
-      };
-    }, [t && n]);
-  };
-}, Zt = function() {
-  var e = $r(), t = function(n) {
-    var r = n.styles, a = n.dynamic;
-    return e(r, a), null;
-  };
-  return t;
-}, Wr = {
-  left: 0,
-  top: 0,
-  right: 0,
-  gap: 0
-}, tt = function(e) {
-  return parseInt(e || "", 10) || 0;
-}, Br = function(e) {
-  var t = window.getComputedStyle(document.body), n = t[e === "padding" ? "paddingLeft" : "marginLeft"], r = t[e === "padding" ? "paddingTop" : "marginTop"], a = t[e === "padding" ? "paddingRight" : "marginRight"];
-  return [tt(n), tt(r), tt(a)];
-}, Ur = function(e) {
-  if (e === void 0 && (e = "margin"), typeof window > "u")
-    return Wr;
-  var t = Br(e), n = document.documentElement.clientWidth, r = window.innerWidth;
-  return {
-    left: t[0],
-    top: t[1],
-    right: t[2],
-    gap: Math.max(0, r - n + t[2] - t[0])
-  };
-}, Hr = Zt(), he = "data-scroll-locked", Vr = function(e, t, n, r) {
-  var a = e.left, o = e.top, u = e.right, i = e.gap;
-  return n === void 0 && (n = "margin"), `
-  .`.concat(Cr, ` {
-   overflow: hidden `).concat(r, `;
-   padding-right: `).concat(i, "px ").concat(r, `;
-  }
-  body[`).concat(he, `] {
-    overflow: hidden `).concat(r, `;
-    overscroll-behavior: contain;
-    `).concat([
-    t && "position: relative ".concat(r, ";"),
-    n === "margin" && `
-    padding-left: `.concat(a, `px;
-    padding-top: `).concat(o, `px;
-    padding-right: `).concat(u, `px;
-    margin-left:0;
-    margin-top:0;
-    margin-right: `).concat(i, "px ").concat(r, `;
-    `),
-    n === "padding" && "padding-right: ".concat(i, "px ").concat(r, ";")
-  ].filter(Boolean).join(""), `
-  }
-  
-  .`).concat(Fe, ` {
-    right: `).concat(i, "px ").concat(r, `;
-  }
-  
-  .`).concat($e, ` {
-    margin-right: `).concat(i, "px ").concat(r, `;
-  }
-  
-  .`).concat(Fe, " .").concat(Fe, ` {
-    right: 0 `).concat(r, `;
-  }
-  
-  .`).concat($e, " .").concat($e, ` {
-    margin-right: 0 `).concat(r, `;
-  }
-  
-  body[`).concat(he, `] {
-    `).concat(Dr, ": ").concat(i, `px;
-  }
-`);
-}, _t = function() {
-  var e = parseInt(document.body.getAttribute(he) || "0", 10);
-  return isFinite(e) ? e : 0;
-}, jr = function() {
-  s.useEffect(function() {
-    return document.body.setAttribute(he, (_t() + 1).toString()), function() {
-      var e = _t() - 1;
-      e <= 0 ? document.body.removeAttribute(he) : document.body.setAttribute(he, e.toString());
-    };
-  }, []);
-}, zr = function(e) {
-  var t = e.noRelative, n = e.noImportant, r = e.gapMode, a = r === void 0 ? "margin" : r;
-  jr();
-  var o = s.useMemo(function() {
-    return Ur(a);
-  }, [a]);
-  return s.createElement(Hr, { styles: Vr(o, !t, a, n ? "" : "!important") });
-}, ut = !1;
-if (typeof window < "u")
-  try {
-    var xe = Object.defineProperty({}, "passive", {
-      get: function() {
-        return ut = !0, !0;
-      }
-    });
-    window.addEventListener("test", xe, xe), window.removeEventListener("test", xe, xe);
-  } catch {
-    ut = !1;
-  }
-var me = ut ? { passive: !1 } : !1, Yr = function(e) {
-  return e.tagName === "TEXTAREA";
-}, Qt = function(e, t) {
-  if (!(e instanceof Element))
-    return !1;
-  var n = window.getComputedStyle(e);
-  return (
-    // not-not-scrollable
-    n[t] !== "hidden" && // contains scroll inside self
-    !(n.overflowY === n.overflowX && !Yr(e) && n[t] === "visible")
-  );
-}, Xr = function(e) {
-  return Qt(e, "overflowY");
-}, Kr = function(e) {
-  return Qt(e, "overflowX");
-}, Lt = function(e, t) {
-  var n = t.ownerDocument, r = t;
-  do {
-    typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
-    var a = Jt(e, r);
-    if (a) {
-      var o = en(e, r), u = o[1], i = o[2];
-      if (u > i)
-        return !0;
-    }
-    r = r.parentNode;
-  } while (r && r !== n.body);
-  return !1;
-}, qr = function(e) {
-  var t = e.scrollTop, n = e.scrollHeight, r = e.clientHeight;
-  return [
-    t,
-    n,
-    r
-  ];
-}, Gr = function(e) {
-  var t = e.scrollLeft, n = e.scrollWidth, r = e.clientWidth;
-  return [
-    t,
-    n,
-    r
-  ];
-}, Jt = function(e, t) {
-  return e === "v" ? Xr(t) : Kr(t);
-}, en = function(e, t) {
-  return e === "v" ? qr(t) : Gr(t);
-}, Zr = function(e, t) {
-  return e === "h" && t === "rtl" ? -1 : 1;
-}, Qr = function(e, t, n, r, a) {
-  var o = Zr(e, window.getComputedStyle(t).direction), u = o * r, i = n.target, g = t.contains(i), l = !1, d = u > 0, f = 0, m = 0;
-  do {
-    if (!i)
-      break;
-    var E = en(e, i), N = E[0], c = E[1], y = E[2], p = c - y - o * N;
-    (N || p) && Jt(e, i) && (f += p, m += N);
-    var R = i.parentNode;
-    i = R && R.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? R.host : R;
-  } while (
-    // portaled content
-    !g && i !== document.body || // self content
-    g && (t.contains(i) || t === i)
-  );
-  return (d && Math.abs(f) < 1 || !d && Math.abs(m) < 1) && (l = !0), l;
-}, Me = function(e) {
-  return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
-}, kt = function(e) {
-  return [e.deltaX, e.deltaY];
-}, Ft = function(e) {
-  return e && "current" in e ? e.current : e;
-}, Jr = function(e, t) {
-  return e[0] === t[0] && e[1] === t[1];
-}, ea = function(e) {
-  return `
-  .block-interactivity-`.concat(e, ` {pointer-events: none;}
-  .allow-interactivity-`).concat(e, ` {pointer-events: all;}
-`);
-}, ta = 0, ve = [];
-function na(e) {
-  var t = s.useRef([]), n = s.useRef([0, 0]), r = s.useRef(), a = s.useState(ta++)[0], o = s.useState(Zt)[0], u = s.useRef(e);
-  s.useEffect(function() {
-    u.current = e;
-  }, [e]), s.useEffect(function() {
-    if (e.inert) {
-      document.body.classList.add("block-interactivity-".concat(a));
-      var c = Rr([e.lockRef.current], (e.shards || []).map(Ft), !0).filter(Boolean);
-      return c.forEach(function(y) {
-        return y.classList.add("allow-interactivity-".concat(a));
-      }), function() {
-        document.body.classList.remove("block-interactivity-".concat(a)), c.forEach(function(y) {
-          return y.classList.remove("allow-interactivity-".concat(a));
-        });
-      };
-    }
-  }, [e.inert, e.lockRef.current, e.shards]);
-  var i = s.useCallback(function(c, y) {
-    if ("touches" in c && c.touches.length === 2 || c.type === "wheel" && c.ctrlKey)
-      return !u.current.allowPinchZoom;
-    var p = Me(c), R = n.current, C = "deltaX" in c ? c.deltaX : R[0] - p[0], w = "deltaY" in c ? c.deltaY : R[1] - p[1], x, W = c.target, v = Math.abs(C) > Math.abs(w) ? "h" : "v";
-    if ("touches" in c && v === "h" && W.type === "range")
-      return !1;
-    var T = Lt(v, W);
-    if (!T)
-      return !0;
-    if (T ? x = v : (x = v === "v" ? "h" : "v", T = Lt(v, W)), !T)
-      return !1;
-    if (!r.current && "changedTouches" in c && (C || w) && (r.current = x), !x)
-      return !0;
-    var O = r.current || x;
-    return Qr(O, y, c, O === "h" ? C : w);
-  }, []), g = s.useCallback(function(c) {
-    var y = c;
-    if (!(!ve.length || ve[ve.length - 1] !== o)) {
-      var p = "deltaY" in y ? kt(y) : Me(y), R = t.current.filter(function(x) {
-        return x.name === y.type && (x.target === y.target || y.target === x.shadowParent) && Jr(x.delta, p);
-      })[0];
-      if (R && R.should) {
-        y.cancelable && y.preventDefault();
-        return;
-      }
-      if (!R) {
-        var C = (u.current.shards || []).map(Ft).filter(Boolean).filter(function(x) {
-          return x.contains(y.target);
-        }), w = C.length > 0 ? i(y, C[0]) : !u.current.noIsolation;
-        w && y.cancelable && y.preventDefault();
-      }
-    }
-  }, []), l = s.useCallback(function(c, y, p, R) {
-    var C = { name: c, delta: y, target: p, should: R, shadowParent: ra(p) };
-    t.current.push(C), setTimeout(function() {
-      t.current = t.current.filter(function(w) {
-        return w !== C;
-      });
-    }, 1);
-  }, []), d = s.useCallback(function(c) {
-    n.current = Me(c), r.current = void 0;
-  }, []), f = s.useCallback(function(c) {
-    l(c.type, kt(c), c.target, i(c, e.lockRef.current));
-  }, []), m = s.useCallback(function(c) {
-    l(c.type, Me(c), c.target, i(c, e.lockRef.current));
-  }, []);
-  s.useEffect(function() {
-    return ve.push(o), e.setCallbacks({
-      onScrollCapture: f,
-      onWheelCapture: f,
-      onTouchMoveCapture: m
-    }), document.addEventListener("wheel", g, me), document.addEventListener("touchmove", g, me), document.addEventListener("touchstart", d, me), function() {
-      ve = ve.filter(function(c) {
-        return c !== o;
-      }), document.removeEventListener("wheel", g, me), document.removeEventListener("touchmove", g, me), document.removeEventListener("touchstart", d, me);
-    };
-  }, []);
-  var E = e.removeScrollBar, N = e.inert;
-  return s.createElement(
-    s.Fragment,
-    null,
-    N ? s.createElement(o, { styles: ea(a) }) : null,
-    E ? s.createElement(zr, { noRelative: e.noRelative, gapMode: e.gapMode }) : null
-  );
-}
-function ra(e) {
-  for (var t = null; e !== null; )
-    e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
-  return t;
-}
-const aa = Mr(Gt, na);
-var tn = s.forwardRef(function(e, t) {
-  return s.createElement(He, Z({}, e, { ref: t, sideCar: aa }));
-});
-tn.classNames = He.classNames;
-var oa = function(e) {
-  if (typeof document > "u")
-    return null;
-  var t = Array.isArray(e) ? e[0] : e;
-  return t.ownerDocument.body;
-}, pe = /* @__PURE__ */ new WeakMap(), Ie = /* @__PURE__ */ new WeakMap(), _e = {}, nt = 0, nn = function(e) {
-  return e && (e.host || nn(e.parentNode));
-}, ia = function(e, t) {
-  return t.map(function(n) {
-    if (e.contains(n))
-      return n;
-    var r = nn(n);
-    return r && e.contains(r) ? r : (console.error("aria-hidden", n, "in not contained inside", e, ". Doing nothing"), null);
-  }).filter(function(n) {
-    return !!n;
-  });
-}, sa = function(e, t, n, r) {
-  var a = ia(t, Array.isArray(e) ? e : [e]);
-  _e[n] || (_e[n] = /* @__PURE__ */ new WeakMap());
-  var o = _e[n], u = [], i = /* @__PURE__ */ new Set(), g = new Set(a), l = function(f) {
-    !f || i.has(f) || (i.add(f), l(f.parentNode));
-  };
-  a.forEach(l);
-  var d = function(f) {
-    !f || g.has(f) || Array.prototype.forEach.call(f.children, function(m) {
-      if (i.has(m))
-        d(m);
-      else
-        try {
-          var E = m.getAttribute(r), N = E !== null && E !== "false", c = (pe.get(m) || 0) + 1, y = (o.get(m) || 0) + 1;
-          pe.set(m, c), o.set(m, y), u.push(m), c === 1 && N && Ie.set(m, !0), y === 1 && m.setAttribute(n, "true"), N || m.setAttribute(r, "true");
-        } catch (p) {
-          console.error("aria-hidden: cannot operate on ", m, p);
-        }
-    });
-  };
-  return d(t), i.clear(), nt++, function() {
-    u.forEach(function(f) {
-      var m = pe.get(f) - 1, E = o.get(f) - 1;
-      pe.set(f, m), o.set(f, E), m || (Ie.has(f) || f.removeAttribute(r), Ie.delete(f)), E || f.removeAttribute(n);
-    }), nt--, nt || (pe = /* @__PURE__ */ new WeakMap(), pe = /* @__PURE__ */ new WeakMap(), Ie = /* @__PURE__ */ new WeakMap(), _e = {});
-  };
-}, ua = function(e, t, n) {
-  n === void 0 && (n = "data-aria-hidden");
-  var r = Array.from(Array.isArray(e) ? e : [e]), a = oa(e);
-  return a ? (r.push.apply(r, Array.from(a.querySelectorAll("[aria-live], script"))), sa(r, a, n, "aria-hidden")) : function() {
-    return null;
-  };
-}, Ve = "Dialog", [rn, ao] = Gn(Ve), [ca, q] = rn(Ve), an = (e) => {
-  const {
-    __scopeDialog: t,
-    children: n,
-    open: r,
-    defaultOpen: a,
-    onOpenChange: o,
-    modal: u = !0
-  } = e, i = s.useRef(null), g = s.useRef(null), [l, d] = Jn({
-    prop: r,
-    defaultProp: a ?? !1,
-    onChange: o,
-    caller: Ve
-  });
-  return /* @__PURE__ */ P(
-    ca,
-    {
-      scope: t,
-      triggerRef: i,
-      contentRef: g,
-      contentId: qe(),
-      titleId: qe(),
-      descriptionId: qe(),
-      open: l,
-      onOpenChange: d,
-      onOpenToggle: s.useCallback(() => d((f) => !f), [d]),
-      modal: u,
-      children: n
-    }
-  );
-};
-an.displayName = Ve;
-var on = "DialogTrigger", sn = s.forwardRef(
-  (e, t) => {
-    const { __scopeDialog: n, ...r } = e, a = q(on, n), o = ce(t, a.triggerRef);
-    return /* @__PURE__ */ P(
-      J.button,
-      {
-        type: "button",
-        "aria-haspopup": "dialog",
-        "aria-expanded": a.open,
-        "aria-controls": a.contentId,
-        "data-state": mt(a.open),
-        ...r,
-        ref: o,
-        onClick: oe(e.onClick, a.onOpenToggle)
-      }
-    );
-  }
-);
-sn.displayName = on;
-var dt = "DialogPortal", [la, un] = rn(dt, {
-  forceMount: void 0
-}), cn = (e) => {
-  const { __scopeDialog: t, forceMount: n, children: r, container: a } = e, o = q(dt, t);
-  return /* @__PURE__ */ P(la, { scope: t, forceMount: n, children: s.Children.map(r, (u) => /* @__PURE__ */ P(Ue, { present: n || o.open, children: /* @__PURE__ */ P(Xt, { asChild: !0, container: a, children: u }) })) });
-};
-cn.displayName = dt;
-var Be = "DialogOverlay", ln = s.forwardRef(
-  (e, t) => {
-    const n = un(Be, e.__scopeDialog), { forceMount: r = n.forceMount, ...a } = e, o = q(Be, e.__scopeDialog);
-    return o.modal ? /* @__PURE__ */ P(Ue, { present: r || o.open, children: /* @__PURE__ */ P(fa, { ...a, ref: t }) }) : null;
-  }
-);
-ln.displayName = Be;
-var da = Zn("DialogOverlay.RemoveScroll"), fa = s.forwardRef(
-  (e, t) => {
-    const { __scopeDialog: n, ...r } = e, a = q(Be, n);
-    return (
-      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
-      // ie. when `Overlay` and `Content` are siblings
-      /* @__PURE__ */ P(tn, { as: da, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ P(
-        J.div,
-        {
-          "data-state": mt(a.open),
-          ...r,
-          ref: t,
-          style: { pointerEvents: "auto", ...r.style }
-        }
-      ) })
-    );
-  }
-), ue = "DialogContent", dn = s.forwardRef(
-  (e, t) => {
-    const n = un(ue, e.__scopeDialog), { forceMount: r = n.forceMount, ...a } = e, o = q(ue, e.__scopeDialog);
-    return /* @__PURE__ */ P(Ue, { present: r || o.open, children: o.modal ? /* @__PURE__ */ P(ma, { ...a, ref: t }) : /* @__PURE__ */ P(va, { ...a, ref: t }) });
-  }
-);
-dn.displayName = ue;
-var ma = s.forwardRef(
-  (e, t) => {
-    const n = q(ue, e.__scopeDialog), r = s.useRef(null), a = ce(t, n.contentRef, r);
-    return s.useEffect(() => {
-      const o = r.current;
-      if (o) return ua(o);
-    }, []), /* @__PURE__ */ P(
-      fn,
-      {
-        ...e,
-        ref: a,
-        trapFocus: n.open,
-        disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: oe(e.onCloseAutoFocus, (o) => {
-          o.preventDefault(), n.triggerRef.current?.focus();
-        }),
-        onPointerDownOutside: oe(e.onPointerDownOutside, (o) => {
-          const u = o.detail.originalEvent, i = u.button === 0 && u.ctrlKey === !0;
-          (u.button === 2 || i) && o.preventDefault();
-        }),
-        onFocusOutside: oe(
-          e.onFocusOutside,
-          (o) => o.preventDefault()
-        )
-      }
-    );
-  }
-), va = s.forwardRef(
-  (e, t) => {
-    const n = q(ue, e.__scopeDialog), r = s.useRef(!1), a = s.useRef(!1);
-    return /* @__PURE__ */ P(
-      fn,
-      {
-        ...e,
-        ref: t,
-        trapFocus: !1,
-        disableOutsidePointerEvents: !1,
-        onCloseAutoFocus: (o) => {
-          e.onCloseAutoFocus?.(o), o.defaultPrevented || (r.current || n.triggerRef.current?.focus(), o.preventDefault()), r.current = !1, a.current = !1;
-        },
-        onInteractOutside: (o) => {
-          e.onInteractOutside?.(o), o.defaultPrevented || (r.current = !0, o.detail.originalEvent.type === "pointerdown" && (a.current = !0));
-          const u = o.target;
-          n.triggerRef.current?.contains(u) && o.preventDefault(), o.detail.originalEvent.type === "focusin" && a.current && o.preventDefault();
-        }
-      }
-    );
-  }
-), fn = s.forwardRef(
-  (e, t) => {
-    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: a, onCloseAutoFocus: o, ...u } = e, i = q(ue, n), g = s.useRef(null), l = ce(t, g);
-    return Sr(), /* @__PURE__ */ Ce(Dt, { children: [
-      /* @__PURE__ */ P(
-        zt,
-        {
-          asChild: !0,
-          loop: !0,
-          trapped: r,
-          onMountAutoFocus: a,
-          onUnmountAutoFocus: o,
-          children: /* @__PURE__ */ P(
-            Vt,
-            {
-              role: "dialog",
-              id: i.contentId,
-              "aria-describedby": i.descriptionId,
-              "aria-labelledby": i.titleId,
-              "data-state": mt(i.open),
-              ...u,
-              ref: l,
-              onDismiss: () => i.onOpenChange(!1)
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ Ce(Dt, { children: [
-        /* @__PURE__ */ P(pa, { titleId: i.titleId }),
-        /* @__PURE__ */ P(ga, { contentRef: g, descriptionId: i.descriptionId })
-      ] })
-    ] });
-  }
-), ft = "DialogTitle", mn = s.forwardRef(
-  (e, t) => {
-    const { __scopeDialog: n, ...r } = e, a = q(ft, n);
-    return /* @__PURE__ */ P(J.h2, { id: a.titleId, ...r, ref: t });
-  }
-);
-mn.displayName = ft;
-var vn = "DialogDescription", pn = s.forwardRef(
-  (e, t) => {
-    const { __scopeDialog: n, ...r } = e, a = q(vn, n);
-    return /* @__PURE__ */ P(J.p, { id: a.descriptionId, ...r, ref: t });
-  }
-);
-pn.displayName = vn;
-var hn = "DialogClose", gn = s.forwardRef(
-  (e, t) => {
-    const { __scopeDialog: n, ...r } = e, a = q(hn, n);
-    return /* @__PURE__ */ P(
-      J.button,
-      {
-        type: "button",
-        ...r,
-        ref: t,
-        onClick: oe(e.onClick, () => a.onOpenChange(!1))
-      }
-    );
-  }
-);
-gn.displayName = hn;
-function mt(e) {
-  return e ? "open" : "closed";
-}
-var wn = "DialogTitleWarning", [oo, yn] = Qn(wn, {
-  contentName: ue,
-  titleName: ft,
-  docsSlug: "dialog"
-}), pa = ({ titleId: e }) => {
-  const t = yn(wn), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
-
-If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
-
-For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;
-  return s.useEffect(() => {
-    e && (document.getElementById(e) || console.error(n));
-  }, [n, e]), null;
-}, ha = "DialogDescriptionWarning", ga = ({ contentRef: e, descriptionId: t }) => {
-  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${yn(ha).contentName}}.`;
-  return s.useEffect(() => {
-    const a = e.current?.getAttribute("aria-describedby");
-    t && a && (document.getElementById(t) || console.warn(r));
-  }, [r, e, t]), null;
-}, wa = an, ya = sn, ba = cn, Ea = ln, Sa = dn, Ra = mn, Ca = pn, Da = gn;
-function Ta(e) {
-  if (typeof document > "u") return;
-  let t = document.head || document.getElementsByTagName("head")[0], n = document.createElement("style");
-  n.type = "text/css", t.appendChild(n), n.styleSheet ? n.styleSheet.cssText = e : n.appendChild(document.createTextNode(e));
-}
-const bn = h.createContext({
-  drawerRef: {
-    current: null
-  },
-  overlayRef: {
-    current: null
-  },
-  onPress: () => {
-  },
-  onRelease: () => {
-  },
-  onDrag: () => {
-  },
-  onNestedDrag: () => {
-  },
-  onNestedOpenChange: () => {
-  },
-  onNestedRelease: () => {
-  },
-  openProp: void 0,
-  dismissible: !1,
-  isOpen: !1,
-  isDragging: !1,
-  keyboardIsOpen: {
-    current: !1
-  },
-  snapPointsOffset: null,
-  snapPoints: null,
-  handleOnly: !1,
-  modal: !1,
-  shouldFade: !1,
-  activeSnapPoint: null,
-  onOpenChange: () => {
-  },
-  setActiveSnapPoint: () => {
-  },
-  closeDrawer: () => {
-  },
-  direction: "bottom",
-  shouldAnimate: {
-    current: !0
-  },
-  shouldScaleBackground: !1,
-  setBackgroundColorOnScale: !0,
-  noBodyStyles: !1,
-  container: null,
-  autoFocus: !1
-}), Te = () => {
-  const e = h.useContext(bn);
-  if (!e)
-    throw new Error("useDrawerContext must be used within a Drawer.Root");
-  return e;
-};
-Ta(`[data-vaul-drawer]{touch-action:none;will-change:transform;transition:transform .5s cubic-bezier(.32, .72, 0, 1);animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=open]{animation-name:slideFromBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed]{animation-name:slideToBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=open]{animation-name:slideFromTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=closed]{animation-name:slideToTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=open]{animation-name:slideFromLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=closed]{animation-name:slideToLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=open]{animation-name:slideFromRight}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=closed]{animation-name:slideToRight}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--initial-transform,100%),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--initial-transform,100%),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-overlay][data-vaul-snap-points=false]{animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-overlay][data-vaul-snap-points=false][data-state=open]{animation-name:fadeIn}[data-vaul-overlay][data-state=closed]{animation-name:fadeOut}[data-vaul-animate=false]{animation:none!important}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:0;transition:opacity .5s cubic-bezier(.32, .72, 0, 1)}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:1}[data-vaul-drawer]:not([data-vaul-custom-container=true])::after{content:'';position:absolute;background:inherit;background-color:inherit}[data-vaul-drawer][data-vaul-drawer-direction=top]::after{top:initial;bottom:100%;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=bottom]::after{top:100%;bottom:initial;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=left]::after{left:initial;right:100%;top:0;bottom:0;width:200%}[data-vaul-drawer][data-vaul-drawer-direction=right]::after{left:100%;right:initial;top:0;bottom:0;width:200%}[data-vaul-overlay][data-vaul-snap-points=true]:not([data-vaul-snap-points-overlay=true]):not(
-[data-state=closed]
-){opacity:0}[data-vaul-overlay][data-vaul-snap-points-overlay=true]{opacity:1}[data-vaul-handle]{display:block;position:relative;opacity:.7;background:#e2e2e4;margin-left:auto;margin-right:auto;height:5px;width:32px;border-radius:1rem;touch-action:pan-y}[data-vaul-handle]:active,[data-vaul-handle]:hover{opacity:1}[data-vaul-handle-hitarea]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,2.75rem);height:max(100%,2.75rem);touch-action:inherit}@media (hover:hover) and (pointer:fine){[data-vaul-drawer]{user-select:none}}@media (pointer:fine){[data-vaul-handle-hitarea]:{width:100%;height:100%}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes slideFromBottom{from{transform:translate3d(0,var(--initial-transform,100%),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToBottom{to{transform:translate3d(0,var(--initial-transform,100%),0)}}@keyframes slideFromTop{from{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToTop{to{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}}@keyframes slideFromLeft{from{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToLeft{to{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}}@keyframes slideFromRight{from{transform:translate3d(var(--initial-transform,100%),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToRight{to{transform:translate3d(var(--initial-transform,100%),0,0)}}`);
-function Oa() {
-  const e = navigator.userAgent;
-  return typeof window < "u" && (/Firefox/.test(e) && /Mobile/.test(e) || // Android Firefox
-  /FxiOS/.test(e));
-}
-function Aa() {
-  return vt(/^Mac/);
-}
-function Na() {
-  return vt(/^iPhone/);
-}
-function $t() {
-  return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-}
-function Pa() {
-  return vt(/^iPad/) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
-  Aa() && navigator.maxTouchPoints > 1;
-}
-function En() {
-  return Na() || Pa();
-}
-function vt(e) {
-  return typeof window < "u" && window.navigator != null ? e.test(window.navigator.platform) : void 0;
-}
-const xa = 24, Ma = typeof window < "u" ? Xn : Kn;
-function Wt(...e) {
-  return (...t) => {
-    for (let n of e)
-      typeof n == "function" && n(...t);
-  };
-}
-const rt = typeof document < "u" && window.visualViewport;
-function Bt(e) {
-  let t = window.getComputedStyle(e);
-  return /(auto|scroll)/.test(t.overflow + t.overflowX + t.overflowY);
-}
-function Sn(e) {
-  for (Bt(e) && (e = e.parentElement); e && !Bt(e); )
-    e = e.parentElement;
-  return e || document.scrollingElement || document.documentElement;
-}
-const Ia = /* @__PURE__ */ new Set([
-  "checkbox",
-  "radio",
-  "range",
-  "color",
-  "file",
-  "image",
-  "button",
-  "submit",
-  "reset"
-]);
-let Le = 0, at;
-function _a(e = {}) {
-  let { isDisabled: t } = e;
-  Ma(() => {
-    if (!t)
-      return Le++, Le === 1 && En() && (at = La()), () => {
-        Le--, Le === 0 && at?.();
-      };
-  }, [
-    t
-  ]);
-}
-function La() {
-  let e, t = 0, n = (f) => {
-    e = Sn(f.target), !(e === document.documentElement && e === document.body) && (t = f.changedTouches[0].pageY);
-  }, r = (f) => {
-    if (!e || e === document.documentElement || e === document.body) {
-      f.preventDefault();
-      return;
-    }
-    let m = f.changedTouches[0].pageY, E = e.scrollTop, N = e.scrollHeight - e.clientHeight;
-    N !== 0 && ((E <= 0 && m > t || E >= N && m < t) && f.preventDefault(), t = m);
-  }, a = (f) => {
-    let m = f.target;
-    ct(m) && m !== document.activeElement && (f.preventDefault(), m.style.transform = "translateY(-2000px)", m.focus(), requestAnimationFrame(() => {
-      m.style.transform = "";
-    }));
-  }, o = (f) => {
-    let m = f.target;
-    ct(m) && (m.style.transform = "translateY(-2000px)", requestAnimationFrame(() => {
-      m.style.transform = "", rt && (rt.height < window.innerHeight ? requestAnimationFrame(() => {
-        Ut(m);
-      }) : rt.addEventListener("resize", () => Ut(m), {
-        once: !0
-      }));
-    }));
-  }, u = () => {
-    window.scrollTo(0, 0);
-  }, i = window.pageXOffset, g = window.pageYOffset, l = Wt(ka(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`));
-  window.scrollTo(0, 0);
-  let d = Wt(Se(document, "touchstart", n, {
-    passive: !1,
-    capture: !0
-  }), Se(document, "touchmove", r, {
-    passive: !1,
-    capture: !0
-  }), Se(document, "touchend", a, {
-    passive: !1,
-    capture: !0
-  }), Se(document, "focus", o, !0), Se(window, "scroll", u));
-  return () => {
-    l(), d(), window.scrollTo(i, g);
-  };
-}
-function ka(e, t, n) {
-  let r = e.style[t];
-  return e.style[t] = n, () => {
-    e.style[t] = r;
-  };
-}
-function Se(e, t, n, r) {
-  return e.addEventListener(t, n, r), () => {
-    e.removeEventListener(t, n, r);
-  };
-}
-function Ut(e) {
-  let t = document.scrollingElement || document.documentElement;
-  for (; e && e !== t; ) {
-    let n = Sn(e);
-    if (n !== document.documentElement && n !== document.body && n !== e) {
-      let r = n.getBoundingClientRect().top, a = e.getBoundingClientRect().top, o = e.getBoundingClientRect().bottom;
-      const u = n.getBoundingClientRect().bottom + xa;
-      o > u && (n.scrollTop += a - r);
-    }
-    e = n.parentElement;
-  }
-}
-function ct(e) {
-  return e instanceof HTMLInputElement && !Ia.has(e.type) || e instanceof HTMLTextAreaElement || e instanceof HTMLElement && e.isContentEditable;
-}
-function Fa(e, t) {
-  typeof e == "function" ? e(t) : e != null && (e.current = t);
-}
-function $a(...e) {
-  return (t) => e.forEach((n) => Fa(n, t));
-}
-function Rn(...e) {
-  return s.useCallback($a(...e), e);
-}
-const Cn = /* @__PURE__ */ new WeakMap();
-function $(e, t, n = !1) {
-  if (!e || !(e instanceof HTMLElement)) return;
-  let r = {};
-  Object.entries(t).forEach(([a, o]) => {
-    if (a.startsWith("--")) {
-      e.style.setProperty(a, o);
-      return;
-    }
-    r[a] = e.style[a], e.style[a] = o;
-  }), !n && Cn.set(e, r);
-}
-function Wa(e, t) {
-  if (!e || !(e instanceof HTMLElement)) return;
-  let n = Cn.get(e);
-  n && (e.style[t] = n[t]);
-}
-const k = (e) => {
-  switch (e) {
-    case "top":
-    case "bottom":
-      return !0;
-    case "left":
-    case "right":
-      return !1;
-    default:
-      return e;
-  }
-};
-function ke(e, t) {
-  if (!e)
-    return null;
-  const n = window.getComputedStyle(e), r = (
-    // @ts-ignore
-    n.transform || n.webkitTransform || n.mozTransform
-  );
-  let a = r.match(/^matrix3d\((.+)\)$/);
-  return a ? parseFloat(a[1].split(", ")[k(t) ? 13 : 12]) : (a = r.match(/^matrix\((.+)\)$/), a ? parseFloat(a[1].split(", ")[k(t) ? 5 : 4]) : null);
-}
-function Ba(e) {
-  return 8 * (Math.log(e + 1) - 2);
-}
-function ot(e, t) {
-  if (!e) return () => {
-  };
-  const n = e.style.cssText;
-  return Object.assign(e.style, t), () => {
-    e.style.cssText = n;
-  };
-}
-function Ua(...e) {
-  return (...t) => {
-    for (const n of e)
-      typeof n == "function" && n(...t);
-  };
-}
-const _ = {
-  DURATION: 0.5,
-  EASE: [
-    0.32,
-    0.72,
-    0,
-    1
-  ]
-}, Dn = 0.4, Ha = 0.25, Va = 100, Tn = 8, se = 16, lt = 26, it = "vaul-dragging";
-function On(e) {
-  const t = h.useRef(e);
-  return h.useEffect(() => {
-    t.current = e;
-  }), h.useMemo(() => (...n) => t.current == null ? void 0 : t.current.call(t, ...n), []);
-}
-function ja({ defaultProp: e, onChange: t }) {
-  const n = h.useState(e), [r] = n, a = h.useRef(r), o = On(t);
-  return h.useEffect(() => {
-    a.current !== r && (o(r), a.current = r);
-  }, [
-    r,
-    a,
-    o
-  ]), n;
-}
-function An({ prop: e, defaultProp: t, onChange: n = () => {
-} }) {
-  const [r, a] = ja({
-    defaultProp: t,
-    onChange: n
-  }), o = e !== void 0, u = o ? e : r, i = On(n), g = h.useCallback((l) => {
-    if (o) {
-      const f = typeof l == "function" ? l(e) : l;
-      f !== e && i(f);
-    } else
-      a(l);
-  }, [
-    o,
-    e,
-    a,
-    i
-  ]);
-  return [
-    u,
-    g
-  ];
-}
-function za({ activeSnapPointProp: e, setActiveSnapPointProp: t, snapPoints: n, drawerRef: r, overlayRef: a, fadeFromIndex: o, onSnapPointChange: u, direction: i = "bottom", container: g, snapToSequentialPoint: l }) {
-  const [d, f] = An({
-    prop: e,
-    defaultProp: n?.[0],
-    onChange: t
-  }), [m, E] = h.useState(typeof window < "u" ? {
-    innerWidth: window.innerWidth,
-    innerHeight: window.innerHeight
-  } : void 0);
-  h.useEffect(() => {
-    function v() {
-      E({
-        innerWidth: window.innerWidth,
-        innerHeight: window.innerHeight
-      });
-    }
-    return window.addEventListener("resize", v), () => window.removeEventListener("resize", v);
-  }, []);
-  const N = h.useMemo(() => d === n?.[n.length - 1] || null, [
-    n,
-    d
-  ]), c = h.useMemo(() => {
-    var v;
-    return (v = n?.findIndex((T) => T === d)) != null ? v : null;
-  }, [
-    n,
-    d
-  ]), y = n && n.length > 0 && (o || o === 0) && !Number.isNaN(o) && n[o] === d || !n, p = h.useMemo(() => {
-    const v = g ? {
-      width: g.getBoundingClientRect().width,
-      height: g.getBoundingClientRect().height
-    } : typeof window < "u" ? {
-      width: window.innerWidth,
-      height: window.innerHeight
-    } : {
-      width: 0,
-      height: 0
-    };
-    var T;
-    return (T = n?.map((O) => {
-      const F = typeof O == "string";
-      let B = 0;
-      if (F && (B = parseInt(O, 10)), k(i)) {
-        const S = F ? B : m ? O * v.height : 0;
-        return m ? i === "bottom" ? v.height - S : -v.height + S : S;
-      }
-      const Y = F ? B : m ? O * v.width : 0;
-      return m ? i === "right" ? v.width - Y : -v.width + Y : Y;
-    })) != null ? T : [];
-  }, [
-    n,
-    m,
-    g
-  ]), R = h.useMemo(() => c !== null ? p?.[c] : null, [
-    p,
-    c
-  ]), C = h.useCallback((v) => {
-    var T;
-    const O = (T = p?.findIndex((F) => F === v)) != null ? T : null;
-    u(O), $(r.current, {
-      transition: `transform ${_.DURATION}s cubic-bezier(${_.EASE.join(",")})`,
-      transform: k(i) ? `translate3d(0, ${v}px, 0)` : `translate3d(${v}px, 0, 0)`
-    }), p && O !== p.length - 1 && o !== void 0 && O !== o && O < o ? $(a.current, {
-      transition: `opacity ${_.DURATION}s cubic-bezier(${_.EASE.join(",")})`,
-      opacity: "0"
-    }) : $(a.current, {
-      transition: `opacity ${_.DURATION}s cubic-bezier(${_.EASE.join(",")})`,
-      opacity: "1"
-    }), f(n?.[Math.max(O, 0)]);
-  }, [
-    r.current,
-    n,
-    p,
-    o,
-    a,
-    f
-  ]);
-  h.useEffect(() => {
-    if (d || e) {
-      var v;
-      const T = (v = n?.findIndex((O) => O === e || O === d)) != null ? v : -1;
-      p && T !== -1 && typeof p[T] == "number" && C(p[T]);
-    }
-  }, [
-    d,
-    e,
-    n,
-    p,
-    C
-  ]);
-  function w({ draggedDistance: v, closeDrawer: T, velocity: O, dismissible: F }) {
-    if (o === void 0) return;
-    const B = i === "bottom" || i === "right" ? (R ?? 0) - v : (R ?? 0) + v, Y = c === o - 1, S = c === 0, z = v > 0;
-    if (Y && $(a.current, {
-      transition: `opacity ${_.DURATION}s cubic-bezier(${_.EASE.join(",")})`
-    }), !l && O > 2 && !z) {
-      F ? T() : C(p[0]);
-      return;
-    }
-    if (!l && O > 2 && z && p && n) {
-      C(p[n.length - 1]);
-      return;
-    }
-    const H = p?.reduce((U, Q) => typeof U != "number" || typeof Q != "number" ? U : Math.abs(Q - B) < Math.abs(U - B) ? Q : U), X = k(i) ? window.innerHeight : window.innerWidth;
-    if (O > Dn && Math.abs(v) < X * 0.4) {
-      const U = z ? 1 : -1;
-      if (U > 0 && N && n) {
-        C(p[n.length - 1]);
-        return;
-      }
-      if (S && U < 0 && F && T(), c === null) return;
-      C(p[c + U]);
-      return;
-    }
-    C(H);
-  }
-  function x({ draggedDistance: v }) {
-    if (R === null) return;
-    const T = i === "bottom" || i === "right" ? R - v : R + v;
-    (i === "bottom" || i === "right") && T < p[p.length - 1] || (i === "top" || i === "left") && T > p[p.length - 1] || $(r.current, {
-      transform: k(i) ? `translate3d(0, ${T}px, 0)` : `translate3d(${T}px, 0, 0)`
-    });
-  }
-  function W(v, T) {
-    if (!n || typeof c != "number" || !p || o === void 0) return null;
-    const O = c === o - 1;
-    if (c >= o && T)
-      return 0;
-    if (O && !T) return 1;
-    if (!y && !O) return null;
-    const B = O ? c + 1 : c - 1, Y = O ? p[B] - p[B - 1] : p[B + 1] - p[B], S = v / Math.abs(Y);
-    return O ? 1 - S : S;
-  }
-  return {
-    isLastSnapPoint: N,
-    activeSnapPoint: d,
-    shouldFade: y,
-    getPercentageDragged: W,
-    setActiveSnapPoint: f,
-    activeSnapPointIndex: c,
-    onRelease: w,
-    onDrag: x,
-    snapPointsOffset: p
-  };
-}
-const Ya = () => () => {
-};
-function Xa() {
-  const { direction: e, isOpen: t, shouldScaleBackground: n, setBackgroundColorOnScale: r, noBodyStyles: a } = Te(), o = h.useRef(null), u = Yn(() => document.body.style.backgroundColor, []);
-  function i() {
-    return (window.innerWidth - lt) / window.innerWidth;
-  }
-  h.useEffect(() => {
-    if (t && n) {
-      o.current && clearTimeout(o.current);
-      const g = document.querySelector("[data-vaul-drawer-wrapper]") || document.querySelector("[vaul-drawer-wrapper]");
-      if (!g) return;
-      Ua(r && !a ? ot(document.body, {
-        background: "black"
-      }) : Ya, ot(g, {
-        transformOrigin: k(e) ? "top" : "left",
-        transitionProperty: "transform, border-radius",
-        transitionDuration: `${_.DURATION}s`,
-        transitionTimingFunction: `cubic-bezier(${_.EASE.join(",")})`
-      }));
-      const l = ot(g, {
-        borderRadius: `${Tn}px`,
-        overflow: "hidden",
-        ...k(e) ? {
-          transform: `scale(${i()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`
-        } : {
-          transform: `scale(${i()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`
-        }
-      });
-      return () => {
-        l(), o.current = window.setTimeout(() => {
-          u ? document.body.style.background = u : document.body.style.removeProperty("background");
-        }, _.DURATION * 1e3);
-      };
-    }
-  }, [
-    t,
-    n,
-    u
-  ]);
-}
-let Re = null;
-function Ka({ isOpen: e, modal: t, nested: n, hasBeenOpened: r, preventScrollRestoration: a, noBodyStyles: o }) {
-  const [u, i] = h.useState(() => typeof window < "u" ? window.location.href : ""), g = h.useRef(0), l = h.useCallback(() => {
-    if ($t() && Re === null && e && !o) {
-      Re = {
-        position: document.body.style.position,
-        top: document.body.style.top,
-        left: document.body.style.left,
-        height: document.body.style.height,
-        right: "unset"
-      };
-      const { scrollX: f, innerHeight: m } = window;
-      document.body.style.setProperty("position", "fixed", "important"), Object.assign(document.body.style, {
-        top: `${-g.current}px`,
-        left: `${-f}px`,
-        right: "0px",
-        height: "auto"
-      }), window.setTimeout(() => window.requestAnimationFrame(() => {
-        const E = m - window.innerHeight;
-        E && g.current >= m && (document.body.style.top = `${-(g.current + E)}px`);
-      }), 300);
-    }
-  }, [
-    e
-  ]), d = h.useCallback(() => {
-    if ($t() && Re !== null && !o) {
-      const f = -parseInt(document.body.style.top, 10), m = -parseInt(document.body.style.left, 10);
-      Object.assign(document.body.style, Re), window.requestAnimationFrame(() => {
-        if (a && u !== window.location.href) {
-          i(window.location.href);
-          return;
-        }
-        window.scrollTo(m, f);
-      }), Re = null;
-    }
-  }, [
-    u
-  ]);
-  return h.useEffect(() => {
-    function f() {
-      g.current = window.scrollY;
-    }
-    return f(), window.addEventListener("scroll", f), () => {
-      window.removeEventListener("scroll", f);
-    };
-  }, []), h.useEffect(() => {
-    if (t)
-      return () => {
-        typeof document > "u" || document.querySelector("[data-vaul-drawer]") || d();
-      };
-  }, [
-    t,
-    d
-  ]), h.useEffect(() => {
-    n || !r || (e ? (!window.matchMedia("(display-mode: standalone)").matches && l(), t || window.setTimeout(() => {
-      d();
-    }, 500)) : d());
-  }, [
-    e,
-    r,
-    u,
-    t,
-    n,
-    l,
-    d
-  ]), {
-    restorePositionSetting: d
-  };
-}
-function qa({ open: e, onOpenChange: t, children: n, onDrag: r, onRelease: a, snapPoints: o, shouldScaleBackground: u = !1, setBackgroundColorOnScale: i = !0, closeThreshold: g = Ha, scrollLockTimeout: l = Va, dismissible: d = !0, handleOnly: f = !1, fadeFromIndex: m = o && o.length - 1, activeSnapPoint: E, setActiveSnapPoint: N, fixed: c, modal: y = !0, onClose: p, nested: R, noBodyStyles: C = !1, direction: w = "bottom", defaultOpen: x = !1, disablePreventScroll: W = !0, snapToSequentialPoint: v = !1, preventScrollRestoration: T = !1, repositionInputs: O = !0, onAnimationEnd: F, container: B, autoFocus: Y = !1 }) {
-  var S, z;
-  const [H = !1, X] = An({
-    defaultProp: x,
-    prop: e,
-    onChange: (b) => {
-      t?.(b), !b && !R && Fn(), setTimeout(() => {
-        F?.(b);
-      }, _.DURATION * 1e3), b && !y && typeof window < "u" && window.requestAnimationFrame(() => {
-        document.body.style.pointerEvents = "auto";
-      }), b || (document.body.style.pointerEvents = "auto");
-    }
-  }), [U, Q] = h.useState(!1), [ee, ge] = h.useState(!1), [xn, pt] = h.useState(!1), le = h.useRef(null), Oe = h.useRef(null), je = h.useRef(null), ze = h.useRef(null), we = h.useRef(null), ye = h.useRef(!1), Ye = h.useRef(null), Xe = h.useRef(0), de = h.useRef(!1), ht = h.useRef(!x), gt = h.useRef(0), D = h.useRef(null), wt = h.useRef(((S = D.current) == null ? void 0 : S.getBoundingClientRect().height) || 0), yt = h.useRef(((z = D.current) == null ? void 0 : z.getBoundingClientRect().width) || 0), Ke = h.useRef(0), Mn = h.useCallback((b) => {
-    o && b === be.length - 1 && (Oe.current = /* @__PURE__ */ new Date());
-  }, []), { activeSnapPoint: In, activeSnapPointIndex: fe, setActiveSnapPoint: bt, onRelease: _n, snapPointsOffset: be, onDrag: Ln, shouldFade: Et, getPercentageDragged: kn } = za({
-    snapPoints: o,
-    activeSnapPointProp: E,
-    setActiveSnapPointProp: N,
-    drawerRef: D,
-    fadeFromIndex: m,
-    overlayRef: le,
-    onSnapPointChange: Mn,
-    direction: w,
-    container: B,
-    snapToSequentialPoint: v
-  });
-  _a({
-    isDisabled: !H || ee || !y || xn || !U || !O || !W
-  });
-  const { restorePositionSetting: Fn } = Ka({
-    isOpen: H,
-    modal: y,
-    nested: R ?? !1,
-    hasBeenOpened: U,
-    preventScrollRestoration: T,
-    noBodyStyles: C
-  });
-  function Ae() {
-    return (window.innerWidth - lt) / window.innerWidth;
-  }
-  function $n(b) {
-    var M, I;
-    !d && !o || D.current && !D.current.contains(b.target) || (wt.current = ((M = D.current) == null ? void 0 : M.getBoundingClientRect().height) || 0, yt.current = ((I = D.current) == null ? void 0 : I.getBoundingClientRect().width) || 0, ge(!0), je.current = /* @__PURE__ */ new Date(), En() && window.addEventListener("touchend", () => ye.current = !1, {
-      once: !0
-    }), b.target.setPointerCapture(b.pointerId), Xe.current = k(w) ? b.pageY : b.pageX);
-  }
-  function St(b, M) {
-    var I;
-    let A = b;
-    const L = (I = window.getSelection()) == null ? void 0 : I.toString(), j = D.current ? ke(D.current, w) : null, V = /* @__PURE__ */ new Date();
-    if (A.tagName === "SELECT" || A.hasAttribute("data-vaul-no-drag") || A.closest("[data-vaul-no-drag]"))
-      return !1;
-    if (w === "right" || w === "left")
-      return !0;
-    if (Oe.current && V.getTime() - Oe.current.getTime() < 500)
-      return !1;
-    if (j !== null && (w === "bottom" ? j > 0 : j < 0))
-      return !0;
-    if (L && L.length > 0)
-      return !1;
-    if (we.current && V.getTime() - we.current.getTime() < l && j === 0 || M)
-      return we.current = V, !1;
-    for (; A; ) {
-      if (A.scrollHeight > A.clientHeight) {
-        if (A.scrollTop !== 0)
-          return we.current = /* @__PURE__ */ new Date(), !1;
-        if (A.getAttribute("role") === "dialog")
-          return !0;
-      }
-      A = A.parentNode;
-    }
-    return !0;
-  }
-  function Wn(b) {
-    if (D.current && ee) {
-      const M = w === "bottom" || w === "right" ? 1 : -1, I = (Xe.current - (k(w) ? b.pageY : b.pageX)) * M, A = I > 0, L = o && !d && !A;
-      if (L && fe === 0) return;
-      const j = Math.abs(I), V = document.querySelector("[data-vaul-drawer-wrapper]"), te = w === "bottom" || w === "top" ? wt.current : yt.current;
-      let K = j / te;
-      const ie = kn(j, A);
-      if (ie !== null && (K = ie), L && K >= 1 || !ye.current && !St(b.target, A)) return;
-      if (D.current.classList.add(it), ye.current = !0, $(D.current, {
-        transition: "none"
-      }), $(le.current, {
-        transition: "none"
-      }), o && Ln({
-        draggedDistance: I
-      }), A && !o) {
-        const G = Ba(I), Ne = Math.min(G * -1, 0) * M;
-        $(D.current, {
-          transform: k(w) ? `translate3d(0, ${Ne}px, 0)` : `translate3d(${Ne}px, 0, 0)`
-        });
-        return;
-      }
-      const ne = 1 - K;
-      if ((Et || m && fe === m - 1) && (r?.(b, K), $(le.current, {
-        opacity: `${ne}`,
-        transition: "none"
-      }, !0)), V && le.current && u) {
-        const G = Math.min(Ae() + K * (1 - Ae()), 1), Ne = 8 - K * 8, Ct = Math.max(0, 14 - K * 14);
-        $(V, {
-          borderRadius: `${Ne}px`,
-          transform: k(w) ? `scale(${G}) translate3d(0, ${Ct}px, 0)` : `scale(${G}) translate3d(${Ct}px, 0, 0)`,
-          transition: "none"
-        }, !0);
-      }
-      if (!o) {
-        const G = j * M;
-        $(D.current, {
-          transform: k(w) ? `translate3d(0, ${G}px, 0)` : `translate3d(${G}px, 0, 0)`
-        });
-      }
-    }
-  }
-  h.useEffect(() => {
-    window.requestAnimationFrame(() => {
-      ht.current = !0;
-    });
-  }, []), h.useEffect(() => {
-    var b;
-    function M() {
-      if (!D.current || !O) return;
-      const I = document.activeElement;
-      if (ct(I) || de.current) {
-        var A;
-        const L = ((A = window.visualViewport) == null ? void 0 : A.height) || 0, j = window.innerHeight;
-        let V = j - L;
-        const te = D.current.getBoundingClientRect().height || 0, K = te > j * 0.8;
-        Ke.current || (Ke.current = te);
-        const ie = D.current.getBoundingClientRect().top;
-        if (Math.abs(gt.current - V) > 60 && (de.current = !de.current), o && o.length > 0 && be && fe) {
-          const ne = be[fe] || 0;
-          V += ne;
-        }
-        if (gt.current = V, te > L || de.current) {
-          const ne = D.current.getBoundingClientRect().height;
-          let G = ne;
-          ne > L && (G = L - (K ? ie : lt)), c ? D.current.style.height = `${ne - Math.max(V, 0)}px` : D.current.style.height = `${Math.max(G, L - ie)}px`;
-        } else Oa() || (D.current.style.height = `${Ke.current}px`);
-        o && o.length > 0 && !de.current ? D.current.style.bottom = "0px" : D.current.style.bottom = `${Math.max(V, 0)}px`;
-      }
-    }
-    return (b = window.visualViewport) == null || b.addEventListener("resize", M), () => {
-      var I;
-      return (I = window.visualViewport) == null ? void 0 : I.removeEventListener("resize", M);
-    };
-  }, [
-    fe,
-    o,
-    be
-  ]);
-  function Ee(b) {
-    Bn(), p?.(), b || X(!1), setTimeout(() => {
-      o && bt(o[0]);
-    }, _.DURATION * 1e3);
-  }
-  function Rt() {
-    if (!D.current) return;
-    const b = document.querySelector("[data-vaul-drawer-wrapper]"), M = ke(D.current, w);
-    $(D.current, {
-      transform: "translate3d(0, 0, 0)",
-      transition: `transform ${_.DURATION}s cubic-bezier(${_.EASE.join(",")})`
-    }), $(le.current, {
-      transition: `opacity ${_.DURATION}s cubic-bezier(${_.EASE.join(",")})`,
-      opacity: "1"
-    }), u && M && M > 0 && H && $(b, {
-      borderRadius: `${Tn}px`,
-      overflow: "hidden",
-      ...k(w) ? {
-        transform: `scale(${Ae()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,
-        transformOrigin: "top"
-      } : {
-        transform: `scale(${Ae()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,
-        transformOrigin: "left"
-      },
-      transitionProperty: "transform, border-radius",
-      transitionDuration: `${_.DURATION}s`,
-      transitionTimingFunction: `cubic-bezier(${_.EASE.join(",")})`
-    }, !0);
-  }
-  function Bn() {
-    !ee || !D.current || (D.current.classList.remove(it), ye.current = !1, ge(!1), ze.current = /* @__PURE__ */ new Date());
-  }
-  function Un(b) {
-    if (!ee || !D.current) return;
-    D.current.classList.remove(it), ye.current = !1, ge(!1), ze.current = /* @__PURE__ */ new Date();
-    const M = ke(D.current, w);
-    if (!b || !St(b.target, !1) || !M || Number.isNaN(M) || je.current === null) return;
-    const I = ze.current.getTime() - je.current.getTime(), A = Xe.current - (k(w) ? b.pageY : b.pageX), L = Math.abs(A) / I;
-    if (L > 0.05 && (pt(!0), setTimeout(() => {
-      pt(!1);
-    }, 200)), o) {
-      _n({
-        draggedDistance: A * (w === "bottom" || w === "right" ? 1 : -1),
-        closeDrawer: Ee,
-        velocity: L,
-        dismissible: d
-      }), a?.(b, !0);
-      return;
-    }
-    if (w === "bottom" || w === "right" ? A > 0 : A < 0) {
-      Rt(), a?.(b, !0);
-      return;
-    }
-    if (L > Dn) {
-      Ee(), a?.(b, !1);
-      return;
-    }
-    var j;
-    const V = Math.min((j = D.current.getBoundingClientRect().height) != null ? j : 0, window.innerHeight);
-    var te;
-    const K = Math.min((te = D.current.getBoundingClientRect().width) != null ? te : 0, window.innerWidth), ie = w === "left" || w === "right";
-    if (Math.abs(M) >= (ie ? K : V) * g) {
-      Ee(), a?.(b, !1);
-      return;
-    }
-    a?.(b, !0), Rt();
-  }
-  h.useEffect(() => (H && ($(document.documentElement, {
-    scrollBehavior: "auto"
-  }), Oe.current = /* @__PURE__ */ new Date()), () => {
-    Wa(document.documentElement, "scrollBehavior");
-  }), [
-    H
-  ]);
-  function Hn(b) {
-    const M = b ? (window.innerWidth - se) / window.innerWidth : 1, I = b ? -se : 0;
-    Ye.current && window.clearTimeout(Ye.current), $(D.current, {
-      transition: `transform ${_.DURATION}s cubic-bezier(${_.EASE.join(",")})`,
-      transform: k(w) ? `scale(${M}) translate3d(0, ${I}px, 0)` : `scale(${M}) translate3d(${I}px, 0, 0)`
-    }), !b && D.current && (Ye.current = setTimeout(() => {
-      const A = ke(D.current, w);
-      $(D.current, {
-        transition: "none",
-        transform: k(w) ? `translate3d(0, ${A}px, 0)` : `translate3d(${A}px, 0, 0)`
-      });
-    }, 500));
-  }
-  function Vn(b, M) {
-    if (M < 0) return;
-    const I = (window.innerWidth - se) / window.innerWidth, A = I + M * (1 - I), L = -se + M * se;
-    $(D.current, {
-      transform: k(w) ? `scale(${A}) translate3d(0, ${L}px, 0)` : `scale(${A}) translate3d(${L}px, 0, 0)`,
-      transition: "none"
-    });
-  }
-  function jn(b, M) {
-    const I = k(w) ? window.innerHeight : window.innerWidth, A = M ? (I - se) / I : 1, L = M ? -se : 0;
-    M && $(D.current, {
-      transition: `transform ${_.DURATION}s cubic-bezier(${_.EASE.join(",")})`,
-      transform: k(w) ? `scale(${A}) translate3d(0, ${L}px, 0)` : `scale(${A}) translate3d(${L}px, 0, 0)`
-    });
-  }
-  return h.useEffect(() => {
-    y || window.requestAnimationFrame(() => {
-      document.body.style.pointerEvents = "auto";
-    });
-  }, [
-    y
-  ]), /* @__PURE__ */ h.createElement(wa, {
-    defaultOpen: x,
-    onOpenChange: (b) => {
-      !d && !b || (b ? Q(!0) : Ee(!0), X(b));
-    },
-    open: H
-  }, /* @__PURE__ */ h.createElement(bn.Provider, {
-    value: {
-      activeSnapPoint: In,
-      snapPoints: o,
-      setActiveSnapPoint: bt,
-      drawerRef: D,
-      overlayRef: le,
-      onOpenChange: t,
-      onPress: $n,
-      onRelease: Un,
-      onDrag: Wn,
-      dismissible: d,
-      shouldAnimate: ht,
-      handleOnly: f,
-      isOpen: H,
-      isDragging: ee,
-      shouldFade: Et,
-      closeDrawer: Ee,
-      onNestedDrag: Vn,
-      onNestedOpenChange: Hn,
-      onNestedRelease: jn,
-      keyboardIsOpen: de,
-      modal: y,
-      snapPointsOffset: be,
-      activeSnapPointIndex: fe,
-      direction: w,
-      shouldScaleBackground: u,
-      setBackgroundColorOnScale: i,
-      noBodyStyles: C,
-      container: B,
-      autoFocus: Y
-    }
-  }, n));
-}
-const Nn = /* @__PURE__ */ h.forwardRef(function({ ...e }, t) {
-  const { overlayRef: n, snapPoints: r, onRelease: a, shouldFade: o, isOpen: u, modal: i, shouldAnimate: g } = Te(), l = Rn(t, n), d = r && r.length > 0;
-  if (!i)
-    return null;
-  const f = h.useCallback((m) => a(m), [
-    a
-  ]);
-  return /* @__PURE__ */ h.createElement(Ea, {
-    onMouseUp: f,
-    ref: l,
-    "data-vaul-overlay": "",
-    "data-vaul-snap-points": u && d ? "true" : "false",
-    "data-vaul-snap-points-overlay": u && o ? "true" : "false",
-    "data-vaul-animate": g?.current ? "true" : "false",
-    ...e
-  });
-});
-Nn.displayName = "Drawer.Overlay";
-const Pn = /* @__PURE__ */ h.forwardRef(function({ onPointerDownOutside: e, style: t, onOpenAutoFocus: n, ...r }, a) {
-  const { drawerRef: o, onPress: u, onRelease: i, onDrag: g, keyboardIsOpen: l, snapPointsOffset: d, activeSnapPointIndex: f, modal: m, isOpen: E, direction: N, snapPoints: c, container: y, handleOnly: p, shouldAnimate: R, autoFocus: C } = Te(), [w, x] = h.useState(!1), W = Rn(a, o), v = h.useRef(null), T = h.useRef(null), O = h.useRef(!1), F = c && c.length > 0;
-  Xa();
-  const B = (S, z, H = 0) => {
-    if (O.current) return !0;
-    const X = Math.abs(S.y), U = Math.abs(S.x), Q = U > X, ee = [
-      "bottom",
-      "right"
-    ].includes(z) ? 1 : -1;
-    if (z === "left" || z === "right") {
-      if (!(S.x * ee < 0) && U >= 0 && U <= H)
-        return Q;
-    } else if (!(S.y * ee < 0) && X >= 0 && X <= H)
-      return !Q;
-    return O.current = !0, !0;
-  };
-  h.useEffect(() => {
-    F && window.requestAnimationFrame(() => {
-      x(!0);
-    });
-  }, []);
-  function Y(S) {
-    v.current = null, O.current = !1, i(S);
-  }
-  return /* @__PURE__ */ h.createElement(Sa, {
-    "data-vaul-drawer-direction": N,
-    "data-vaul-drawer": "",
-    "data-vaul-delayed-snap-points": w ? "true" : "false",
-    "data-vaul-snap-points": E && F ? "true" : "false",
-    "data-vaul-custom-container": y ? "true" : "false",
-    "data-vaul-animate": R?.current ? "true" : "false",
-    ...r,
-    ref: W,
-    style: d && d.length > 0 ? {
-      "--snap-point-height": `${d[f ?? 0]}px`,
-      ...t
-    } : t,
-    onPointerDown: (S) => {
-      p || (r.onPointerDown == null || r.onPointerDown.call(r, S), v.current = {
-        x: S.pageX,
-        y: S.pageY
-      }, u(S));
-    },
-    onOpenAutoFocus: (S) => {
-      n?.(S), C || S.preventDefault();
-    },
-    onPointerDownOutside: (S) => {
-      if (e?.(S), !m || S.defaultPrevented) {
-        S.preventDefault();
-        return;
-      }
-      l.current && (l.current = !1);
-    },
-    onFocusOutside: (S) => {
-      if (!m) {
-        S.preventDefault();
-        return;
-      }
-    },
-    onPointerMove: (S) => {
-      if (T.current = S, p || (r.onPointerMove == null || r.onPointerMove.call(r, S), !v.current)) return;
-      const z = S.pageY - v.current.y, H = S.pageX - v.current.x, X = S.pointerType === "touch" ? 10 : 2;
-      B({
-        x: H,
-        y: z
-      }, N, X) ? g(S) : (Math.abs(H) > X || Math.abs(z) > X) && (v.current = null);
-    },
-    onPointerUp: (S) => {
-      r.onPointerUp == null || r.onPointerUp.call(r, S), v.current = null, O.current = !1, i(S);
-    },
-    onPointerOut: (S) => {
-      r.onPointerOut == null || r.onPointerOut.call(r, S), Y(T.current);
-    },
-    onContextMenu: (S) => {
-      r.onContextMenu == null || r.onContextMenu.call(r, S), T.current && Y(T.current);
-    }
-  });
-});
-Pn.displayName = "Drawer.Content";
-const Ga = 250, Za = 120, Qa = /* @__PURE__ */ h.forwardRef(function({ preventCycle: e = !1, children: t, ...n }, r) {
-  const { closeDrawer: a, isDragging: o, snapPoints: u, activeSnapPoint: i, setActiveSnapPoint: g, dismissible: l, handleOnly: d, isOpen: f, onPress: m, onDrag: E } = Te(), N = h.useRef(null), c = h.useRef(!1);
-  function y() {
-    if (c.current) {
-      C();
-      return;
-    }
-    window.setTimeout(() => {
-      p();
-    }, Za);
-  }
-  function p() {
-    if (o || e || c.current) {
-      C();
-      return;
-    }
-    if (C(), !u || u.length === 0) {
-      l || a();
-      return;
-    }
-    if (i === u[u.length - 1] && l) {
-      a();
-      return;
-    }
-    const x = u.findIndex((v) => v === i);
-    if (x === -1) return;
-    const W = u[x + 1];
-    g(W);
-  }
-  function R() {
-    N.current = window.setTimeout(() => {
-      c.current = !0;
-    }, Ga);
-  }
-  function C() {
-    N.current && window.clearTimeout(N.current), c.current = !1;
-  }
-  return /* @__PURE__ */ h.createElement("div", {
-    onClick: y,
-    onPointerCancel: C,
-    onPointerDown: (w) => {
-      d && m(w), R();
-    },
-    onPointerMove: (w) => {
-      d && E(w);
-    },
-    // onPointerUp is already handled by the content component
-    ref: r,
-    "data-vaul-drawer-visible": f ? "true" : "false",
-    "data-vaul-handle": "",
-    "aria-hidden": "true",
-    ...n
-  }, /* @__PURE__ */ h.createElement("span", {
-    "data-vaul-handle-hitarea": "",
-    "aria-hidden": "true"
-  }, t));
-});
-Qa.displayName = "Drawer.Handle";
-function Ja(e) {
-  const t = Te(), { container: n = t.container, ...r } = e;
-  return /* @__PURE__ */ h.createElement(ba, {
-    container: n,
-    ...r
-  });
-}
-const re = {
-  Root: qa,
-  Content: Pn,
-  Overlay: Nn,
-  Trigger: ya,
-  Portal: Ja,
-  Close: Da,
-  Title: Ra,
-  Description: Ca
-}, io = ({ trigger: e, title: t, description: n, children: r, direction: a = "right", size: o = "320px" }) => {
-  const u = "!font-sans fixed", i = {
-    left: {
-      className: `${u} top-0 bottom-0 left-0 shadow-[20px_0_20px_rgba(0,0,0,0.4)]`,
-      style: { width: o }
-    },
-    right: {
-      className: `${u} top-0 bottom-0 right-0 shadow-[-20px_0_20px_rgba(0,0,0,0.4)]`,
-      style: { width: o }
-    },
-    top: {
-      className: `${u} top-0 left-0 right-0 shadow-[0_20px_20px_rgba(0,0,0,0.4)]`,
-      style: { height: o }
-    },
-    bottom: {
-      className: `${u} bottom-0 left-0 right-0 shadow-[0_-20px_20px_rgba(0,0,0,0.4)]`,
-      style: { height: o }
-    }
-  }, { className: g, style: l } = i[a];
-  return /* @__PURE__ */ Ce(re.Root, { direction: a, children: [
-    /* @__PURE__ */ P(re.Trigger, { asChild: !0, children: e }),
-    /* @__PURE__ */ Ce(re.Portal, { children: [
-      /* @__PURE__ */ P(re.Overlay, { className: "fixed inset-0 bg-transparent" }),
-      /* @__PURE__ */ Ce(re.Content, { className: `bg-drawer-bg z-10 flex flex-col p-4 outline-none ${g}`, style: l, children: [
-        /* @__PURE__ */ P(re.Close, {}),
-        /* @__PURE__ */ P(re.Title, { className: "text-text-primary mb-2 text-lg font-semibold", children: t }),
-        /* @__PURE__ */ P(re.Description, { className: "!text-text-secondary mb-2 !text-xs uppercase", children: n }),
-        /* @__PURE__ */ P("div", { className: "pt-2", children: r })
-      ] })
-    ] })
-  ] });
-};
-export {
-  io as Drawer
-};