@spear-ai/spectral 0.1.1 → 1.0.1

package/dist/Drawer.js

@@ -0,0 +1,2163 @@
+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 = "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
+};