@functionalui/functionalui 0.2.1 → 0.2.3

package/dist/Modal-DXLyt-j4.js

@@ -0,0 +1,1290 @@
+"use client";
+import { jsx as _, jsxs as gt } from "react/jsx-runtime";
+import { L as _t } from "./component-DRXQXr2G.js";
+import { h as yt, j as vt, b as bt } from "./classes-CVxy1f4M.js";
+import { M as R } from "./types-Dyu7oUOO.js";
+import P, { useEffect as tt, useState as wt } from "react";
+import { S as Et } from "./SpringEnterOffsetBy-DMSIQgV3.js";
+import { P as Tt } from "./types-DamZRbFt.js";
+import { createPortal as St } from "react-dom";
+import { P as At } from "./types-DgSz2H9f.js";
+import { d as et, u as Dt } from "./react-spring_web.modern-DgQDaJ06.js";
+import { C as V } from "./component-C1Gs4nVu.js";
+import { a as It, C as Ot, b as kt } from "./values-CSE3dLnv.js";
+import { u as xt } from "./useClickOutsideDOM-CBmttEFU.js";
+function Ct(s, t = () => {
+}, e = "keydown") {
+  const i = (n) => {
+    n.key === s && t();
+  };
+  tt(() => (document && document.addEventListener(e, i, !1), () => {
+    document && document.removeEventListener(e, i, !1);
+  }), [e]);
+}
+const Pt = ({ children: s }) => {
+  const [t, e] = wt(!1);
+  return tt(() => (e(!0), () => {
+    e(!1);
+  }), []), t ? St(
+    s,
+    document.querySelector(At[Tt.Modals].id) || document.body
+  ) : null;
+}, Mt = "_modalBgAnimated_o2uzj_11", Lt = "_modalCardCopyOriAnimated_o2uzj_18", Nt = "_wrapperContainer_o2uzj_49", w = {
+  modalBgAnimated: Mt,
+  modalCardCopyOriAnimated: Lt,
+  "no-card": "_no-card_o2uzj_38",
+  wrapperContainer: Nt
+}, Rt = ({ isShown: s, modalBackground: t }) => et(s, {
+  from: { opacity: 0 },
+  enter: { opacity: 1 },
+  leave: { opacity: 0 }
+})(
+  (i, n) => n && /* @__PURE__ */ _(
+    V,
+    {
+      className: w.modalBgAnimated,
+      style: {
+        ...i,
+        backgroundColor: t ? `${It[t]}${Ot[kt.Dark3]}` : "#0000007f"
+      }
+    }
+  )
+);
+function Vt(s, t, e) {
+  return Math.max(t, Math.min(s, e));
+}
+const h = {
+  toVector(s, t) {
+    return s === void 0 && (s = t), Array.isArray(s) ? s : [s, s];
+  },
+  add(s, t) {
+    return [s[0] + t[0], s[1] + t[1]];
+  },
+  sub(s, t) {
+    return [s[0] - t[0], s[1] - t[1]];
+  },
+  addTo(s, t) {
+    s[0] += t[0], s[1] += t[1];
+  },
+  subTo(s, t) {
+    s[0] -= t[0], s[1] -= t[1];
+  }
+};
+function K(s, t, e) {
+  return t === 0 || Math.abs(t) === 1 / 0 ? Math.pow(s, e * 5) : s * t * e / (t + e * s);
+}
+function U(s, t, e, i = 0.15) {
+  return i === 0 ? Vt(s, t, e) : s < t ? -K(t - s, e - t, i) + t : s > e ? +K(s - e, e - t, i) + e : s;
+}
+function Bt(s, [t, e], [i, n]) {
+  const [[r, o], [c, f]] = s;
+  return [U(t, r, o, i), U(e, c, f, n)];
+}
+function jt(s, t) {
+  if (typeof s != "object" || s === null) return s;
+  var e = s[Symbol.toPrimitive];
+  if (e !== void 0) {
+    var i = e.call(s, t);
+    if (typeof i != "object") return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(s);
+}
+function Kt(s) {
+  var t = jt(s, "string");
+  return typeof t == "symbol" ? t : String(t);
+}
+function p(s, t, e) {
+  return t = Kt(t), t in s ? Object.defineProperty(s, t, {
+    value: e,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : s[t] = e, s;
+}
+function H(s, t) {
+  var e = Object.keys(s);
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(s);
+    t && (i = i.filter(function(n) {
+      return Object.getOwnPropertyDescriptor(s, n).enumerable;
+    })), e.push.apply(e, i);
+  }
+  return e;
+}
+function l(s) {
+  for (var t = 1; t < arguments.length; t++) {
+    var e = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? H(Object(e), !0).forEach(function(i) {
+      p(s, i, e[i]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(e)) : H(Object(e)).forEach(function(i) {
+      Object.defineProperty(s, i, Object.getOwnPropertyDescriptor(e, i));
+    });
+  }
+  return s;
+}
+const st = {
+  pointer: {
+    start: "down",
+    change: "move",
+    end: "up"
+  },
+  mouse: {
+    start: "down",
+    change: "move",
+    end: "up"
+  },
+  touch: {
+    start: "start",
+    change: "move",
+    end: "end"
+  },
+  gesture: {
+    start: "start",
+    change: "change",
+    end: "end"
+  }
+};
+function Y(s) {
+  return s ? s[0].toUpperCase() + s.slice(1) : "";
+}
+const Ut = ["enter", "leave"];
+function Ht(s = !1, t) {
+  return s && !Ut.includes(t);
+}
+function Yt(s, t = "", e = !1) {
+  const i = st[s], n = i && i[t] || t;
+  return "on" + Y(s) + Y(n) + (Ht(e, n) ? "Capture" : "");
+}
+const Gt = ["gotpointercapture", "lostpointercapture"];
+function Wt(s) {
+  let t = s.substring(2).toLowerCase();
+  const e = !!~t.indexOf("passive");
+  e && (t = t.replace("passive", ""));
+  const i = Gt.includes(t) ? "capturecapture" : "capture", n = !!~t.indexOf(i);
+  return n && (t = t.replace("capture", "")), {
+    device: t,
+    capture: n,
+    passive: e
+  };
+}
+function $t(s, t = "") {
+  const e = st[s], i = e && e[t] || t;
+  return s + i;
+}
+function x(s) {
+  return "touches" in s;
+}
+function it(s) {
+  return x(s) ? "touch" : "pointerType" in s ? s.pointerType : "mouse";
+}
+function zt(s) {
+  return Array.from(s.touches).filter((t) => {
+    var e, i;
+    return t.target === s.currentTarget || ((e = s.currentTarget) === null || e === void 0 || (i = e.contains) === null || i === void 0 ? void 0 : i.call(e, t.target));
+  });
+}
+function Xt(s) {
+  return s.type === "touchend" || s.type === "touchcancel" ? s.changedTouches : s.targetTouches;
+}
+function nt(s) {
+  return x(s) ? Xt(s)[0] : s;
+}
+function L(s, t) {
+  try {
+    const e = t.clientX - s.clientX, i = t.clientY - s.clientY, n = (t.clientX + s.clientX) / 2, r = (t.clientY + s.clientY) / 2, o = Math.hypot(e, i);
+    return {
+      angle: -(Math.atan2(e, i) * 180) / Math.PI,
+      distance: o,
+      origin: [n, r]
+    };
+  } catch {
+  }
+  return null;
+}
+function Ft(s) {
+  return zt(s).map((t) => t.identifier);
+}
+function G(s, t) {
+  const [e, i] = Array.from(s.touches).filter((n) => t.includes(n.identifier));
+  return L(e, i);
+}
+function M(s) {
+  const t = nt(s);
+  return x(s) ? t.identifier : t.pointerId;
+}
+function W(s) {
+  const t = nt(s);
+  return [t.clientX, t.clientY];
+}
+const $ = 40, z = 800;
+function qt(s) {
+  let {
+    deltaX: t,
+    deltaY: e,
+    deltaMode: i
+  } = s;
+  return i === 1 ? (t *= $, e *= $) : i === 2 && (t *= z, e *= z), [t, e];
+}
+function Jt(s) {
+  const t = {};
+  if ("buttons" in s && (t.buttons = s.buttons), "shiftKey" in s) {
+    const {
+      shiftKey: e,
+      altKey: i,
+      metaKey: n,
+      ctrlKey: r
+    } = s;
+    Object.assign(t, {
+      shiftKey: e,
+      altKey: i,
+      metaKey: n,
+      ctrlKey: r
+    });
+  }
+  return t;
+}
+function k(s, ...t) {
+  return typeof s == "function" ? s(...t) : s;
+}
+function Qt() {
+}
+function Zt(...s) {
+  return s.length === 0 ? Qt : s.length === 1 ? s[0] : function() {
+    let t;
+    for (const e of s)
+      t = e.apply(this, arguments) || t;
+    return t;
+  };
+}
+function X(s, t) {
+  return Object.assign({}, t, s || {});
+}
+const te = 32;
+class rt {
+  constructor(t, e, i) {
+    this.ctrl = t, this.args = e, this.key = i, this.state || (this.state = {}, this.computeValues([0, 0]), this.computeInitial(), this.init && this.init(), this.reset());
+  }
+  get state() {
+    return this.ctrl.state[this.key];
+  }
+  set state(t) {
+    this.ctrl.state[this.key] = t;
+  }
+  get shared() {
+    return this.ctrl.state.shared;
+  }
+  get eventStore() {
+    return this.ctrl.gestureEventStores[this.key];
+  }
+  get timeoutStore() {
+    return this.ctrl.gestureTimeoutStores[this.key];
+  }
+  get config() {
+    return this.ctrl.config[this.key];
+  }
+  get sharedConfig() {
+    return this.ctrl.config.shared;
+  }
+  get handler() {
+    return this.ctrl.handlers[this.key];
+  }
+  reset() {
+    const {
+      state: t,
+      shared: e,
+      ingKey: i,
+      args: n
+    } = this;
+    e[i] = t._active = t.active = t._blocked = t._force = !1, t._step = [!1, !1], t.intentional = !1, t._movement = [0, 0], t._distance = [0, 0], t._direction = [0, 0], t._delta = [0, 0], t._bounds = [[-1 / 0, 1 / 0], [-1 / 0, 1 / 0]], t.args = n, t.axis = void 0, t.memo = void 0, t.elapsedTime = t.timeDelta = 0, t.direction = [0, 0], t.distance = [0, 0], t.overflow = [0, 0], t._movementBound = [!1, !1], t.velocity = [0, 0], t.movement = [0, 0], t.delta = [0, 0], t.timeStamp = 0;
+  }
+  start(t) {
+    const e = this.state, i = this.config;
+    e._active || (this.reset(), this.computeInitial(), e._active = !0, e.target = t.target, e.currentTarget = t.currentTarget, e.lastOffset = i.from ? k(i.from, e) : e.offset, e.offset = e.lastOffset, e.startTime = e.timeStamp = t.timeStamp);
+  }
+  computeValues(t) {
+    const e = this.state;
+    e._values = t, e.values = this.config.transform(t);
+  }
+  computeInitial() {
+    const t = this.state;
+    t._initial = t._values, t.initial = t.values;
+  }
+  compute(t) {
+    const {
+      state: e,
+      config: i,
+      shared: n
+    } = this;
+    e.args = this.args;
+    let r = 0;
+    if (t && (e.event = t, i.preventDefault && t.cancelable && e.event.preventDefault(), e.type = t.type, n.touches = this.ctrl.pointerIds.size || this.ctrl.touchIds.size, n.locked = !!document.pointerLockElement, Object.assign(n, Jt(t)), n.down = n.pressed = n.buttons % 2 === 1 || n.touches > 0, r = t.timeStamp - e.timeStamp, e.timeStamp = t.timeStamp, e.elapsedTime = e.timeStamp - e.startTime), e._active) {
+      const y = e._delta.map(Math.abs);
+      h.addTo(e._distance, y);
+    }
+    this.axisIntent && this.axisIntent(t);
+    const [o, c] = e._movement, [f, u] = i.threshold, {
+      _step: a,
+      values: m
+    } = e;
+    if (i.hasCustomTransform ? (a[0] === !1 && (a[0] = Math.abs(o) >= f && m[0]), a[1] === !1 && (a[1] = Math.abs(c) >= u && m[1])) : (a[0] === !1 && (a[0] = Math.abs(o) >= f && Math.sign(o) * f), a[1] === !1 && (a[1] = Math.abs(c) >= u && Math.sign(c) * u)), e.intentional = a[0] !== !1 || a[1] !== !1, !e.intentional) return;
+    const d = [0, 0];
+    if (i.hasCustomTransform) {
+      const [y, mt] = m;
+      d[0] = a[0] !== !1 ? y - a[0] : 0, d[1] = a[1] !== !1 ? mt - a[1] : 0;
+    } else
+      d[0] = a[0] !== !1 ? o - a[0] : 0, d[1] = a[1] !== !1 ? c - a[1] : 0;
+    this.restrictToAxis && !e._blocked && this.restrictToAxis(d);
+    const S = e.offset, A = e._active && !e._blocked || e.active;
+    A && (e.first = e._active && !e.active, e.last = !e._active && e.active, e.active = n[this.ingKey] = e._active, t && (e.first && ("bounds" in i && (e._bounds = k(i.bounds, e)), this.setup && this.setup()), e.movement = d, this.computeOffset()));
+    const [D, I] = e.offset, [[C, lt], [ht, dt]] = e._bounds;
+    e.overflow = [D < C ? -1 : D > lt ? 1 : 0, I < ht ? -1 : I > dt ? 1 : 0], e._movementBound[0] = e.overflow[0] ? e._movementBound[0] === !1 ? e._movement[0] : e._movementBound[0] : !1, e._movementBound[1] = e.overflow[1] ? e._movementBound[1] === !1 ? e._movement[1] : e._movementBound[1] : !1;
+    const pt = e._active ? i.rubberband || [0, 0] : [0, 0];
+    if (e.offset = Bt(e._bounds, e.offset, pt), e.delta = h.sub(e.offset, S), this.computeMovement(), A && (!e.last || r > te)) {
+      e.delta = h.sub(e.offset, S);
+      const y = e.delta.map(Math.abs);
+      h.addTo(e.distance, y), e.direction = e.delta.map(Math.sign), e._direction = e._delta.map(Math.sign), !e.first && r > 0 && (e.velocity = [y[0] / r, y[1] / r], e.timeDelta = r);
+    }
+  }
+  emit() {
+    const t = this.state, e = this.shared, i = this.config;
+    if (t._active || this.clean(), (t._blocked || !t.intentional) && !t._force && !i.triggerAllEvents) return;
+    const n = this.handler(l(l(l({}, e), t), {}, {
+      [this.aliasKey]: t.values
+    }));
+    n !== void 0 && (t.memo = n);
+  }
+  clean() {
+    this.eventStore.clean(), this.timeoutStore.clean();
+  }
+}
+function ee([s, t], e) {
+  const i = Math.abs(s), n = Math.abs(t);
+  if (i > n && i > e)
+    return "x";
+  if (n > i && n > e)
+    return "y";
+}
+class se extends rt {
+  constructor(...t) {
+    super(...t), p(this, "aliasKey", "xy");
+  }
+  reset() {
+    super.reset(), this.state.axis = void 0;
+  }
+  init() {
+    this.state.offset = [0, 0], this.state.lastOffset = [0, 0];
+  }
+  computeOffset() {
+    this.state.offset = h.add(this.state.lastOffset, this.state.movement);
+  }
+  computeMovement() {
+    this.state.movement = h.sub(this.state.offset, this.state.lastOffset);
+  }
+  axisIntent(t) {
+    const e = this.state, i = this.config;
+    if (!e.axis && t) {
+      const n = typeof i.axisThreshold == "object" ? i.axisThreshold[it(t)] : i.axisThreshold;
+      e.axis = ee(e._movement, n);
+    }
+    e._blocked = (i.lockDirection || !!i.axis) && !e.axis || !!i.axis && i.axis !== e.axis;
+  }
+  restrictToAxis(t) {
+    if (this.config.axis || this.config.lockDirection)
+      switch (this.state.axis) {
+        case "x":
+          t[1] = 0;
+          break;
+        case "y":
+          t[0] = 0;
+          break;
+      }
+  }
+}
+const F = (s) => s, q = 0.15, B = {
+  enabled(s = !0) {
+    return s;
+  },
+  eventOptions(s, t, e) {
+    return l(l({}, e.shared.eventOptions), s);
+  },
+  preventDefault(s = !1) {
+    return s;
+  },
+  triggerAllEvents(s = !1) {
+    return s;
+  },
+  rubberband(s = 0) {
+    switch (s) {
+      case !0:
+        return [q, q];
+      case !1:
+        return [0, 0];
+      default:
+        return h.toVector(s);
+    }
+  },
+  from(s) {
+    if (typeof s == "function") return s;
+    if (s != null) return h.toVector(s);
+  },
+  transform(s, t, e) {
+    const i = s || e.shared.transform;
+    if (this.hasCustomTransform = !!i, process.env.NODE_ENV === "development") {
+      const n = i || F;
+      return (r) => {
+        const o = n(r);
+        return (!isFinite(o[0]) || !isFinite(o[1])) && console.warn(`[@use-gesture]: config.transform() must produce a valid result, but it was: [${o[0]},${[1]}]`), o;
+      };
+    }
+    return i || F;
+  },
+  threshold(s) {
+    return h.toVector(s, 0);
+  }
+};
+process.env.NODE_ENV === "development" && Object.assign(B, {
+  domTarget(s) {
+    if (s !== void 0)
+      throw Error("[@use-gesture]: `domTarget` option has been renamed to `target`.");
+    return NaN;
+  },
+  lockDirection(s) {
+    if (s !== void 0)
+      throw Error("[@use-gesture]: `lockDirection` option has been merged with `axis`. Use it as in `{ axis: 'lock' }`");
+    return NaN;
+  },
+  initial(s) {
+    if (s !== void 0)
+      throw Error("[@use-gesture]: `initial` option has been renamed to `from`.");
+    return NaN;
+  }
+});
+const ie = 0, E = l(l({}, B), {}, {
+  axis(s, t, {
+    axis: e
+  }) {
+    if (this.lockDirection = e === "lock", !this.lockDirection) return e;
+  },
+  axisThreshold(s = ie) {
+    return s;
+  },
+  bounds(s = {}) {
+    if (typeof s == "function")
+      return (r) => E.bounds(s(r));
+    if ("current" in s)
+      return () => s.current;
+    if (typeof HTMLElement == "function" && s instanceof HTMLElement)
+      return s;
+    const {
+      left: t = -1 / 0,
+      right: e = 1 / 0,
+      top: i = -1 / 0,
+      bottom: n = 1 / 0
+    } = s;
+    return [[t, e], [i, n]];
+  }
+}), J = {
+  ArrowRight: (s, t = 1) => [s * t, 0],
+  ArrowLeft: (s, t = 1) => [-1 * s * t, 0],
+  ArrowUp: (s, t = 1) => [0, -1 * s * t],
+  ArrowDown: (s, t = 1) => [0, s * t]
+};
+class ne extends se {
+  constructor(...t) {
+    super(...t), p(this, "ingKey", "dragging");
+  }
+  reset() {
+    super.reset();
+    const t = this.state;
+    t._pointerId = void 0, t._pointerActive = !1, t._keyboardActive = !1, t._preventScroll = !1, t._delayed = !1, t.swipe = [0, 0], t.tap = !1, t.canceled = !1, t.cancel = this.cancel.bind(this);
+  }
+  setup() {
+    const t = this.state;
+    if (t._bounds instanceof HTMLElement) {
+      const e = t._bounds.getBoundingClientRect(), i = t.currentTarget.getBoundingClientRect(), n = {
+        left: e.left - i.left + t.offset[0],
+        right: e.right - i.right + t.offset[0],
+        top: e.top - i.top + t.offset[1],
+        bottom: e.bottom - i.bottom + t.offset[1]
+      };
+      t._bounds = E.bounds(n);
+    }
+  }
+  cancel() {
+    const t = this.state;
+    t.canceled || (t.canceled = !0, t._active = !1, setTimeout(() => {
+      this.compute(), this.emit();
+    }, 0));
+  }
+  setActive() {
+    this.state._active = this.state._pointerActive || this.state._keyboardActive;
+  }
+  clean() {
+    this.pointerClean(), this.state._pointerActive = !1, this.state._keyboardActive = !1, super.clean();
+  }
+  pointerDown(t) {
+    const e = this.config, i = this.state;
+    if (t.buttons != null && (Array.isArray(e.pointerButtons) ? !e.pointerButtons.includes(t.buttons) : e.pointerButtons !== -1 && e.pointerButtons !== t.buttons)) return;
+    const n = this.ctrl.setEventIds(t);
+    e.pointerCapture && t.target.setPointerCapture(t.pointerId), !(n && n.size > 1 && i._pointerActive) && (this.start(t), this.setupPointer(t), i._pointerId = M(t), i._pointerActive = !0, this.computeValues(W(t)), this.computeInitial(), e.preventScrollAxis && it(t) !== "mouse" ? (i._active = !1, this.setupScrollPrevention(t)) : e.delay > 0 ? (this.setupDelayTrigger(t), e.triggerAllEvents && (this.compute(t), this.emit())) : this.startPointerDrag(t));
+  }
+  startPointerDrag(t) {
+    const e = this.state;
+    e._active = !0, e._preventScroll = !0, e._delayed = !1, this.compute(t), this.emit();
+  }
+  pointerMove(t) {
+    const e = this.state, i = this.config;
+    if (!e._pointerActive) return;
+    const n = M(t);
+    if (e._pointerId !== void 0 && n !== e._pointerId) return;
+    const r = W(t);
+    if (document.pointerLockElement === t.target ? e._delta = [t.movementX, t.movementY] : (e._delta = h.sub(r, e._values), this.computeValues(r)), h.addTo(e._movement, e._delta), this.compute(t), e._delayed && e.intentional) {
+      this.timeoutStore.remove("dragDelay"), e.active = !1, this.startPointerDrag(t);
+      return;
+    }
+    if (i.preventScrollAxis && !e._preventScroll)
+      if (e.axis)
+        if (e.axis === i.preventScrollAxis || i.preventScrollAxis === "xy") {
+          e._active = !1, this.clean();
+          return;
+        } else {
+          this.timeoutStore.remove("startPointerDrag"), this.startPointerDrag(t);
+          return;
+        }
+      else
+        return;
+    this.emit();
+  }
+  pointerUp(t) {
+    this.ctrl.setEventIds(t);
+    try {
+      this.config.pointerCapture && t.target.hasPointerCapture(t.pointerId) && t.target.releasePointerCapture(t.pointerId);
+    } catch {
+      process.env.NODE_ENV === "development" && console.warn("[@use-gesture]: If you see this message, it's likely that you're using an outdated version of `@react-three/fiber`. \n\nPlease upgrade to the latest version.");
+    }
+    const e = this.state, i = this.config;
+    if (!e._active || !e._pointerActive) return;
+    const n = M(t);
+    if (e._pointerId !== void 0 && n !== e._pointerId) return;
+    this.state._pointerActive = !1, this.setActive(), this.compute(t);
+    const [r, o] = e._distance;
+    if (e.tap = r <= i.tapsThreshold && o <= i.tapsThreshold, e.tap && i.filterTaps)
+      e._force = !0;
+    else {
+      const [c, f] = e._delta, [u, a] = e._movement, [m, d] = i.swipe.velocity, [S, A] = i.swipe.distance, D = i.swipe.duration;
+      if (e.elapsedTime < D) {
+        const I = Math.abs(c / e.timeDelta), C = Math.abs(f / e.timeDelta);
+        I > m && Math.abs(u) > S && (e.swipe[0] = Math.sign(c)), C > d && Math.abs(a) > A && (e.swipe[1] = Math.sign(f));
+      }
+    }
+    this.emit();
+  }
+  pointerClick(t) {
+    !this.state.tap && t.detail > 0 && (t.preventDefault(), t.stopPropagation());
+  }
+  setupPointer(t) {
+    const e = this.config, i = e.device;
+    if (process.env.NODE_ENV === "development")
+      try {
+        if (i === "pointer" && e.preventScrollDelay === void 0) {
+          const n = "uv" in t ? t.sourceEvent.currentTarget : t.currentTarget;
+          window.getComputedStyle(n).touchAction === "auto" && console.warn("[@use-gesture]: The drag target has its `touch-action` style property set to `auto`. It is recommended to add `touch-action: 'none'` so that the drag gesture behaves correctly on touch-enabled devices. For more information read this: https://use-gesture.netlify.app/docs/extras/#touch-action.\n\nThis message will only show in development mode. It won't appear in production. If this is intended, you can ignore it.", n);
+        }
+      } catch {
+      }
+    e.pointerLock && t.currentTarget.requestPointerLock(), e.pointerCapture || (this.eventStore.add(this.sharedConfig.window, i, "change", this.pointerMove.bind(this)), this.eventStore.add(this.sharedConfig.window, i, "end", this.pointerUp.bind(this)), this.eventStore.add(this.sharedConfig.window, i, "cancel", this.pointerUp.bind(this)));
+  }
+  pointerClean() {
+    this.config.pointerLock && document.pointerLockElement === this.state.currentTarget && document.exitPointerLock();
+  }
+  preventScroll(t) {
+    this.state._preventScroll && t.cancelable && t.preventDefault();
+  }
+  setupScrollPrevention(t) {
+    this.state._preventScroll = !1, re(t);
+    const e = this.eventStore.add(this.sharedConfig.window, "touch", "change", this.preventScroll.bind(this), {
+      passive: !1
+    });
+    this.eventStore.add(this.sharedConfig.window, "touch", "end", e), this.eventStore.add(this.sharedConfig.window, "touch", "cancel", e), this.timeoutStore.add("startPointerDrag", this.startPointerDrag.bind(this), this.config.preventScrollDelay, t);
+  }
+  setupDelayTrigger(t) {
+    this.state._delayed = !0, this.timeoutStore.add("dragDelay", () => {
+      this.state._step = [0, 0], this.startPointerDrag(t);
+    }, this.config.delay);
+  }
+  keyDown(t) {
+    const e = J[t.key];
+    if (e) {
+      const i = this.state, n = t.shiftKey ? 10 : t.altKey ? 0.1 : 1;
+      this.start(t), i._delta = e(this.config.keyboardDisplacement, n), i._keyboardActive = !0, h.addTo(i._movement, i._delta), this.compute(t), this.emit();
+    }
+  }
+  keyUp(t) {
+    t.key in J && (this.state._keyboardActive = !1, this.setActive(), this.compute(t), this.emit());
+  }
+  bind(t) {
+    const e = this.config.device;
+    t(e, "start", this.pointerDown.bind(this)), this.config.pointerCapture && (t(e, "change", this.pointerMove.bind(this)), t(e, "end", this.pointerUp.bind(this)), t(e, "cancel", this.pointerUp.bind(this)), t("lostPointerCapture", "", this.pointerUp.bind(this))), this.config.keys && (t("key", "down", this.keyDown.bind(this)), t("key", "up", this.keyUp.bind(this))), this.config.filterTaps && t("click", "", this.pointerClick.bind(this), {
+      capture: !0,
+      passive: !1
+    });
+  }
+}
+function re(s) {
+  "persist" in s && typeof s.persist == "function" && s.persist();
+}
+const T = typeof window < "u" && window.document && window.document.createElement;
+function ot() {
+  return T && "ontouchstart" in window;
+}
+function oe() {
+  return ot() || T && window.navigator.maxTouchPoints > 1;
+}
+function ae() {
+  return T && "onpointerdown" in window;
+}
+function ce() {
+  return T && "exitPointerLock" in window.document;
+}
+function ue() {
+  try {
+    return "constructor" in GestureEvent;
+  } catch {
+    return !1;
+  }
+}
+const g = {
+  isBrowser: T,
+  gesture: ue(),
+  touch: ot(),
+  touchscreen: oe(),
+  pointer: ae(),
+  pointerLock: ce()
+}, fe = 250, le = 180, he = 0.5, de = 50, pe = 250, me = 10, Q = {
+  mouse: 0,
+  touch: 0,
+  pen: 8
+}, at = l(l({}, E), {}, {
+  device(s, t, {
+    pointer: {
+      touch: e = !1,
+      lock: i = !1,
+      mouse: n = !1
+    } = {}
+  }) {
+    return this.pointerLock = i && g.pointerLock, g.touch && e ? "touch" : this.pointerLock ? "mouse" : g.pointer && !n ? "pointer" : g.touch ? "touch" : "mouse";
+  },
+  preventScrollAxis(s, t, {
+    preventScroll: e
+  }) {
+    if (this.preventScrollDelay = typeof e == "number" ? e : e || e === void 0 && s ? fe : void 0, !(!g.touchscreen || e === !1))
+      return s || (e !== void 0 ? "y" : void 0);
+  },
+  pointerCapture(s, t, {
+    pointer: {
+      capture: e = !0,
+      buttons: i = 1,
+      keys: n = !0
+    } = {}
+  }) {
+    return this.pointerButtons = i, this.keys = n, !this.pointerLock && this.device === "pointer" && e;
+  },
+  threshold(s, t, {
+    filterTaps: e = !1,
+    tapsThreshold: i = 3,
+    axis: n = void 0
+  }) {
+    const r = h.toVector(s, e ? i : n ? 1 : 0);
+    return this.filterTaps = e, this.tapsThreshold = i, r;
+  },
+  swipe({
+    velocity: s = he,
+    distance: t = de,
+    duration: e = pe
+  } = {}) {
+    return {
+      velocity: this.transform(h.toVector(s)),
+      distance: this.transform(h.toVector(t)),
+      duration: e
+    };
+  },
+  delay(s = 0) {
+    switch (s) {
+      case !0:
+        return le;
+      case !1:
+        return 0;
+      default:
+        return s;
+    }
+  },
+  axisThreshold(s) {
+    return s ? l(l({}, Q), s) : Q;
+  },
+  keyboardDisplacement(s = me) {
+    return s;
+  }
+});
+process.env.NODE_ENV === "development" && Object.assign(at, {
+  useTouch(s) {
+    if (s !== void 0)
+      throw Error("[@use-gesture]: `useTouch` option has been renamed to `pointer.touch`. Use it as in `{ pointer: { touch: true } }`.");
+    return NaN;
+  },
+  experimental_preventWindowScrollY(s) {
+    if (s !== void 0)
+      throw Error("[@use-gesture]: `experimental_preventWindowScrollY` option has been renamed to `preventScroll`.");
+    return NaN;
+  },
+  swipeVelocity(s) {
+    if (s !== void 0)
+      throw Error("[@use-gesture]: `swipeVelocity` option has been renamed to `swipe.velocity`. Use it as in `{ swipe: { velocity: 0.5 } }`.");
+    return NaN;
+  },
+  swipeDistance(s) {
+    if (s !== void 0)
+      throw Error("[@use-gesture]: `swipeDistance` option has been renamed to `swipe.distance`. Use it as in `{ swipe: { distance: 50 } }`.");
+    return NaN;
+  },
+  swipeDuration(s) {
+    if (s !== void 0)
+      throw Error("[@use-gesture]: `swipeDuration` option has been renamed to `swipe.duration`. Use it as in `{ swipe: { duration: 250 } }`.");
+    return NaN;
+  }
+});
+function ge(s) {
+  const [t, e] = s.overflow, [i, n] = s._delta, [r, o] = s._direction;
+  (t < 0 && i > 0 && r < 0 || t > 0 && i < 0 && r > 0) && (s._movement[0] = s._movementBound[0]), (e < 0 && n > 0 && o < 0 || e > 0 && n < 0 && o > 0) && (s._movement[1] = s._movementBound[1]);
+}
+const _e = 30, ye = 100;
+class ve extends rt {
+  constructor(...t) {
+    super(...t), p(this, "ingKey", "pinching"), p(this, "aliasKey", "da");
+  }
+  init() {
+    this.state.offset = [1, 0], this.state.lastOffset = [1, 0], this.state._pointerEvents = /* @__PURE__ */ new Map();
+  }
+  reset() {
+    super.reset();
+    const t = this.state;
+    t._touchIds = [], t.canceled = !1, t.cancel = this.cancel.bind(this), t.turns = 0;
+  }
+  computeOffset() {
+    const {
+      type: t,
+      movement: e,
+      lastOffset: i
+    } = this.state;
+    t === "wheel" ? this.state.offset = h.add(e, i) : this.state.offset = [(1 + e[0]) * i[0], e[1] + i[1]];
+  }
+  computeMovement() {
+    const {
+      offset: t,
+      lastOffset: e
+    } = this.state;
+    this.state.movement = [t[0] / e[0], t[1] - e[1]];
+  }
+  axisIntent() {
+    const t = this.state, [e, i] = t._movement;
+    if (!t.axis) {
+      const n = Math.abs(e) * _e - Math.abs(i);
+      n < 0 ? t.axis = "angle" : n > 0 && (t.axis = "scale");
+    }
+  }
+  restrictToAxis(t) {
+    this.config.lockDirection && (this.state.axis === "scale" ? t[1] = 0 : this.state.axis === "angle" && (t[0] = 0));
+  }
+  cancel() {
+    const t = this.state;
+    t.canceled || setTimeout(() => {
+      t.canceled = !0, t._active = !1, this.compute(), this.emit();
+    }, 0);
+  }
+  touchStart(t) {
+    this.ctrl.setEventIds(t);
+    const e = this.state, i = this.ctrl.touchIds;
+    if (e._active && e._touchIds.every((r) => i.has(r)) || i.size < 2) return;
+    this.start(t), e._touchIds = Array.from(i).slice(0, 2);
+    const n = G(t, e._touchIds);
+    n && this.pinchStart(t, n);
+  }
+  pointerStart(t) {
+    if (t.buttons != null && t.buttons % 2 !== 1) return;
+    this.ctrl.setEventIds(t), t.target.setPointerCapture(t.pointerId);
+    const e = this.state, i = e._pointerEvents, n = this.ctrl.pointerIds;
+    if (e._active && Array.from(i.keys()).every((o) => n.has(o)) || (i.size < 2 && i.set(t.pointerId, t), e._pointerEvents.size < 2)) return;
+    this.start(t);
+    const r = L(...Array.from(i.values()));
+    r && this.pinchStart(t, r);
+  }
+  pinchStart(t, e) {
+    const i = this.state;
+    i.origin = e.origin, this.computeValues([e.distance, e.angle]), this.computeInitial(), this.compute(t), this.emit();
+  }
+  touchMove(t) {
+    if (!this.state._active) return;
+    const e = G(t, this.state._touchIds);
+    e && this.pinchMove(t, e);
+  }
+  pointerMove(t) {
+    const e = this.state._pointerEvents;
+    if (e.has(t.pointerId) && e.set(t.pointerId, t), !this.state._active) return;
+    const i = L(...Array.from(e.values()));
+    i && this.pinchMove(t, i);
+  }
+  pinchMove(t, e) {
+    const i = this.state, n = i._values[1], r = e.angle - n;
+    let o = 0;
+    Math.abs(r) > 270 && (o += Math.sign(r)), this.computeValues([e.distance, e.angle - 360 * o]), i.origin = e.origin, i.turns = o, i._movement = [i._values[0] / i._initial[0] - 1, i._values[1] - i._initial[1]], this.compute(t), this.emit();
+  }
+  touchEnd(t) {
+    this.ctrl.setEventIds(t), this.state._active && this.state._touchIds.some((e) => !this.ctrl.touchIds.has(e)) && (this.state._active = !1, this.compute(t), this.emit());
+  }
+  pointerEnd(t) {
+    const e = this.state;
+    this.ctrl.setEventIds(t);
+    try {
+      t.target.releasePointerCapture(t.pointerId);
+    } catch {
+    }
+    e._pointerEvents.has(t.pointerId) && e._pointerEvents.delete(t.pointerId), e._active && e._pointerEvents.size < 2 && (e._active = !1, this.compute(t), this.emit());
+  }
+  gestureStart(t) {
+    t.cancelable && t.preventDefault();
+    const e = this.state;
+    e._active || (this.start(t), this.computeValues([t.scale, t.rotation]), e.origin = [t.clientX, t.clientY], this.compute(t), this.emit());
+  }
+  gestureMove(t) {
+    if (t.cancelable && t.preventDefault(), !this.state._active) return;
+    const e = this.state;
+    this.computeValues([t.scale, t.rotation]), e.origin = [t.clientX, t.clientY];
+    const i = e._movement;
+    e._movement = [t.scale - 1, t.rotation], e._delta = h.sub(e._movement, i), this.compute(t), this.emit();
+  }
+  gestureEnd(t) {
+    this.state._active && (this.state._active = !1, this.compute(t), this.emit());
+  }
+  wheel(t) {
+    const e = this.config.modifierKey;
+    e && (Array.isArray(e) ? !e.find((i) => t[i]) : !t[e]) || (this.state._active ? this.wheelChange(t) : this.wheelStart(t), this.timeoutStore.add("wheelEnd", this.wheelEnd.bind(this)));
+  }
+  wheelStart(t) {
+    this.start(t), this.wheelChange(t);
+  }
+  wheelChange(t) {
+    "uv" in t || (t.cancelable && t.preventDefault(), process.env.NODE_ENV === "development" && !t.defaultPrevented && console.warn("[@use-gesture]: To properly support zoom on trackpads, try using the `target` option.\n\nThis message will only appear in development mode."));
+    const i = this.state;
+    i._delta = [-qt(t)[1] / ye * i.offset[0], 0], h.addTo(i._movement, i._delta), ge(i), this.state.origin = [t.clientX, t.clientY], this.compute(t), this.emit();
+  }
+  wheelEnd() {
+    this.state._active && (this.state._active = !1, this.compute(), this.emit());
+  }
+  bind(t) {
+    const e = this.config.device;
+    e && (t(e, "start", this[e + "Start"].bind(this)), t(e, "change", this[e + "Move"].bind(this)), t(e, "end", this[e + "End"].bind(this)), t(e, "cancel", this[e + "End"].bind(this)), t("lostPointerCapture", "", this[e + "End"].bind(this))), this.config.pinchOnWheel && t("wheel", "", this.wheel.bind(this), {
+      passive: !1
+    });
+  }
+}
+const be = l(l({}, B), {}, {
+  device(s, t, {
+    shared: e,
+    pointer: {
+      touch: i = !1
+    } = {}
+  }) {
+    if (e.target && !g.touch && g.gesture) return "gesture";
+    if (g.touch && i) return "touch";
+    if (g.touchscreen) {
+      if (g.pointer) return "pointer";
+      if (g.touch) return "touch";
+    }
+  },
+  bounds(s, t, {
+    scaleBounds: e = {},
+    angleBounds: i = {}
+  }) {
+    const n = (o) => {
+      const c = X(k(e, o), {
+        min: -1 / 0,
+        max: 1 / 0
+      });
+      return [c.min, c.max];
+    }, r = (o) => {
+      const c = X(k(i, o), {
+        min: -1 / 0,
+        max: 1 / 0
+      });
+      return [c.min, c.max];
+    };
+    return typeof e != "function" && typeof i != "function" ? [n(), r()] : (o) => [n(o), r(o)];
+  },
+  threshold(s, t, e) {
+    return this.lockDirection = e.axis === "lock", h.toVector(s, this.lockDirection ? [0.1, 3] : 0);
+  },
+  modifierKey(s) {
+    return s === void 0 ? "ctrlKey" : s;
+  },
+  pinchOnWheel(s = !0) {
+    return s;
+  }
+});
+l(l({}, E), {}, {
+  mouseOnly: (s = !0) => s
+});
+l(l({}, E), {}, {
+  mouseOnly: (s = !0) => s
+});
+const j = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new Map();
+function ct(s) {
+  j.set(s.key, s.engine), N.set(s.key, s.resolver);
+}
+const we = {
+  key: "drag",
+  engine: ne,
+  resolver: at
+}, qe = {
+  key: "pinch",
+  engine: ve,
+  resolver: be
+};
+function Ee(s, t) {
+  if (s == null) return {};
+  var e = {}, i = Object.keys(s), n, r;
+  for (r = 0; r < i.length; r++)
+    n = i[r], !(t.indexOf(n) >= 0) && (e[n] = s[n]);
+  return e;
+}
+function Te(s, t) {
+  if (s == null) return {};
+  var e = Ee(s, t), i, n;
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(s);
+    for (n = 0; n < r.length; n++)
+      i = r[n], !(t.indexOf(i) >= 0) && Object.prototype.propertyIsEnumerable.call(s, i) && (e[i] = s[i]);
+  }
+  return e;
+}
+const Se = {
+  target(s) {
+    if (s)
+      return () => "current" in s ? s.current : s;
+  },
+  enabled(s = !0) {
+    return s;
+  },
+  window(s = g.isBrowser ? window : void 0) {
+    return s;
+  },
+  eventOptions({
+    passive: s = !0,
+    capture: t = !1
+  } = {}) {
+    return {
+      passive: s,
+      capture: t
+    };
+  },
+  transform(s) {
+    return s;
+  }
+}, Ae = ["target", "eventOptions", "window", "enabled", "transform"];
+function O(s = {}, t) {
+  const e = {};
+  for (const [i, n] of Object.entries(t))
+    switch (typeof n) {
+      case "function":
+        if (process.env.NODE_ENV === "development") {
+          const r = n.call(e, s[i], i, s);
+          Number.isNaN(r) || (e[i] = r);
+        } else
+          e[i] = n.call(e, s[i], i, s);
+        break;
+      case "object":
+        e[i] = O(s[i], n);
+        break;
+      case "boolean":
+        n && (e[i] = s[i]);
+        break;
+    }
+  return e;
+}
+function De(s, t, e = {}) {
+  const i = s, {
+    target: n,
+    eventOptions: r,
+    window: o,
+    enabled: c,
+    transform: f
+  } = i, u = Te(i, Ae);
+  if (e.shared = O({
+    target: n,
+    eventOptions: r,
+    window: o,
+    enabled: c,
+    transform: f
+  }, Se), t) {
+    const a = N.get(t);
+    e[t] = O(l({
+      shared: e.shared
+    }, u), a);
+  } else
+    for (const a in u) {
+      const m = N.get(a);
+      if (m)
+        e[a] = O(l({
+          shared: e.shared
+        }, u[a]), m);
+      else if (process.env.NODE_ENV === "development" && !["drag", "pinch", "scroll", "wheel", "move", "hover"].includes(a)) {
+        if (a === "domTarget")
+          throw Error("[@use-gesture]: `domTarget` option has been renamed to `target`.");
+        console.warn(`[@use-gesture]: Unknown config key \`${a}\` was used. Please read the documentation for further information.`);
+      }
+    }
+  return e;
+}
+class ut {
+  constructor(t, e) {
+    p(this, "_listeners", /* @__PURE__ */ new Set()), this._ctrl = t, this._gestureKey = e;
+  }
+  add(t, e, i, n, r) {
+    const o = this._listeners, c = $t(e, i), f = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {}, u = l(l({}, f), r);
+    t.addEventListener(c, n, u);
+    const a = () => {
+      t.removeEventListener(c, n, u), o.delete(a);
+    };
+    return o.add(a), a;
+  }
+  clean() {
+    this._listeners.forEach((t) => t()), this._listeners.clear();
+  }
+}
+class Ie {
+  constructor() {
+    p(this, "_timeouts", /* @__PURE__ */ new Map());
+  }
+  add(t, e, i = 140, ...n) {
+    this.remove(t), this._timeouts.set(t, window.setTimeout(e, i, ...n));
+  }
+  remove(t) {
+    const e = this._timeouts.get(t);
+    e && window.clearTimeout(e);
+  }
+  clean() {
+    this._timeouts.forEach((t) => void window.clearTimeout(t)), this._timeouts.clear();
+  }
+}
+class Oe {
+  constructor(t) {
+    p(this, "gestures", /* @__PURE__ */ new Set()), p(this, "_targetEventStore", new ut(this)), p(this, "gestureEventStores", {}), p(this, "gestureTimeoutStores", {}), p(this, "handlers", {}), p(this, "config", {}), p(this, "pointerIds", /* @__PURE__ */ new Set()), p(this, "touchIds", /* @__PURE__ */ new Set()), p(this, "state", {
+      shared: {
+        shiftKey: !1,
+        metaKey: !1,
+        ctrlKey: !1,
+        altKey: !1
+      }
+    }), ke(this, t);
+  }
+  setEventIds(t) {
+    if (x(t))
+      return this.touchIds = new Set(Ft(t)), this.touchIds;
+    if ("pointerId" in t)
+      return t.type === "pointerup" || t.type === "pointercancel" ? this.pointerIds.delete(t.pointerId) : t.type === "pointerdown" && this.pointerIds.add(t.pointerId), this.pointerIds;
+  }
+  applyHandlers(t, e) {
+    this.handlers = t, this.nativeHandlers = e;
+  }
+  applyConfig(t, e) {
+    this.config = De(t, e, this.config);
+  }
+  clean() {
+    this._targetEventStore.clean();
+    for (const t of this.gestures)
+      this.gestureEventStores[t].clean(), this.gestureTimeoutStores[t].clean();
+  }
+  effect() {
+    return this.config.shared.target && this.bind(), () => this._targetEventStore.clean();
+  }
+  bind(...t) {
+    const e = this.config.shared, i = {};
+    let n;
+    if (!(e.target && (n = e.target(), !n))) {
+      if (e.enabled) {
+        for (const o of this.gestures) {
+          const c = this.config[o], f = Z(i, c.eventOptions, !!n);
+          if (c.enabled) {
+            const u = j.get(o);
+            new u(this, t, o).bind(f);
+          }
+        }
+        const r = Z(i, e.eventOptions, !!n);
+        for (const o in this.nativeHandlers)
+          r(o, "", (c) => this.nativeHandlers[o](l(l({}, this.state.shared), {}, {
+            event: c,
+            args: t
+          })), void 0, !0);
+      }
+      for (const r in i)
+        i[r] = Zt(...i[r]);
+      if (!n) return i;
+      for (const r in i) {
+        const {
+          device: o,
+          capture: c,
+          passive: f
+        } = Wt(r);
+        this._targetEventStore.add(n, o, "", i[r], {
+          capture: c,
+          passive: f
+        });
+      }
+    }
+  }
+}
+function v(s, t) {
+  s.gestures.add(t), s.gestureEventStores[t] = new ut(s, t), s.gestureTimeoutStores[t] = new Ie();
+}
+function ke(s, t) {
+  t.drag && v(s, "drag"), t.wheel && v(s, "wheel"), t.scroll && v(s, "scroll"), t.move && v(s, "move"), t.pinch && v(s, "pinch"), t.hover && v(s, "hover");
+}
+const Z = (s, t, e) => (i, n, r, o = {}, c = !1) => {
+  var f, u;
+  const a = (f = o.capture) !== null && f !== void 0 ? f : t.capture, m = (u = o.passive) !== null && u !== void 0 ? u : t.passive;
+  let d = c ? i : Yt(i, n, a);
+  e && m && (d += "Passive"), s[d] = s[d] || [], s[d].push(r);
+}, xe = /^on(Drag|Wheel|Scroll|Move|Pinch|Hover)/;
+function Ce(s) {
+  const t = {}, e = {}, i = /* @__PURE__ */ new Set();
+  for (let n in s)
+    xe.test(n) ? (i.add(RegExp.lastMatch), e[n] = s[n]) : t[n] = s[n];
+  return [e, t, i];
+}
+function b(s, t, e, i, n, r) {
+  if (!s.has(e)) return;
+  if (!j.has(i)) {
+    process.env.NODE_ENV === "development" && console.warn(`[@use-gesture]: You've created a custom handler that that uses the \`${i}\` gesture but isn't properly configured.
+
+Please add \`${i}Action\` when creating your handler.`);
+    return;
+  }
+  const o = e + "Start", c = e + "End", f = (u) => {
+    let a;
+    return u.first && o in t && t[o](u), e in t && (a = t[e](u)), u.last && c in t && t[c](u), a;
+  };
+  n[i] = f, r[i] = r[i] || {};
+}
+function Pe(s, t) {
+  const [e, i, n] = Ce(s), r = {};
+  return b(n, e, "onDrag", "drag", r, t), b(n, e, "onWheel", "wheel", r, t), b(n, e, "onScroll", "scroll", r, t), b(n, e, "onPinch", "pinch", r, t), b(n, e, "onMove", "move", r, t), b(n, e, "onHover", "hover", r, t), {
+    handlers: r,
+    config: t,
+    nativeHandlers: i
+  };
+}
+function ft(s, t = {}, e, i) {
+  const n = P.useMemo(() => new Oe(s), []);
+  if (n.applyHandlers(s, i), n.applyConfig(t, e), P.useEffect(n.effect.bind(n)), P.useEffect(() => n.clean.bind(n), []), t.target === void 0)
+    return n.bind.bind(n);
+}
+function Me(s, t) {
+  return ct(we), ft({
+    drag: s
+  }, t || {}, "drag");
+}
+function Je(s) {
+  return s.forEach(ct), function(e, i) {
+    const {
+      handlers: n,
+      nativeHandlers: r,
+      config: o
+    } = Pe(e, i || {});
+    return ft(n, o, void 0, r);
+  };
+}
+const Le = ({ closeModal: s, modalStyles: t, children: e }) => {
+  const i = xt(() => s()), [n, r] = Dt(() => ({ y: 0 })), o = Me(
+    ({ velocity: [, c], last: f, down: u, movement: [, a], cancel: m, type: d }) => {
+      typeof d == "string" && (d.includes("pointer") || d.includes("mouse")) || (f && c < 0.3 ? m() : f && c > 0.3 && s(), a < -1e-3 ? m() : a > 450 && s(), r.start({ y: u ? a : 0, immediate: u }));
+    },
+    { axis: "y", filterTaps: !0, pointer: { touch: !0 } }
+  );
+  return /* @__PURE__ */ _(
+    V,
+    {
+      className: t === R.Nocard ? `${w.modalCardCopyOriAnimated} ${w["no-card"]}` : `${w.modalCardCopyOriAnimated}`,
+      ...o(),
+      style: { ...n, touchAction: "none" },
+      ref: i,
+      children: e
+    }
+  );
+}, Ne = ({ isShown: s, children: t }) => et(s, {
+  from: { opacity: 0 },
+  enter: { opacity: 1 },
+  leave: { opacity: 0 }
+})(
+  (i, n) => n && /* @__PURE__ */ _(V, { className: w.wrapperContainer, style: i, children: t })
+), Qe = ({
+  showModal: s,
+  closeModal: t,
+  modalStyles: e = R.Default,
+  modalBackground: i,
+  children: n
+}) => (Ct("Escape", () => {
+  t();
+}), /* @__PURE__ */ _(
+  Re,
+  {
+    closeModal: t,
+    showModal: s,
+    modalStyles: e,
+    modalBackground: i,
+    children: n
+  }
+)), Re = ({
+  showModal: s,
+  closeModal: t,
+  children: e,
+  modalStyles: i = R.Default,
+  modalBackground: n
+}) => /* @__PURE__ */ _(Pt, { children: /* @__PURE__ */ gt(Ne, { isShown: s, children: [
+  /* @__PURE__ */ _(Rt, { isShown: s, modalBackground: n }),
+  /* @__PURE__ */ _(
+    Et,
+    {
+      direction: "vertical",
+      isShown: s,
+      enterOffsetBy: 3,
+      children: /* @__PURE__ */ _(
+        _t,
+        {
+          display: bt.Flex,
+          flexJustifyContent: vt.Center,
+          flexAlignItem: yt.FlexStart,
+          style: {
+            position: "absolute",
+            minHeight: "100vh",
+            minWidth: "100%",
+            top: 0
+          },
+          children: /* @__PURE__ */ _(
+            Le,
+            {
+              closeModal: t,
+              modalStyles: i,
+              children: e
+            }
+          )
+        }
+      )
+    }
+  )
+] }) });
+export {
+  Qe as M,
+  Je as c,
+  we as d,
+  qe as p,
+  Me as u
+};