@telegraph/modal 0.0.85 → 0.1.0

package/dist/esm/index.mjs

@@ -1,7 +1,7 @@
 import { jsx as M, jsxs as Ve } from "react/jsx-runtime";
 import * as J from "@radix-ui/react-dialog";
 import * as v from "react";
-import ne, { createContext as se, useRef as de, useLayoutEffect as Us, useEffect as dt, useState as zs, useContext as I, useMemo as Fe, useCallback as Gs, useInsertionEffect as Hs, forwardRef as Ys, Fragment as Tn, createElement as Xs } from "react";
+import ne, { createContext as se, useRef as fe, useLayoutEffect as Us, useEffect as dt, useState as Gs, useContext as I, useMemo as Fe, useCallback as zs, useInsertionEffect as Hs, forwardRef as Ys, Fragment as Tn, createElement as Xs } from "react";
 import * as qs from "react-dom";
 import { FocusScope as Zs } from "@radix-ui/react-focus-scope";
 import * as Js from "@radix-ui/react-portal";
@@ -130,7 +130,7 @@ function di(e, t = globalThis == null ? void 0 : globalThis.document) {
     return t.addEventListener("keydown", s, { capture: !0 }), () => t.removeEventListener("keydown", s, { capture: !0 });
   }, [n, t]);
 }
-var hi = "DismissableLayer", Ge = "dismissableLayer.update", pi = "dismissableLayer.pointerDownOutside", mi = "dismissableLayer.focusOutside", Wt, Vn = v.createContext({
+var hi = "DismissableLayer", He = "dismissableLayer.update", pi = "dismissableLayer.pointerDownOutside", mi = "dismissableLayer.focusOutside", Wt, Vn = v.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
@@ -162,7 +162,7 @@ var hi = "DismissableLayer", Ge = "dismissableLayer.update", pi = "dismissableLa
       c && (u.layers.delete(c), u.layersWithOutsidePointerEventsDisabled.delete(c), $t());
     }, [c, u]), v.useEffect(() => {
       const x = () => h({});
-      return document.addEventListener(Ge, x), () => document.removeEventListener(Ge, x);
+      return document.addEventListener(He, x), () => document.removeEventListener(He, x);
     }, []), /* @__PURE__ */ M(
       xn.div,
       {
@@ -239,7 +239,7 @@ function vi(e, t = globalThis == null ? void 0 : globalThis.document) {
   };
 }
 function $t() {
-  const e = new CustomEvent(Ge);
+  const e = new CustomEvent(He);
   document.dispatchEvent(e);
 }
 function Cn(e, t, n, { discrete: s }) {
@@ -298,7 +298,7 @@ function Vi(e) {
 }
 const Ai = se({});
 function Ci(e) {
-  const t = de(null);
+  const t = fe(null);
   return t.current === null && (t.current = e()), t.current;
 }
 const pt = typeof window < "u", Mi = pt ? Us : dt, Mn = /* @__PURE__ */ se(null);
@@ -309,13 +309,13 @@ function Ei(e, t) {
   const n = e.indexOf(t);
   n > -1 && e.splice(n, 1);
 }
-const Y = (e, t, n) => n > t ? t : n < e ? e : n;
-let ie = () => {
-}, _ = () => {
+const H = (e, t, n) => n > t ? t : n < e ? e : n;
+let ye = () => {
+}, Y = () => {
 };
-process.env.NODE_ENV !== "production" && (ie = (e, t) => {
+process.env.NODE_ENV !== "production" && (ye = (e, t) => {
   !e && typeof console < "u" && console.warn(t);
-}, _ = (e, t) => {
+}, Y = (e, t) => {
   if (!e)
     throw new Error(t);
 });
@@ -329,7 +329,7 @@ function mt(e) {
   let t;
   return () => (t === void 0 && (t = e()), t);
 }
-const re = /* @__NO_SIDE_EFFECTS__ */ (e) => e, Fi = (e, t) => (n) => t(e(n)), Re = (...e) => e.reduce(Fi), Dn = /* @__NO_SIDE_EFFECTS__ */ (e, t, n) => {
+const ie = /* @__NO_SIDE_EFFECTS__ */ (e) => e, Fi = (e, t) => (n) => t(e(n)), Re = (...e) => e.reduce(Fi), Dn = /* @__NO_SIDE_EFFECTS__ */ (e, t, n) => {
   const s = t - e;
   return s === 0 ? 1 : (n - e) / s;
 };
@@ -376,12 +376,12 @@ function Li(e, t, n, s, i) {
 }
 function be(e, t, n, s) {
   if (e === t && n === s)
-    return re;
+    return ie;
   const i = (r) => Li(r, 0, 1, e, n);
   return (r) => r === 0 || r === 1 ? r : Ln(i(r), t, s);
 }
 const In = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, kn = (e) => (t) => 1 - e(1 - t), Nn = /* @__PURE__ */ be(0.33, 1.53, 0.69, 0.99), gt = /* @__PURE__ */ kn(Nn), Bn = /* @__PURE__ */ In(gt), Kn = (e) => (e *= 2) < 1 ? 0.5 * gt(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), yt = (e) => 1 - Math.sin(Math.acos(e)), Ii = kn(yt), Wn = In(yt), ki = /* @__PURE__ */ be(0.42, 0, 1, 1), Ni = /* @__PURE__ */ be(0, 0, 0.58, 1), $n = /* @__PURE__ */ be(0.42, 0, 0.58, 1), Bi = (e) => Array.isArray(e) && typeof e[0] != "number", _n = (e) => Array.isArray(e) && typeof e[0] == "number", jt = {
-  linear: re,
+  linear: ie,
   easeIn: ki,
   easeInOut: $n,
   easeOut: Ni,
@@ -394,11 +394,11 @@ const In = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, kn
   anticipate: Kn
 }, Ki = (e) => typeof e == "string", Ut = (e) => {
   if (_n(e)) {
-    _(e.length === 4, "Cubic bezier arrays must contain four numerical values.");
+    Y(e.length === 4, "Cubic bezier arrays must contain four numerical values.");
     const [t, n, s, i] = e;
     return be(t, n, s, i);
   } else if (Ki(e))
-    return _(jt[e] !== void 0, `Invalid easing type '${e}'`), jt[e];
+    return Y(jt[e] !== void 0, `Invalid easing type '${e}'`), jt[e];
   return e;
 }, Te = [
   "setup",
@@ -477,7 +477,7 @@ function jn(e, t) {
       o[Te[C]].cancel(m);
   }, state: i, steps: o };
 }
-const { schedule: k, cancel: He, state: Ae, steps: Dc } = /* @__PURE__ */ jn(typeof requestAnimationFrame < "u" ? requestAnimationFrame : re, !0);
+const { schedule: k, cancel: Ye, state: Ae } = /* @__PURE__ */ jn(typeof requestAnimationFrame < "u" ? requestAnimationFrame : ie, !0);
 let Se;
 function _i() {
   Se = void 0;
@@ -487,21 +487,21 @@ const L = {
   set: (e) => {
     Se = e, queueMicrotask(_i);
   }
-}, Un = (e) => (t) => typeof t == "string" && t.startsWith(e), zn = /* @__PURE__ */ Un("--"), ji = /* @__PURE__ */ Un("var(--"), bt = (e) => ji(e) ? Ui.test(e.split("/*")[0].trim()) : !1, Ui = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, oe = {
+}, Un = (e) => (t) => typeof t == "string" && t.startsWith(e), Gn = /* @__PURE__ */ Un("--"), ji = /* @__PURE__ */ Un("var(--"), bt = (e) => ji(e) ? Ui.test(e.split("/*")[0].trim()) : !1, Ui = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, re = {
   test: (e) => typeof e == "number",
   parse: parseFloat,
   transform: (e) => e
-}, pe = {
-  ...oe,
-  transform: (e) => Y(0, 1, e)
+}, he = {
+  ...re,
+  transform: (e) => H(0, 1, e)
 }, we = {
-  ...oe,
+  ...re,
   default: 1
-}, he = (e) => Math.round(e * 1e5) / 1e5, vt = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function zi(e) {
+}, de = (e) => Math.round(e * 1e5) / 1e5, vt = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+function Gi(e) {
   return e == null;
 }
-const Gi = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, Tt = (e, t) => (n) => !!(typeof n == "string" && Gi.test(n) && n.startsWith(e) || t && !zi(n) && Object.prototype.hasOwnProperty.call(n, t)), Gn = (e, t, n) => (s) => {
+const zi = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, Tt = (e, t) => (n) => !!(typeof n == "string" && zi.test(n) && n.startsWith(e) || t && !Gi(n) && Object.prototype.hasOwnProperty.call(n, t)), zn = (e, t, n) => (s) => {
   if (typeof s != "string")
     return s;
   const [i, r, o, a] = s.match(vt);
@@ -511,13 +511,13 @@ const Gi = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     [n]: parseFloat(o),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, Hi = (e) => Y(0, 255, e), We = {
-  ...oe,
+}, Hi = (e) => H(0, 255, e), We = {
+  ...re,
   transform: (e) => Math.round(Hi(e))
-}, U = {
+}, j = {
   test: /* @__PURE__ */ Tt("rgb", "red"),
-  parse: /* @__PURE__ */ Gn("red", "green", "blue"),
-  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + We.transform(e) + ", " + We.transform(t) + ", " + We.transform(n) + ", " + he(pe.transform(s)) + ")"
+  parse: /* @__PURE__ */ zn("red", "green", "blue"),
+  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + We.transform(e) + ", " + We.transform(t) + ", " + We.transform(n) + ", " + de(he.transform(s)) + ")"
 };
 function Yi(e) {
   let t = "", n = "", s = "", i = "";
@@ -528,26 +528,26 @@ function Yi(e) {
     alpha: i ? parseInt(i, 16) / 255 : 1
   };
 }
-const Ye = {
+const Xe = {
   test: /* @__PURE__ */ Tt("#"),
   parse: Yi,
-  transform: U.transform
+  transform: j.transform
 }, ve = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
   test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
   parse: parseFloat,
   transform: (t) => `${t}${e}`
-}), $ = /* @__PURE__ */ ve("deg"), Q = /* @__PURE__ */ ve("%"), b = /* @__PURE__ */ ve("px"), Xi = /* @__PURE__ */ ve("vh"), qi = /* @__PURE__ */ ve("vw"), zt = {
+}), $ = /* @__PURE__ */ ve("deg"), Q = /* @__PURE__ */ ve("%"), b = /* @__PURE__ */ ve("px"), Xi = /* @__PURE__ */ ve("vh"), qi = /* @__PURE__ */ ve("vw"), Gt = {
   ...Q,
   parse: (e) => Q.parse(e) / 100,
   transform: (e) => Q.transform(e * 100)
 }, q = {
   test: /* @__PURE__ */ Tt("hsl", "hue"),
-  parse: /* @__PURE__ */ Gn("hue", "saturation", "lightness"),
-  transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + Q.transform(he(t)) + ", " + Q.transform(he(n)) + ", " + he(pe.transform(s)) + ")"
+  parse: /* @__PURE__ */ zn("hue", "saturation", "lightness"),
+  transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + Q.transform(de(t)) + ", " + Q.transform(de(n)) + ", " + de(he.transform(s)) + ")"
 }, E = {
-  test: (e) => U.test(e) || Ye.test(e) || q.test(e),
-  parse: (e) => U.test(e) ? U.parse(e) : q.test(e) ? q.parse(e) : Ye.parse(e),
-  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? U.transform(e) : q.transform(e),
+  test: (e) => j.test(e) || Xe.test(e) || q.test(e),
+  parse: (e) => j.test(e) ? j.parse(e) : q.test(e) ? q.parse(e) : Xe.parse(e),
+  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? j.transform(e) : q.transform(e),
   getAnimatableNone: (e) => {
     const t = E.parse(e);
     return t.alpha = 0, E.transform(t);
@@ -557,28 +557,28 @@ function Ji(e) {
   var t, n;
   return isNaN(e) && typeof e == "string" && (((t = e.match(vt)) == null ? void 0 : t.length) || 0) + (((n = e.match(Zi)) == null ? void 0 : n.length) || 0) > 0;
 }
-const Hn = "number", Yn = "color", Qi = "var", er = "var(", Gt = "${}", tr = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
-function me(e) {
+const Hn = "number", Yn = "color", Qi = "var", er = "var(", zt = "${}", tr = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
+function pe(e) {
   const t = e.toString(), n = [], s = {
     color: [],
     number: [],
     var: []
   }, i = [];
   let r = 0;
-  const a = t.replace(tr, (l) => (E.test(l) ? (s.color.push(r), i.push(Yn), n.push(E.parse(l))) : l.startsWith(er) ? (s.var.push(r), i.push(Qi), n.push(l)) : (s.number.push(r), i.push(Hn), n.push(parseFloat(l))), ++r, Gt)).split(Gt);
+  const a = t.replace(tr, (l) => (E.test(l) ? (s.color.push(r), i.push(Yn), n.push(E.parse(l))) : l.startsWith(er) ? (s.var.push(r), i.push(Qi), n.push(l)) : (s.number.push(r), i.push(Hn), n.push(parseFloat(l))), ++r, zt)).split(zt);
   return { values: n, split: a, indexes: s, types: i };
 }
 function Xn(e) {
-  return me(e).values;
+  return pe(e).values;
 }
 function qn(e) {
-  const { split: t, types: n } = me(e), s = t.length;
+  const { split: t, types: n } = pe(e), s = t.length;
   return (i) => {
     let r = "";
     for (let o = 0; o < s; o++)
       if (r += t[o], i[o] !== void 0) {
         const a = n[o];
-        a === Hn ? r += he(i[o]) : a === Yn ? r += E.transform(i[o]) : r += i[o];
+        a === Hn ? r += de(i[o]) : a === Yn ? r += E.transform(i[o]) : r += i[o];
       }
     return r;
   };
@@ -588,7 +588,7 @@ function sr(e) {
   const t = Xn(e);
   return qn(e)(t.map(nr));
 }
-const ae = {
+const oe = {
   test: Ji,
   parse: Xn,
   createTransformer: qn,
@@ -619,10 +619,10 @@ function Ce(e, t) {
 const Oe = (e, t, n) => e + (t - e) * n, _e = (e, t, n) => {
   const s = e * e, i = n * (t * t - s) + s;
   return i < 0 ? 0 : Math.sqrt(i);
-}, rr = [Ye, U, q], or = (e) => rr.find((t) => t.test(e));
+}, rr = [Xe, j, q], or = (e) => rr.find((t) => t.test(e));
 function Ht(e) {
   const t = or(e);
-  if (ie(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`), !t)
+  if (ye(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`), !t)
     return !1;
   let n = t.parse(e);
   return t === q && (n = ir(n)), n;
@@ -632,10 +632,10 @@ const Yt = (e, t) => {
   if (!n || !s)
     return Ce(e, t);
   const i = { ...n };
-  return (r) => (i.red = _e(n.red, s.red, r), i.green = _e(n.green, s.green, r), i.blue = _e(n.blue, s.blue, r), i.alpha = Oe(n.alpha, s.alpha, r), U.transform(i));
-}, Xe = /* @__PURE__ */ new Set(["none", "hidden"]);
+  return (r) => (i.red = _e(n.red, s.red, r), i.green = _e(n.green, s.green, r), i.blue = _e(n.blue, s.blue, r), i.alpha = Oe(n.alpha, s.alpha, r), j.transform(i));
+}, qe = /* @__PURE__ */ new Set(["none", "hidden"]);
 function ar(e, t) {
-  return Xe.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
+  return qe.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
 }
 function cr(e, t) {
   return (n) => Oe(e, t, n);
@@ -670,8 +670,8 @@ function lr(e, t) {
   return n;
 }
 const fr = (e, t) => {
-  const n = ae.createTransformer(t), s = me(e), i = me(t);
-  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? Xe.has(e) && !i.values.length || Xe.has(t) && !s.values.length ? ar(e, t) : Re(Zn(lr(s, i), i.values), n) : (ie(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), Ce(e, t));
+  const n = oe.createTransformer(t), s = pe(e), i = pe(t);
+  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? qe.has(e) && !i.values.length || qe.has(t) && !s.values.length ? ar(e, t) : Re(Zn(lr(s, i), i.values), n) : (ye(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), Ce(e, t));
 };
 function Jn(e, t, n) {
   return typeof e == "number" && typeof t == "number" && typeof n == "number" ? Oe(e, t, n) : wt(e)(e, t);
@@ -680,7 +680,7 @@ const dr = (e) => {
   const t = ({ timestamp: n }) => e(n);
   return {
     start: (n = !0) => k.update(t, n),
-    stop: () => He(t),
+    stop: () => Ye(t),
     /**
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
@@ -743,20 +743,20 @@ const P = {
   // in seconds
   minDamping: 0.05,
   maxDamping: 1
-}, Xt = 1e-3;
+}, je = 1e-3;
 function mr({ duration: e = P.duration, bounce: t = P.bounce, velocity: n = P.velocity, mass: s = P.mass }) {
   let i, r;
-  ie(e <= /* @__PURE__ */ N(P.maxDuration), "Spring duration must be 10 seconds or less");
+  ye(e <= /* @__PURE__ */ N(P.maxDuration), "Spring duration must be 10 seconds or less");
   let o = 1 - t;
-  o = Y(P.minDamping, P.maxDamping, o), e = Y(P.minDuration, P.maxDuration, /* @__PURE__ */ K(e)), o < 1 ? (i = (u) => {
-    const c = u * o, d = c * e, f = c - n, h = qe(u, o), g = Math.exp(-d);
-    return Xt - f / h * g;
+  o = H(P.minDamping, P.maxDamping, o), e = H(P.minDuration, P.maxDuration, /* @__PURE__ */ K(e)), o < 1 ? (i = (u) => {
+    const c = u * o, d = c * e, f = c - n, h = Ze(u, o), g = Math.exp(-d);
+    return je - f / h * g;
   }, r = (u) => {
-    const d = u * o * e, f = d * n + n, h = Math.pow(o, 2) * Math.pow(u, 2) * e, g = Math.exp(-d), y = qe(Math.pow(u, 2), o);
-    return (-i(u) + Xt > 0 ? -1 : 1) * ((f - h) * g) / y;
+    const d = u * o * e, f = d * n + n, h = Math.pow(o, 2) * Math.pow(u, 2) * e, g = Math.exp(-d), y = Ze(Math.pow(u, 2), o);
+    return (-i(u) + je > 0 ? -1 : 1) * ((f - h) * g) / y;
   }) : (i = (u) => {
     const c = Math.exp(-u * e), d = (u - n) * e + 1;
-    return -1e-3 + c * d;
+    return -je + c * d;
   }, r = (u) => {
     const c = Math.exp(-u * e), d = (n - u) * (e * e);
     return c * d;
@@ -784,11 +784,11 @@ function yr(e, t, n) {
     s = s - e(s) / t(s);
   return s;
 }
-function qe(e, t) {
+function Ze(e, t) {
   return e * Math.sqrt(1 - t * t);
 }
 const br = ["duration", "bounce"], vr = ["stiffness", "damping", "mass"];
-function qt(e, t) {
+function Xt(e, t) {
   return t.some((n) => e[n] !== void 0);
 }
 function Tr(e) {
@@ -800,9 +800,9 @@ function Tr(e) {
     isResolvedFromDuration: !1,
     ...e
   };
-  if (!qt(e, vr) && qt(e, br))
+  if (!Xt(e, vr) && Xt(e, br))
     if (e.visualDuration) {
-      const n = e.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, r = 2 * Y(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(i);
+      const n = e.visualDuration, s = 2 * Math.PI / (n * 1.2), i = s * s, r = 2 * H(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(i);
       t = {
         ...t,
         mass: P.mass,
@@ -833,7 +833,7 @@ function Pe(e = P.visualDuration, t = P.bounce) {
   s || (s = V ? P.restSpeed.granular : P.restSpeed.default), i || (i = V ? P.restDelta.granular : P.restDelta.default);
   let m;
   if (y < 1) {
-    const w = qe(p, y);
+    const w = Ze(p, y);
     m = (A) => {
       const x = Math.exp(-y * p * A);
       return o - x * ((g + y * p * T) / w * Math.sin(w * A) + T * Math.cos(w * A));
@@ -874,7 +874,7 @@ Pe.applyToOptions = (e) => {
   const t = hr(e, 100, Pe);
   return e.ease = t.ease, e.duration = /* @__PURE__ */ N(t.duration), e.type = "keyframes", e;
 };
-function Ze({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: r = 500, modifyTarget: o, min: a, max: l, restDelta: u = 0.5, restSpeed: c }) {
+function Je({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: r = 500, modifyTarget: o, min: a, max: l, restDelta: u = 0.5, restSpeed: c }) {
   const d = e[0], f = {
     done: !1,
     value: d
@@ -911,7 +911,7 @@ function wr(e, t, n) {
   for (let o = 0; o < r; o++) {
     let a = i(e[o], e[o + 1]);
     if (t) {
-      const l = Array.isArray(t) ? t[o] || re : t;
+      const l = Array.isArray(t) ? t[o] || ie : t;
       a = Re(l, a);
     }
     s.push(a);
@@ -920,7 +920,7 @@ function wr(e, t, n) {
 }
 function Sr(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
   const r = e.length;
-  if (_(r === t.length, "Both input and output ranges must be the same length"), r === 1)
+  if (Y(r === t.length, "Both input and output ranges must be the same length"), r === 1)
     return () => t[0];
   if (r === 2 && t[0] === t[1])
     return () => t[1];
@@ -936,7 +936,7 @@ function Sr(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
     const f = /* @__PURE__ */ Dn(e[d], e[d + 1], c);
     return a[d](f);
   };
-  return n ? (c) => u(Y(e[0], e[r - 1], c)) : u;
+  return n ? (c) => u(H(e[0], e[r - 1], c)) : u;
 }
 function xr(e, t) {
   const n = e[e.length - 1];
@@ -978,8 +978,8 @@ function xt(e, { repeat: t, repeatType: n = "loop" }, s, i = 1) {
   return !a || s === void 0 ? r[a] : s;
 }
 const Pr = {
-  decay: Ze,
-  inertia: Ze,
+  decay: Je,
+  inertia: Je,
   tween: Z,
   keyframes: Z,
   spring: Pe
@@ -1026,7 +1026,7 @@ class At extends Vt {
     const { type: n = Z, repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = t;
     let { keyframes: a } = t;
     const l = n || Z;
-    process.env.NODE_ENV !== "production" && l !== Z && _(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`), l !== Z && typeof a[0] != "number" && (this.mixKeyframes = Re(Er, Jn(a[0], a[1])), a = [0, 100]);
+    process.env.NODE_ENV !== "production" && l !== Z && Y(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`), l !== Z && typeof a[0] != "number" && (this.mixKeyframes = Re(Er, Jn(a[0], a[1])), a = [0, 100]);
     const u = l({ ...t, keyframes: a });
     r === "mirror" && (this.mirroredGenerator = l({
       ...t,
@@ -1052,14 +1052,14 @@ class At extends Vt {
     if (d) {
       const S = Math.min(this.currentTime, i) / a;
       let D = Math.floor(S), F = S % 1;
-      !F && S >= 1 && (F = 1), F === 1 && D--, D = Math.min(D, d + 1), !!(D % 2) && (f === "reverse" ? (F = 1 - F, h && (F -= h / a)) : f === "mirror" && (C = o)), m = Y(0, 1, F) * a;
+      !F && S >= 1 && (F = 1), F === 1 && D--, D = Math.min(D, d + 1), !!(D % 2) && (f === "reverse" ? (F = 1 - F, h && (F -= h / a)) : f === "mirror" && (C = o)), m = H(0, 1, F) * a;
     }
     const w = V ? { done: !1, value: c[0] } : C.next(m);
     r && (w.value = r(w.value));
     let { done: A } = w;
     !V && l !== null && (A = this.playbackSpeed >= 0 ? this.currentTime >= i : this.currentTime <= 0);
     const x = this.holdTime === null && (this.state === "finished" || this.state === "running" && A);
-    return x && g !== Ze && (w.value = xt(c, this.options, T, this.speed)), y && y(w.value), x && this.finish(), w;
+    return x && g !== Je && (w.value = xt(c, this.options, T, this.speed)), y && y(w.value), x && this.finish(), w;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -1128,9 +1128,9 @@ function Dr(e) {
   for (let t = 1; t < e.length; t++)
     e[t] ?? (e[t] = e[t - 1]);
 }
-const z = (e) => e * 180 / Math.PI, Je = (e) => {
-  const t = z(Math.atan2(e[1], e[0]));
-  return Qe(t);
+const U = (e) => e * 180 / Math.PI, Qe = (e) => {
+  const t = U(Math.atan2(e[1], e[0]));
+  return et(t);
 }, Fr = {
   x: 4,
   y: 5,
@@ -1139,35 +1139,35 @@ const z = (e) => e * 180 / Math.PI, Je = (e) => {
   scaleX: 0,
   scaleY: 3,
   scale: (e) => (Math.abs(e[0]) + Math.abs(e[3])) / 2,
-  rotate: Je,
-  rotateZ: Je,
-  skewX: (e) => z(Math.atan(e[1])),
-  skewY: (e) => z(Math.atan(e[2])),
+  rotate: Qe,
+  rotateZ: Qe,
+  skewX: (e) => U(Math.atan(e[1])),
+  skewY: (e) => U(Math.atan(e[2])),
   skew: (e) => (Math.abs(e[1]) + Math.abs(e[2])) / 2
-}, Qe = (e) => (e = e % 360, e < 0 && (e += 360), e), Zt = Je, Jt = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), Qt = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), Rr = {
+}, et = (e) => (e = e % 360, e < 0 && (e += 360), e), qt = Qe, Zt = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), Jt = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), Rr = {
   x: 12,
   y: 13,
   z: 14,
   translateX: 12,
   translateY: 13,
   translateZ: 14,
-  scaleX: Jt,
-  scaleY: Qt,
-  scale: (e) => (Jt(e) + Qt(e)) / 2,
-  rotateX: (e) => Qe(z(Math.atan2(e[6], e[5]))),
-  rotateY: (e) => Qe(z(Math.atan2(-e[2], e[0]))),
-  rotateZ: Zt,
-  rotate: Zt,
-  skewX: (e) => z(Math.atan(e[4])),
-  skewY: (e) => z(Math.atan(e[1])),
+  scaleX: Zt,
+  scaleY: Jt,
+  scale: (e) => (Zt(e) + Jt(e)) / 2,
+  rotateX: (e) => et(U(Math.atan2(e[6], e[5]))),
+  rotateY: (e) => et(U(Math.atan2(-e[2], e[0]))),
+  rotateZ: qt,
+  rotate: qt,
+  skewX: (e) => U(Math.atan(e[4])),
+  skewY: (e) => U(Math.atan(e[1])),
   skew: (e) => (Math.abs(e[1]) + Math.abs(e[4])) / 2
 };
-function et(e) {
+function tt(e) {
   return e.includes("scale") ? 1 : 0;
 }
-function tt(e, t) {
+function nt(e, t) {
   if (!e || e === "none")
-    return et(t);
+    return tt(t);
   const n = e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
   let s, i;
   if (n)
@@ -1177,18 +1177,18 @@ function tt(e, t) {
     s = Fr, i = a;
   }
   if (!i)
-    return et(t);
+    return tt(t);
   const r = s[t], o = i[1].split(",").map(Lr);
   return typeof r == "function" ? r(o) : o[r];
 }
 const Or = (e, t) => {
   const { transform: n = "none" } = getComputedStyle(e);
-  return tt(n, t);
+  return nt(n, t);
 };
 function Lr(e) {
   return parseFloat(e.trim());
 }
-const ce = [
+const ae = [
   "transformPerspective",
   "x",
   "y",
@@ -1206,7 +1206,7 @@ const ce = [
   "skew",
   "skewX",
   "skewY"
-], ue = new Set(ce), en = (e) => e === oe || e === b, Ir = /* @__PURE__ */ new Set(["x", "y", "z"]), kr = ce.filter((e) => !Ir.has(e));
+], ce = new Set(ae), Qt = (e) => e === re || e === b, Ir = /* @__PURE__ */ new Set(["x", "y", "z"]), kr = ae.filter((e) => !Ir.has(e));
 function Nr(e) {
   const t = [];
   return kr.forEach((n) => {
@@ -1223,16 +1223,16 @@ const G = {
   bottom: ({ y: e }, { top: t }) => parseFloat(t) + (e.max - e.min),
   right: ({ x: e }, { left: t }) => parseFloat(t) + (e.max - e.min),
   // Transform
-  x: (e, { transform: t }) => tt(t, "x"),
-  y: (e, { transform: t }) => tt(t, "y")
+  x: (e, { transform: t }) => nt(t, "x"),
+  y: (e, { transform: t }) => nt(t, "y")
 };
 G.translateX = G.x;
 G.translateY = G.y;
-const H = /* @__PURE__ */ new Set();
-let nt = !1, st = !1, it = !1;
+const z = /* @__PURE__ */ new Set();
+let st = !1, it = !1, rt = !1;
 function ns() {
-  if (st) {
-    const e = Array.from(H).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
+  if (it) {
+    const e = Array.from(z).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
     t.forEach((s) => {
       const i = Nr(s);
       i.length && (n.set(s, i), s.render());
@@ -1247,22 +1247,22 @@ function ns() {
       s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
     });
   }
-  st = !1, nt = !1, H.forEach((e) => e.complete(it)), H.clear();
+  it = !1, st = !1, z.forEach((e) => e.complete(rt)), z.clear();
 }
 function ss() {
-  H.forEach((e) => {
-    e.readKeyframes(), e.needsMeasurement && (st = !0);
+  z.forEach((e) => {
+    e.readKeyframes(), e.needsMeasurement && (it = !0);
   });
 }
 function Br() {
-  it = !0, ss(), ns(), it = !1;
+  rt = !0, ss(), ns(), rt = !1;
 }
 class Ct {
   constructor(t, n, s, i, r, o = !1) {
     this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...t], this.onComplete = n, this.name = s, this.motionValue = i, this.element = r, this.isAsync = o;
   }
   scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (H.add(this), nt || (nt = !0, k.read(ss), k.resolveKeyframes(ns))) : (this.readKeyframes(), this.complete());
+    this.state = "scheduled", this.isAsync ? (z.add(this), st || (st = !0, k.read(ss), k.resolveKeyframes(ns))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: t, name: n, element: s, motionValue: i } = this;
@@ -1287,10 +1287,10 @@ class Ct {
   measureEndState() {
   }
   complete(t = !1) {
-    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, t), H.delete(this);
+    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, t), z.delete(this);
   }
   cancel() {
-    this.state === "scheduled" && (H.delete(this), this.state = "pending");
+    this.state === "scheduled" && (z.delete(this), this.state = "pending");
   }
   resume() {
     this.state === "pending" && this.scheduleResolve();
@@ -1312,20 +1312,20 @@ const is = /* @__PURE__ */ jr(() => {
     return !1;
   }
   return !0;
-}, "linearEasing"), fe = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, tn = {
+}, "linearEasing"), le = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, en = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
   easeOut: "ease-out",
   easeInOut: "ease-in-out",
-  circIn: /* @__PURE__ */ fe([0, 0.65, 0.55, 1]),
-  circOut: /* @__PURE__ */ fe([0.55, 0, 1, 0.45]),
-  backIn: /* @__PURE__ */ fe([0.31, 0.01, 0.66, -0.59]),
-  backOut: /* @__PURE__ */ fe([0.33, 1.53, 0.69, 0.99])
+  circIn: /* @__PURE__ */ le([0, 0.65, 0.55, 1]),
+  circOut: /* @__PURE__ */ le([0.55, 0, 1, 0.45]),
+  backIn: /* @__PURE__ */ le([0.31, 0.01, 0.66, -0.59]),
+  backOut: /* @__PURE__ */ le([0.33, 1.53, 0.69, 0.99])
 };
 function rs(e, t) {
   if (e)
-    return typeof e == "function" ? is() ? Qn(e, t) : "ease-out" : _n(e) ? fe(e) : Array.isArray(e) ? e.map((n) => rs(n, t) || tn.easeOut) : tn[e];
+    return typeof e == "function" ? is() ? Qn(e, t) : "ease-out" : _n(e) ? le(e) : Array.isArray(e) ? e.map((n) => rs(n, t) || en.easeOut) : en[e];
 }
 function Ur(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatType: o = "loop", ease: a = "easeOut", times: l } = {}, u = void 0) {
   const c = {
@@ -1347,16 +1347,16 @@ function Ur(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatTyp
 function os(e) {
   return typeof e == "function" && "applyToOptions" in e;
 }
-function zr({ type: e, ...t }) {
+function Gr({ type: e, ...t }) {
   return os(e) && is() ? e.applyToOptions(t) : (t.duration ?? (t.duration = 300), t.ease ?? (t.ease = "easeOut"), t);
 }
-class Gr extends Vt {
+class zr extends Vt {
   constructor(t) {
     if (super(), this.finishedTime = null, this.isStopped = !1, !t)
       return;
     const { element: n, name: s, keyframes: i, pseudoElement: r, allowFlatten: o = !1, finalKeyframe: a, onComplete: l } = t;
-    this.isPseudoElement = !!r, this.allowFlatten = o, this.options = t, _(typeof t.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "motion"?`);
-    const u = zr(t);
+    this.isPseudoElement = !!r, this.allowFlatten = o, this.options = t, Y(typeof t.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "motion"?`);
+    const u = Gr(t);
     this.animation = Ur(n, s, i, u, r), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !r) {
         const c = xt(i, this.options, a, this.speed);
@@ -1439,7 +1439,7 @@ class Gr extends Vt {
    */
   attachTimeline({ timeline: t, observe: n }) {
     var s;
-    return this.allowFlatten && ((s = this.animation.effect) == null || s.updateTiming({ easing: "linear" })), this.animation.onfinish = null, t && $r() ? (this.animation.timeline = t, re) : n(this);
+    return this.allowFlatten && ((s = this.animation.effect) == null || s.updateTiming({ easing: "linear" })), this.animation.onfinish = null, t && $r() ? (this.animation.timeline = t, ie) : n(this);
   }
 }
 const as = {
@@ -1453,8 +1453,8 @@ function Hr(e) {
 function Yr(e) {
   typeof e.ease == "string" && Hr(e.ease) && (e.ease = as[e.ease]);
 }
-const nn = 10;
-class Xr extends Gr {
+const tn = 10;
+class Xr extends zr {
   constructor(t) {
     Yr(t), ts(t), super(t), t.startTime && (this.startTime = t.startTime), this.options = t;
   }
@@ -1478,11 +1478,11 @@ class Xr extends Gr {
       ...o,
       autoplay: !1
     }), l = /* @__PURE__ */ N(this.finishedTime ?? this.time);
-    n.setWithVelocity(a.sample(l - nn).value, a.sample(l).value, nn), a.stop();
+    n.setWithVelocity(a.sample(l - tn).value, a.sample(l).value, tn), a.stop();
   }
 }
-const sn = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
-(ae.test(e) || e === "0") && // And it contains numbers and/or colors
+const nn = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
+(oe.test(e) || e === "0") && // And it contains numbers and/or colors
 !e.startsWith("url("));
 function qr(e) {
   const t = e[0];
@@ -1498,8 +1498,8 @@ function Zr(e, t, n, s) {
     return !1;
   if (t === "display" || t === "visibility")
     return !0;
-  const r = e[e.length - 1], o = sn(i, t), a = sn(r, t);
-  return ie(o === a, `You are trying to animate ${t} from "${i}" to "${r}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${r} via the \`style\` property.`), !o || !a ? !1 : qr(e) || (n === "spring" || os(n)) && s;
+  const r = e[e.length - 1], o = nn(i, t), a = nn(r, t);
+  return ye(o === a, `You are trying to animate ${t} from "${i}" to "${r}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${r} via the \`style\` property.`), !o || !a ? !1 : qr(e) || (n === "spring" || os(n)) && s;
 }
 function cs(e) {
   return Di(e) && "offsetHeight" in e;
@@ -1559,7 +1559,7 @@ class no extends Vt {
       ...f,
       element: f.motionValue.owner.current
     }) : new At(f);
-    h.finished.then(() => this.notifyFinished()).catch(re), this.pendingTimeline && (this.stopTimeline = h.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = h;
+    h.finished.then(() => this.notifyFinished()).catch(ie), this.pendingTimeline && (this.stopTimeline = h.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = h;
   }
   get finished() {
     return this._animation ? this.animation.finished : this._finished;
@@ -1623,7 +1623,7 @@ function io(e) {
 }
 const ro = 4;
 function us(e, t, n = 1) {
-  _(n <= ro, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);
+  Y(n <= ro, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);
   const [s, i] = io(e);
   if (!s)
     return;
@@ -1644,11 +1644,11 @@ const fs = /* @__PURE__ */ new Set([
   "left",
   "right",
   "bottom",
-  ...ce
+  ...ae
 ]), oo = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, ds = (e) => (t) => t.test(e), hs = [oe, b, Q, $, qi, Xi, oo], rn = (e) => hs.find(ds(e));
+}, ds = (e) => (t) => t.test(e), hs = [re, b, Q, $, qi, Xi, oo], sn = (e) => hs.find(ds(e));
 function ao(e) {
   return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || En(e) : !0;
 }
@@ -1664,14 +1664,14 @@ function uo(e) {
   let r = co.has(t) ? 1 : 0;
   return s !== n && (r *= 100), t + "(" + r + i + ")";
 }
-const lo = /\b([a-z-]*)\(.*?\)/gu, rt = {
-  ...ae,
+const lo = /\b([a-z-]*)\(.*?\)/gu, ot = {
+  ...oe,
   getAnimatableNone: (e) => {
     const t = e.match(lo);
     return t ? t.map(uo).join(" ") : e;
   }
-}, on = {
-  ...oe,
+}, rn = {
+  ...re,
   transform: Math.round
 }, fo = {
   rotate: $,
@@ -1694,9 +1694,9 @@ const lo = /\b([a-z-]*)\(.*?\)/gu, rt = {
   z: b,
   perspective: b,
   transformPerspective: b,
-  opacity: pe,
-  originX: zt,
-  originY: zt,
+  opacity: he,
+  originX: Gt,
+  originY: Gt,
   originZ: b
 }, Mt = {
   // Border props
@@ -1735,11 +1735,11 @@ const lo = /\b([a-z-]*)\(.*?\)/gu, rt = {
   backgroundPositionX: b,
   backgroundPositionY: b,
   ...fo,
-  zIndex: on,
+  zIndex: rn,
   // SVG
-  fillOpacity: pe,
-  strokeOpacity: pe,
-  numOctaves: on
+  fillOpacity: he,
+  strokeOpacity: he,
+  numOctaves: rn
 }, ho = {
   ...Mt,
   // Color props
@@ -1754,19 +1754,19 @@ const lo = /\b([a-z-]*)\(.*?\)/gu, rt = {
   borderRightColor: E,
   borderBottomColor: E,
   borderLeftColor: E,
-  filter: rt,
-  WebkitFilter: rt
+  filter: ot,
+  WebkitFilter: ot
 }, ps = (e) => ho[e];
 function ms(e, t) {
   let n = ps(e);
-  return n !== rt && (n = ae), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
+  return n !== ot && (n = oe), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
 }
 const po = /* @__PURE__ */ new Set(["auto", "none", "0"]);
 function mo(e, t, n) {
   let s = 0, i;
   for (; s < e.length && !i; ) {
     const r = e[s];
-    typeof r == "string" && !po.has(r) && me(r).values.length && (i = e[s]), s++;
+    typeof r == "string" && !po.has(r) && pe(r).values.length && (i = e[s]), s++;
   }
   if (i && n)
     for (const r of t)
@@ -1790,9 +1790,9 @@ class go extends Ct {
     }
     if (this.resolveNoneKeyframes(), !fs.has(s) || t.length !== 2)
       return;
-    const [i, r] = t, o = rn(i), a = rn(r);
+    const [i, r] = t, o = sn(i), a = sn(r);
     if (o !== a)
-      if (en(o) && en(a))
+      if (Qt(o) && Qt(a))
         for (let l = 0; l < t.length; l++) {
           const u = t[l];
           typeof u == "string" && (t[l] = parseFloat(u));
@@ -1830,12 +1830,13 @@ function yo(e, t, n) {
   if (e instanceof EventTarget)
     return [e];
   if (typeof e == "string") {
-    const i = document.querySelectorAll(e);
+    let s = document;
+    const i = (n == null ? void 0 : n[e]) ?? s.querySelectorAll(e);
     return i ? Array.from(i) : [];
   }
   return Array.from(e);
 }
-const gs = (e, t) => t && typeof e == "number" ? t.transform(e) : e, an = 30, bo = (e) => !isNaN(parseFloat(e));
+const gs = (e, t) => t && typeof e == "number" ? t.transform(e) : e, on = 30, bo = (e) => !isNaN(parseFloat(e));
 class vo {
   /**
    * @param init - The initiating value
@@ -1984,9 +1985,9 @@ class vo {
    */
   getVelocity() {
     const t = L.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > an)
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > on)
       return 0;
-    const n = Math.min(this.updatedAt - this.prevUpdatedAt, an);
+    const n = Math.min(this.updatedAt - this.prevUpdatedAt, on);
     return Rn(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
@@ -2042,8 +2043,7 @@ class vo {
 function Ee(e, t) {
   return new vo(e, t);
 }
-const { schedule: To, cancel: Fc } = /* @__PURE__ */ jn(queueMicrotask, !1), wo = {
-  x: !1,
+const { schedule: To } = /* @__PURE__ */ jn(queueMicrotask, !1), wo = {
   y: !1
 };
 function So() {
@@ -2057,18 +2057,18 @@ function ys(e, t) {
   };
   return [n, i, () => s.abort()];
 }
-function cn(e) {
+function an(e) {
   return !(e.pointerType === "touch" || So());
 }
 function xo(e, t, n = {}) {
   const [s, i, r] = ys(e, n), o = (a) => {
-    if (!cn(a))
+    if (!an(a))
       return;
     const { target: l } = a, u = t(l, a);
     if (typeof u != "function" || !l)
       return;
     const c = (d) => {
-      cn(d) && (u(d), l.removeEventListener("pointerleave", c));
+      an(d) && (u(d), l.removeEventListener("pointerleave", c));
     };
     l.addEventListener("pointerleave", c, i);
   };
@@ -2087,40 +2087,40 @@ function Co(e) {
   return Ao.has(e.tagName) || e.tabIndex !== -1;
 }
 const xe = /* @__PURE__ */ new WeakSet();
-function un(e) {
+function cn(e) {
   return (t) => {
     t.key === "Enter" && e(t);
   };
 }
-function je(e, t) {
+function Ue(e, t) {
   e.dispatchEvent(new PointerEvent("pointer" + t, { isPrimary: !0, bubbles: !0 }));
 }
 const Mo = (e, t) => {
   const n = e.currentTarget;
   if (!n)
     return;
-  const s = un(() => {
+  const s = cn(() => {
     if (xe.has(n))
       return;
-    je(n, "down");
-    const i = un(() => {
-      je(n, "up");
-    }), r = () => je(n, "cancel");
+    Ue(n, "down");
+    const i = cn(() => {
+      Ue(n, "up");
+    }), r = () => Ue(n, "cancel");
     n.addEventListener("keyup", i, t), n.addEventListener("blur", r, t);
   });
   n.addEventListener("keydown", s, t), n.addEventListener("blur", () => n.removeEventListener("keydown", s), t);
 };
-function ln(e) {
+function un(e) {
   return Vo(e) && !0;
 }
 function Po(e, t, n = {}) {
   const [s, i, r] = ys(e, n), o = (a) => {
     const l = a.currentTarget;
-    if (!ln(a))
+    if (!un(a))
       return;
     xe.add(l);
     const u = t(l, a), c = (h, g) => {
-      window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", f), xe.has(l) && xe.delete(l), ln(h) && typeof u == "function" && u(h, { success: g });
+      window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", f), xe.has(l) && xe.delete(l), un(h) && typeof u == "function" && u(h, { success: g });
     }, d = (h) => {
       c(h, l === window || l === document || n.useGlobalTarget || bs(l, h.target));
     }, f = (h) => {
@@ -2132,11 +2132,11 @@ function Po(e, t, n = {}) {
     (n.useGlobalTarget ? window : a).addEventListener("pointerdown", o, i), cs(a) && (a.addEventListener("focus", (u) => Mo(u, i)), !Co(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), r;
 }
-const O = (e) => !!(e && e.getVelocity), Eo = [...hs, E, ae], Do = (e) => Eo.find(ds(e)), vs = se({
+const O = (e) => !!(e && e.getVelocity), Eo = [...hs, E, oe], Do = (e) => Eo.find(ds(e)), vs = se({
   transformPagePoint: (e) => e,
   isStatic: !1,
   reducedMotion: "never"
-}), Pt = se({ strict: !1 }), fn = {
+}), Pt = se({ strict: !1 }), ln = {
   animation: [
     "animate",
     "variants",
@@ -2156,11 +2156,11 @@ const O = (e) => !!(e && e.getVelocity), Eo = [...hs, E, ae], Do = (e) => Eo.fin
   inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
   layout: ["layout", "layoutId"]
 }, te = {};
-for (const e in fn)
+for (const e in ln)
   te[e] = {
-    isEnabled: (t) => fn[e].some((n) => !!t[n])
+    isEnabled: (t) => ln[e].some((n) => !!t[n])
   };
-function ot(e) {
+function fn(e) {
   for (const t in e)
     te[t] = {
       ...te[t],
@@ -2168,18 +2168,18 @@ function ot(e) {
     };
 }
 function Fo({ children: e, features: t, strict: n = !1 }) {
-  const [, s] = zs(!Ue(t)), i = de(void 0);
-  if (!Ue(t)) {
+  const [, s] = Gs(!Ge(t)), i = fe(void 0);
+  if (!Ge(t)) {
     const { renderer: r, ...o } = t;
-    i.current = r, ot(o);
+    i.current = r, fn(o);
   }
   return dt(() => {
-    Ue(t) && t().then(({ renderer: r, ...o }) => {
-      ot(o), i.current = r, s(!0);
+    Ge(t) && t().then(({ renderer: r, ...o }) => {
+      fn(o), i.current = r, s(!0);
     });
   }, []), M(Pt.Provider, { value: { renderer: i.current, strict: n }, children: e });
 }
-function Ue(e) {
+function Ge(e) {
   return typeof e == "function";
 }
 const Ro = /* @__PURE__ */ new Set([
@@ -2236,7 +2236,7 @@ const Le = /* @__PURE__ */ se({});
 function Ie(e) {
   return e !== null && typeof e == "object" && typeof e.start == "function";
 }
-function ge(e) {
+function me(e) {
   return typeof e == "string" || Array.isArray(e);
 }
 const Et = [
@@ -2249,7 +2249,7 @@ const Et = [
   "exit"
 ], Dt = ["initial", ...Et];
 function ke(e) {
-  return Ie(e.animate) || Dt.some((t) => ge(e[t]));
+  return Ie(e.animate) || Dt.some((t) => me(e[t]));
 }
 function ws(e) {
   return !!(ke(e) || e.variants);
@@ -2258,8 +2258,8 @@ function Io(e, t) {
   if (ke(e)) {
     const { initial: n, animate: s } = e;
     return {
-      initial: n === !1 || ge(n) ? n : void 0,
-      animate: ge(s) ? s : void 0
+      initial: n === !1 || me(n) ? n : void 0,
+      animate: me(s) ? s : void 0
     };
   }
   return e.inherit !== !1 ? t : {};
@@ -2276,7 +2276,7 @@ function Ss(e) {
   return e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "current");
 }
 function Bo(e, t, n) {
-  return Gs(
+  return zs(
     (s) => {
       s && e.onMount && e.onMount(s), t && (s ? t.mount(s) : t.unmount()), n && (typeof n == "function" ? n(s) : Ss(n) && (n.current = s));
     },
@@ -2291,7 +2291,7 @@ function Bo(e, t, n) {
 const Ft = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Ko = "framerAppearId", xs = "data-" + Ft(Ko), Wo = se({});
 function $o(e, t, n, s, i) {
   var y, T;
-  const { visualElement: r } = I(Le), o = I(Pt), a = I(Mn), l = I(vs).reducedMotion, u = de(null);
+  const { visualElement: r } = I(Le), o = I(Pt), a = I(Mn), l = I(vs).reducedMotion, u = fe(null);
   s = s || o.renderer, !u.current && s && (u.current = s(e, {
     visualState: t,
     parent: r,
@@ -2302,11 +2302,11 @@ function $o(e, t, n, s, i) {
   }));
   const c = u.current, d = I(Wo);
   c && !c.projection && i && (c.type === "html" || c.type === "svg") && _o(u.current, n, i, d);
-  const f = de(!1);
+  const f = fe(!1);
   Hs(() => {
     c && f.current && c.update(n, a);
   });
-  const h = n[xs], g = de(!!h && !((y = window.MotionHandoffIsComplete) != null && y.call(window, h)) && ((T = window.MotionHasOptimisedAnimation) == null ? void 0 : T.call(window, h)));
+  const h = n[xs], g = fe(!!h && !((y = window.MotionHandoffIsComplete) != null && y.call(window, h)) && ((T = window.MotionHasOptimisedAnimation) == null ? void 0 : T.call(window, h)));
   return Mi(() => {
     c && (f.current = !0, window.MotionIsMounted = !0, c.updateFeatures(), To.render(c.render), g.current && c.animationState && c.animationState.animateChanges());
   }), dt(() => {
@@ -2342,7 +2342,6 @@ function Vs(e) {
     return e.options.allowProjection !== !1 ? e.projection : Vs(e.parent);
 }
 function jo({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVisualState: s, Component: i }) {
-  e && ot(e);
   function r(a, l) {
     let u;
     const c = {
@@ -2351,8 +2350,8 @@ function jo({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVis
       layoutId: Uo(a)
     }, { isStatic: d } = c, f = ko(a), h = s(a, d);
     if (!d && pt) {
-      zo(c, e);
-      const g = Go(c);
+      Go(c, e);
+      const g = zo(c);
       u = g.MeasureLayout, f.visualElement = $o(i, h, c, t, g.ProjectionNode);
     }
     return Ve(Le.Provider, { value: f, children: [u && f.visualElement ? M(u, { visualElement: f.visualElement, ...c }) : null, n(i, a, Bo(h, f.visualElement, l), h, d, f.visualElement)] });
@@ -2365,14 +2364,10 @@ function Uo({ layoutId: e }) {
   const t = I(Ai).id;
   return t && e !== void 0 ? t + "-" + e : e;
 }
-function zo(e, t) {
-  const n = I(Pt).strict;
-  if (process.env.NODE_ENV !== "production" && t && n) {
-    const s = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
-    e.ignoreStrict ? ie(!1, s) : _(!1, s);
-  }
+function Go(e, t) {
+  I(Pt).strict, process.env.NODE_ENV;
 }
-function Go(e) {
+function zo(e) {
   const { drag: t, layout: n } = te;
   if (!t && !n)
     return {};
@@ -2384,18 +2379,18 @@ function Go(e) {
 }
 const Ho = {};
 function As(e, { layout: t, layoutId: n }) {
-  return ue.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!Ho[e] || e === "opacity");
+  return ce.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!Ho[e] || e === "opacity");
 }
 const Yo = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, Xo = ce.length;
+}, Xo = ae.length;
 function qo(e, t, n) {
   let s = "", i = !0;
   for (let r = 0; r < Xo; r++) {
-    const o = ce[r], a = e[o];
+    const o = ae[r], a = e[o];
     if (a === void 0)
       continue;
     let l = !0;
@@ -2416,10 +2411,10 @@ function Rt(e, t, n) {
   let o = !1, a = !1;
   for (const l in t) {
     const u = t[l];
-    if (ue.has(l)) {
+    if (ce.has(l)) {
       o = !0;
       continue;
-    } else if (zn(l)) {
+    } else if (Gn(l)) {
       i[l] = u;
       continue;
     } else {
@@ -2640,7 +2635,7 @@ function Fs(e, t, n) {
   const s = kt(e, t, n);
   for (const i in e)
     if (O(e[i]) || O(t[i])) {
-      const r = ce.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
+      const r = ae.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
       s[r] = e[i];
     }
   return s;
@@ -2664,7 +2659,7 @@ function fa(e, t) {
   };
 }
 const da = /* @__PURE__ */ fa();
-function ye(e, t, n) {
+function ge(e, t, n) {
   const s = e.getProps();
   return It(s, t, n !== void 0 ? n : s.custom, e);
 }
@@ -2676,7 +2671,7 @@ function pa(e) {
   return at(e) ? e[e.length - 1] || 0 : e;
 }
 function ma(e, t) {
-  const n = ye(e, t);
+  const n = ge(e, t);
   let { transitionEnd: s = {}, transition: i = {}, ...r } = n || {};
   r = { ...r, ...s };
   for (const o in r) {
@@ -2721,7 +2716,7 @@ const wa = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, Aa = (e, { keyframes: t }) => t.length > 2 ? xa : ue.has(e) ? e.startsWith("scale") ? Sa(t[1]) : wa : Va;
+}, Aa = (e, { keyframes: t }) => t.length > 2 ? xa : ce.has(e) ? e.startsWith("scale") ? Sa(t[1]) : wa : Va;
 function Ca({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: r, repeatType: o, repeatDelay: a, from: l, elapsed: u, ...c }) {
   return !!Object.keys(c).length;
 }
@@ -2796,7 +2791,7 @@ function Rs(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
 }
 function ct(e, t, n = {}) {
   var l;
-  const s = ye(e, t, n.type === "exit" ? (l = e.presenceContext) == null ? void 0 : l.custom : void 0);
+  const s = ge(e, t, n.type === "exit" ? (l = e.presenceContext) == null ? void 0 : l.custom : void 0);
   let { transition: i = e.getDefaultTransition() || {} } = s || {};
   n.transitionOverride && (i = n.transitionOverride);
   const r = s ? () => Promise.all(Rs(e, s, n)) : () => Promise.resolve(), o = e.variantChildren && e.variantChildren.size ? (u = 0) => {
@@ -2833,7 +2828,7 @@ function Fa(e, t, n = {}) {
   } else if (typeof t == "string")
     s = ct(e, t, n);
   else {
-    const i = typeof t == "function" ? ye(e, t, n.custom) : t;
+    const i = typeof t == "function" ? ge(e, t, n.custom) : t;
     s = Promise.all(Rs(e, i, n));
   }
   return s.then(() => {
@@ -2862,7 +2857,7 @@ function Ls(e) {
   const t = {};
   for (let n = 0; n < Ra; n++) {
     const s = Dt[n], i = e.props[s];
-    (ge(i) || i === !1) && (t[s] = i);
+    (me(i) || i === !1) && (t[s] = i);
   }
   return t;
 }
@@ -2874,7 +2869,7 @@ function ka(e) {
   let t = Ia(e), n = pn(), s = !0;
   const i = (l) => (u, c) => {
     var f;
-    const d = ye(e, c, l === "exit" ? (f = e.presenceContext) == null ? void 0 : f.custom : void 0);
+    const d = ge(e, c, l === "exit" ? (f = e.presenceContext) == null ? void 0 : f.custom : void 0);
     if (d) {
       const { transition: h, transitionEnd: g, ...y } = d;
       u = { ...u, ...y, ...g };
@@ -2888,7 +2883,7 @@ function ka(e) {
     const { props: u } = e, c = Ls(e.parent) || {}, d = [], f = /* @__PURE__ */ new Set();
     let h = {}, g = 1 / 0;
     for (let T = 0; T < La; T++) {
-      const p = Oa[T], V = n[p], m = u[p] !== void 0 ? u[p] : c[p], C = ge(m), w = p === l ? V.isActive : null;
+      const p = Oa[T], V = n[p], m = u[p] !== void 0 ? u[p] : c[p], C = me(m), w = p === l ? V.isActive : null;
       w === !1 && (g = T);
       let A = m === c[p] && m !== u[p] && C;
       if (A && s && e.manuallyAnimateOnMount && (A = !1), V.protectedKeys = { ...h }, // If it isn't active and hasn't *just* been set as inactive
@@ -2926,7 +2921,7 @@ function ka(e) {
     if (f.size) {
       const T = {};
       if (typeof u.initial != "boolean") {
-        const p = ye(e, Array.isArray(u.initial) ? u.initial[0] : u.initial);
+        const p = ge(e, Array.isArray(u.initial) ? u.initial[0] : u.initial);
         p && p.transition && (T.transition = p.transition);
       }
       f.forEach((p) => {
@@ -2963,7 +2958,7 @@ function ka(e) {
 function Na(e, t) {
   return typeof t == "string" ? t !== e : Array.isArray(t) ? !Os(t, e) : !1;
 }
-function j(e = !1) {
+function _(e = !1) {
   return {
     isActive: e,
     protectedKeys: {},
@@ -2973,23 +2968,23 @@ function j(e = !1) {
 }
 function pn() {
   return {
-    animate: j(!0),
-    whileInView: j(),
-    whileHover: j(),
-    whileTap: j(),
-    whileDrag: j(),
-    whileFocus: j(),
-    exit: j()
+    animate: _(!0),
+    whileInView: _(),
+    whileHover: _(),
+    whileTap: _(),
+    whileDrag: _(),
+    whileFocus: _(),
+    exit: _()
   };
 }
-class le {
+class ue {
   constructor(t) {
     this.isMounted = !1, this.node = t;
   }
   update() {
   }
 }
-class Ba extends le {
+class Ba extends ue {
   /**
    * We dynamically generate the AnimationState manager as it contains a reference
    * to the underlying animation library. We only want to load that if we load this,
@@ -3018,7 +3013,7 @@ class Ba extends le {
   }
 }
 let Ka = 0;
-class Wa extends le {
+class Wa extends ue {
   constructor() {
     super(...arguments), this.id = Ka++;
   }
@@ -3089,7 +3084,7 @@ function yn(e, t, n) {
   const i = "onHover" + n, r = s[i];
   r && k.postRender(() => r(t, Is(t)));
 }
-class za extends le {
+class Ga extends ue {
   mount() {
     const { current: t } = this.node;
     t && (this.unmount = xo(t, (n, s) => (yn(this.node, s, "Start"), (i) => yn(this.node, i, "End"))));
@@ -3097,7 +3092,7 @@ class za extends le {
   unmount() {
   }
 }
-class Ga extends le {
+class za extends ue {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -3127,7 +3122,7 @@ function bn(e, t, n) {
   const i = "onTap" + (n === "End" ? "" : n), r = s[i];
   r && k.postRender(() => r(t, Is(t)));
 }
-class Ha extends le {
+class Ha extends ue {
   mount() {
     const { current: t } = this.node;
     t && (this.unmount = Po(t, (n, s) => (bn(this.node, s, "Start"), (i, { success: r }) => bn(this.node, i, r ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
@@ -3157,7 +3152,7 @@ const Ja = {
   some: 0,
   all: 1
 };
-class Qa extends le {
+class Qa extends ue {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -3200,10 +3195,10 @@ const tc = {
     Feature: Ha
   },
   focus: {
-    Feature: Ga
+    Feature: za
   },
   hover: {
-    Feature: za
+    Feature: Ga
   }
 }, lt = { current: null }, Ns = { current: !1 };
 function nc() {
@@ -3274,7 +3269,7 @@ class rc {
     this.current = t, sc.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, s) => this.bindToMotionValue(s, n)), Ns.current || nc(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : lt.current, process.env.NODE_ENV !== "production" && On(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
-    this.projection && this.projection.unmount(), He(this.notifyUpdate), He(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
+    this.projection && this.projection.unmount(), Ye(this.notifyUpdate), Ye(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
     for (const t in this.events)
       this.events[t].clear();
     for (const t in this.features) {
@@ -3285,7 +3280,7 @@ class rc {
   }
   bindToMotionValue(t, n) {
     this.valueSubscriptions.has(t) && this.valueSubscriptions.get(t)();
-    const s = ue.has(t);
+    const s = ce.has(t);
     s && this.onBindTransform && this.onBindTransform();
     const i = n.on("change", (a) => {
       this.latestValues[t] = a, this.props.onUpdate && k.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0);
@@ -3405,7 +3400,7 @@ class rc {
    */
   readValue(t, n) {
     let s = this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : this.getBaseTargetFromProps(this.props, t) ?? this.readValueFromInstance(this.current, t, this.options);
-    return s != null && (typeof s == "string" && (Pn(s) || En(s)) ? s = parseFloat(s) : !Do(s) && ae.test(n) && (s = ms(t, n)), this.setBaseTarget(t, O(s) ? s.get() : s)), O(s) ? s.get() : s;
+    return s != null && (typeof s == "string" && (Pn(s) || En(s)) ? s = parseFloat(s) : !Do(s) && oe.test(n) && (s = ms(t, n)), this.setBaseTarget(t, O(s) ? s.get() : s)), O(s) ? s.get() : s;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -3477,10 +3472,10 @@ class ac extends Bs {
   }
   readValueFromInstance(t, n) {
     var s;
-    if (ue.has(n))
-      return (s = this.projection) != null && s.isProjecting ? et(n) : Or(t, n);
+    if (ce.has(n))
+      return (s = this.projection) != null && s.isProjecting ? tt(n) : Or(t, n);
     {
-      const i = oc(t), r = (zn(n) ? i.getPropertyValue(n) : i[n]) || 0;
+      const i = oc(t), r = (Gn(n) ? i.getPropertyValue(n) : i[n]) || 0;
       return typeof r == "string" ? r.trim() : r;
     }
   }
@@ -3532,7 +3527,7 @@ class uc extends Bs {
     return t[n];
   }
   readValueFromInstance(t, n) {
-    if (ue.has(n)) {
+    if (ce.has(n)) {
       const s = ps(n);
       return s && s.default || 0;
     }
@@ -3567,7 +3562,7 @@ const lc = (e, t) => Lt(e) ? new uc(t) : new ac(t, {
   },
   removeTopLayer: () => {
   }
-}), Rc = ({ children: e }) => {
+}), Dc = ({ children: e }) => {
   const [t, n] = ne.useState([]), s = (o) => {
     n((a) => [...a, o]);
   }, i = (o) => {
@@ -3688,6 +3683,7 @@ const lc = (e, t) => Lt(e) ? new uc(t) : new ac(t, {
                         w: l.w ?? "full",
                         bg: "surface-1",
                         border: "px",
+                        borderColor: "gray-8",
                         rounded: "4",
                         shadow: "3",
                         ...l,
@@ -3800,6 +3796,6 @@ Object.assign(Tc, {
 });
 export {
   Tc as Modal,
-  Rc as ModalStackingProvider
+  Dc as ModalStackingProvider
 };
 //# sourceMappingURL=index.mjs.map