@janbox/storefront-builder 1.0.4 → 1.0.6

package/dist/{index-CBDllFpx.js → index-BU9pvpw_.js}

@@ -1,14 +1,14 @@
-import { Fragment as le, useSyncExternalStore as Jo, forwardRef as ft, Suspense as Qo, lazy as tr, Children as ce, isValidElement as _t, cloneElement as Je, useRef as ut, useState as Qe, useContext as B, createContext as it, useMemo as Y, useId as er, useEffect as Pt, useCallback as si, useLayoutEffect as nr, useInsertionEffect as sr, createElement as ir, Component as or } from "react";
-import { useQueryParams as rr, useControllableState as tn } from "@janbox/storefront-ui/hooks";
+import { Fragment as le, useSyncExternalStore as Jo, forwardRef as ft, Suspense as Qo, lazy as tr, Children as ce, isValidElement as _t, cloneElement as Ze, useRef as ut, useState as Je, useContext as B, createContext as it, useMemo as Y, useId as er, useEffect as Pt, useCallback as si, useLayoutEffect as nr, useInsertionEffect as sr, createElement as ir, Component as or } from "react";
+import { useQueryParams as rr, useControllableState as Qe } from "@janbox/storefront-ui/hooks";
 import { screens as ar, FLOATING_Z_INDEX as lr } from "@janbox/storefront-ui/theme";
 import { getResponsiveProp as cr } from "@janbox/storefront-ui/utils";
 import { jsx as x, Fragment as ii, jsxs as ht } from "@emotion/react/jsx-runtime";
-import { u as St, x as oi, J as ue, D as C, c as L, W as ur, i as Bn, b as In, t as dr, k as hr, h as fr, f as pr, A as mr, s as gr, r as yr, q as vr, p as wr, T as xr, m as br, M as Tr, l as Pr, S as Sr, L as Cr, n as Ar, V as Vr, I as Mr, d as Dr, e as kr, F as Er, C as Rr, G as Lr, H as Nr, j as Fr, o as Br, a as Ir, N as jr, B as jn } from "./countdown-timer.node-CAsCNVin.js";
-import { isFunction as Or, merge as ri, set as Ur, isNil as Wt, isString as Ne, isUndefined as Fe, get as ai } from "lodash-es";
+import { u as St, x as oi, J as ue, D as C, c as L, W as ur, i as Fn, b as Bn, t as dr, k as hr, h as fr, f as pr, A as mr, s as gr, r as yr, q as vr, p as wr, T as xr, m as br, M as Tr, l as Pr, S as Sr, L as Cr, n as Ar, V as Vr, I as Mr, d as Dr, e as kr, F as Er, C as Rr, G as Lr, H as Nr, j as Fr, o as Br, a as Ir, N as jr, B as In } from "./countdown-timer.node-CAsCNVin.js";
+import { isFunction as Or, merge as ri, set as Ur, isNil as Wt, isString as Le, isUndefined as Ne, get as ai } from "lodash-es";
 import { OverlayScrollbarsComponent as _r } from "overlayscrollbars-react";
 import { jsxs as Wr, jsx as li } from "react/jsx-runtime";
-import { useNode as tt, ROOT_NODE as $r, Frame as Kr, Editor as Hr, DefaultEventHandlers as zr } from "@craftjs/core";
-import { useMergeRefs as de, useFloating as ci, autoUpdate as ui, offset as di, flip as hi, size as Gr, useClick as qr, useHover as Xr, safePolygon as Yr, useDismiss as Zr, useRole as Jr, useInteractions as Qr, useFloatingParentNodeId as ta, FloatingTree as ea, FloatingPortal as fi } from "@floating-ui/react";
+import { useMergeRefs as de, useFloating as ci, autoUpdate as ui, offset as di, flip as hi, size as $r, useClick as Kr, useHover as Hr, safePolygon as zr, useDismiss as Gr, useRole as qr, useInteractions as Xr, useFloatingParentNodeId as Yr, FloatingTree as Zr, FloatingPortal as fi } from "@floating-ui/react";
+import { useNode as tt, ROOT_NODE as Jr, Frame as Qr, Editor as ta, DefaultEventHandlers as ea } from "@craftjs/core";
 import { useUpdateEffect as na } from "react-use";
 import { useFrame as sa } from "react-frame-component";
 import { Button as ia, UnorderedList as oa, ListItem as ra } from "@janbox/storefront-ui";
@@ -88,19 +88,26 @@ ue(mi, {
     displayName: "Unknown"
   }
 });
-const ca = (t) => {
-  let e = t;
-  const n = /* @__PURE__ */ new Set();
-  return { getSnapshot: () => e, subscribe: (o) => (n.add(o), () => n.delete(o)), setState: (o) => {
-    e = { ...e, ...o }, n.forEach((a) => a());
+const ca = () => {
+  let t;
+  const e = /* @__PURE__ */ new Set();
+  return { getSnapshot: () => {
+    if (!t)
+      throw new Error("useEditor must be initialized with initialState before use.");
+    return t;
+  }, subscribe: (o) => (e.add(o), () => e.delete(o)), initialize: (o) => {
+    t = o, e.forEach((a) => a());
+  }, setState: (o) => {
+    if (!t)
+      throw new Error("useEditor must be initialized before setState.");
+    t = { ...t, ...o }, e.forEach((a) => a());
   } };
-}, Gt = ca({});
-let xe = !1;
-const bh = (t) => {
-  if (t && !xe && (xe = !0, Gt.setState(t)), !xe)
-    throw new Error("useEditorState must be initialized with initialState before use.");
-  return [Jo(Gt.subscribe, Gt.getSnapshot), Gt.setState];
-}, Th = () => {
+}, Gt = ca();
+let jn = !1;
+const bh = (t) => (t && !jn && (jn = !0, Gt.initialize(t)), {
+  ...Jo(Gt.subscribe, Gt.getSnapshot),
+  setState: Gt.setState
+}), Th = () => {
   const {
     queryParams: { screen: t }
   } = ua();
@@ -228,7 +235,7 @@ const bh = (t) => {
   className: i,
   ...r
 }) => {
-  const [o, a] = tn({
+  const [o, a] = Qe({
     defaultValue: e ?? null,
     value: n
   }), l = ce.toArray(t).filter(
@@ -238,7 +245,7 @@ const bh = (t) => {
     d !== o && (a(d), s?.(d, u));
   };
   return /* @__PURE__ */ x("div", { className: L("tw:p-1 tw:flex tw:items-center tw:gap-2 tw:bg-ic-white-1s tw:rounded-lg", i), ...r, children: l.map(
-    (u) => Je(u, {
+    (u) => Ze(u, {
       onClick(d) {
         c(d), u.props.onClick?.(d);
       },
@@ -301,7 +308,7 @@ const bh = (t) => {
         ref: d,
         children: [
           r,
-          Ne(a) ? /* @__PURE__ */ x("span", { children: a }) : a,
+          Le(a) ? /* @__PURE__ */ x("span", { children: a }) : a,
           o,
           l && /* @__PURE__ */ x("div", { className: "tw:absolute tw:inset-0 tw:flex tw:items-center tw:justify-center tw:!visible", children: /* @__PURE__ */ x(Zt, { source: ga, size: 16, className: "tw:animate-spin" }) }),
           e === "outlined" && /* @__PURE__ */ x("div", { className: "tw:absolute tw:rounded-lg tw:inset-0 tw:border tw:border-transparent tw:pointer-events-none" })
@@ -328,7 +335,7 @@ const bh = (t) => {
   selectOnFocus: y = !1,
   ...g
 }) => {
-  const p = ut(null), [v, w] = Qe(), S = ut(""), b = {
+  const p = ut(null), [v, w] = Je(), S = ut(""), b = {
     height: Number(i)
   }, V = (A, O = !1) => {
     A.target.value = r ? r(A.target.value) : A.target.value, p.current && clearTimeout(p.current);
@@ -338,11 +345,11 @@ const bh = (t) => {
       return;
     }
     if (c === "onBlur") {
-      Fe(d) || w(A.target.value);
+      Ne(d) || w(A.target.value);
       return;
     }
     if (u > 0) {
-      Fe(d) || w(A.target.value), p.current = setTimeout(() => {
+      Ne(d) || w(A.target.value), p.current = setTimeout(() => {
         l?.(A);
       }, u);
       return;
@@ -412,7 +419,7 @@ const bh = (t) => {
   trigger: o = "click",
   offset: a = 4
 }) => {
-  const [l, c] = tn({
+  const [l, c] = Qe({
     defaultValue: !1,
     value: t
   }), d = ci({
@@ -424,7 +431,7 @@ const bh = (t) => {
     middleware: [
       di(a),
       hi(),
-      Gr({
+      $r({
         apply({ elements: S }) {
           const b = {
             zIndex: `${lr}`,
@@ -435,12 +442,12 @@ const bh = (t) => {
       })
     ],
     whileElementsMounted: ui
-  }), { context: h, refs: f } = d, m = qr(h, {
+  }), { context: h, refs: f } = d, m = Kr(h, {
     enabled: o === "click"
-  }), y = Xr(h, {
+  }), y = Hr(h, {
     enabled: o === "hover",
-    handleClose: Yr()
-  }), g = Zr(
+    handleClose: zr()
+  }), g = Gr(
     h,
     ri(
       {
@@ -448,7 +455,7 @@ const bh = (t) => {
       },
       s
     )
-  ), p = Jr(h), v = Qr([m, g, p, y]), w = Y(
+  ), p = qr(h), v = Xr([m, g, p, y]), w = Y(
     () => ({
       ...d,
       ...v
@@ -456,11 +463,11 @@ const bh = (t) => {
     [d, v]
   );
   return na(() => {
-    Fe(r) || (f.setReference?.(r), h.onOpenChange(!Wt(r)));
+    Ne(r) || (f.setReference?.(r), h.onOpenChange(!Wt(r)));
   }, [r]), /* @__PURE__ */ x(gi.Provider, { value: w, children: i });
-}, va = (t) => ta() ? /* @__PURE__ */ x(Un, { ...t }) : /* @__PURE__ */ x(ea, { children: /* @__PURE__ */ x(Un, { ...t }) }), wa = ft(({ children: t, ...e }, n) => {
+}, va = (t) => Yr() ? /* @__PURE__ */ x(Un, { ...t }) : /* @__PURE__ */ x(Zr, { children: /* @__PURE__ */ x(Un, { ...t }) }), wa = ft(({ children: t, ...e }, n) => {
   const { getReferenceProps: s, context: i } = yi(), r = de([i.refs.setReference, ai(t, "ref"), n]);
-  return _t(t) ? Je(
+  return _t(t) ? Ze(
     t,
     s({
       ...t.props ?? {},
@@ -546,14 +553,14 @@ const bh = (t) => {
       ),
       ...s,
       children: i.map(
-        (r, o) => Je(r, {
+        (r, o) => Ze(r, {
           "data-tab-index": o
         })
       )
     }
   );
 }, Dh = ({ defaultIndex: t, activeIndex: e, children: n, onTabChange: s, className: i, ...r }) => {
-  const o = ce.toArray(n).filter((f) => _t(f)), a = o.find((f) => f.type === Ca), [l, c] = tn({
+  const o = ce.toArray(n).filter((f) => _t(f)), a = o.find((f) => f.type === Ca), [l, c] = Qe({
     defaultValue: t ?? 0,
     value: e
   }), u = o.find((f) => f.type === Pa), d = (f) => {
@@ -586,13 +593,13 @@ function Va(t) {
   const e = ut(null);
   return e.current === null && (e.current = t()), e.current;
 }
-const en = it(null), bi = it({
+const tn = it(null), bi = it({
   transformPagePoint: (t) => t,
   isStatic: !1,
   reducedMotion: "never"
 });
 function Ma(t = !0) {
-  const e = B(en);
+  const e = B(tn);
   if (e === null)
     return [!0, null];
   const { isPresent: n, onExitComplete: s, register: i } = e, r = er();
@@ -602,7 +609,7 @@ function Ma(t = !0) {
   const o = si(() => t && s && s(r), [r, s, t]);
   return !n && s ? [!1, o] : [!0];
 }
-const nn = typeof window < "u", Da = nn ? nr : Pt, U = /* @__NO_SIDE_EFFECTS__ */ (t) => t;
+const en = typeof window < "u", Da = en ? nr : Pt, U = /* @__NO_SIDE_EFFECTS__ */ (t) => t;
 let Ct = U, et = U;
 process.env.NODE_ENV !== "production" && (Ct = (t, e) => {
   !t && typeof console < "u" && console.warn(e);
@@ -685,7 +692,7 @@ function Ti(t, e) {
       o[qt[v]].cancel(p);
   }, state: i, steps: o };
 }
-const { schedule: M, cancel: nt, state: N, steps: be } = Ti(typeof requestAnimationFrame < "u" ? requestAnimationFrame : U, !0), Pi = it({ strict: !1 }), _n = {
+const { schedule: M, cancel: nt, state: N, steps: xe } = Ti(typeof requestAnimationFrame < "u" ? requestAnimationFrame : U, !0), Pi = it({ strict: !1 }), _n = {
   animation: [
     "animate",
     "variants",
@@ -790,7 +797,7 @@ function Bt(t) {
 function pe(t) {
   return t !== null && typeof t == "object" && typeof t.start == "function";
 }
-const sn = [
+const nn = [
   "animate",
   "whileInView",
   "whileFocus",
@@ -798,9 +805,9 @@ const sn = [
   "whileTap",
   "whileDrag",
   "exit"
-], on = ["initial", ...sn];
+], sn = ["initial", ...nn];
 function me(t) {
-  return pe(t.animate) || on.some((e) => Bt(t[e]));
+  return pe(t.animate) || sn.some((e) => Bt(t[e]));
 }
 function Ci(t) {
   return !!(me(t) || t.variants);
@@ -839,10 +846,10 @@ function _a(t, e, n) {
     [e]
   );
 }
-const rn = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Wa = "framerAppearId", Ai = "data-" + rn(Wa), { schedule: an } = Ti(queueMicrotask, !1), Vi = it({});
+const on = (t) => t.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Wa = "framerAppearId", Ai = "data-" + on(Wa), { schedule: rn } = Ti(queueMicrotask, !1), Vi = it({});
 function $a(t, e, n, s, i) {
   var r, o;
-  const { visualElement: a } = B(fe), l = B(Pi), c = B(en), u = B(bi).reducedMotion, d = ut(null);
+  const { visualElement: a } = B(fe), l = B(Pi), c = B(tn), u = B(bi).reducedMotion, d = ut(null);
   s = s || l.renderer, !d.current && s && (d.current = s(t, {
     visualState: e,
     parent: a,
@@ -859,7 +866,7 @@ function $a(t, e, n, s, i) {
   });
   const y = n[Ai], g = ut(!!y && !(!((r = window.MotionHandoffIsComplete) === null || r === void 0) && r.call(window, y)) && ((o = window.MotionHasOptimisedAnimation) === null || o === void 0 ? void 0 : o.call(window, y)));
   return Da(() => {
-    h && (m.current = !0, window.MotionIsMounted = !0, h.updateFeatures(), an.render(h.render), g.current && h.animationState && h.animationState.animateChanges());
+    h && (m.current = !0, window.MotionIsMounted = !0, h.updateFeatures(), rn.render(h.render), g.current && h.animationState && h.animationState.animateChanges());
   }), Pt(() => {
     h && (!g.current && h.animationState && h.animationState.animateChanges(), g.current && (queueMicrotask(() => {
       var p;
@@ -901,7 +908,7 @@ function Ha({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVis
       ...c,
       layoutId: za(c)
     }, { isStatic: f } = h, m = Oa(c), y = s(c, f);
-    if (!f && nn) {
+    if (!f && en) {
       Ga(h, t);
       const g = qa(h);
       d = g.MeasureLayout, m.visualElement = $a(i, y, h, e, g.ProjectionNode);
@@ -960,7 +967,7 @@ const Xa = [
   "use",
   "view"
 ];
-function ln(t) {
+function an(t) {
   return (
     /**
      * If it's not a string, it's a custom React component. Currently we only support
@@ -986,7 +993,7 @@ function Kn(t) {
     e[0][s] = n.get(), e[1][s] = n.getVelocity();
   }), e;
 }
-function cn(t, e, n, s) {
+function ln(t, e, n, s) {
   if (typeof e == "function") {
     const [i, r] = Kn(s);
     e = e(n !== void 0 ? n : t.custom, i, r);
@@ -997,7 +1004,7 @@ function cn(t, e, n, s) {
   }
   return e;
 }
-const Be = (t) => Array.isArray(t), Ya = (t) => !!(t && typeof t == "object" && t.mix && t.toValue), Za = (t) => Be(t) ? t[t.length - 1] || 0 : t, I = (t) => !!(t && t.getVelocity);
+const Fe = (t) => Array.isArray(t), Ya = (t) => !!(t && typeof t == "object" && t.mix && t.toValue), Za = (t) => Fe(t) ? t[t.length - 1] || 0 : t, I = (t) => !!(t && t.getVelocity);
 function Jt(t) {
   const e = I(t) ? t.get() : t;
   return Ya(e) ? e.toValue() : e;
@@ -1010,7 +1017,7 @@ function Ja({ scrapeMotionValuesFromProps: t, createRenderState: e, onUpdate: n
   return n && (o.onMount = (a) => n({ props: s, current: a, ...o }), o.onUpdate = (a) => n(a)), o;
 }
 const Di = (t) => (e, n) => {
-  const s = B(fe), i = B(en), r = () => Ja(t, e, s, i);
+  const s = B(fe), i = B(tn), r = () => Ja(t, e, s, i);
   return n ? r() : Va(r);
 };
 function Qa(t, e, n, s) {
@@ -1026,7 +1033,7 @@ function Qa(t, e, n, s) {
   if (d && typeof d != "boolean" && !pe(d)) {
     const h = Array.isArray(d) ? d : [d];
     for (let f = 0; f < h.length; f++) {
-      const m = cn(t, h[f]);
+      const m = ln(t, h[f]);
       if (m) {
         const { transitionEnd: y, transition: g, ...p } = m;
         for (const v in p) {
@@ -1062,7 +1069,7 @@ const At = [
   "skew",
   "skewX",
   "skewY"
-], pt = new Set(At), ki = (t) => (e) => typeof e == "string" && e.startsWith(t), Ei = /* @__PURE__ */ ki("--"), tl = /* @__PURE__ */ ki("var(--"), un = (t) => tl(t) ? el.test(t.split("/*")[0].trim()) : !1, el = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Ri = (t, e) => e && typeof t == "number" ? e.transform(t) : t, Z = (t, e, n) => n > e ? e : n < t ? t : n, Vt = {
+], pt = new Set(At), ki = (t) => (e) => typeof e == "string" && e.startsWith(t), Ei = /* @__PURE__ */ ki("--"), tl = /* @__PURE__ */ ki("var(--"), cn = (t) => tl(t) ? el.test(t.split("/*")[0].trim()) : !1, el = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, Ri = (t, e) => e && typeof t == "number" ? e.transform(t) : t, Z = (t, e, n) => n > e ? e : n < t ? t : n, Vt = {
   test: (t) => typeof t == "number",
   parse: parseFloat,
   transform: (t) => t
@@ -1144,7 +1151,7 @@ const At = [
 }, zn = {
   ...Vt,
   transform: Math.round
-}, dn = {
+}, un = {
   ...il,
   ...ol,
   zIndex: zn,
@@ -1167,7 +1174,7 @@ function ll(t, e, n) {
       continue;
     let l = !0;
     if (typeof a == "number" ? l = a === (o.startsWith("scale") ? 1 : 0) : l = parseFloat(a) === 0, !l || n) {
-      const c = Ri(a, dn[o]);
+      const c = Ri(a, un[o]);
       if (!l) {
         i = !1;
         const u = rl[o] || o;
@@ -1178,7 +1185,7 @@ function ll(t, e, n) {
   }
   return s = s.trim(), n ? s = n(e, i ? "" : s) : i && (s = "none"), s;
 }
-function hn(t, e, n) {
+function dn(t, e, n) {
   const { style: s, vars: i, transformOrigin: r } = t;
   let o = !1, a = !1;
   for (const l in e) {
@@ -1190,7 +1197,7 @@ function hn(t, e, n) {
       i[l] = c;
       continue;
     } else {
-      const u = Ri(c, dn[l]);
+      const u = Ri(c, un[l]);
       l.startsWith("origin") ? (a = !0, r[l] = u) : s[l] = u;
     }
   }
@@ -1220,7 +1227,7 @@ function hl(t, e, n) {
   const s = Gn(e, t.x, t.width), i = Gn(n, t.y, t.height);
   return `${s} ${i}`;
 }
-function fn(t, {
+function hn(t, {
   attrX: e,
   attrY: n,
   attrScale: s,
@@ -1232,7 +1239,7 @@ function fn(t, {
   // This is object creation, which we try to avoid per-frame.
   ...c
 }, u, d) {
-  if (hn(t, c, d), u) {
+  if (dn(t, c, d), u) {
     t.style.viewBox && (t.attrs.viewBox = t.style.viewBox);
     return;
   }
@@ -1240,15 +1247,15 @@ function fn(t, {
   const { attrs: h, style: f, dimensions: m } = t;
   h.transform && (m && (f.transform = h.transform), delete h.transform), m && (i !== void 0 || r !== void 0 || f.transform) && (f.transformOrigin = hl(m, i !== void 0 ? i : 0.5, r !== void 0 ? r : 0.5)), e !== void 0 && (h.x = e), n !== void 0 && (h.y = n), s !== void 0 && (h.scale = s), o !== void 0 && dl(h, o, a, l, !1);
 }
-const pn = () => ({
+const fn = () => ({
   style: {},
   transform: {},
   transformOrigin: {},
   vars: {}
 }), Li = () => ({
-  ...pn(),
+  ...fn(),
   attrs: {}
-}), mn = (t) => typeof t == "string" && t.toLowerCase() === "svg";
+}), pn = (t) => typeof t == "string" && t.toLowerCase() === "svg";
 function Ni(t, { style: e, vars: n }, s, i) {
   Object.assign(t.style, e, i && i.getProjectionStyles(s));
   for (const r in n)
@@ -1282,7 +1289,7 @@ const Fi = /* @__PURE__ */ new Set([
 function Bi(t, e, n, s) {
   Ni(t, e, void 0, s);
   for (const i in e.attrs)
-    t.setAttribute(Fi.has(i) ? i : rn(i), e.attrs[i]);
+    t.setAttribute(Fi.has(i) ? i : on(i), e.attrs[i]);
 }
 const ne = {};
 function fl(t) {
@@ -1291,7 +1298,7 @@ function fl(t) {
 function Ii(t, { layout: e, layoutId: n }) {
   return pt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!ne[t] || t === "opacity");
 }
-function gn(t, e, n) {
+function mn(t, e, n) {
   var s;
   const { style: i } = t, r = {};
   for (const o in i)
@@ -1299,7 +1306,7 @@ function gn(t, e, n) {
   return r;
 }
 function ji(t, e, n) {
-  const s = gn(t, e, n);
+  const s = mn(t, e, n);
   for (const i in t)
     if (I(t[i]) || I(e[i])) {
       const r = At.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
@@ -1344,15 +1351,15 @@ const qn = ["x", "y", "width", "height", "cx", "cy", "r"], ml = {
         }
       o && M.read(() => {
         pl(n, s), M.render(() => {
-          fn(s, i, mn(n.tagName), t.transformTemplate), Bi(n, s);
+          hn(s, i, pn(n.tagName), t.transformTemplate), Bi(n, s);
         });
       });
     }
   })
 }, gl = {
   useVisualState: Di({
-    scrapeMotionValuesFromProps: gn,
-    createRenderState: pn
+    scrapeMotionValuesFromProps: mn,
+    createRenderState: fn
   })
 };
 function Oi(t, e, n) {
@@ -1361,8 +1368,8 @@ function Oi(t, e, n) {
 }
 function yl({ transformTemplate: t }, e) {
   return Y(() => {
-    const n = pn();
-    return hn(n, e, t), Object.assign({}, n.vars, n.style);
+    const n = fn();
+    return dn(n, e, t), Object.assign({}, n.vars, n.style);
   }, [e]);
 }
 function vl(t, e) {
@@ -1376,7 +1383,7 @@ function wl(t, e) {
 function xl(t, e, n, s) {
   const i = Y(() => {
     const r = Li();
-    return fn(r, e, mn(s), t.transformTemplate), {
+    return hn(r, e, pn(s), t.transformTemplate), {
       ...r.attrs,
       style: { ...r.style }
     };
@@ -1389,7 +1396,7 @@ function xl(t, e, n, s) {
 }
 function bl(t = !1) {
   return (n, s, i, { latestValues: r }, o) => {
-    const l = (ln(n) ? xl : wl)(s, r, o, n), c = Ba(s, typeof n == "string", t), u = n !== le ? { ...c, ...l, ref: i } : {}, { children: d } = s, h = Y(() => I(d) ? d.get() : d, [d]);
+    const l = (an(n) ? xl : wl)(s, r, o, n), c = Ba(s, typeof n == "string", t), u = n !== le ? { ...c, ...l, ref: i } : {}, { children: d } = s, h = Y(() => I(d) ? d.get() : d, [d]);
     return ir(n, {
       ...u,
       children: h
@@ -1399,7 +1406,7 @@ function bl(t = !1) {
 function Tl(t, e) {
   return function(s, { forwardMotionProps: i } = { forwardMotionProps: !1 }) {
     const o = {
-      ...ln(s) ? ml : gl,
+      ...an(s) ? ml : gl,
       preloadedFeatures: t,
       useRender: bl(i),
       createVisualElement: e,
@@ -1421,9 +1428,9 @@ function Ui(t, e) {
 }
 function ge(t, e, n) {
   const s = t.getProps();
-  return cn(s, e, n !== void 0 ? n : s.custom, t);
+  return ln(s, e, n !== void 0 ? n : s.custom, t);
 }
-function yn(t, e) {
+function gn(t, e) {
   return t ? t[e] || t.default || t : void 0;
 }
 const _i = /* @__PURE__ */ new Set([
@@ -1445,19 +1452,19 @@ const z = {
     Qt = t, queueMicrotask(Pl);
   }
 };
-function vn(t, e) {
+function yn(t, e) {
   t.indexOf(e) === -1 && t.push(e);
 }
-function wn(t, e) {
+function vn(t, e) {
   const n = t.indexOf(e);
   n > -1 && t.splice(n, 1);
 }
-class xn {
+class wn {
   constructor() {
     this.subscriptions = [];
   }
   add(e) {
-    return vn(this.subscriptions, e), () => wn(this.subscriptions, e);
+    return yn(this.subscriptions, e), () => vn(this.subscriptions, e);
   }
   notify(e, n, s) {
     const i = this.subscriptions.length;
@@ -1546,7 +1553,7 @@ class Cl {
     return process.env.NODE_ENV !== "production" && he(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
   }
   on(e, n) {
-    this.events[e] || (this.events[e] = new xn());
+    this.events[e] || (this.events[e] = new wn());
     const s = this.events[e].add(n);
     return e === "change" ? () => {
       s(), M.read(() => {
@@ -1693,7 +1700,7 @@ function Vl(t, e) {
 function Ml(t) {
   return !!(I(t) && t.add);
 }
-function Ie(t, e) {
+function Be(t, e) {
   const n = t.getValue("willChange");
   if (Ml(n))
     return n.add(e);
@@ -1702,11 +1709,11 @@ function $i(t) {
   return t.props[Ai];
 }
 // @__NO_SIDE_EFFECTS__
-function bn(t) {
+function xn(t) {
   let e;
   return () => (e === void 0 && (e = t()), e);
 }
-const Dl = /* @__PURE__ */ bn(() => window.ScrollTimeline !== void 0);
+const Dl = /* @__PURE__ */ xn(() => window.ScrollTimeline !== void 0);
 class kl {
   constructor(e) {
     this.stop = () => this.runAll("stop"), this.animations = e.filter(Boolean);
@@ -1783,17 +1790,17 @@ class El extends kl {
   }
 }
 const G = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, X = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3;
-function Tn(t) {
+function bn(t) {
   return typeof t == "function";
 }
 function Yn(t, e) {
   t.timeline = e, t.onfinish = null;
 }
-const Pn = (t) => Array.isArray(t) && typeof t[0] == "number", Rl = {
+const Tn = (t) => Array.isArray(t) && typeof t[0] == "number", Rl = {
   linearEasing: void 0
 };
 function Ll(t, e) {
-  const n = /* @__PURE__ */ bn(t);
+  const n = /* @__PURE__ */ xn(t);
   return () => {
     var s;
     return (s = Rl[e]) !== null && s !== void 0 ? s : n();
@@ -1817,9 +1824,9 @@ const se = /* @__PURE__ */ Ll(() => {
   return `linear(${s.substring(0, s.length - 2)})`;
 };
 function Hi(t) {
-  return !!(typeof t == "function" && se() || !t || typeof t == "string" && (t in je || se()) || Pn(t) || Array.isArray(t) && t.every(Hi));
+  return !!(typeof t == "function" && se() || !t || typeof t == "string" && (t in Ie || se()) || Tn(t) || Array.isArray(t) && t.every(Hi));
 }
-const Dt = ([t, e, n, s]) => `cubic-bezier(${t}, ${e}, ${n}, ${s})`, je = {
+const Dt = ([t, e, n, s]) => `cubic-bezier(${t}, ${e}, ${n}, ${s})`, Ie = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
@@ -1832,7 +1839,7 @@ const Dt = ([t, e, n, s]) => `cubic-bezier(${t}, ${e}, ${n}, ${s})`, je = {
 };
 function zi(t, e) {
   if (t)
-    return typeof t == "function" && se() ? Ki(t, e) : Pn(t) ? Dt(t) : Array.isArray(t) ? t.map((n) => zi(n, e) || je.easeOut) : je[t];
+    return typeof t == "function" && se() ? Ki(t, e) : Tn(t) ? Dt(t) : Array.isArray(t) ? t.map((n) => zi(n, e) || Ie.easeOut) : Ie[t];
 }
 const Gi = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, Nl = 1e-7, Fl = 12;
 function Bl(t, e, n, s, i) {
@@ -1848,31 +1855,31 @@ function Kt(t, e, n, s) {
   const i = (r) => Bl(r, 0, 1, t, n);
   return (r) => r === 0 || r === 1 ? r : Gi(i(r), e, s);
 }
-const qi = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, Xi = (t) => (e) => 1 - t(1 - e), Yi = /* @__PURE__ */ Kt(0.33, 1.53, 0.69, 0.99), Sn = /* @__PURE__ */ Xi(Yi), Zi = /* @__PURE__ */ qi(Sn), Ji = (t) => (t *= 2) < 1 ? 0.5 * Sn(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), Cn = (t) => 1 - Math.sin(Math.acos(t)), Qi = Xi(Cn), to = qi(Cn), eo = (t) => /^0[^.\s]+$/u.test(t);
+const qi = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, Xi = (t) => (e) => 1 - t(1 - e), Yi = /* @__PURE__ */ Kt(0.33, 1.53, 0.69, 0.99), Pn = /* @__PURE__ */ Xi(Yi), Zi = /* @__PURE__ */ qi(Pn), Ji = (t) => (t *= 2) < 1 ? 0.5 * Pn(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), Sn = (t) => 1 - Math.sin(Math.acos(t)), Qi = Xi(Sn), to = qi(Sn), eo = (t) => /^0[^.\s]+$/u.test(t);
 function Il(t) {
   return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || eo(t) : !0;
 }
-const Rt = (t) => Math.round(t * 1e5) / 1e5, An = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+const Rt = (t) => Math.round(t * 1e5) / 1e5, Cn = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
 function jl(t) {
   return t == null;
 }
-const Ol = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, Vn = (t, e) => (n) => !!(typeof n == "string" && Ol.test(n) && n.startsWith(t) || e && !jl(n) && Object.prototype.hasOwnProperty.call(n, e)), no = (t, e, n) => (s) => {
+const Ol = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, An = (t, e) => (n) => !!(typeof n == "string" && Ol.test(n) && n.startsWith(t) || e && !jl(n) && Object.prototype.hasOwnProperty.call(n, e)), no = (t, e, n) => (s) => {
   if (typeof s != "string")
     return s;
-  const [i, r, o, a] = s.match(An);
+  const [i, r, o, a] = s.match(Cn);
   return {
     [t]: parseFloat(i),
     [e]: parseFloat(r),
     [n]: parseFloat(o),
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
-}, Ul = (t) => Z(0, 255, t), Te = {
+}, Ul = (t) => Z(0, 255, t), be = {
   ...Vt,
   transform: (t) => Math.round(Ul(t))
 }, ct = {
-  test: /* @__PURE__ */ Vn("rgb", "red"),
+  test: /* @__PURE__ */ An("rgb", "red"),
   parse: /* @__PURE__ */ no("red", "green", "blue"),
-  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + Te.transform(t) + ", " + Te.transform(e) + ", " + Te.transform(n) + ", " + Rt(It.transform(s)) + ")"
+  transform: ({ red: t, green: e, blue: n, alpha: s = 1 }) => "rgba(" + be.transform(t) + ", " + be.transform(e) + ", " + be.transform(n) + ", " + Rt(It.transform(s)) + ")"
 };
 function _l(t) {
   let e = "", n = "", s = "", i = "";
@@ -1883,22 +1890,22 @@ function _l(t) {
     alpha: i ? parseInt(i, 16) / 255 : 1
   };
 }
-const Oe = {
-  test: /* @__PURE__ */ Vn("#"),
+const je = {
+  test: /* @__PURE__ */ An("#"),
   parse: _l,
   transform: ct.transform
 }, gt = {
-  test: /* @__PURE__ */ Vn("hsl", "hue"),
+  test: /* @__PURE__ */ An("hsl", "hue"),
   parse: /* @__PURE__ */ no("hue", "saturation", "lightness"),
   transform: ({ hue: t, saturation: e, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(t) + ", " + H.transform(Rt(e)) + ", " + H.transform(Rt(n)) + ", " + Rt(It.transform(s)) + ")"
 }, F = {
-  test: (t) => ct.test(t) || Oe.test(t) || gt.test(t),
-  parse: (t) => ct.test(t) ? ct.parse(t) : gt.test(t) ? gt.parse(t) : Oe.parse(t),
+  test: (t) => ct.test(t) || je.test(t) || gt.test(t),
+  parse: (t) => ct.test(t) ? ct.parse(t) : gt.test(t) ? gt.parse(t) : je.parse(t),
   transform: (t) => typeof t == "string" ? t : t.hasOwnProperty("red") ? ct.transform(t) : gt.transform(t)
 }, Wl = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
 function $l(t) {
   var e, n;
-  return isNaN(t) && typeof t == "string" && (((e = t.match(An)) === null || e === void 0 ? void 0 : e.length) || 0) + (((n = t.match(Wl)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
+  return isNaN(t) && typeof t == "string" && (((e = t.match(Cn)) === null || e === void 0 ? void 0 : e.length) || 0) + (((n = t.match(Wl)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
 }
 const so = "number", io = "color", Kl = "var", Hl = "var(", Zn = "${}", zl = /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 Ot(t) {
@@ -1941,21 +1948,21 @@ function Yl(t) {
   const [e, n] = t.slice(0, -1).split("(");
   if (e === "drop-shadow")
     return t;
-  const [s] = n.match(An) || [];
+  const [s] = n.match(Cn) || [];
   if (!s)
     return t;
   const i = n.replace(s, "");
   let r = Xl.has(e) ? 1 : 0;
   return s !== n && (r *= 100), e + "(" + r + i + ")";
 }
-const Zl = /\b([a-z-]*)\(.*?\)/gu, Ue = {
+const Zl = /\b([a-z-]*)\(.*?\)/gu, Oe = {
   ...st,
   getAnimatableNone: (t) => {
     const e = t.match(Zl);
     return e ? e.map(Yl).join(" ") : t;
   }
 }, Jl = {
-  ...dn,
+  ...un,
   // Color props
   color: F,
   backgroundColor: F,
@@ -1968,12 +1975,12 @@ const Zl = /\b([a-z-]*)\(.*?\)/gu, Ue = {
   borderRightColor: F,
   borderBottomColor: F,
   borderLeftColor: F,
-  filter: Ue,
-  WebkitFilter: Ue
-}, Mn = (t) => Jl[t];
+  filter: Oe,
+  WebkitFilter: Oe
+}, Vn = (t) => Jl[t];
 function ao(t, e) {
-  let n = Mn(t);
-  return n !== Ue && (n = st), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
+  let n = Vn(t);
+  return n !== Oe && (n = st), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
 }
 const Ql = /* @__PURE__ */ new Set(["auto", "none", "0"]);
 function tc(t, e, n) {
@@ -2019,9 +2026,9 @@ const Tt = {
 Tt.translateX = Tt.x;
 Tt.translateY = Tt.y;
 const dt = /* @__PURE__ */ new Set();
-let _e = !1, We = !1;
+let Ue = !1, _e = !1;
 function lo() {
-  if (We) {
+  if (_e) {
     const t = Array.from(dt).filter((s) => s.needsMeasurement), e = new Set(t.map((s) => s.element)), n = /* @__PURE__ */ new Map();
     e.forEach((s) => {
       const i = sc(s);
@@ -2037,22 +2044,22 @@ function lo() {
       s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
     });
   }
-  We = !1, _e = !1, dt.forEach((t) => t.complete()), dt.clear();
+  _e = !1, Ue = !1, dt.forEach((t) => t.complete()), dt.clear();
 }
 function co() {
   dt.forEach((t) => {
-    t.readKeyframes(), t.needsMeasurement && (We = !0);
+    t.readKeyframes(), t.needsMeasurement && (_e = !0);
   });
 }
 function ic() {
   co(), lo();
 }
-class Dn {
+class Mn {
   constructor(e, n, s, i, r, o = !1) {
     this.isComplete = !1, this.isAsync = !1, this.needsMeasurement = !1, this.isScheduled = !1, this.unresolvedKeyframes = [...e], this.onComplete = n, this.name = s, this.motionValue = i, this.element = r, this.isAsync = o;
   }
   scheduleResolve() {
-    this.isScheduled = !0, this.isAsync ? (dt.add(this), _e || (_e = !0, M.read(co), M.resolveKeyframes(lo))) : (this.readKeyframes(), this.complete());
+    this.isScheduled = !0, this.isAsync ? (dt.add(this), Ue || (Ue = !0, M.read(co), M.resolveKeyframes(lo))) : (this.readKeyframes(), this.complete());
   }
   readKeyframes() {
     const { unresolvedKeyframes: e, name: n, element: s, motionValue: i } = this;
@@ -2110,13 +2117,13 @@ function ho(t, e, n = 1) {
     const o = r.trim();
     return uo(o) ? parseFloat(o) : o;
   }
-  return un(i) ? ho(i, e, n + 1) : i;
+  return cn(i) ? ho(i, e, n + 1) : i;
 }
 const fo = (t) => (e) => e.test(t), lc = {
   test: (t) => t === "auto",
   parse: (t) => t
 }, po = [Vt, T, H, Q, sl, nl, lc], es = (t) => po.find(fo(t));
-class mo extends Dn {
+class mo extends Mn {
   constructor(e, n, s, i, r) {
     super(e, n, s, i, r, !0);
   }
@@ -2127,7 +2134,7 @@ class mo extends Dn {
     super.readKeyframes();
     for (let l = 0; l < e.length; l++) {
       let c = e[l];
-      if (typeof c == "string" && (c = c.trim(), un(c))) {
+      if (typeof c == "string" && (c = c.trim(), cn(c))) {
         const u = ho(c, n.current);
         u !== void 0 && (e[l] = u), l === e.length - 1 && (this.finalKeyframe = c);
       }
@@ -2189,7 +2196,7 @@ function uc(t, e, n, s) {
   if (e === "display" || e === "visibility")
     return !0;
   const r = t[t.length - 1], o = ns(i, e), a = ns(r, e);
-  return Ct(o === a, `You are trying to animate ${e} 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 : cc(t) || (n === "spring" || Tn(n)) && s;
+  return Ct(o === a, `You are trying to animate ${e} 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 : cc(t) || (n === "spring" || bn(n)) && s;
 }
 const dc = (t) => t !== null;
 function ye(t, { repeat: e, repeatType: n = "loop" }, s) {
@@ -2271,17 +2278,17 @@ class go {
     });
   }
 }
-const $e = 2e4;
+const We = 2e4;
 function yo(t) {
   let e = 0;
   const n = 50;
   let s = t.next(e);
-  for (; !s.done && e < $e; )
+  for (; !s.done && e < We; )
     e += n, s = t.next(e);
-  return e >= $e ? 1 / 0 : e;
+  return e >= We ? 1 / 0 : e;
 }
 const k = (t, e, n) => t + (e - t) * n;
-function Pe(t, e, n) {
+function Te(t, e, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? t + (e - t) * 6 * n : n < 1 / 2 ? e : n < 2 / 3 ? t + (e - t) * (2 / 3 - n) * 6 : t;
 }
 function fc({ hue: t, saturation: e, lightness: n, alpha: s }) {
@@ -2291,7 +2298,7 @@ function fc({ hue: t, saturation: e, lightness: n, alpha: s }) {
     i = r = o = n;
   else {
     const a = n < 0.5 ? n * (1 + e) : n + e - n * e, l = 2 * n - a;
-    i = Pe(l, a, t + 1 / 3), r = Pe(l, a, t), o = Pe(l, a, t - 1 / 3);
+    i = Te(l, a, t + 1 / 3), r = Te(l, a, t), o = Te(l, a, t - 1 / 3);
   }
   return {
     red: Math.round(i * 255),
@@ -2303,10 +2310,10 @@ function fc({ hue: t, saturation: e, lightness: n, alpha: s }) {
 function ie(t, e) {
   return (n) => n > 0 ? e : t;
 }
-const Se = (t, e, n) => {
+const Pe = (t, e, n) => {
   const s = t * t, i = n * (e * e - s) + s;
   return i < 0 ? 0 : Math.sqrt(i);
-}, pc = [Oe, ct, gt], mc = (t) => pc.find((e) => e.test(t));
+}, pc = [je, ct, gt], mc = (t) => pc.find((e) => e.test(t));
 function ss(t) {
   const e = mc(t);
   if (Ct(!!e, `'${t}' is not an animatable color. Use the equivalent color code instead.`), !e)
@@ -2319,19 +2326,19 @@ const is = (t, e) => {
   if (!n || !s)
     return ie(t, e);
   const i = { ...n };
-  return (r) => (i.red = Se(n.red, s.red, r), i.green = Se(n.green, s.green, r), i.blue = Se(n.blue, s.blue, r), i.alpha = k(n.alpha, s.alpha, r), ct.transform(i));
-}, gc = (t, e) => (n) => e(t(n)), Ht = (...t) => t.reduce(gc), Ke = /* @__PURE__ */ new Set(["none", "hidden"]);
+  return (r) => (i.red = Pe(n.red, s.red, r), i.green = Pe(n.green, s.green, r), i.blue = Pe(n.blue, s.blue, r), i.alpha = k(n.alpha, s.alpha, r), ct.transform(i));
+}, gc = (t, e) => (n) => e(t(n)), Ht = (...t) => t.reduce(gc), $e = /* @__PURE__ */ new Set(["none", "hidden"]);
 function yc(t, e) {
-  return Ke.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
+  return $e.has(t) ? (n) => n <= 0 ? t : e : (n) => n >= 1 ? e : t;
 }
 function vc(t, e) {
   return (n) => k(t, e, n);
 }
-function kn(t) {
-  return typeof t == "number" ? vc : typeof t == "string" ? un(t) ? ie : F.test(t) ? is : bc : Array.isArray(t) ? vo : typeof t == "object" ? F.test(t) ? is : wc : ie;
+function Dn(t) {
+  return typeof t == "number" ? vc : typeof t == "string" ? cn(t) ? ie : F.test(t) ? is : bc : Array.isArray(t) ? vo : typeof t == "object" ? F.test(t) ? is : wc : ie;
 }
 function vo(t, e) {
-  const n = [...t], s = n.length, i = t.map((r, o) => kn(r)(r, e[o]));
+  const n = [...t], s = n.length, i = t.map((r, o) => Dn(r)(r, e[o]));
   return (r) => {
     for (let o = 0; o < s; o++)
       n[o] = i[o](r);
@@ -2341,7 +2348,7 @@ function vo(t, e) {
 function wc(t, e) {
   const n = { ...t, ...e }, s = {};
   for (const i in n)
-    t[i] !== void 0 && e[i] !== void 0 && (s[i] = kn(t[i])(t[i], e[i]));
+    t[i] !== void 0 && e[i] !== void 0 && (s[i] = Dn(t[i])(t[i], e[i]));
   return (i) => {
     for (const r in s)
       n[r] = s[r](i);
@@ -2359,10 +2366,10 @@ function xc(t, e) {
 }
 const bc = (t, e) => {
   const n = st.createTransformer(e), s = Ot(t), i = Ot(e);
-  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 ? Ke.has(t) && !i.values.length || Ke.has(e) && !s.values.length ? yc(t, e) : Ht(vo(xc(s, i), i.values), n) : (Ct(!0, `Complex values '${t}' and '${e}' 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.`), ie(t, e));
+  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 ? $e.has(t) && !i.values.length || $e.has(e) && !s.values.length ? yc(t, e) : Ht(vo(xc(s, i), i.values), n) : (Ct(!0, `Complex values '${t}' and '${e}' 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.`), ie(t, e));
 };
 function wo(t, e, n) {
-  return typeof t == "number" && typeof e == "number" && typeof n == "number" ? k(t, e, n) : kn(t)(t, e);
+  return typeof t == "number" && typeof e == "number" && typeof n == "number" ? k(t, e, n) : Dn(t)(t, e);
 }
 const Tc = 5;
 function xo(t, e, n) {
@@ -2397,20 +2404,20 @@ const D = {
   // in seconds
   minDamping: 0.05,
   maxDamping: 1
-}, Ce = 1e-3;
+}, Se = 1e-3;
 function Pc({ duration: t = D.duration, bounce: e = D.bounce, velocity: n = D.velocity, mass: s = D.mass }) {
   let i, r;
   Ct(t <= /* @__PURE__ */ G(D.maxDuration), "Spring duration must be 10 seconds or less");
   let o = 1 - e;
   o = Z(D.minDamping, D.maxDamping, o), t = Z(D.minDuration, D.maxDuration, /* @__PURE__ */ X(t)), o < 1 ? (i = (c) => {
-    const u = c * o, d = u * t, h = u - n, f = He(c, o), m = Math.exp(-d);
-    return Ce - h / f * m;
+    const u = c * o, d = u * t, h = u - n, f = Ke(c, o), m = Math.exp(-d);
+    return Se - h / f * m;
   }, r = (c) => {
-    const d = c * o * t, h = d * n + n, f = Math.pow(o, 2) * Math.pow(c, 2) * t, m = Math.exp(-d), y = He(Math.pow(c, 2), o);
-    return (-i(c) + Ce > 0 ? -1 : 1) * ((h - f) * m) / y;
+    const d = c * o * t, h = d * n + n, f = Math.pow(o, 2) * Math.pow(c, 2) * t, m = Math.exp(-d), y = Ke(Math.pow(c, 2), o);
+    return (-i(c) + Se > 0 ? -1 : 1) * ((h - f) * m) / y;
   }) : (i = (c) => {
     const u = Math.exp(-c * t), d = (c - n) * t + 1;
-    return -Ce + u * d;
+    return -Se + u * d;
   }, r = (c) => {
     const u = Math.exp(-c * t), d = (n - c) * (t * t);
     return u * d;
@@ -2438,7 +2445,7 @@ function Cc(t, e, n) {
     s = s - t(s) / e(s);
   return s;
 }
-function He(t, e) {
+function Ke(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
 const Ac = ["duration", "bounce"], Vc = ["stiffness", "damping", "mass"];
@@ -2487,7 +2494,7 @@ function bo(t = D.visualDuration, e = D.bounce) {
   s || (s = v ? D.restSpeed.granular : D.restSpeed.default), i || (i = v ? D.restDelta.granular : D.restDelta.default);
   let w;
   if (y < 1) {
-    const b = He(p, y);
+    const b = Ke(p, y);
     w = (V) => {
       const R = Math.exp(-y * p * V);
       return o - R * ((m + y * p * g) / b * Math.sin(b * V) + g * Math.cos(b * V));
@@ -2516,7 +2523,7 @@ function bo(t = D.visualDuration, e = D.bounce) {
       return a.value = a.done ? o : V, a;
     },
     toString: () => {
-      const b = Math.min(yo(S), $e), V = Ki((R) => S.next(b * R).value, b, 30);
+      const b = Math.min(yo(S), We), V = Ki((R) => S.next(b * R).value, b, 30);
       return b + "ms " + V;
     }
   };
@@ -2559,15 +2566,15 @@ const Dc = /* @__PURE__ */ Kt(0.42, 0, 1, 1), kc = /* @__PURE__ */ Kt(0, 0, 0.58
   easeIn: Dc,
   easeInOut: To,
   easeOut: kc,
-  circIn: Cn,
+  circIn: Sn,
   circInOut: to,
   circOut: Qi,
-  backIn: Sn,
+  backIn: Pn,
   backInOut: Zi,
   backOut: Yi,
   anticipate: Ji
 }, ls = (t) => {
-  if (Pn(t)) {
+  if (Tn(t)) {
     et(t.length === 4, "Cubic bezier arrays must contain four numerical values.");
     const [e, n, s, i] = t;
     return Kt(e, n, s, i);
@@ -2659,7 +2666,7 @@ const jc = (t) => {
   keyframes: oe,
   spring: bo
 }, Uc = (t) => t / 100;
-class En extends go {
+class kn extends go {
   constructor(e) {
     super(e), this.holdTime = null, this.cancelTime = null, this.currentTime = 0, this.playbackSpeed = 1, this.pendingPlayState = "running", this.startTime = null, this.state = "idle", this.stop = () => {
       if (this.resolver.cancel(), this.isStopped = !0, this.state === "idle")
@@ -2668,14 +2675,14 @@ class En extends go {
       const { onStop: l } = this.options;
       l && l();
     };
-    const { name: n, motionValue: s, element: i, keyframes: r } = this.options, o = i?.KeyframeResolver || Dn, a = (l, c) => this.onKeyframesResolved(l, c);
+    const { name: n, motionValue: s, element: i, keyframes: r } = this.options, o = i?.KeyframeResolver || Mn, a = (l, c) => this.onKeyframesResolved(l, c);
     this.resolver = new o(r, a, n, s, i), this.resolver.scheduleResolve();
   }
   flatten() {
     super.flatten(), this._resolved && Object.assign(this._resolved, this.initPlayback(this._resolved.keyframes));
   }
   initPlayback(e) {
-    const { type: n = "keyframes", repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = this.options, a = Tn(n) ? n : Oc[n] || oe;
+    const { type: n = "keyframes", repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = this.options, a = bn(n) ? n : Oc[n] || oe;
     let l, c;
     a !== oe && typeof e[0] != "number" && (process.env.NODE_ENV !== "production" && et(e.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${e}`), l = Ht(Uc, wo(e[0], e[1])), e = [0, 100]);
     const u = a({ ...this.options, keyframes: e });
@@ -2804,12 +2811,12 @@ function Wc(t, e, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatTyp
     direction: o === "reverse" ? "alternate" : "normal"
   });
 }
-const $c = /* @__PURE__ */ bn(() => Object.hasOwnProperty.call(Element.prototype, "animate")), re = 10, Kc = 2e4;
+const $c = /* @__PURE__ */ xn(() => Object.hasOwnProperty.call(Element.prototype, "animate")), re = 10, Kc = 2e4;
 function Hc(t) {
-  return Tn(t.type) || t.type === "spring" || !Hi(t.ease);
+  return bn(t.type) || t.type === "spring" || !Hi(t.ease);
 }
 function zc(t, e) {
-  const n = new En({
+  const n = new kn({
     ...e,
     keyframes: t,
     repeat: 0,
@@ -2955,7 +2962,7 @@ class cs extends go {
     if (n.playState === "idle" || n.playState === "finished")
       return;
     if (this.time) {
-      const { motionValue: c, onUpdate: u, onComplete: d, element: h, ...f } = this.options, m = new En({
+      const { motionValue: c, onUpdate: u, onComplete: d, element: h, ...f } = this.options, m = new kn({
         ...f,
         keyframes: s,
         duration: i,
@@ -3010,8 +3017,8 @@ const qc = {
 function Qc({ when: t, delay: e, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: r, repeatType: o, repeatDelay: a, from: l, elapsed: c, ...u }) {
   return !!Object.keys(u).length;
 }
-const Rn = (t, e, n, s = {}, i, r) => (o) => {
-  const a = yn(s, t) || {}, l = a.delay || s.delay || 0;
+const En = (t, e, n, s = {}, i, r) => (o) => {
+  const a = gn(s, t) || {}, l = a.delay || s.delay || 0;
   let { elapsed: c = 0 } = s;
   c = c - /* @__PURE__ */ G(l);
   let u = {
@@ -3042,7 +3049,7 @@ const Rn = (t, e, n, s = {}, i, r) => (o) => {
         u.onUpdate(h), u.onComplete();
       }), new El([]);
   }
-  return !r && cs.supports(u) ? new cs(u) : new En(u);
+  return !r && cs.supports(u) ? new cs(u) : new kn(u);
 };
 function tu({ protectedKeys: t, needsAnimating: e }, n) {
   const s = t.hasOwnProperty(n) && e[n] !== !0;
@@ -3059,7 +3066,7 @@ function So(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
       continue;
     const m = {
       delay: n,
-      ...yn(o || {}, d)
+      ...gn(o || {}, d)
     };
     let y = !1;
     if (window.MotionHandoffAnimation) {
@@ -3069,7 +3076,7 @@ function So(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
         v !== null && (m.startTime = v, y = !0);
       }
     }
-    Ie(t, d), h.start(Rn(d, h, f, t.shouldReduceMotion && _i.has(d) ? { type: !1 } : m, t, y));
+    Be(t, d), h.start(En(d, h, f, t.shouldReduceMotion && _i.has(d) ? { type: !1 } : m, t, y));
     const g = h.animation;
     g && c.push(g);
   }
@@ -3079,7 +3086,7 @@ function So(t, e, { delay: n = 0, transitionOverride: s, type: i } = {}) {
     });
   }), c;
 }
-function ze(t, e, n = {}) {
+function He(t, e, n = {}) {
   var s;
   const i = ge(t, e, n.type === "exit" ? (s = t.presenceContext) === null || s === void 0 ? void 0 : s.custom : void 0);
   let { transition: r = t.getDefaultTransition() || {} } = i || {};
@@ -3097,7 +3104,7 @@ function ze(t, e, n = {}) {
 function eu(t, e, n = 0, s = 0, i = 1, r) {
   const o = [], a = (t.variantChildren.size - 1) * s, l = i === 1 ? (c = 0) => c * s : (c = 0) => a - c * s;
   return Array.from(t.variantChildren).sort(nu).forEach((c, u) => {
-    c.notify("AnimationStart", e), o.push(ze(c, e, {
+    c.notify("AnimationStart", e), o.push(He(c, e, {
       ...r,
       delay: n + l(u)
     }).then(() => c.notify("AnimationComplete", e)));
@@ -3110,10 +3117,10 @@ function su(t, e, n = {}) {
   t.notify("AnimationStart", e);
   let s;
   if (Array.isArray(e)) {
-    const i = e.map((r) => ze(t, r, n));
+    const i = e.map((r) => He(t, r, n));
     s = Promise.all(i);
   } else if (typeof e == "string")
-    s = ze(t, e, n);
+    s = He(t, e, n);
   else {
     const i = typeof e == "function" ? ge(t, e, n.custom) : e;
     s = Promise.all(So(t, i, n));
@@ -3122,7 +3129,7 @@ function su(t, e, n = {}) {
     t.notify("AnimationComplete", e);
   });
 }
-const iu = on.length;
+const iu = sn.length;
 function Co(t) {
   if (!t)
     return;
@@ -3132,12 +3139,12 @@ function Co(t) {
   }
   const e = {};
   for (let n = 0; n < iu; n++) {
-    const s = on[n], i = t.props[s];
+    const s = sn[n], i = t.props[s];
     (Bt(i) || i === !1) && (e[s] = i);
   }
   return e;
 }
-const ou = [...sn].reverse(), ru = sn.length;
+const ou = [...nn].reverse(), ru = nn.length;
 function au(t) {
   return (e) => Promise.all(e.map(({ animation: n, options: s }) => su(t, n, s)));
 }
@@ -3174,20 +3181,20 @@ function lu(t) {
       const O = Array.isArray(w) ? w : [w];
       let J = O.reduce(i(p), {});
       b === !1 && (J = {});
-      const { prevResolvedValues: Nn = {} } = v, Zo = {
-        ...Nn,
+      const { prevResolvedValues: Ln = {} } = v, Zo = {
+        ...Ln,
         ...J
-      }, Fn = (j) => {
+      }, Nn = (j) => {
         P = !0, h.has(j) && (A = !0, h.delete(j)), v.needsAnimating[j] = !0;
         const q = t.getValue(j);
         q && (q.liveStyle = !1);
       };
       for (const j in Zo) {
-        const q = J[j], ve = Nn[j];
+        const q = J[j], ve = Ln[j];
         if (f.hasOwnProperty(j))
           continue;
         let we = !1;
-        Be(q) && Be(ve) ? we = !Ui(q, ve) : we = q !== ve, we ? q != null ? Fn(j) : h.add(j) : q !== void 0 && h.has(j) ? Fn(j) : v.protectedKeys[j] = !0;
+        Fe(q) && Fe(ve) ? we = !Ui(q, ve) : we = q !== ve, we ? q != null ? Nn(j) : h.add(j) : q !== void 0 && h.has(j) ? Nn(j) : v.protectedKeys[j] = !0;
       }
       v.prevProp = w, v.prevResolvedValues = J, v.isActive && (f = { ...f, ...J }), s && t.blockInitialAnimation && (P = !1), P && (!(V && R) || A) && d.push(...O.map((j) => ({
         animation: j,
@@ -3326,7 +3333,7 @@ function pu(t) {
     K.x = K.y = !1;
   });
 }
-const Ln = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1;
+const Rn = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1;
 function Ut(t, e, n, s = { passive: !0 }) {
   return t.addEventListener(e, n, s), () => t.removeEventListener(e, n);
 }
@@ -3338,7 +3345,7 @@ function zt(t) {
     }
   };
 }
-const mu = (t) => (e) => Ln(e) && t(e, zt(e));
+const mu = (t) => (e) => Rn(e) && t(e, zt(e));
 function Lt(t, e, n, s) {
   return Ut(t, e, mu(n), s);
 }
@@ -3352,7 +3359,7 @@ class Vo {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const d = Ve(this.lastMoveEventInfo, this.history), h = this.startEvent !== null, f = gu(d.offset, { x: 0, y: 0 }) >= 3;
+      const d = Ae(this.lastMoveEventInfo, this.history), h = this.startEvent !== null, f = gu(d.offset, { x: 0, y: 0 }) >= 3;
       if (!h && !f)
         return;
       const { point: m } = d, { timestamp: y } = N;
@@ -3360,21 +3367,21 @@ class Vo {
       const { onStart: g, onMove: p } = this.handlers;
       h || (g && g(this.lastMoveEvent, d), this.startEvent = this.lastMoveEvent), p && p(this.lastMoveEvent, d);
     }, this.handlePointerMove = (d, h) => {
-      this.lastMoveEvent = d, this.lastMoveEventInfo = Ae(h, this.transformPagePoint), M.update(this.updatePoint, !0);
+      this.lastMoveEvent = d, this.lastMoveEventInfo = Ce(h, this.transformPagePoint), M.update(this.updatePoint, !0);
     }, this.handlePointerUp = (d, h) => {
       this.end();
       const { onEnd: f, onSessionEnd: m, resumeAnimation: y } = this.handlers;
       if (this.dragSnapToOrigin && y && y(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const g = Ve(d.type === "pointercancel" ? this.lastMoveEventInfo : Ae(h, this.transformPagePoint), this.history);
+      const g = Ae(d.type === "pointercancel" ? this.lastMoveEventInfo : Ce(h, this.transformPagePoint), this.history);
       this.startEvent && f && f(d, g), m && m(d, g);
-    }, !Ln(e))
+    }, !Rn(e))
       return;
     this.dragSnapToOrigin = r, this.handlers = n, this.transformPagePoint = s, this.contextWindow = i || window;
-    const o = zt(e), a = Ae(o, this.transformPagePoint), { point: l } = a, { timestamp: c } = N;
+    const o = zt(e), a = Ce(o, this.transformPagePoint), { point: l } = a, { timestamp: c } = N;
     this.history = [{ ...l, timestamp: c }];
     const { onSessionStart: u } = n;
-    u && u(e, Ve(a, this.history)), this.removeListeners = Ht(Lt(this.contextWindow, "pointermove", this.handlePointerMove), Lt(this.contextWindow, "pointerup", this.handlePointerUp), Lt(this.contextWindow, "pointercancel", this.handlePointerUp));
+    u && u(e, Ae(a, this.history)), this.removeListeners = Ht(Lt(this.contextWindow, "pointermove", this.handlePointerMove), Lt(this.contextWindow, "pointerup", this.handlePointerUp), Lt(this.contextWindow, "pointercancel", this.handlePointerUp));
   }
   updateHandlers(e) {
     this.handlers = e;
@@ -3383,13 +3390,13 @@ class Vo {
     this.removeListeners && this.removeListeners(), nt(this.updatePoint);
   }
 }
-function Ae(t, e) {
+function Ce(t, e) {
   return e ? { point: e(t.point) } : t;
 }
 function hs(t, e) {
   return { x: t.x - e.x, y: t.y - e.y };
 }
-function Ve({ point: t }, e) {
+function Ae({ point: t }, e) {
   return {
     point: t,
     delta: hs(t, Mo(e)),
@@ -3480,9 +3487,9 @@ function Du(t, e) {
   const n = {};
   return e.min !== void 0 && (n.min = e.min - t.min), e.max !== void 0 && (n.max = e.max - t.min), n;
 }
-const Ge = 0.35;
-function ku(t = Ge) {
-  return t === !1 ? t = 0 : t === !0 && (t = Ge), {
+const ze = 0.35;
+function ku(t = ze) {
+  return t === !1 ? t = 0 : t === !0 && (t = ze), {
     x: vs(t, "left", "right"),
     y: vs(t, "top", "bottom")
   };
@@ -3531,14 +3538,14 @@ function Ru(t, e) {
     right: s.x
   };
 }
-function Me(t) {
+function Ve(t) {
   return t === void 0 || t === 1;
 }
-function qe({ scale: t, scaleX: e, scaleY: n }) {
-  return !Me(t) || !Me(e) || !Me(n);
+function Ge({ scale: t, scaleX: e, scaleY: n }) {
+  return !Ve(t) || !Ve(e) || !Ve(n);
 }
 function at(t) {
-  return qe(t) || Ro(t) || t.z || t.rotate || t.rotateX || t.rotateY || t.skewX || t.skewY;
+  return Ge(t) || Ro(t) || t.z || t.rotate || t.rotateX || t.rotateY || t.skewX || t.skewY;
 }
 function Ro(t) {
   return Ts(t.x) || Ts(t.y);
@@ -3553,11 +3560,11 @@ function ae(t, e, n) {
 function Ps(t, e, n, s, i) {
   return i !== void 0 && (t = ae(t, i, s)), ae(t, n, s) + e;
 }
-function Xe(t, e = 0, n = 1, s, i) {
+function qe(t, e = 0, n = 1, s, i) {
   t.min = Ps(t.min, e, n, s, i), t.max = Ps(t.max, e, n, s, i);
 }
 function Lo(t, { x: e, y: n }) {
-  Xe(t.x, e.translate, e.scale, e.originPoint), Xe(t.y, n.translate, n.scale, n.originPoint);
+  qe(t.x, e.translate, e.scale, e.originPoint), qe(t.y, n.translate, n.scale, n.originPoint);
 }
 const Ss = 0.999999999999, Cs = 1.0000000000001;
 function Lu(t, e, n, s = !1) {
@@ -3581,7 +3588,7 @@ function vt(t, e) {
 }
 function As(t, e, n, s, i = 0.5) {
   const r = k(t.min, t.max, i);
-  Xe(t, e, n, r, s);
+  qe(t, e, n, r, s);
 }
 function wt(t, e) {
   As(t.x, e.x, e.scaleX, e.scale, e.originX), As(t.y, e.y, e.scaleY, e.scale, e.originY);
@@ -3619,7 +3626,7 @@ class Bu {
           }
         }
         this.originPoint[g] = p;
-      }), m && M.postRender(() => m(u, d)), Ie(this.visualElement, "transform");
+      }), m && M.postRender(() => m(u, d)), Be(this.visualElement, "transform");
       const { animationState: y } = this.visualElement;
       y && y.setActive("whileDrag", !0);
     }, o = (u, d) => {
@@ -3719,7 +3726,7 @@ class Bu {
   }
   startAxisValueAnimation(e, n) {
     const s = this.getAxisMotionValue(e);
-    return Ie(this.visualElement, e), s.start(Rn(e, s, 0, n, this.visualElement, !1));
+    return Be(this.visualElement, e), s.start(En(e, s, 0, n, this.visualElement, !1));
   }
   stopAnimation() {
     $((e) => this.getAxisMotionValue(e).stop());
@@ -3807,7 +3814,7 @@ class Bu {
     };
   }
   getProps() {
-    const e = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: s = !1, dragPropagation: i = !1, dragConstraints: r = !1, dragElastic: o = Ge, dragMomentum: a = !0 } = e;
+    const e = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: s = !1, dragPropagation: i = !1, dragConstraints: r = !1, dragElastic: o = ze, dragMomentum: a = !0 } = e;
     return {
       ...e,
       drag: n,
@@ -3934,7 +3941,7 @@ class _u extends or {
   }
   componentDidUpdate() {
     const { projection: e } = this.props.visualElement;
-    e && (e.root.didUpdate(), an.postRender(() => {
+    e && (e.root.didUpdate(), rn.postRender(() => {
       !e.currentAnimation && e.isLead() && this.safeToRemove();
     }));
   }
@@ -3972,7 +3979,7 @@ const Wu = {
 };
 function $u(t, e, n) {
   const s = I(t) ? t : jt(t);
-  return s.start(Rn("", s, e, n)), s.animation;
+  return s.start(En("", s, e, n)), s.animation;
 }
 function Ku(t) {
   return t instanceof SVGElement && t.tagName !== "svg";
@@ -3983,10 +3990,10 @@ class zu {
     this.children = [], this.isDirty = !1;
   }
   add(e) {
-    vn(this.children, e), this.isDirty = !0;
+    yn(this.children, e), this.isDirty = !0;
   }
   remove(e) {
-    wn(this.children, e), this.isDirty = !0;
+    vn(this.children, e), this.isDirty = !0;
   }
   forEach(e) {
     this.isDirty && this.children.sort(Hu), this.isDirty = !1, this.children.forEach(e);
@@ -4077,10 +4084,10 @@ class nd {
     this.members = [];
   }
   add(e) {
-    vn(this.members, e), e.scheduleRender();
+    yn(this.members, e), e.scheduleRender();
   }
   remove(e) {
-    if (wn(this.members, e), e === this.prevLead && (this.prevLead = void 0), e === this.lead) {
+    if (vn(this.members, e), e === this.prevLead && (this.prevLead = void 0), e === this.lead) {
       const n = this.members[this.members.length - 1];
       n && this.promote(n);
     }
@@ -4141,9 +4148,9 @@ const lt = {
   totalNodes: 0,
   resolvedTargetDeltas: 0,
   recalculatedProjection: 0
-}, kt = typeof window < "u" && window.MotionDebug !== void 0, De = ["", "X", "Y", "Z"], id = { visibility: "hidden" }, Ws = 1e3;
+}, kt = typeof window < "u" && window.MotionDebug !== void 0, Me = ["", "X", "Y", "Z"], id = { visibility: "hidden" }, Ws = 1e3;
 let od = 0;
-function ke(t, e, n, s) {
+function De(t, e, n, s) {
   const { latestValues: i } = e;
   i[t] && (n[t] = i[t], e.setStaticValue(t, 0), s && (s[t] = 0));
 }
@@ -4174,7 +4181,7 @@ function Wo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       this.root === this && (this.nodes = new zu());
     }
     addEventListener(o, a) {
-      return this.eventHandlers.has(o) || this.eventHandlers.set(o, new xn()), this.eventHandlers.get(o).add(a);
+      return this.eventHandlers.has(o) || this.eventHandlers.set(o, new wn()), this.eventHandlers.get(o).add(a);
     }
     notifyListeners(o, ...a) {
       const l = this.eventHandlers.get(o);
@@ -4207,7 +4214,7 @@ function Wo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         if (this.options.layoutRoot || this.resumeFrom && this.resumeFrom.instance || w || h && (v || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(d, w);
           const S = {
-            ...yn(y, "layout"),
+            ...gn(y, "layout"),
             onPlay: g,
             onComplete: p
           };
@@ -4268,10 +4275,10 @@ function Wo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       }
       this.isUpdating || this.nodes.forEach(dd), this.isUpdating = !1, this.nodes.forEach(hd), this.nodes.forEach(rd), this.nodes.forEach(ad), this.clearAllSnapshots();
       const a = z.now();
-      N.delta = Z(0, 1e3 / 60, a - N.timestamp), N.timestamp = a, N.isProcessing = !0, be.update.process(N), be.preRender.process(N), be.render.process(N), N.isProcessing = !1;
+      N.delta = Z(0, 1e3 / 60, a - N.timestamp), N.timestamp = a, N.isProcessing = !0, xe.update.process(N), xe.preRender.process(N), xe.render.process(N), N.isProcessing = !1;
     }
     didUpdate() {
-      this.updateScheduled || (this.updateScheduled = !0, an.read(this.scheduleUpdate));
+      this.updateScheduled || (this.updateScheduled = !0, rn.read(this.scheduleUpdate));
     }
     clearAllSnapshots() {
       this.nodes.forEach(ud), this.sharedNodes.forEach(gd);
@@ -4373,7 +4380,7 @@ function Wo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         const c = this.path[l];
         if (!c.instance || !at(c.latestValues))
           continue;
-        qe(c.latestValues) && c.updateSnapshot();
+        Ge(c.latestValues) && c.updateSnapshot();
         const u = E(), d = c.measurePageBox();
         W(u, d), Bs(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
       }
@@ -4419,7 +4426,7 @@ function Wo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       }
     }
     getClosestProjectingParent() {
-      if (!(!this.parent || qe(this.parent.latestValues) || Ro(this.parent.latestValues)))
+      if (!(!this.parent || Ge(this.parent.latestValues) || Ro(this.parent.latestValues)))
         return this.parent.isProjecting() ? this.parent : this.parent.getClosestProjectingParent();
     }
     isProjecting() {
@@ -4551,9 +4558,9 @@ function Wo({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if ((l.z || l.rotate || l.rotateX || l.rotateY || l.rotateZ || l.skewX || l.skewY) && (a = !0), !a)
         return;
       const c = {};
-      l.z && ke("z", o, c, this.animationValues);
-      for (let u = 0; u < De.length; u++)
-        ke(`rotate${De[u]}`, o, c, this.animationValues), ke(`skew${De[u]}`, o, c, this.animationValues);
+      l.z && De("z", o, c, this.animationValues);
+      for (let u = 0; u < Me.length; u++)
+        De(`rotate${Me[u]}`, o, c, this.animationValues), De(`skew${Me[u]}`, o, c, this.animationValues);
       o.render();
       for (const u in c)
         o.setStaticValue(u, c[u]), this.animationValues && (this.animationValues[u] = c[u]);
@@ -4721,7 +4728,7 @@ const Td = Wo({
     y: document.documentElement.scrollTop || document.body.scrollTop
   }),
   checkIsScrollRoot: () => !0
-}), Ee = {
+}), ke = {
   current: void 0
 }, Ko = Wo({
   measureScroll: (t) => ({
@@ -4729,11 +4736,11 @@ const Td = Wo({
     y: t.scrollTop
   }),
   defaultParent: () => {
-    if (!Ee.current) {
+    if (!ke.current) {
       const t = new Td({});
-      t.mount(window), t.setOptions({ layoutScroll: !0 }), Ee.current = t;
+      t.mount(window), t.setOptions({ layoutScroll: !0 }), ke.current = t;
     }
-    return Ee.current;
+    return ke.current;
   },
   resetTransform: (t, e) => {
     t.style.transform = e !== void 0 ? e : "none";
@@ -4839,7 +4846,7 @@ function Js(t) {
     e.key === "Enter" && t(e);
   };
 }
-function Re(t, e) {
+function Ee(t, e) {
   t.dispatchEvent(new PointerEvent("pointer" + e, { isPrimary: !0, bubbles: !0 }));
 }
 const kd = (t, e) => {
@@ -4849,16 +4856,16 @@ const kd = (t, e) => {
   const s = Js(() => {
     if (Et.has(n))
       return;
-    Re(n, "down");
+    Ee(n, "down");
     const i = Js(() => {
-      Re(n, "up");
-    }), r = () => Re(n, "cancel");
+      Ee(n, "up");
+    }), r = () => Ee(n, "cancel");
     n.addEventListener("keyup", i, e), n.addEventListener("blur", r, e);
   });
   n.addEventListener("keydown", s, e), n.addEventListener("blur", () => n.removeEventListener("keydown", s), e);
 };
 function Qs(t) {
-  return Ln(t) && !Ao();
+  return Rn(t) && !Ao();
 }
 function Ed(t, e, n = {}) {
   const [s, i, r] = Ho(t, n), o = (a) => {
@@ -4893,22 +4900,22 @@ class Rd extends ot {
   unmount() {
   }
 }
-const Ye = /* @__PURE__ */ new WeakMap(), Le = /* @__PURE__ */ new WeakMap(), Ld = (t) => {
-  const e = Ye.get(t.target);
+const Xe = /* @__PURE__ */ new WeakMap(), Re = /* @__PURE__ */ new WeakMap(), Ld = (t) => {
+  const e = Xe.get(t.target);
   e && e(t);
 }, Nd = (t) => {
   t.forEach(Ld);
 };
 function Fd({ root: t, ...e }) {
   const n = t || document;
-  Le.has(n) || Le.set(n, {});
-  const s = Le.get(n), i = JSON.stringify(e);
+  Re.has(n) || Re.set(n, {});
+  const s = Re.get(n), i = JSON.stringify(e);
   return s[i] || (s[i] = new IntersectionObserver(Nd, { root: t, ...e })), s[i];
 }
 function Bd(t, e, n) {
   const s = Fd(e);
-  return Ye.set(t, n), s.observe(t), () => {
-    Ye.delete(t), s.unobserve(t);
+  return Xe.set(t, n), s.observe(t), () => {
+    Xe.delete(t), s.unobserve(t);
   };
 }
 const Id = {
@@ -4968,14 +4975,14 @@ const Ud = {
     ProjectionNode: Ko,
     MeasureLayout: Bo
   }
-}, Ze = { current: null }, Go = { current: !1 };
+}, Ye = { current: null }, Go = { current: !1 };
 function Wd() {
-  if (Go.current = !0, !!nn)
+  if (Go.current = !0, !!en)
     if (window.matchMedia) {
-      const t = window.matchMedia("(prefers-reduced-motion)"), e = () => Ze.current = t.matches;
+      const t = window.matchMedia("(prefers-reduced-motion)"), e = () => Ye.current = t.matches;
       t.addListener(e), e();
     } else
-      Ze.current = !1;
+      Ye.current = !1;
 }
 const $d = [...po, F, st], Kd = (t) => $d.find(fo(t)), ei = /* @__PURE__ */ new WeakMap();
 function Hd(t, e, n) {
@@ -5019,7 +5026,7 @@ class zd {
     return {};
   }
   constructor({ parent: e, props: n, presenceContext: s, reducedMotionConfig: i, blockInitialAnimation: r, visualState: o }, a = {}) {
-    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = Dn, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
+    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = Mn, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
       const f = z.now();
@@ -5034,7 +5041,7 @@ class zd {
     }
   }
   mount(e) {
-    this.current = e, ei.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, s) => this.bindToMotionValue(s, n)), Go.current || Wd(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Ze.current, process.env.NODE_ENV !== "production" && he(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);
+    this.current = e, ei.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, s) => this.bindToMotionValue(s, n)), Go.current || Wd(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Ye.current, process.env.NODE_ENV !== "production" && he(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() {
     ei.delete(this.current), this.projection && this.projection.unmount(), nt(this.notifyUpdate), nt(this.render), this.valueSubscriptions.forEach((e) => e()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
@@ -5185,7 +5192,7 @@ class zd {
     const { initial: s } = this.props;
     let i;
     if (typeof s == "string" || typeof s == "object") {
-      const o = cn(this.props, s, (n = this.presenceContext) === null || n === void 0 ? void 0 : n.custom);
+      const o = ln(this.props, s, (n = this.presenceContext) === null || n === void 0 ? void 0 : n.custom);
       o && (i = o[e]);
     }
     if (s && i !== void 0)
@@ -5194,7 +5201,7 @@ class zd {
     return r !== void 0 && !I(r) ? r : this.initialValues[e] !== void 0 && i === void 0 ? void 0 : this.baseTarget[e];
   }
   on(e, n) {
-    return this.events[e] || (this.events[e] = new xn()), this.events[e].add(n);
+    return this.events[e] || (this.events[e] = new wn()), this.events[e].add(n);
   }
   notify(e, ...n) {
     this.events[e] && this.events[e].notify(...n);
@@ -5230,7 +5237,7 @@ class qd extends qo {
   }
   readValueFromInstance(e, n) {
     if (pt.has(n)) {
-      const s = Mn(n);
+      const s = Vn(n);
       return s && s.default || 0;
     } else {
       const s = Gd(e), i = (Ei(n) ? s.getPropertyValue(n) : s[n]) || 0;
@@ -5241,10 +5248,10 @@ class qd extends qo {
     return No(e, n);
   }
   build(e, n, s) {
-    hn(e, n, s.transformTemplate);
+    dn(e, n, s.transformTemplate);
   }
   scrapeMotionValuesFromProps(e, n, s) {
-    return gn(e, n, s);
+    return mn(e, n, s);
   }
 }
 class Xd extends qo {
@@ -5256,25 +5263,25 @@ class Xd extends qo {
   }
   readValueFromInstance(e, n) {
     if (pt.has(n)) {
-      const s = Mn(n);
+      const s = Vn(n);
       return s && s.default || 0;
     }
-    return n = Fi.has(n) ? n : rn(n), e.getAttribute(n);
+    return n = Fi.has(n) ? n : on(n), e.getAttribute(n);
   }
   scrapeMotionValuesFromProps(e, n, s) {
     return ji(e, n, s);
   }
   build(e, n, s) {
-    fn(e, n, this.isSVGTag, s.transformTemplate);
+    hn(e, n, this.isSVGTag, s.transformTemplate);
   }
   renderInstance(e, n, s, i) {
     Bi(e, n, s, i);
   }
   mount(e) {
-    this.isSVGTag = mn(e.tagName), super.mount(e);
+    this.isSVGTag = pn(e.tagName), super.mount(e);
   }
 }
-const Yd = (t, e) => ln(t) ? new Xd(e) : new qd(e, {
+const Yd = (t, e) => an(t) ? new Xd(e) : new qd(e, {
   allowProjection: t !== le
 }), Zd = /* @__PURE__ */ Tl({
   ...fu,
@@ -5328,7 +5335,7 @@ const Yd = (t, e) => ln(t) ? new Xd(e) : new qd(e, {
 <path d="M8.56997 11L8.99997 17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
 `, Nh = () => {
-  const { id: t } = tt(), { actions: e, query: n } = St(), [s, i] = Qe(!1), {
+  const { id: t } = tt(), { actions: e, query: n } = St(), [s, i] = Je(!1), {
     dom: r,
     name: o,
     moveable: a,
@@ -5338,16 +5345,16 @@ const Yd = (t, e) => ln(t) ? new Xd(e) : new qd(e, {
     selectable: d
   } = tt((g) => {
     let p = g.data.parent ? n.node(g.data.parent).get() : null;
-    for (; p && !Bn(p); )
-      p = p.data.parent && p.data.parent !== $r ? n.node(p.data.parent).get() : null;
+    for (; p && !Fn(p); )
+      p = p.data.parent && p.data.parent !== Jr ? n.node(p.data.parent).get() : null;
     return {
       dom: g.dom,
-      name: In(g),
+      name: Bn(g),
       moveable: n.node(g.id).isDraggable(),
       deletable: n.node(g.id).isDeletable() && !!(g.data.custom?.deletable ?? !0),
       parentSelectableNode: p,
       parentNode: g.data.parent,
-      selectable: Bn(g)
+      selectable: Fn(g)
     };
   }), { floatingStyles: h, refs: f } = ci({
     open: !0,
@@ -5402,7 +5409,7 @@ const Yd = (t, e) => ln(t) ? new Xd(e) : new qd(e, {
               children: o
             }
           ) }),
-          !!u && /* @__PURE__ */ x(xa, { children: /* @__PURE__ */ x(ba, { onClick: m, value: u.id, children: In(u) }) })
+          !!u && /* @__PURE__ */ x(xa, { children: /* @__PURE__ */ x(ba, { onClick: m, value: u.id, children: Bn(u) }) })
         ] }),
         l && /* @__PURE__ */ x(On, { onClick: y, className: "tw:cursor-grab", size: "20", children: /* @__PURE__ */ x(Zt, { size: 16, source: th }) })
       ]
@@ -5411,7 +5418,7 @@ const Yd = (t, e) => ln(t) ? new Xd(e) : new qd(e, {
 }, Fh = () => {
   const { dom: t } = tt((i) => ({
     dom: i.dom
-  })), { window: e } = sa(), [n, s] = Qe(null);
+  })), { window: e } = sa(), [n, s] = Je(null);
   return Pt(() => {
     if (!t || !e) return;
     let i = null, r = !1;
@@ -5479,15 +5486,15 @@ const Bh = ({ children: t, data: e }) => {
     resolver: i.options.resolver
   })), s = Y(() => {
     if (Wt(e)) return e;
-    const i = Ne(e) ? JSON.parse(e) : e;
+    const i = Le(e) ? JSON.parse(e) : e;
     return Object.entries(i).forEach(([, r]) => {
-      const o = Ne(r.type) ? r.type : r.type.resolvedName;
+      const o = Le(r.type) ? r.type : r.type.resolvedName;
       n[o] || (console.error(`Unknown node: ${o}`), r.type = {
         resolvedName: C.Unknown
       });
     }), i;
   }, [e, n]);
-  return /* @__PURE__ */ x(Kr, { data: s, children: t });
+  return /* @__PURE__ */ x(Qr, { data: s, children: t });
 }, eh = {
   // Root
   [C.Root]: pi,
@@ -5532,7 +5539,7 @@ const Bh = ({ children: t, data: e }) => {
   // Timer
   [C.CountdownTimer]: dr
 }, Ih = ({ resolver: t, children: e, ...n }) => /* @__PURE__ */ x(
-  Hr,
+  ta,
   {
     enabled: !1,
     onRender: nh,
@@ -5555,13 +5562,13 @@ const Bh = ({ children: t, data: e }) => {
       );
   }, [e, n]), t;
 };
-class sh extends zr {
+class sh extends ea {
   handlers() {
     const e = super.handlers();
     return {
       ...e,
       select(n, s) {
-        return (n.getAttribute(jr.DATA_NODE_SELECTABLE) ?? jn.True) === jn.True ? e.select(n, s) : () => {
+        return (n.getAttribute(jr.DATA_NODE_SELECTABLE) ?? In.True) === In.True ? e.select(n, s) : () => {
         };
       }
     };