@konstructio/ui 0.1.2-alpha.106 → 0.1.2-alpha.107

package/dist/{react-B6Nc0Fib.js → react-7zQ6bvbE.js}

@@ -1545,7 +1545,8 @@ var Ia = "framerAppearId", Ks = "data-" + xi(Ia);
 function zs(t) {
   return t.props[Ks];
 }
-function Oa({ protectedKeys: t, needsAnimating: e }, i) {
+var Oa = typeof window < "u";
+function ja({ protectedKeys: t, needsAnimating: e }, i) {
   const n = t.hasOwnProperty(i) && e[i] !== !0;
   return e[i] = !1, n;
 }
@@ -1559,7 +1560,7 @@ function Hs(t, e, { delay: i = 0, transitionOverride: n, type: s } = {}) {
   p && p.animateVisualElement(t, a, o, i, h);
   for (const d in a) {
     const m = t.getValue(d, t.latestValues[d] ?? null), g = a[d];
-    if (g === void 0 || f && Oa(f, d)) continue;
+    if (g === void 0 || f && ja(f, d)) continue;
     const v = {
       delay: i,
       ...gi(o || {}, d)
@@ -1571,7 +1572,7 @@ function Hs(t, e, { delay: i = 0, transitionOverride: n, type: s } = {}) {
       continue;
     }
     let x = !1;
-    if (window.MotionHandoffAnimation) {
+    if (Oa && window.MotionHandoffAnimation) {
       const A = zs(t);
       if (A) {
         const D = window.MotionHandoffAnimation(A, d, M);
@@ -1598,14 +1599,14 @@ function Ge(t, e, i = {}) {
   i.transitionOverride && (s = i.transitionOverride);
   const o = n ? () => Promise.all(Hs(t, n, i)) : () => Promise.resolve(), r = t.variantChildren && t.variantChildren.size ? (l = 0) => {
     const { delayChildren: c = 0, staggerChildren: u, staggerDirection: h } = s;
-    return ja(t, e, l, c, u, h, i);
+    return Na(t, e, l, c, u, h, i);
   } : () => Promise.resolve(), { when: a } = s;
   if (a) {
     const [l, c] = a === "beforeChildren" ? [o, r] : [r, o];
     return l().then(() => c());
   } else return Promise.all([o(), r(i.delay)]);
 }
-function ja(t, e, i = 0, n = 0, s = 0, o = 1, r) {
+function Na(t, e, i = 0, n = 0, s = 0, o = 1, r) {
   const a = [];
   for (const l of t.variantChildren)
     l.notify("AnimationStart", e), a.push(Ge(l, e, {
@@ -1614,7 +1615,7 @@ function ja(t, e, i = 0, n = 0, s = 0, o = 1, r) {
     }).then(() => l.notify("AnimationComplete", e)));
   return Promise.all(a);
 }
-function Na(t, e, i = {}) {
+function Ua(t, e, i = {}) {
   t.notify("AnimationStart", e);
   let n;
   if (Array.isArray(e)) {
@@ -1629,7 +1630,7 @@ function Na(t, e, i = {}) {
     t.notify("AnimationComplete", e);
   });
 }
-var Ua = {
+var Wa = {
   test: (t) => t === "auto",
   parse: (t) => t
 }, Gs = (t) => (e) => e.test(t), _s = [
@@ -1639,31 +1640,31 @@ var Ua = {
   it,
   co,
   uo,
-  Ua
+  Wa
 ], qi = (t) => _s.find(Gs(t));
-function Wa(t) {
+function $a(t) {
   return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || ns(t) : !0;
 }
-var $a = /* @__PURE__ */ new Set([
+var Ka = /* @__PURE__ */ new Set([
   "brightness",
   "contrast",
   "saturate",
   "opacity"
 ]);
-function Ka(t) {
+function za(t) {
   const [e, i] = t.slice(0, -1).split("(");
   if (e === "drop-shadow") return t;
   const [n] = i.match(hi) || [];
   if (!n) return t;
   const s = i.replace(n, "");
-  let o = $a.has(e) ? 1 : 0;
+  let o = Ka.has(e) ? 1 : 0;
   return n !== i && (o *= 100), e + "(" + o + s + ")";
 }
-var za = /\b([a-z-]*)\(.*?\)/gu, _e = {
+var Ha = /\b([a-z-]*)\(.*?\)/gu, _e = {
   ..._,
   getAnimatableNone: (t) => {
-    const e = t.match(za);
-    return e ? e.map(Ka).join(" ") : t;
+    const e = t.match(Ha);
+    return e ? e.map(za).join(" ") : t;
   }
 }, Xe = {
   ..._,
@@ -1677,7 +1678,7 @@ var za = /\b([a-z-]*)\(.*?\)/gu, _e = {
 }, Zi = {
   ...Ct,
   transform: Math.round
-}, Ha = {
+}, Ga = {
   rotate: it,
   pathRotation: it,
   rotateX: it,
@@ -1754,12 +1755,12 @@ var za = /\b([a-z-]*)\(.*?\)/gu, _e = {
   fontSize: y,
   backgroundPositionX: y,
   backgroundPositionY: y,
-  ...Ha,
+  ...Ga,
   zIndex: Zi,
   fillOpacity: Ot,
   strokeOpacity: Ot,
   numOctaves: Zi
-}, Ga = {
+}, _a = {
   ...oe,
   color: R,
   backgroundColor: R,
@@ -1775,25 +1776,25 @@ var za = /\b([a-z-]*)\(.*?\)/gu, _e = {
   WebkitFilter: _e,
   mask: Xe,
   WebkitMask: Xe
-}, Xs = (t) => Ga[t], _a = /* @__PURE__ */ new Set([_e, Xe]);
+}, Xs = (t) => _a[t], Xa = /* @__PURE__ */ new Set([_e, Xe]);
 function Ys(t, e) {
   let i = Xs(t);
-  return _a.has(i) || (i = _), i.getAnimatableNone ? i.getAnimatableNone(e) : void 0;
+  return Xa.has(i) || (i = _), i.getAnimatableNone ? i.getAnimatableNone(e) : void 0;
 }
-var Xa = /* @__PURE__ */ new Set([
+var Ya = /* @__PURE__ */ new Set([
   "auto",
   "none",
   "0"
 ]);
-function Ya(t, e, i) {
+function qa(t, e, i) {
   let n = 0, s;
   for (; n < t.length && !s; ) {
     const o = t[n];
-    typeof o == "string" && !Xa.has(o) && bt(o).values.length && (s = t[n]), n++;
+    typeof o == "string" && !Ya.has(o) && bt(o).values.length && (s = t[n]), n++;
   }
   if (s && i) for (const o of e) t[o] = Ys(i, s);
 }
-var qa = class extends vi {
+var Za = class extends vi {
   constructor(t, e, i, n, s) {
     super(t, e, i, n, s, !0);
   }
@@ -1823,8 +1824,8 @@ var qa = class extends vi {
   }
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: t, name: e } = this, i = [];
-    for (let n = 0; n < t.length; n++) (t[n] === null || Wa(t[n])) && i.push(n);
-    i.length && Ya(t, i, e);
+    for (let n = 0; n < t.length; n++) (t[n] === null || $a(t[n])) && i.push(n);
+    i.length && qa(t, i, e);
   }
   measureInitialState() {
     const { element: t, unresolvedKeyframes: e, name: i } = this;
@@ -1861,17 +1862,17 @@ function qs(t, e, i) {
   return Array.from(t).filter((n) => n != null);
 }
 var Ye = (t, e) => e && typeof t == "number" ? e.transform(t) : t;
-function Za(t) {
+function Ja(t) {
   return is(t) && "offsetHeight" in t && !("ownerSVGElement" in t);
 }
-var { schedule: Pi, cancel: $c } = /* @__PURE__ */ vs(queueMicrotask, !1), G = {
+var { schedule: Pi, cancel: Kc } = /* @__PURE__ */ vs(queueMicrotask, !1), G = {
   x: !1,
   y: !1
 };
 function Zs() {
   return G.x || G.y;
 }
-function Ja(t) {
+function Qa(t) {
   return t === "x" || t === "y" ? G[t] ? null : (G[t] = !0, () => {
     G[t] = !1;
   }) : G.x || G.y ? null : (G.x = G.y = !0, () => {
@@ -1890,10 +1891,10 @@ function Js(t, e) {
     () => n.abort()
   ];
 }
-function Qa(t) {
+function tl(t) {
   return !(t.pointerType === "touch" || Zs());
 }
-function tl(t, e, i = {}) {
+function el(t, e, i = {}) {
   const [n, s, o] = Js(t, i);
   return n.forEach((r) => {
     let a = !1, l = !1, c;
@@ -1914,7 +1915,7 @@ function tl(t, e, i = {}) {
         h(g);
       }
     }, m = (g) => {
-      if (!Qa(g)) return;
+      if (!tl(g)) return;
       l = !1;
       const v = e(r, g);
       typeof v == "function" && (c = v, r.addEventListener("pointerleave", d, s));
@@ -1922,23 +1923,23 @@ function tl(t, e, i = {}) {
     r.addEventListener("pointerenter", m, s), r.addEventListener("pointerdown", p, s);
   }), o;
 }
-var Qs = (t, e) => e ? t === e ? !0 : Qs(t, e.parentElement) : !1, Si = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, el = /* @__PURE__ */ new Set([
+var Qs = (t, e) => e ? t === e ? !0 : Qs(t, e.parentElement) : !1, Si = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, il = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
   "TEXTAREA",
   "A"
 ]);
-function il(t) {
-  return el.has(t.tagName) || t.isContentEditable === !0;
+function nl(t) {
+  return il.has(t.tagName) || t.isContentEditable === !0;
 }
-var nl = /* @__PURE__ */ new Set([
+var sl = /* @__PURE__ */ new Set([
   "INPUT",
   "SELECT",
   "TEXTAREA"
 ]);
-function sl(t) {
-  return nl.has(t.tagName) || t.isContentEditable === !0;
+function rl(t) {
+  return sl.has(t.tagName) || t.isContentEditable === !0;
 }
 var Yt = /* @__PURE__ */ new WeakSet();
 function Ji(t) {
@@ -1952,7 +1953,7 @@ function we(t, e) {
     bubbles: !0
   }));
 }
-var rl = (t, e) => {
+var ol = (t, e) => {
   const i = t.currentTarget;
   if (!i) return;
   const n = Ji(() => {
@@ -1969,7 +1970,7 @@ function Qi(t) {
   return Si(t) && !Zs();
 }
 var tn = /* @__PURE__ */ new WeakSet();
-function ol(t, e, i = {}) {
+function al(t, e, i = {}) {
   const [n, s, o] = Js(t, i), r = (a) => {
     const l = a.currentTarget;
     if (!Qi(a) || tn.has(a)) return;
@@ -1987,33 +1988,33 @@ function ol(t, e, i = {}) {
     window.addEventListener("pointerup", f, u), window.addEventListener("pointercancel", p, u);
   };
   return n.forEach((a) => {
-    (i.useGlobalTarget ? window : a).addEventListener("pointerdown", r, s), Za(a) && (a.addEventListener("focus", (l) => rl(l, s)), !il(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
+    (i.useGlobalTarget ? window : a).addEventListener("pointerdown", r, s), Ja(a) && (a.addEventListener("focus", (l) => ol(l, s)), !nl(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
   }), o;
 }
 function bi(t) {
   return is(t) && "ownerSVGElement" in t;
 }
-var qt = /* @__PURE__ */ new WeakMap(), Zt, tr = (t, e, i) => (n, s) => s && s[0] ? s[0][t + "Size"] : bi(n) && "getBBox" in n ? n.getBBox()[e] : n[i], al = /* @__PURE__ */ tr("inline", "width", "offsetWidth"), ll = /* @__PURE__ */ tr("block", "height", "offsetHeight");
-function ul({ target: t, borderBoxSize: e }) {
+var qt = /* @__PURE__ */ new WeakMap(), Zt, tr = (t, e, i) => (n, s) => s && s[0] ? s[0][t + "Size"] : bi(n) && "getBBox" in n ? n.getBBox()[e] : n[i], ll = /* @__PURE__ */ tr("inline", "width", "offsetWidth"), ul = /* @__PURE__ */ tr("block", "height", "offsetHeight");
+function cl({ target: t, borderBoxSize: e }) {
   qt.get(t)?.forEach((i) => {
     i(t, {
       get width() {
-        return al(t, e);
+        return ll(t, e);
       },
       get height() {
-        return ll(t, e);
+        return ul(t, e);
       }
     });
   });
 }
-function cl(t) {
-  t.forEach(ul);
+function hl(t) {
+  t.forEach(cl);
 }
-function hl() {
-  typeof ResizeObserver > "u" || (Zt = new ResizeObserver(cl));
+function fl() {
+  typeof ResizeObserver > "u" || (Zt = new ResizeObserver(hl));
 }
-function fl(t, e) {
-  Zt || hl();
+function dl(t, e) {
+  Zt || fl();
   const i = qs(t);
   return i.forEach((n) => {
     let s = qt.get(n);
@@ -2026,7 +2027,7 @@ function fl(t, e) {
   };
 }
 var Jt = /* @__PURE__ */ new Set(), Pt;
-function dl() {
+function pl() {
   Pt = () => {
     const t = {
       get width() {
@@ -2039,26 +2040,26 @@ function dl() {
     Jt.forEach((e) => e(t));
   }, window.addEventListener("resize", Pt);
 }
-function pl(t) {
-  return Jt.add(t), Pt || dl(), () => {
+function ml(t) {
+  return Jt.add(t), Pt || pl(), () => {
     Jt.delete(t), !Jt.size && typeof Pt == "function" && (window.removeEventListener("resize", Pt), Pt = void 0);
   };
 }
 function en(t, e) {
-  return typeof t == "function" ? pl(t) : fl(t, e);
+  return typeof t == "function" ? ml(t) : dl(t, e);
 }
 var yt = {
   value: null,
   addProjectionMetrics: null
 };
-function ml(t) {
+function vl(t) {
   return bi(t) && t.tagName === "svg";
 }
-var vl = [
+var gl = [
   ..._s,
   R,
   _
-], gl = (t) => vl.find(Gs(t)), nn = () => ({
+], yl = (t) => gl.find(Gs(t)), nn = () => ({
   translate: 0,
   scale: 1,
   origin: 0,
@@ -2072,7 +2073,7 @@ var vl = [
 }), L = () => ({
   x: sn(),
   y: sn()
-}), yl = /* @__PURE__ */ new WeakMap();
+}), Tl = /* @__PURE__ */ new WeakMap();
 function de(t) {
   return t !== null && typeof t == "object" && typeof t.start == "function";
 }
@@ -2094,7 +2095,7 @@ function pe(t) {
 function er(t) {
   return !!(pe(t) || t.variants);
 }
-function Tl(t, e, i) {
+function xl(t, e, i) {
   for (const n in e) {
     const s = e[n], o = i[n];
     if (I(s)) t.addValue(n, s);
@@ -2111,9 +2112,9 @@ function Tl(t, e, i) {
   for (const n in i) e[n] === void 0 && t.removeValue(n);
   return e;
 }
-var qe = { current: null }, ir = { current: !1 }, xl = typeof window < "u";
-function wl() {
-  if (ir.current = !0, !!xl)
+var qe = { current: null }, ir = { current: !1 }, wl = typeof window < "u";
+function Pl() {
+  if (ir.current = !0, !!wl)
     if (window.matchMedia) {
       const t = window.matchMedia("(prefers-reduced-motion)"), e = () => qe.current = t.matches;
       t.addEventListener("change", e), e();
@@ -2131,10 +2132,10 @@ var rn = [
 function nr(t) {
   ae = t;
 }
-function Pl() {
+function Sl() {
   return ae;
 }
-var Sl = class {
+var bl = class {
   scrapeMotionValuesFromProps(t, e, i) {
     return {};
   }
@@ -2156,7 +2157,7 @@ var Sl = class {
   mount(t) {
     if (this.hasBeenMounted) for (const e in this.initialValues)
       this.values.get(e)?.jump(this.initialValues[e]), this.latestValues[e] = this.initialValues[e];
-    this.current = t, yl.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((e, i) => this.bindToMotionValue(i, e)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (ir.current || wl(), this.shouldReduceMotion = qe.current), process.env.NODE_ENV !== "production" && ai(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.shouldSkipAnimations = this.skipAnimationsConfig ?? !1, this.parent?.addChild(this), this.update(this.props, this.presenceContext), this.hasBeenMounted = !0;
+    this.current = t, Tl.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((e, i) => this.bindToMotionValue(i, e)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (ir.current || Pl(), this.shouldReduceMotion = qe.current), process.env.NODE_ENV !== "production" && ai(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.shouldSkipAnimations = this.skipAnimationsConfig ?? !1, this.parent?.addChild(this), this.update(this.props, this.presenceContext), this.hasBeenMounted = !0;
   }
   unmount() {
     this.projection && this.projection.unmount(), rt(this.notifyUpdate), rt(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
@@ -2233,7 +2234,7 @@ var Sl = class {
       const s = t["on" + n];
       s && (this.propEventSubscriptions[n] = this.on(n, s));
     }
-    this.prevMotionValues = Tl(this, this.scrapeMotionValuesFromProps(t, this.prevProps || {}, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = xl(this, this.scrapeMotionValuesFromProps(t, this.prevProps || {}, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -2274,7 +2275,7 @@ var Sl = class {
   }
   readValue(t, e) {
     let i = this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : this.getBaseTargetFromProps(this.props, t) ?? this.readValueFromInstance(this.current, t, this.options);
-    return i != null && (typeof i == "string" && (es(i) || ns(i)) ? i = parseFloat(i) : !gl(i) && _.test(e) && (i = Ys(t, e)), this.setBaseTarget(t, I(i) ? i.get() : i)), I(i) ? i.get() : i;
+    return i != null && (typeof i == "string" && (es(i) || ns(i)) ? i = parseFloat(i) : !yl(i) && _.test(e) && (i = Ys(t, e)), this.setBaseTarget(t, I(i) ? i.get() : i)), I(i) ? i.get() : i;
   }
   setBaseTarget(t, e) {
     this.baseTarget[t] = e;
@@ -2299,9 +2300,9 @@ var Sl = class {
   scheduleRenderMicrotask() {
     Pi.render(this.render);
   }
-}, sr = class extends Sl {
+}, sr = class extends bl {
   constructor() {
-    super(...arguments), this.KeyframeResolver = qa;
+    super(...arguments), this.KeyframeResolver = Za;
   }
   sortInstanceNodePosition(t, e) {
     return t.compareDocumentPosition(e) & 2 ? 1 : -1;
@@ -2339,7 +2340,7 @@ function rr({ top: t, left: e, right: i, bottom: n }) {
     }
   };
 }
-function bl({ x: t, y: e }) {
+function Al({ x: t, y: e }) {
   return {
     top: e.min,
     right: t.max,
@@ -2347,7 +2348,7 @@ function bl({ x: t, y: e }) {
     left: t.min
   };
 }
-function Al(t, e) {
+function Vl(t, e) {
   if (!e) return t;
   const i = e({
     x: t.left,
@@ -2391,7 +2392,7 @@ function ar(t, { x: e, y: i }) {
   Je(t.x, e.translate, e.scale, e.originPoint), Je(t.y, i.translate, i.scale, i.originPoint);
 }
 var ln = 0.999999999999, un = 1.0000000000001;
-function Vl(t, e, i, n = !1) {
+function Ml(t, e, i, n = !1) {
   const s = i.length;
   if (!s) return;
   e.x = e.y = 1;
@@ -2417,21 +2418,21 @@ function Qt(t, e, i) {
   cn(t.x, hn(e.x, n.x), e.scaleX, e.scale, e.originX), cn(t.y, hn(e.y, n.y), e.scaleY, e.scale, e.originY);
 }
 function lr(t, e) {
-  return rr(Al(t.getBoundingClientRect(), e));
+  return rr(Vl(t.getBoundingClientRect(), e));
 }
-function Ml(t, e, i) {
+function Cl(t, e, i) {
   const n = lr(t, i), { scroll: s } = e;
   return s && (Z(n.x, s.offset.x), Z(n.y, s.offset.y)), n;
 }
-var Cl = {
+var Dl = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, Dl = Dt.length;
-function El(t, e, i) {
+}, El = Dt.length;
+function Rl(t, e, i) {
   let n = "", s = !0;
-  for (let r = 0; r < Dl; r++) {
+  for (let r = 0; r < El; r++) {
     const a = Dt[r], l = t[a];
     if (l === void 0) continue;
     let c = !0;
@@ -2444,7 +2445,7 @@ function El(t, e, i) {
       const u = Ye(l, oe[a]);
       if (!c) {
         s = !1;
-        const h = Cl[a] || a;
+        const h = Dl[a] || a;
         n += `${h}(${u}) `;
       }
       i && (e[a] = u);
@@ -2469,7 +2470,7 @@ function Mi(t, e, i) {
       l.startsWith("origin") ? (a = !0, o[l] = u) : n[l] = u;
     }
   }
-  if (e.transform || (r || i ? n.transform = El(e, t.transform, i) : n.transform && (n.transform = "none")), a) {
+  if (e.transform || (r || i ? n.transform = Rl(e, t.transform, i) : n.transform && (n.transform = "none")), a) {
     const { originX: l = "50%", originY: c = "50%", originZ: u = 0 } = o;
     n.transformOrigin = `${l} ${c} ${u}`;
   }
@@ -2490,7 +2491,7 @@ var Rt = { correct: (t, e) => {
     if (y.test(t)) t = parseFloat(t);
     else return t;
   return `${fn(t, e.target.x)}% ${fn(t, e.target.y)}%`;
-} }, Rl = { correct: (t, { treeScale: e, projectionDelta: i }) => {
+} }, Ll = { correct: (t, { treeScale: e, projectionDelta: i }) => {
   const n = t, s = _.parse(t);
   if (s.length > 5) return n;
   const o = _.createTransformer(t), r = typeof s[0] != "number" ? 1 : 0, a = i.x.scale * e.x, l = i.y.scale * e.y;
@@ -2506,7 +2507,7 @@ var Rt = { correct: (t, e) => {
   borderTopRightRadius: Rt,
   borderBottomLeftRadius: Rt,
   borderBottomRightRadius: Rt,
-  boxShadow: Rl
+  boxShadow: Ll
 };
 function cr(t, { layout: e, layoutId: i }) {
   return Et.has(t) || t.startsWith("origin") || (e || i !== void 0) && (!!Qe[t] || t === "opacity");
@@ -2517,10 +2518,10 @@ function Ci(t, e, i) {
   for (const r in n) (I(n[r]) || s && I(s[r]) || cr(r, t) || i?.getValue(r)?.liveStyle !== void 0) && (o[r] = n[r]);
   return o;
 }
-function Ll(t) {
+function kl(t) {
   return window.getComputedStyle(t);
 }
-var kl = class extends sr {
+var Bl = class extends sr {
   constructor() {
     super(...arguments), this.type = "html", this.renderInstance = ur;
   }
@@ -2530,7 +2531,7 @@ var kl = class extends sr {
   readValueFromInstance(t, e) {
     if (Et.has(e)) return this.projection?.isProjecting ? je(e) : Zo(t, e);
     {
-      const i = Ll(t), n = (ys(e) ? i.getPropertyValue(e) : i[e]) || 0;
+      const i = kl(t), n = (ys(e) ? i.getPropertyValue(e) : i[e]) || 0;
       return typeof n == "string" ? n.trim() : n;
     }
   }
@@ -2543,16 +2544,16 @@ var kl = class extends sr {
   scrapeMotionValuesFromProps(t, e, i) {
     return Ci(t, e, i);
   }
-}, Bl = {
+}, Fl = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, Fl = {
+}, Il = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function Il(t, e, i = 1, n = 0, s = !0) {
+function Ol(t, e, i = 1, n = 0, s = !0) {
   t.pathLength = 1;
-  const o = s ? Bl : Fl;
+  const o = s ? Fl : Il;
   t[o.offset] = `${-n}`, t[o.array] = `${e} ${i}`;
 }
 var hr = [
@@ -2571,7 +2572,7 @@ function fr(t, { attrX: e, attrY: i, attrScale: n, pathLength: s, pathSpacing: o
   t.attrs = t.style, t.style = {};
   const { attrs: h, style: f } = t;
   for (const p of hr) h[p] !== void 0 && (f[p] = h[p], delete h[p]);
-  (f.transform || h.transformOrigin) && (f.transformOrigin = h.transformOrigin ?? "50% 50%", delete h.transformOrigin), f.transform && (f.transformBox = u?.transformBox ?? "fill-box", delete h.transformBox), e !== void 0 && (h.x = e), i !== void 0 && (h.y = i), n !== void 0 && (h.scale = n), s !== void 0 && Il(h, s, o, r, !1);
+  (f.transform || h.transformOrigin) && (f.transformOrigin = h.transformOrigin ?? "50% 50%", delete h.transformOrigin), f.transform && (f.transformBox = u?.transformBox ?? "fill-box", delete h.transformBox), e !== void 0 && (h.x = e), i !== void 0 && (h.y = i), n !== void 0 && (h.scale = n), s !== void 0 && Ol(h, s, o, r, !1);
 }
 var dr = /* @__PURE__ */ new Set([
   "baseFrequency",
@@ -2598,7 +2599,7 @@ var dr = /* @__PURE__ */ new Set([
   "textLength",
   "lengthAdjust"
 ]), pr = (t) => typeof t == "string" && t.toLowerCase() === "svg";
-function Ol(t, e, i, n) {
+function jl(t, e, i, n) {
   ur(t, e, void 0, n);
   for (const s in e.attrs) t.setAttribute(dr.has(s) ? s : xi(s), e.attrs[s]);
 }
@@ -2610,7 +2611,7 @@ function mr(t, e, i) {
   }
   return n;
 }
-var jl = class extends sr {
+var Nl = class extends sr {
   constructor() {
     super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = L;
   }
@@ -2635,12 +2636,12 @@ var jl = class extends sr {
     fr(t, e, this.isSVGTag, i.transformTemplate, i.style);
   }
   renderInstance(t, e, i, n) {
-    Ol(t, e, i, n);
+    jl(t, e, i, n);
   }
   mount(t) {
     this.isSVGTag = pr(t.tagName), super.mount(t);
   }
-}, Nl = Vi.length;
+}, Ul = Vi.length;
 function vr(t) {
   if (!t) return;
   if (!t.isControllingVariants) {
@@ -2648,7 +2649,7 @@ function vr(t) {
     return t.props.initial !== void 0 && (i.initial = t.props.initial), i;
   }
   const e = {};
-  for (let i = 0; i < Nl; i++) {
+  for (let i = 0; i < Ul; i++) {
     const n = Vi[i], s = t.props[n];
     (jt(s) || s === !1) && (e[n] = s);
   }
@@ -2661,12 +2662,12 @@ function gr(t, e) {
   for (let n = 0; n < i; n++) if (e[n] !== t[n]) return !1;
   return !0;
 }
-var Ul = [...Ai].reverse(), Wl = Ai.length;
-function $l(t) {
-  return (e) => Promise.all(e.map(({ animation: i, options: n }) => Na(t, i, n)));
-}
+var Wl = [...Ai].reverse(), $l = Ai.length;
 function Kl(t) {
-  let e = $l(t), i = dn(), n = !0, s = !1;
+  return (e) => Promise.all(e.map(({ animation: i, options: n }) => Ua(t, i, n)));
+}
+function zl(t) {
+  let e = Kl(t), i = dn(), n = !0, s = !1;
   const o = (c) => (u, h) => {
     const f = vt(t, h, c === "exit" ? t.presenceContext?.custom : void 0);
     if (f) {
@@ -2685,8 +2686,8 @@ function Kl(t) {
   function a(c) {
     const { props: u } = t, h = vr(t.parent) || {}, f = [], p = /* @__PURE__ */ new Set();
     let d = {}, m = 1 / 0;
-    for (let v = 0; v < Wl; v++) {
-      const T = Ul[v], x = i[T], w = u[T] !== void 0 ? u[T] : h[T], P = jt(w), A = T === c ? x.isActive : null;
+    for (let v = 0; v < $l; v++) {
+      const T = Wl[v], x = i[T], w = u[T] !== void 0 ? u[T] : h[T], P = jt(w), A = T === c ? x.isActive : null;
       A === !1 && (m = v);
       let D = w === h[T] && w !== u[T] && P;
       if (D && (n || s) && t.manuallyAnimateOnMount && (D = !1), x.protectedKeys = { ...d }, !x.isActive && A === null || !w && !x.prevProp || de(w) || typeof w == "boolean") continue;
@@ -2697,7 +2698,7 @@ function Kl(t) {
         });
         continue;
       }
-      const S = zl(x.prevProp, w);
+      const S = Hl(x.prevProp, w);
       let E = S || T === c && x.isActive && !D && P || v > m && P, b = !1;
       const k = Array.isArray(w) ? w : [w];
       let N = k.reduce(o(T), {});
@@ -2767,7 +2768,7 @@ function Kl(t) {
     }
   };
 }
-function zl(t, e) {
+function Hl(t, e) {
   return typeof e == "string" ? e !== t : Array.isArray(e) ? !gr(e, t) : !1;
 }
 function ut(t = !1) {
@@ -2798,15 +2799,15 @@ function H(t, e) {
 function pn(t, e) {
   t.translate = e.translate, t.scale = e.scale, t.originPoint = e.originPoint, t.origin = e.origin;
 }
-var Hl = 0.9999, Gl = 1.0001, _l = -0.01, Xl = 0.01;
+var Gl = 0.9999, _l = 1.0001, Xl = -0.01, Yl = 0.01;
 function j(t) {
   return t.max - t.min;
 }
-function Yl(t, e, i) {
+function ql(t, e, i) {
   return Math.abs(t - e) <= i;
 }
 function mn(t, e, i, n = 0.5) {
-  t.origin = n, t.originPoint = V(e.min, e.max, t.origin), t.scale = j(i) / j(e), t.translate = V(i.min, i.max, t.origin) - t.originPoint, (t.scale >= Hl && t.scale <= Gl || isNaN(t.scale)) && (t.scale = 1), (t.translate >= _l && t.translate <= Xl || isNaN(t.translate)) && (t.translate = 0);
+  t.origin = n, t.originPoint = V(e.min, e.max, t.origin), t.scale = j(i) / j(e), t.translate = V(i.min, i.max, t.origin) - t.originPoint, (t.scale >= Gl && t.scale <= _l || isNaN(t.scale)) && (t.scale = 1), (t.translate >= Xl && t.translate <= Yl || isNaN(t.translate)) && (t.translate = 0);
 }
 function Bt(t, e, i, n) {
   mn(t.x, e.x, i.x, n ? n.originX : void 0), mn(t.y, e.y, i.y, n ? n.originY : void 0);
@@ -2814,7 +2815,7 @@ function Bt(t, e, i, n) {
 function vn(t, e, i, n = 0) {
   t.min = (n ? V(i.min, i.max, n) : i.min) + e.min, t.max = t.min + j(e);
 }
-function ql(t, e, i, n) {
+function Zl(t, e, i, n) {
   vn(t.x, e.x, i.x, n?.x), vn(t.y, e.y, i.y, n?.y);
 }
 function gn(t, e, i, n = 0) {
@@ -2827,25 +2828,25 @@ function ue(t, e, i, n) {
 function yn(t, e, i, n, s) {
   return t -= e, t = le(t, 1 / i, n), s !== void 0 && (t = le(t, 1 / s, n)), t;
 }
-function Zl(t, e = 0, i = 1, n = 0.5, s, o = t, r = t) {
+function Jl(t, e = 0, i = 1, n = 0.5, s, o = t, r = t) {
   if (J.test(e) && (e = parseFloat(e), e = V(r.min, r.max, e / 100) - r.min), typeof e != "number") return;
   let a = V(o.min, o.max, n);
   t === o && (a -= e), t.min = yn(t.min, e, i, a, s), t.max = yn(t.max, e, i, a, s);
 }
 function Tn(t, e, [i, n, s], o, r) {
-  Zl(t, e[i], e[n], e[s], e.scale, o, r);
+  Jl(t, e[i], e[n], e[s], e.scale, o, r);
 }
-var Jl = [
+var Ql = [
   "x",
   "scaleX",
   "originX"
-], Ql = [
+], tu = [
   "y",
   "scaleY",
   "originY"
 ];
 function xn(t, e, i, n) {
-  Tn(t.x, e, Jl, i ? i.x : void 0, n ? n.x : void 0), Tn(t.y, e, Ql, i ? i.y : void 0, n ? n.y : void 0);
+  Tn(t.x, e, Ql, i ? i.x : void 0, n ? n.x : void 0), Tn(t.y, e, tu, i ? i.y : void 0, n ? n.y : void 0);
 }
 function wn(t) {
   return t.translate === 0 && t.scale === 1;
@@ -2856,7 +2857,7 @@ function yr(t) {
 function Pn(t, e) {
   return t.min === e.min && t.max === e.max;
 }
-function tu(t, e) {
+function eu(t, e) {
   return Pn(t.x, e.x) && Pn(t.y, e.y);
 }
 function Sn(t, e) {
@@ -2874,7 +2875,7 @@ function An(t, e) {
 function q(t) {
   return [t("x"), t("y")];
 }
-function eu(t, e, i) {
+function iu(t, e, i) {
   let n = "";
   const s = t.x.translate / e.x, o = t.y.translate / e.y, r = i?.z || 0;
   if ((s || o || r) && (n = `translate3d(${s}px, ${o}px, ${r}px) `), (e.x !== 1 || e.y !== 1) && (n += `scale(${1 / e.x}, ${1 / e.y}) `), i) {
@@ -2884,10 +2885,10 @@ function eu(t, e, i) {
   const a = t.x.scale * e.x, l = t.y.scale * e.y;
   return (a !== 1 || l !== 1) && (n += `scale(${a}, ${l})`), n || "none";
 }
-var iu = wi.length, Vn = (t) => typeof t == "string" ? parseFloat(t) : t, Mn = (t) => typeof t == "number" || y.test(t);
-function nu(t, e, i, n, s, o) {
-  s ? (t.opacity = V(0, i.opacity ?? 1, su(n)), t.opacityExit = V(e.opacity ?? 1, 0, ru(n))) : o && (t.opacity = V(e.opacity ?? 1, i.opacity ?? 1, n));
-  for (let r = 0; r < iu; r++) {
+var nu = wi.length, Vn = (t) => typeof t == "string" ? parseFloat(t) : t, Mn = (t) => typeof t == "number" || y.test(t);
+function su(t, e, i, n, s, o) {
+  s ? (t.opacity = V(0, i.opacity ?? 1, ru(n)), t.opacityExit = V(e.opacity ?? 1, 0, ou(n))) : o && (t.opacity = V(e.opacity ?? 1, i.opacity ?? 1, n));
+  for (let r = 0; r < nu; r++) {
     const a = wi[r];
     let l = Cn(e, a), c = Cn(i, a);
     l === void 0 && c === void 0 || (l || (l = 0), c || (c = 0), l === 0 || c === 0 || Mn(l) === Mn(c) ? (t[a] = Math.max(V(Vn(l), Vn(c), n), 0), (J.test(c) || J.test(l)) && (t[a] += "%")) : t[a] = c);
@@ -2897,18 +2898,18 @@ function nu(t, e, i, n, s, o) {
 function Cn(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
 }
-var su = /* @__PURE__ */ xr(0, 0.5, fs), ru = /* @__PURE__ */ xr(0.5, 0.95, z);
+var ru = /* @__PURE__ */ xr(0, 0.5, fs), ou = /* @__PURE__ */ xr(0.5, 0.95, z);
 function xr(t, e, i) {
   return (n) => n < t ? 0 : n > e ? 1 : i(It(t, e, n));
 }
-function ou(t, e, i) {
+function au(t, e, i) {
   const n = I(t) ? t : At(t);
   return n.start(yi("", n, e, i)), n.animation;
 }
 function Nt(t, e, i, n = { passive: !0 }) {
   return t.addEventListener(e, i, n), () => t.removeEventListener(e, i, n);
 }
-var au = (t, e) => t.depth - e.depth, lu = class {
+var lu = (t, e) => t.depth - e.depth, uu = class {
   constructor() {
     this.children = [], this.isDirty = !1;
   }
@@ -2919,10 +2920,10 @@ var au = (t, e) => t.depth - e.depth, lu = class {
     ie(this.children, t), this.isDirty = !0;
   }
   forEach(t) {
-    this.isDirty && this.children.sort(au), this.isDirty = !1, this.children.forEach(t);
+    this.isDirty && this.children.sort(lu), this.isDirty = !1, this.children.forEach(t);
   }
 };
-function uu(t, e) {
+function cu(t, e) {
   const i = O.now(), n = ({ timestamp: s }) => {
     const o = s - i;
     o >= e && (rt(n), t(o - e));
@@ -2932,7 +2933,7 @@ function uu(t, e) {
 function te(t) {
   return I(t) ? t.get() : t;
 }
-var cu = class {
+var hu = class {
   constructor() {
     this.members = [];
   }
@@ -2991,7 +2992,7 @@ var cu = class {
   "X",
   "Y",
   "Z"
-], hu = 1e3, fu = 0;
+], fu = 1e3, du = 0;
 function be(t, e, i, n) {
   const { latestValues: s } = e;
   s[t] && (i[t] = s[t], e.setStaticValue(t, 0), n && (n[t] = 0));
@@ -3011,16 +3012,16 @@ function wr(t) {
 function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: i, checkIsScrollRoot: n, resetTransform: s }) {
   return class {
     constructor(r = {}, a = e?.()) {
-      this.id = fu++, this.animationId = 0, this.animationCommitId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = {
+      this.id = du++, this.animationId = 0, this.animationCommitId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = {
         x: 1,
         y: 1
       }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.layoutVersion = 0, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
         this.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
       }, this.updateProjection = () => {
-        this.projectionUpdateScheduled = !1, yt.value && (ht.nodes = ht.calculatedTargetDeltas = ht.calculatedProjections = 0), this.nodes.forEach(mu), this.nodes.forEach(wu), this.nodes.forEach(Pu), this.nodes.forEach(vu), yt.addProjectionMetrics && yt.addProjectionMetrics(ht);
+        this.projectionUpdateScheduled = !1, yt.value && (ht.nodes = ht.calculatedTargetDeltas = ht.calculatedProjections = 0), this.nodes.forEach(vu), this.nodes.forEach(Pu), this.nodes.forEach(Su), this.nodes.forEach(gu), yt.addProjectionMetrics && yt.addProjectionMetrics(ht);
       }, this.resolvedRelativeTargetAt = 0, this.linkedParentVersion = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = r, this.root = a ? a.root || a : this, this.path = a ? [...a.path, a] : [], this.parent = a, this.depth = a ? a.depth + 1 : 0;
       for (let l = 0; l < this.path.length; l++) this.path[l].shouldResetTransform = !0;
-      this.root === this && (this.nodes = new lu());
+      this.root === this && (this.nodes = new uu());
     }
     addEventListener(r, a) {
       return this.eventHandlers.has(r) || this.eventHandlers.set(r, new oi()), this.eventHandlers.get(r).add(a);
@@ -3034,7 +3035,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
     }
     mount(r) {
       if (this.instance) return;
-      this.isSVG = bi(r) && !ml(r), this.instance = r;
+      this.isSVG = bi(r) && !vl(r), this.instance = r;
       const { layoutId: a, layout: l, visualElement: c } = this.options;
       if (c && !c.current && c.mount(r), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (l || a) && (this.isLayoutDirty = !0), t) {
         let u, h = 0;
@@ -3043,7 +3044,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
           h = window.innerWidth;
         }), t(r, () => {
           const p = window.innerWidth;
-          p !== h && (h = p, this.root.updateBlockedByResize = !0, u && u(), u = uu(f, 250), ee.hasAnimatedSinceResize && (ee.hasAnimatedSinceResize = !1, this.nodes.forEach(Rn)));
+          p !== h && (h = p, this.root.updateBlockedByResize = !0, u && u(), u = cu(f, 250), ee.hasAnimatedSinceResize && (ee.hasAnimatedSinceResize = !1, this.nodes.forEach(Rn)));
         });
       }
       a && this.root.registerSharedNode(a, this), this.options.animate !== !1 && c && (a || l) && this.addEventListener("didUpdate", ({ delta: u, hasLayoutChanged: h, hasRelativeLayoutChanged: f, layout: p }) => {
@@ -3051,7 +3052,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const d = this.options.transition || c.getDefaultTransition() || Mu, { onLayoutAnimationStart: m, onLayoutAnimationComplete: g } = c.getProps(), v = !this.targetLayout || !Tr(this.targetLayout, p), T = !h && f;
+        const d = this.options.transition || c.getDefaultTransition() || Cu, { onLayoutAnimationStart: m, onLayoutAnimationComplete: g } = c.getProps(), v = !this.targetLayout || !Tr(this.targetLayout, p), T = !h && f;
         if (this.options.layoutRoot || this.resumeFrom || T || h && (v || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
           const x = {
@@ -3083,7 +3084,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
       return this.isAnimationBlocked || this.parent && this.parent.isTreeAnimationBlocked() || !1;
     }
     startUpdate() {
-      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(Su), this.animationId++);
+      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(bu), this.animationId++);
     }
     getTransformTemplate() {
       const { visualElement: r } = this.options;
@@ -3108,14 +3109,14 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
     update() {
       if (this.updateScheduled = !1, this.isUpdateBlocked()) {
         const a = this.updateBlockedByResize;
-        this.unblockUpdate(), this.updateBlockedByResize = !1, this.clearAllSnapshots(), a && this.nodes.forEach(yu), this.nodes.forEach(Dn);
+        this.unblockUpdate(), this.updateBlockedByResize = !1, this.clearAllSnapshots(), a && this.nodes.forEach(Tu), this.nodes.forEach(Dn);
         return;
       }
       if (this.animationId <= this.animationCommitId) {
         this.nodes.forEach(En);
         return;
       }
-      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(Tu), this.nodes.forEach(xu), this.nodes.forEach(du), this.nodes.forEach(pu)) : this.nodes.forEach(En), this.clearAllSnapshots();
+      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(xu), this.nodes.forEach(wu), this.nodes.forEach(pu), this.nodes.forEach(mu)) : this.nodes.forEach(En), this.clearAllSnapshots();
       const r = O.now();
       F.delta = Q(0, 1e3 / 60, r - F.timestamp), F.timestamp = r, F.isProcessing = !0, ve.update.process(F), ve.preRender.process(F), ve.render.process(F), F.isProcessing = !1;
     }
@@ -3123,7 +3124,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
       this.updateScheduled || (this.updateScheduled = !0, Pi.read(this.scheduleUpdate));
     }
     clearAllSnapshots() {
-      this.nodes.forEach(gu), this.sharedNodes.forEach(bu);
+      this.nodes.forEach(yu), this.sharedNodes.forEach(Au);
     }
     scheduleUpdateProjection() {
       this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, M.preRender(this.updateProjection, !1, !0));
@@ -3165,7 +3166,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
     measure(r = !0) {
       const a = this.measurePageBox();
       let l = this.removeElementScroll(a);
-      return r && (l = this.removeTransform(l)), Cu(l), {
+      return r && (l = this.removeTransform(l)), Du(l), {
         animationId: this.root.animationId,
         measuredBox: a,
         layoutBox: l,
@@ -3177,7 +3178,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
       const { visualElement: r } = this.options;
       if (!r) return L();
       const a = r.measureViewportBox();
-      if (!(this.scroll?.wasRoot || this.path.some(Du))) {
+      if (!(this.scroll?.wasRoot || this.path.some(Eu))) {
         const { scroll: l } = this.root;
         l && (Z(a.x, l.offset.x), Z(a.y, l.offset.y));
       }
@@ -3237,7 +3238,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
       if (!this.layout || !(c || u)) return;
       this.resolvedRelativeTargetAt = F.timestamp;
       const h = this.getClosestProjectingParent();
-      h && this.linkedParentVersion !== h.layoutVersion && !h.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (this.options.layoutAnchor !== !1 && h && h.layout ? this.createRelativeTarget(h, this.layout.layoutBox, h.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = L(), this.targetWithTransforms = L()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), ql(this.target, this.relativeTarget, this.relativeParent.target, this.options.layoutAnchor || void 0)) : this.targetDelta ? (this.resumingFrom ? this.applyTransform(this.layout.layoutBox, !1, this.target) : H(this.target, this.layout.layoutBox), ar(this.target, this.targetDelta)) : H(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, this.options.layoutAnchor !== !1 && h && !!h.resumingFrom == !!this.resumingFrom && !h.options.layoutScroll && h.target && this.animationProgress !== 1 ? this.createRelativeTarget(h, this.target, h.target) : this.relativeParent = this.relativeTarget = void 0), yt.value && ht.calculatedTargetDeltas++);
+      h && this.linkedParentVersion !== h.layoutVersion && !h.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (this.options.layoutAnchor !== !1 && h && h.layout ? this.createRelativeTarget(h, this.layout.layoutBox, h.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = L(), this.targetWithTransforms = L()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Zl(this.target, this.relativeTarget, this.relativeParent.target, this.options.layoutAnchor || void 0)) : this.targetDelta ? (this.resumingFrom ? this.applyTransform(this.layout.layoutBox, !1, this.target) : H(this.target, this.layout.layoutBox), ar(this.target, this.targetDelta)) : H(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, this.options.layoutAnchor !== !1 && h && !!h.resumingFrom == !!this.resumingFrom && !h.options.layoutScroll && h.target && this.animationProgress !== 1 ? this.createRelativeTarget(h, this.target, h.target) : this.relativeParent = this.relativeTarget = void 0), yt.value && ht.calculatedTargetDeltas++);
     }
     getClosestProjectingParent() {
       if (!(!this.parent || Ze(this.parent.latestValues) || or(this.parent.latestValues)))
@@ -3260,7 +3261,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
       if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(c || u)) return;
       H(this.layoutCorrected, this.layout.layoutBox);
       const h = this.treeScale.x, f = this.treeScale.y;
-      Vl(this.layoutCorrected, this.treeScale, this.path, a), r.layout && !r.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (r.target = r.layout.layoutBox, r.targetWithTransforms = L());
+      Ml(this.layoutCorrected, this.treeScale, this.path, a), r.layout && !r.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (r.target = r.layout.layoutBox, r.targetWithTransforms = L());
       const { target: p } = r;
       if (!p) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
@@ -3287,18 +3288,18 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
     setAnimationOrigin(r, a = !1, l) {
       const c = this.snapshot, u = c ? c.latestValues : {}, h = { ...this.latestValues }, f = St();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const p = L(), d = (c ? c.source : void 0) !== (this.layout ? this.layout.source : void 0), m = this.getStack(), g = !m || m.members.length <= 1, v = !!(d && !g && this.options.crossfade === !0 && !this.path.some(Vu));
+      const p = L(), d = (c ? c.source : void 0) !== (this.layout ? this.layout.source : void 0), m = this.getStack(), g = !m || m.members.length <= 1, v = !!(d && !g && this.options.crossfade === !0 && !this.path.some(Mu));
       this.animationProgress = 0;
       let T;
       const x = l?.interpolateProjection(r);
       this.mixTargetDelta = (w) => {
         const P = w / 1e3, A = x?.(P);
-        A ? (f.x.translate = A.x, f.x.scale = V(r.x.scale, 1, P), f.x.origin = r.x.origin, f.x.originPoint = r.x.originPoint, f.y.translate = A.y, f.y.scale = V(r.y.scale, 1, P), f.y.origin = r.y.origin, f.y.originPoint = r.y.originPoint) : (Ln(f.x, r.x, P), Ln(f.y, r.y, P)), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ue(p, this.layout.layoutBox, this.relativeParent.layout.layoutBox, this.options.layoutAnchor || void 0), Au(this.relativeTarget, this.relativeTargetOrigin, p, P), T && tu(this.relativeTarget, T) && (this.isProjectionDirty = !1), T || (T = L()), H(T, this.relativeTarget)), d && (this.animationValues = h, nu(h, u, this.latestValues, P, v, g)), A && A.rotate !== void 0 && (this.animationValues || (this.animationValues = h), this.animationValues.pathRotation = A.rotate), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = P;
+        A ? (f.x.translate = A.x, f.x.scale = V(r.x.scale, 1, P), f.x.origin = r.x.origin, f.x.originPoint = r.x.originPoint, f.y.translate = A.y, f.y.scale = V(r.y.scale, 1, P), f.y.origin = r.y.origin, f.y.originPoint = r.y.originPoint) : (Ln(f.x, r.x, P), Ln(f.y, r.y, P)), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ue(p, this.layout.layoutBox, this.relativeParent.layout.layoutBox, this.options.layoutAnchor || void 0), Vu(this.relativeTarget, this.relativeTargetOrigin, p, P), T && eu(this.relativeTarget, T) && (this.isProjectionDirty = !1), T || (T = L()), H(T, this.relativeTarget)), d && (this.animationValues = h, su(h, u, this.latestValues, P, v, g)), A && A.rotate !== void 0 && (this.animationValues || (this.animationValues = h), this.animationValues.pathRotation = A.rotate), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = P;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(r) {
       this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (rt(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = M.update(() => {
-        ee.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = At(0)), this.motionValue.jump(0, !1), this.currentAnimation = ou(this.motionValue, [0, 1e3], {
+        ee.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = At(0)), this.motionValue.jump(0, !1), this.currentAnimation = au(this.motionValue, [0, 1e3], {
           ...r,
           velocity: 0,
           isSync: !0,
@@ -3317,7 +3318,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
       r && r.exitAnimationComplete(), this.resumingFrom = this.currentAnimation = this.animationValues = void 0, this.notifyListeners("animationComplete");
     }
     finishAnimation() {
-      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(hu), this.currentAnimation.stop()), this.completeAnimation();
+      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(fu), this.currentAnimation.stop()), this.completeAnimation();
     }
     applyTransformsToTarget() {
       const r = this.getLead();
@@ -3334,7 +3335,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
       }
     }
     registerSharedNode(r, a) {
-      this.sharedNodes.has(r) || this.sharedNodes.set(r, new cu()), this.sharedNodes.get(r).add(a);
+      this.sharedNodes.has(r) || this.sharedNodes.set(r, new hu()), this.sharedNodes.get(r).add(a);
       const l = a.options.initialPromotionConfig;
       a.promote({
         transition: l ? l.transition : void 0,
@@ -3399,7 +3400,7 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
       r.visibility = "";
       const u = c.animationValues || c.latestValues;
       this.applyTransformsToTarget();
-      let h = eu(this.projectionDeltaWithTransform, this.treeScale, u);
+      let h = iu(this.projectionDeltaWithTransform, this.treeScale, u);
       l && (h = l(u, h)), r.transform = h;
       const { x: f, y: p } = this.projectionDelta;
       r.transformOrigin = `${f.origin * 100}% ${p.origin * 100}% 0`, c.animationValues ? r.opacity = c === this ? u.opacity ?? this.latestValues.opacity ?? 1 : this.preserveOpacity ? this.latestValues.opacity : u.opacityExit : r.opacity = c === this ? u.opacity !== void 0 ? u.opacity : "" : u.opacityExit !== void 0 ? u.opacityExit : 0;
@@ -3421,10 +3422,10 @@ function Pr({ attachResizeListener: t, defaultParent: e, measureScroll: i, check
     }
   };
 }
-function du(t) {
+function pu(t) {
   t.updateLayout();
 }
-function pu(t) {
+function mu(t) {
   const e = t.resumeFrom?.snapshot || t.snapshot;
   if (t.isLead() && t.layout && e && t.hasListeners("didUpdate")) {
     const { layoutBox: i, measuredBox: n } = t.layout, { animationType: s } = t.options, o = e.source !== t.layout.source;
@@ -3471,44 +3472,44 @@ function pu(t) {
   }
   t.options.transition = void 0;
 }
-function mu(t) {
+function vu(t) {
   yt.value && ht.nodes++, t.parent && (t.isProjecting() || (t.isProjectionDirty = t.parent.isProjectionDirty), t.isSharedProjectionDirty || (t.isSharedProjectionDirty = !!(t.isProjectionDirty || t.parent.isProjectionDirty || t.parent.isSharedProjectionDirty)), t.isTransformDirty || (t.isTransformDirty = t.parent.isTransformDirty));
 }
-function vu(t) {
+function gu(t) {
   t.isProjectionDirty = t.isSharedProjectionDirty = t.isTransformDirty = !1;
 }
-function gu(t) {
+function yu(t) {
   t.clearSnapshot();
 }
 function Dn(t) {
   t.clearMeasurements();
 }
-function yu(t) {
+function Tu(t) {
   t.isLayoutDirty = !0, t.updateLayout();
 }
 function En(t) {
   t.isLayoutDirty = !1;
 }
-function Tu(t) {
+function xu(t) {
   t.isAnimationBlocked && t.layout && !t.isLayoutDirty && (t.snapshot = t.layout, t.isLayoutDirty = !0);
 }
-function xu(t) {
+function wu(t) {
   const { visualElement: e } = t.options;
   e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
 }
 function Rn(t) {
   t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
 }
-function wu(t) {
+function Pu(t) {
   t.resolveTargetDelta();
 }
-function Pu(t) {
+function Su(t) {
   t.calcProjection();
 }
-function Su(t) {
+function bu(t) {
   t.resetSkewAndRotation();
 }
-function bu(t) {
+function Au(t) {
   t.removeLeadSnapshot();
 }
 function Ln(t, e, i) {
@@ -3517,13 +3518,13 @@ function Ln(t, e, i) {
 function kn(t, e, i, n) {
   t.min = V(e.min, i.min, n), t.max = V(e.max, i.max, n);
 }
-function Au(t, e, i, n) {
+function Vu(t, e, i, n) {
   kn(t.x, e.x, i.x, n), kn(t.y, e.y, i.y, n);
 }
-function Vu(t) {
+function Mu(t) {
   return t.animationValues && t.animationValues.opacityExit !== void 0;
 }
-var Mu = {
+var Cu = {
   duration: 0.45,
   ease: [
     0.4,
@@ -3535,16 +3536,16 @@ var Mu = {
 function In(t) {
   t.min = Fn(t.min), t.max = Fn(t.max);
 }
-function Cu(t) {
+function Du(t) {
   In(t.x), In(t.y);
 }
 function Sr(t, e, i) {
-  return t === "position" || t === "preserve-aspect" && !Yl(bn(e), bn(i), 0.2);
+  return t === "position" || t === "preserve-aspect" && !ql(bn(e), bn(i), 0.2);
 }
-function Du(t) {
+function Eu(t) {
   return t !== t.root && t.scroll?.wasRoot;
 }
-var Eu = Pr({
+var Ru = Pr({
   attachResizeListener: (t, e) => Nt(t, "resize", e),
   measureScroll: () => ({
     x: document.documentElement.scrollLeft || document.body?.scrollLeft || 0,
@@ -3558,7 +3559,7 @@ var Eu = Pr({
   }),
   defaultParent: () => {
     if (!Ae.current) {
-      const t = new Eu({});
+      const t = new Ru({});
       t.mount(window), t.setOptions({ layoutScroll: !0 }), Ae.current = t;
     }
     return Ae.current;
@@ -3572,7 +3573,7 @@ var Eu = Pr({
   isStatic: !1,
   reducedMotion: "never"
 });
-function Ru(t = !0) {
+function Lu(t = !0) {
   const e = U(si);
   if (e === null) return [!0, null];
   const { isPresent: i, onExitComplete: n, register: s } = e, o = Wr();
@@ -3624,16 +3625,16 @@ var Vr = Vt({ strict: !1 }), On = {
   ],
   layout: ["layout", "layoutId"]
 }, jn = !1;
-function Lu() {
+function ku() {
   if (jn) return;
   const t = {};
   for (const e in On) t[e] = { isEnabled: (i) => On[e].some((n) => !!i[n]) };
   nr(t), jn = !0;
 }
 function Mr() {
-  return Lu(), Pl();
+  return ku(), Sl();
 }
-function ku(t) {
+function Bu(t) {
   const e = Mr();
   for (const i in t) e[i] = {
     ...e[i],
@@ -3642,7 +3643,7 @@ function ku(t) {
   nr(e);
 }
 var me = /* @__PURE__ */ Vt({});
-function Bu(t, e) {
+function Fu(t, e) {
   if (pe(t)) {
     const { initial: i, animate: n } = t;
     return {
@@ -3652,8 +3653,8 @@ function Bu(t, e) {
   }
   return t.inherit !== !1 ? e : {};
 }
-function Fu(t) {
-  const { initial: e, animate: i } = Bu(t, U(me));
+function Iu(t) {
+  const { initial: e, animate: i } = Fu(t, U(me));
   return he(() => ({
     initial: e,
     animate: i
@@ -3671,25 +3672,25 @@ var Di = () => ({
 function Cr(t, e, i) {
   for (const n in e) !I(e[n]) && !cr(n, i) && (t[n] = e[n]);
 }
-function Iu({ transformTemplate: t }, e) {
+function Ou({ transformTemplate: t }, e) {
   return he(() => {
     const i = Di();
     return Mi(i, e, t), Object.assign({}, i.vars, i.style);
   }, [e]);
 }
-function Ou(t, e) {
+function ju(t, e) {
   const i = t.style || {}, n = {};
-  return Cr(n, i, t), Object.assign(n, Iu(t, e)), n;
+  return Cr(n, i, t), Object.assign(n, Ou(t, e)), n;
 }
-function ju(t, e) {
-  const i = {}, n = Ou(t, e);
+function Nu(t, e) {
+  const i = {}, n = ju(t, e);
   return t.drag && t.dragListener !== !1 && (i.draggable = !1, n.userSelect = n.WebkitUserSelect = n.WebkitTouchCallout = "none", n.touchAction = t.drag === !0 ? "none" : `pan-${t.drag === "x" ? "y" : "x"}`), t.tabIndex === void 0 && (t.onTap || t.onTapStart || t.whileTap) && (i.tabIndex = 0), i.style = n, i;
 }
 var Dr = () => ({
   ...Di(),
   attrs: {}
 });
-function Nu(t, e, i, n) {
+function Uu(t, e, i, n) {
   const s = he(() => {
     const o = Dr();
     return fr(o, e, pr(n), t.transformTemplate, t.style), {
@@ -3706,7 +3707,7 @@ function Nu(t, e, i, n) {
   }
   return s;
 }
-var Uu = /* @__PURE__ */ new Set([
+var Wu = /* @__PURE__ */ new Set([
   "animate",
   "exit",
   "variants",
@@ -3740,18 +3741,18 @@ var Uu = /* @__PURE__ */ new Set([
   "viewport"
 ]);
 function ce(t) {
-  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || Uu.has(t);
+  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || Wu.has(t);
 }
-function Wu(t, e) {
+function $u(t, e) {
   return t.startsWith("on") ? !ce(t) : e?.(t) ?? !ce(t);
 }
-function $u(t, e, i, n) {
+function Ku(t, e, i, n) {
   const s = {};
   for (const o in t)
-    o === "values" && typeof t.values == "object" || I(t[o]) || (Wu(o, n) || i === !0 && ce(o) || !e && !ce(o) || t.draggable && o.startsWith("onDrag")) && (s[o] = t[o]);
+    o === "values" && typeof t.values == "object" || I(t[o]) || ($u(o, n) || i === !0 && ce(o) || !e && !ce(o) || t.draggable && o.startsWith("onDrag")) && (s[o] = t[o]);
   return s;
 }
-var Ku = [
+var zu = [
   "animate",
   "circle",
   "defs",
@@ -3779,10 +3780,10 @@ var Ku = [
   "view"
 ];
 function Ei(t) {
-  return typeof t != "string" || t.includes("-") ? !1 : !!(Ku.indexOf(t) > -1 || /[A-Z]/u.test(t));
+  return typeof t != "string" || t.includes("-") ? !1 : !!(zu.indexOf(t) > -1 || /[A-Z]/u.test(t));
 }
-function zu(t, e, i, { latestValues: n }, s, o = !1, r, a) {
-  const l = (r ?? Ei(t) ? Nu : ju)(e, n, s, t), c = $u(e, typeof t == "string", o, a), u = t !== qn ? {
+function Hu(t, e, i, { latestValues: n }, s, o = !1, r, a) {
+  const l = (r ?? Ei(t) ? Uu : Nu)(e, n, s, t), c = Ku(e, typeof t == "string", o, a), u = t !== qn ? {
     ...c,
     ...l,
     ref: i
@@ -3792,13 +3793,13 @@ function zu(t, e, i, { latestValues: n }, s, o = !1, r, a) {
     children: f
   });
 }
-function Hu({ scrapeMotionValuesFromProps: t, createRenderState: e }, i, n, s) {
+function Gu({ scrapeMotionValuesFromProps: t, createRenderState: e }, i, n, s) {
   return {
-    latestValues: Gu(i, n, s, t),
+    latestValues: _u(i, n, s, t),
     renderState: e()
   };
 }
-function Gu(t, e, i, n) {
+function _u(t, e, i, n) {
   const s = {}, o = n(t, {});
   for (const f in o) s[f] = te(o[f]);
   let { initial: r, animate: a } = t;
@@ -3828,16 +3829,16 @@ function Gu(t, e, i, n) {
   return s;
 }
 var Er = (t) => (e, i) => {
-  const n = U(me), s = U(si), o = () => Hu(t, e, n, s);
+  const n = U(me), s = U(si), o = () => Gu(t, e, n, s);
   return i ? o() : zr(o);
-}, _u = /* @__PURE__ */ Er({
+}, Xu = /* @__PURE__ */ Er({
   scrapeMotionValuesFromProps: Ci,
   createRenderState: Di
-}), Xu = /* @__PURE__ */ Er({
+}), Yu = /* @__PURE__ */ Er({
   scrapeMotionValuesFromProps: mr,
   createRenderState: Dr
-}), Yu = /* @__PURE__ */ Symbol.for("motionComponentSymbol");
-function qu(t, e, i) {
+}), qu = /* @__PURE__ */ Symbol.for("motionComponentSymbol");
+function Zu(t, e, i) {
   const n = ft(i);
   Jn(() => {
     n.current = i;
@@ -3858,7 +3859,7 @@ var Rr = Vt({});
 function Tt(t) {
   return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
 }
-function Zu(t, e, i, n, s, o) {
+function Ju(t, e, i, n, s, o) {
   const { visualElement: r } = U(me), a = U(Vr), l = U(si), c = U(Ar), u = c.reducedMotion, h = c.skipAnimations, f = ft(null), p = ft(!1);
   n = n || a.renderer, !f.current && n && (f.current = n(t, {
     visualState: e,
@@ -3871,7 +3872,7 @@ function Zu(t, e, i, n, s, o) {
     isSVG: o
   }), p.current && f.current && (f.current.manuallyAnimateOnMount = !0));
   const d = f.current, m = U(Rr);
-  d && !d.projection && s && (d.type === "html" || d.type === "svg") && Ju(f.current, i, s, m);
+  d && !d.projection && s && (d.type === "html" || d.type === "svg") && Qu(f.current, i, s, m);
   const g = ft(!1);
   Jn(() => {
     d && g.current && d.update(i, l);
@@ -3885,7 +3886,7 @@ function Zu(t, e, i, n, s, o) {
     }), T.current = !1), d.enteringChildren = void 0);
   }), d;
 }
-function Ju(t, e, i, n) {
+function Qu(t, e, i, n) {
   const { layoutId: s, layout: o, drag: r, dragConstraints: a, layoutScroll: l, layoutRoot: c, layoutAnchor: u, layoutCrossfade: h } = e;
   t.projection = new i(t.latestValues, e["data-framer-portal-id"] ? void 0 : Lr(t.parent)), t.projection.setOptions({
     layoutId: s,
@@ -3905,44 +3906,44 @@ function Lr(t) {
     return t.options.allowProjection !== !1 ? t.projection : Lr(t.parent);
 }
 function Ve(t, { forwardMotionProps: e = !1, type: i } = {}, n, s) {
-  n && ku(n);
-  const o = i ? i === "svg" : Ei(t), r = o ? Xu : _u;
+  n && Bu(n);
+  const o = i ? i === "svg" : Ei(t), r = o ? Yu : Xu;
   function a(c, u) {
     let h;
     const f = {
       ...U(Ar),
       ...c,
-      layoutId: Qu(c)
-    }, { isStatic: p, isValidProp: d } = f, m = Fu(c), g = r(c, p);
+      layoutId: tc(c)
+    }, { isStatic: p, isValidProp: d } = f, m = Iu(c), g = r(c, p);
     if (!p && typeof window < "u") {
-      tc(f, n);
-      const v = ec(f);
-      h = v.MeasureLayout, m.visualElement = Zu(t, g, f, s, v.ProjectionNode, o);
+      ec(f, n);
+      const v = ic(f);
+      h = v.MeasureLayout, m.visualElement = Ju(t, g, f, s, v.ProjectionNode, o);
     }
     return Kr(me.Provider, {
       value: m,
       children: [h && m.visualElement ? Qn(h, {
         visualElement: m.visualElement,
         ...f
-      }) : null, zu(t, c, qu(g, m.visualElement, u), g, p, e, o, d)]
+      }) : null, Hu(t, c, Zu(g, m.visualElement, u), g, p, e, o, d)]
     });
   }
   a.displayName = `motion.${typeof t == "string" ? t : `create(${t.displayName ?? t.name ?? ""})`}`;
   const l = Ur(a);
-  return l[Yu] = t, l;
+  return l[qu] = t, l;
 }
-function Qu({ layoutId: t }) {
+function tc({ layoutId: t }) {
   const e = U(ts).id;
   return e && t !== void 0 ? e + "-" + t : t;
 }
-function tc(t, e) {
+function ec(t, e) {
   const i = U(Vr).strict;
   if (process.env.NODE_ENV !== "production" && e && i) {
     const n = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
     t.ignoreStrict ? Mt(!1, n, "lazy-strict-mode") : tt(!1, n, "lazy-strict-mode");
   }
 }
-function ec(t) {
+function ic(t) {
   const { drag: e, layout: i } = Mr();
   if (!e && !i) return {};
   const n = {
@@ -3954,14 +3955,14 @@ function ec(t) {
     ProjectionNode: n.ProjectionNode
   };
 }
-function ic(t, e) {
+function nc(t, e) {
   if (typeof Proxy > "u") return Ve;
   const i = /* @__PURE__ */ new Map(), n = (o, r) => Ve(o, r, t, e), s = (o, r) => (process.env.NODE_ENV !== "production" && ai(!1, "motion() is deprecated. Use motion.create() instead."), n(o, r));
   return new Proxy(s, { get: (o, r) => r === "create" ? n : (i.has(r) || i.set(r, Ve(r, void 0, t, e)), i.get(r)) });
 }
-var nc = (t, e) => e.isSVG ?? Ei(t) ? new jl(e) : new kl(e, { allowProjection: t !== qn }), sc = class extends ot {
+var sc = (t, e) => e.isSVG ?? Ei(t) ? new Nl(e) : new Bl(e, { allowProjection: t !== qn }), rc = class extends ot {
   constructor(t) {
-    super(t), t.animationState || (t.animationState = Kl(t));
+    super(t), t.animationState || (t.animationState = zl(t));
   }
   updateAnimationControlsSubscription() {
     const { animate: t } = this.node.getProps();
@@ -3977,9 +3978,9 @@ var nc = (t, e) => e.isSVG ?? Ei(t) ? new jl(e) : new kl(e, { allowProjection: t
   unmount() {
     this.node.animationState.reset(), this.unmountControls?.();
   }
-}, rc = 0, oc = class extends ot {
+}, oc = 0, ac = class extends ot {
   constructor() {
-    super(...arguments), this.id = rc++, this.isExitComplete = !1;
+    super(...arguments), this.id = oc++, this.isExitComplete = !1;
   }
   update() {
     if (!this.node.presenceContext) return;
@@ -4011,9 +4012,9 @@ var nc = (t, e) => e.isSVG ?? Ei(t) ? new jl(e) : new kl(e, { allowProjection: t
   }
   unmount() {
   }
-}, ac = {
-  animation: { Feature: sc },
-  exit: { Feature: oc }
+}, lc = {
+  animation: { Feature: rc },
+  exit: { Feature: ac }
 };
 function Kt(t) {
   return { point: {
@@ -4021,12 +4022,12 @@ function Kt(t) {
     y: t.pageY
   } };
 }
-var lc = (t) => (e) => Si(e) && t(e, Kt(e));
+var uc = (t) => (e) => Si(e) && t(e, Kt(e));
 function Ft(t, e, i, n) {
-  return Nt(t, e, lc(i), n);
+  return Nt(t, e, uc(i), n);
 }
 var kr = ({ current: t }) => t ? t.ownerDocument.defaultView : null, Un = (t, e) => Math.abs(t - e);
-function uc(t, e) {
+function cc(t, e) {
   const i = Un(t.x, e.x), n = Un(t.y, e.y);
   return Math.sqrt(i ** 2 + n ** 2);
 }
@@ -4039,7 +4040,7 @@ var Wn = /* @__PURE__ */ new Set(["auto", "scroll"]), Br = class {
     }, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo)) return;
       this.lastRawMoveEventInfo && (this.lastMoveEventInfo = Gt(this.lastRawMoveEventInfo, this.transformPagePoint));
-      const f = Me(this.lastMoveEventInfo, this.history), p = this.startEvent !== null, d = uc(f.offset, {
+      const f = Me(this.lastMoveEventInfo, this.history), p = this.startEvent !== null, d = cc(f.offset, {
         x: 0,
         y: 0
       }) >= this.distanceThreshold;
@@ -4125,17 +4126,17 @@ function Me({ point: t }, e) {
   return {
     point: t,
     delta: $n(t, Fr(e)),
-    offset: $n(t, cc(e)),
-    velocity: hc(e, 0.1)
+    offset: $n(t, hc(e)),
+    velocity: fc(e, 0.1)
   };
 }
-function cc(t) {
+function hc(t) {
   return t[0];
 }
 function Fr(t) {
   return t[t.length - 1];
 }
-function hc(t, e) {
+function fc(t, e) {
   if (t.length < 2) return {
     x: 0,
     y: 0
@@ -4160,7 +4161,7 @@ function hc(t, e) {
   };
   return r.x === 1 / 0 && (r.x = 0), r.y === 1 / 0 && (r.y = 0), r;
 }
-function fc(t, { min: e, max: i }, n) {
+function dc(t, { min: e, max: i }, n) {
   return e !== void 0 && t < e ? t = n ? V(e, t, n.min) : Math.max(t, e) : i !== void 0 && t > i && (t = n ? V(i, t, n.max) : Math.min(t, i)), t;
 }
 function Kn(t, e, i) {
@@ -4169,7 +4170,7 @@ function Kn(t, e, i) {
     max: i !== void 0 ? t.max + i - (t.max - t.min) : void 0
   };
 }
-function dc(t, { top: e, left: i, bottom: n, right: s }) {
+function pc(t, { top: e, left: i, bottom: n, right: s }) {
   return {
     x: Kn(t.x, i, s),
     y: Kn(t.y, e, n)
@@ -4182,23 +4183,23 @@ function zn(t, e) {
     max: n
   };
 }
-function pc(t, e) {
+function mc(t, e) {
   return {
     x: zn(t.x, e.x),
     y: zn(t.y, e.y)
   };
 }
-function mc(t, e) {
+function vc(t, e) {
   let i = 0.5;
   const n = j(t), s = j(e);
   return s > n ? i = It(e.min, e.max - n, t.min) : n > s && (i = It(t.min, t.max - s, e.min)), Q(0, 1, i);
 }
-function vc(t, e) {
+function gc(t, e) {
   const i = {};
   return e.min !== void 0 && (i.min = e.min - t.min), e.max !== void 0 && (i.max = e.max - t.min), i;
 }
 var ei = 0.35;
-function gc(t = ei) {
+function yc(t = ei) {
   return t === !1 ? t = 0 : t === !0 && (t = ei), {
     x: Hn(t, "left", "right"),
     y: Hn(t, "top", "bottom")
@@ -4213,7 +4214,7 @@ function Hn(t, e, i) {
 function Gn(t, e) {
   return typeof t == "number" ? t : t[e] || 0;
 }
-var yc = /* @__PURE__ */ new WeakMap(), Tc = class {
+var Tc = /* @__PURE__ */ new WeakMap(), xc = class {
   constructor(t) {
     this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = {
       x: 0,
@@ -4227,7 +4228,7 @@ var yc = /* @__PURE__ */ new WeakMap(), Tc = class {
       e && this.snapToCursor(Kt(u).point), this.stopAnimation();
     }, o = (u, h) => {
       const { drag: f, dragPropagation: p, onDragStart: d } = this.getProps();
-      if (f && !p && (this.openDragLock && this.openDragLock(), this.openDragLock = Ja(f), !this.openDragLock))
+      if (f && !p && (this.openDragLock && this.openDragLock(), this.openDragLock = Qa(f), !this.openDragLock))
         return;
       this.latestPointerEvent = u, this.latestPanInfo = h, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), q((g) => {
         let v = this.getAxisMotionValue(g).get() || 0;
@@ -4248,7 +4249,7 @@ var yc = /* @__PURE__ */ new WeakMap(), Tc = class {
       if (!f && !this.openDragLock) return;
       const { offset: g } = h;
       if (p && this.currentDirection === null) {
-        this.currentDirection = wc(g), this.currentDirection !== null && d && d(this.currentDirection);
+        this.currentDirection = Pc(g), this.currentDirection !== null && d && d(this.currentDirection);
         return;
       }
       this.updateAxis("x", h.point, g), this.updateAxis("y", h.point, g), this.visualElement.render(), m && M.update(() => m(u, h), !1, !0);
@@ -4298,12 +4299,12 @@ var yc = /* @__PURE__ */ new WeakMap(), Tc = class {
     if (!i || !_t(t, n, this.currentDirection)) return;
     const s = this.getAxisMotionValue(t);
     let o = this.originPoint[t] + i[t];
-    this.constraints && this.constraints[t] && (o = fc(o, this.constraints[t], this.elastic[t])), s.set(o);
+    this.constraints && this.constraints[t] && (o = dc(o, this.constraints[t], this.elastic[t])), s.set(o);
   }
   resolveConstraints() {
     const { dragConstraints: t, dragElastic: e } = this.getProps(), i = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : this.visualElement.projection?.layout, n = this.constraints;
-    t && Tt(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && i ? this.constraints = dc(i.layoutBox, t) : this.constraints = !1, this.elastic = gc(e), n !== this.constraints && !Tt(t) && i && this.constraints && !this.hasMutatedConstraints && q((s) => {
-      this.constraints !== !1 && this.getAxisMotionValue(s) && (this.constraints[s] = vc(i.layoutBox[s], this.constraints[s]));
+    t && Tt(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && i ? this.constraints = pc(i.layoutBox, t) : this.constraints = !1, this.elastic = yc(e), n !== this.constraints && !Tt(t) && i && this.constraints && !this.hasMutatedConstraints && q((s) => {
+      this.constraints !== !1 && this.getAxisMotionValue(s) && (this.constraints[s] = gc(i.layoutBox[s], this.constraints[s]));
     });
   }
   resolveRefConstraints() {
@@ -4314,10 +4315,10 @@ var yc = /* @__PURE__ */ new WeakMap(), Tc = class {
     const { projection: n } = this.visualElement;
     if (!n || !n.layout) return !1;
     n.root && (n.root.scroll = void 0, n.root.updateScroll());
-    const s = Ml(i, n.root, this.visualElement.getTransformPagePoint());
-    let o = pc(n.layout.layoutBox, s);
+    const s = Cl(i, n.root, this.visualElement.getTransformPagePoint());
+    let o = mc(n.layout.layoutBox, s);
     if (e) {
-      const r = e(bl(o));
+      const r = e(Al(o));
       this.hasMutatedConstraints = !!r, r && (o = rr(r));
     }
     return o;
@@ -4380,7 +4381,7 @@ var yc = /* @__PURE__ */ new WeakMap(), Tc = class {
       const r = this.getAxisMotionValue(o);
       if (r && this.constraints !== !1) {
         const a = r.get();
-        n[o] = mc({
+        n[o] = vc({
           min: a,
           max: a
         }, this.constraints[o]);
@@ -4395,15 +4396,15 @@ var yc = /* @__PURE__ */ new WeakMap(), Tc = class {
   }
   addListeners() {
     if (!this.visualElement.current) return;
-    yc.set(this.visualElement, this);
+    Tc.set(this.visualElement, this);
     const t = this.visualElement.current, e = Ft(t, "pointerdown", (l) => {
-      const { drag: c, dragListener: u = !0 } = this.getProps(), h = l.target, f = h !== t && sl(h);
+      const { drag: c, dragListener: u = !0 } = this.getProps(), h = l.target, f = h !== t && rl(h);
       c && u && !f && this.start(l);
     });
     let i;
     const n = () => {
       const { dragConstraints: l } = this.getProps();
-      Tt(l) && l.current && (this.constraints = this.resolveRefConstraints(), i || (i = xc(t, l.current, () => this.scalePositionWithinConstraints())));
+      Tt(l) && l.current && (this.constraints = this.resolveRefConstraints(), i || (i = wc(t, l.current, () => this.scalePositionWithinConstraints())));
     }, { projection: s } = this.visualElement, o = s.addEventListener("measure", n);
     s && !s.layout && (s.root && s.root.updateScroll(), s.updateLayout()), M.read(n);
     const r = Nt(window, "resize", () => this.scalePositionWithinConstraints()), a = s.addEventListener("didUpdate", (({ delta: l, hasLayoutChanged: c }) => {
@@ -4439,7 +4440,7 @@ function _n(t) {
     t();
   };
 }
-function xc(t, e, i) {
+function wc(t, e, i) {
   const n = en(t, _n(i)), s = en(e, _n(i));
   return () => {
     n(), s();
@@ -4448,13 +4449,13 @@ function xc(t, e, i) {
 function _t(t, e, i) {
   return (e === !0 || e === t) && (i === null || i === t);
 }
-function wc(t, e = 10) {
+function Pc(t, e = 10) {
   let i = null;
   return Math.abs(t.y) > e ? i = "y" : Math.abs(t.x) > e && (i = "x"), i;
 }
-var Pc = class extends ot {
+var Sc = class extends ot {
   constructor(t) {
-    super(t), this.removeGroupControls = z, this.removeListeners = z, this.controls = new Tc(t);
+    super(t), this.removeGroupControls = z, this.removeListeners = z, this.controls = new xc(t);
   }
   mount() {
     const { dragControls: t } = this.node.getProps();
@@ -4469,7 +4470,7 @@ var Pc = class extends ot {
   }
 }, Ce = (t) => (e, i) => {
   t && M.update(() => t(e, i), !1, !0);
-}, Sc = class extends ot {
+}, bc = class extends ot {
   constructor() {
     super(...arguments), this.removePointerDownListener = z;
   }
@@ -4499,7 +4500,7 @@ var Pc = class extends ot {
   unmount() {
     this.removePointerDownListener(), this.session && this.session.end();
   }
-}, De = !1, bc = class extends jr {
+}, De = !1, Ac = class extends jr {
   componentDidMount() {
     const { visualElement: t, layoutGroup: e, switchLayoutGroup: i, layoutId: n } = this.props, { projection: s } = t;
     s && (e.group && e.group.add(s), i && i.register && n && i.register(s), De && s.root.didUpdate(), s.addEventListener("animationComplete", () => {
@@ -4539,8 +4540,8 @@ var Pc = class extends ot {
   }
 };
 function Ir(t) {
-  const [e, i] = Ru(), n = U(ts);
-  return Qn(bc, {
+  const [e, i] = Lu(), n = U(ts);
+  return Qn(Ac, {
     ...t,
     layoutGroup: n,
     switchLayoutGroup: U(Rr),
@@ -4548,10 +4549,10 @@ function Ir(t) {
     safeToRemove: i
   });
 }
-var Ac = {
-  pan: { Feature: Sc },
+var Vc = {
+  pan: { Feature: bc },
   drag: {
-    Feature: Pc,
+    Feature: Sc,
     ProjectionNode: br,
     MeasureLayout: Ir
   }
@@ -4562,14 +4563,14 @@ function Xn(t, e, i) {
   const s = n["onHover" + i];
   s && M.postRender(() => s(e, Kt(e)));
 }
-var Vc = class extends ot {
+var Mc = class extends ot {
   mount() {
     const { current: t } = this.node;
-    t && (this.unmount = tl(t, (e, i) => (Xn(this.node, i, "Start"), (n) => Xn(this.node, n, "End"))));
+    t && (this.unmount = el(t, (e, i) => (Xn(this.node, i, "Start"), (n) => Xn(this.node, n, "End"))));
   }
   unmount() {
   }
-}, Mc = class extends ot {
+}, Cc = class extends ot {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -4598,43 +4599,43 @@ function Yn(t, e, i) {
   const s = n["onTap" + (i === "End" ? "" : i)];
   s && M.postRender(() => s(e, Kt(e)));
 }
-var Cc = class extends ot {
+var Dc = class extends ot {
   mount() {
     const { current: t } = this.node;
     if (!t) return;
     const { globalTapTarget: e, propagate: i } = this.node.props;
-    this.unmount = ol(t, (n, s) => (Yn(this.node, s, "Start"), (o, { success: r }) => Yn(this.node, o, r ? "End" : "Cancel")), {
+    this.unmount = al(t, (n, s) => (Yn(this.node, s, "Start"), (o, { success: r }) => Yn(this.node, o, r ? "End" : "Cancel")), {
       useGlobalTarget: e,
       stopPropagation: i?.tap === !1
     });
   }
   unmount() {
   }
-}, ii = /* @__PURE__ */ new WeakMap(), Ee = /* @__PURE__ */ new WeakMap(), Dc = (t) => {
+}, ii = /* @__PURE__ */ new WeakMap(), Ee = /* @__PURE__ */ new WeakMap(), Ec = (t) => {
   const e = ii.get(t.target);
   e && e(t);
-}, Ec = (t) => {
-  t.forEach(Dc);
+}, Rc = (t) => {
+  t.forEach(Ec);
 };
-function Rc({ root: t, ...e }) {
+function Lc({ root: t, ...e }) {
   const i = t || document;
   Ee.has(i) || Ee.set(i, {});
   const n = Ee.get(i), s = JSON.stringify(e);
-  return n[s] || (n[s] = new IntersectionObserver(Ec, {
+  return n[s] || (n[s] = new IntersectionObserver(Rc, {
     root: t,
     ...e
   })), n[s];
 }
-function Lc(t, e, i) {
-  const n = Rc(e);
+function kc(t, e, i) {
+  const n = Lc(e);
   return ii.set(t, i), n.observe(t), () => {
     ii.delete(t), n.unobserve(t);
   };
 }
-var kc = {
+var Bc = {
   some: 0,
   all: 1
-}, Bc = class extends ot {
+}, Fc = class extends ot {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -4643,7 +4644,7 @@ var kc = {
     const { viewport: t = {} } = this.node.getProps(), { root: e, margin: i, amount: n = "some", once: s } = t, o = {
       root: e ? e.current : void 0,
       rootMargin: i,
-      threshold: typeof n == "number" ? n : kc[n]
+      threshold: typeof n == "number" ? n : Bc[n]
     }, r = (a) => {
       const { isIntersecting: l } = a;
       if (this.isInView === l || (this.isInView = l, s && !l && this.hasEnteredView)) return;
@@ -4651,7 +4652,7 @@ var kc = {
       const { onViewportEnter: c, onViewportLeave: u } = this.node.getProps(), h = l ? c : u;
       h && h(a);
     };
-    this.stopObserver = Lc(this.node.current, o, r);
+    this.stopObserver = kc(this.node.current, o, r);
   }
   mount() {
     this.startObserver();
@@ -4663,29 +4664,29 @@ var kc = {
       "amount",
       "margin",
       "root"
-    ].some(Fc(t, e)) && this.startObserver();
+    ].some(Ic(t, e)) && this.startObserver();
   }
   unmount() {
     this.stopObserver?.(), this.hasEnteredView = !1, this.isInView = !1;
   }
 };
-function Fc({ viewport: t = {} }, { viewport: e = {} } = {}) {
+function Ic({ viewport: t = {} }, { viewport: e = {} } = {}) {
   return (i) => t[i] !== e[i];
 }
-var Ic = {
-  inView: { Feature: Bc },
-  tap: { Feature: Cc },
-  focus: { Feature: Mc },
-  hover: { Feature: Vc }
-}, Oc = { layout: {
+var Oc = {
+  inView: { Feature: Fc },
+  tap: { Feature: Dc },
+  focus: { Feature: Cc },
+  hover: { Feature: Mc }
+}, jc = { layout: {
   ProjectionNode: br,
   MeasureLayout: Ir
-} }, jc = {
-  ...ac,
-  ...Ic,
-  ...Ac,
-  ...Oc
-}, Nc = /* @__PURE__ */ ic(jc, nc), zc = Nc;
+} }, Nc = {
+  ...lc,
+  ...Oc,
+  ...Vc,
+  ...jc
+}, Uc = /* @__PURE__ */ nc(Nc, sc), Hc = Uc;
 export {
-  zc as t
+  Hc as t
 };