renderloom 1.0.2 → 1.0.3

package/dist/renderloom.js

@@ -1,5 +1,5 @@
 import * as ns from "react";
-import Dt, { forwardRef as en, createElement as Ut, createContext as Pe, useRef as re, useLayoutEffect as Va, useEffect as Ie, useId as tn, useContext as ne, useInsertionEffect as sn, useMemo as Ke, useCallback as Gt, Children as Ra, isValidElement as Da, useState as O, Fragment as ki, Component as La } from "react";
+import Dt, { forwardRef as en, createElement as Ut, createContext as Ne, useRef as re, useLayoutEffect as Va, useEffect as Ae, useId as tn, useContext as ne, useInsertionEffect as sn, useMemo as Ke, useCallback as Gt, Children as Ra, isValidElement as Da, useState as O, Fragment as ki, Component as La } from "react";
 import Ia from "react-dom";
 var Ct = { exports: {} }, ot = {};
 /**
@@ -618,12 +618,12 @@ const wl = [
 const kl = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Re = X("x", kl), on = Pe({});
+], De = X("x", kl), on = Ne({});
 function an(e) {
   const t = re(null);
   return t.current === null && (t.current = e()), t.current;
 }
-const Tl = typeof window < "u", Ai = Tl ? Va : Ie, is = /* @__PURE__ */ Pe(null);
+const Tl = typeof window < "u", Ai = Tl ? Va : Ae, is = /* @__PURE__ */ Ne(null);
 function ln(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
@@ -636,16 +636,16 @@ function Ps(e, t) {
   return t ? `${e}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${t}` : e;
 }
 let st = () => {
-}, Ae = () => {
+}, Pe = () => {
 };
 var wi;
 typeof process < "u" && ((wi = process.env) == null ? void 0 : wi.NODE_ENV) !== "production" && (st = (e, t, s) => {
   !e && typeof console < "u" && console.warn(Ps(t, s));
-}, Ae = (e, t, s) => {
+}, Pe = (e, t, s) => {
   if (!e)
     throw new Error(Ps(t, s));
 });
-const De = {}, Pi = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
+const Le = {}, Pi = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
 function Ni(e) {
   return typeof e == "object" && e !== null;
 }
@@ -720,11 +720,11 @@ const Di = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Li
   anticipate: zi
 }, El = (e) => typeof e == "string", Gn = (e) => {
   if ($i(e)) {
-    Ae(e.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
+    Pe(e.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
     const [t, s, n, r] = e;
     return bt(t, s, n, r);
   } else if (El(e))
-    return Ae(Un[e] !== void 0, `Invalid easing type '${e}'`, "invalid-easing-type"), Un[e];
+    return Pe(Un[e] !== void 0, `Invalid easing type '${e}'`, "invalid-easing-type"), Un[e];
   return e;
 }, At = [
   "setup",
@@ -792,7 +792,7 @@ function Wi(e, t) {
     timestamp: 0,
     isProcessing: !1
   }, o = () => s = !0, i = At.reduce((x, T) => (x[T] = Vl(o), x), {}), { setup: a, read: c, resolveKeyframes: u, preUpdate: d, update: f, preRender: h, render: m, postRender: g } = i, p = () => {
-    const x = De.useManualTiming, T = x ? r.timestamp : performance.now();
+    const x = Le.useManualTiming, T = x ? r.timestamp : performance.now();
     s = !1, x || (r.delta = n ? 1e3 / 60 : Math.max(Math.min(T - r.timestamp, Rl), 1)), r.timestamp = T, r.isProcessing = !0, a.process(r), c.process(r), u.process(r), d.process(r), f.process(r), h.process(r), m.process(r), g.process(r), r.isProcessing = !1, s && t && (n = !1, e(p));
   }, y = () => {
     s = !0, n = !0, r.isProcessing || e(p);
@@ -805,13 +805,13 @@ function Wi(e, t) {
       i[At[T]].cancel(x);
   }, state: r, steps: i };
 }
-const { schedule: F, cancel: Le, state: ie, steps: ds } = /* @__PURE__ */ Wi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : me, !0);
+const { schedule: F, cancel: Ie, state: ie, steps: ds } = /* @__PURE__ */ Wi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : me, !0);
 let Lt;
 function Dl() {
   Lt = void 0;
 }
 const ce = {
-  now: () => (Lt === void 0 && ce.set(ie.isProcessing || De.useManualTiming ? ie.timestamp : performance.now()), Lt),
+  now: () => (Lt === void 0 && ce.set(ie.isProcessing || Le.useManualTiming ? ie.timestamp : performance.now()), Lt),
   set: (e) => {
     Lt = e, queueMicrotask(Dl);
   }
@@ -868,7 +868,7 @@ const Ns = {
   test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
   parse: parseFloat,
   transform: (t) => `${t}${e}`
-}), Me = /* @__PURE__ */ vt("deg"), Te = /* @__PURE__ */ vt("%"), A = /* @__PURE__ */ vt("px"), _l = /* @__PURE__ */ vt("vh"), $l = /* @__PURE__ */ vt("vw"), Yn = {
+}), Ee = /* @__PURE__ */ vt("deg"), Te = /* @__PURE__ */ vt("%"), A = /* @__PURE__ */ vt("px"), _l = /* @__PURE__ */ vt("vh"), $l = /* @__PURE__ */ vt("vw"), Yn = {
   ...Te,
   parse: (e) => Te.parse(e) / 100,
   transform: (e) => Te.transform(e * 100)
@@ -1015,7 +1015,7 @@ const ac = (e) => {
   const t = ({ timestamp: s }) => e(s);
   return {
     start: (s = !0) => F.update(t, s),
-    stop: () => Le(t),
+    stop: () => Ie(t),
     /**
      * If we're processing this frame we can use the
      * framelocked timestamp to keep things in sync.
@@ -1252,7 +1252,7 @@ function Vs({ keyframes: e, velocity: t = 0, power: s = 0.8, timeConstant: n = 3
   };
 }
 function gc(e, t, s) {
-  const n = [], r = s || De.mix || Zi, o = e.length - 1;
+  const n = [], r = s || Le.mix || Zi, o = e.length - 1;
   for (let i = 0; i < o; i++) {
     let a = r(e[i], e[i + 1]);
     if (t) {
@@ -1265,7 +1265,7 @@ function gc(e, t, s) {
 }
 function yc(e, t, { clamp: s = !0, ease: n, mixer: r } = {}) {
   const o = e.length;
-  if (Ae(o === t.length, "Both input and output ranges must be the same length", "range-length"), o === 1)
+  if (Pe(o === t.length, "Both input and output ranges must be the same length", "range-length"), o === 1)
     return () => t[0];
   if (o === 2 && t[0] === t[1])
     return () => t[1];
@@ -1374,7 +1374,7 @@ class Zt extends xn {
     const { type: s = Ze, repeat: n = 0, repeatDelay: r = 0, repeatType: o, velocity: i = 0 } = t;
     let { keyframes: a } = t;
     const c = s || Ze;
-    process.env.NODE_ENV !== "production" && c !== Ze && Ae(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), c !== Ze && typeof a[0] != "number" && (this.mixKeyframes = xt(jc, Zi(a[0], a[1])), a = [0, 100]);
+    process.env.NODE_ENV !== "production" && c !== Ze && Pe(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), c !== Ze && typeof a[0] != "number" && (this.mixKeyframes = xt(jc, Zi(a[0], a[1])), a = [0, 100]);
     const u = c({ ...t, keyframes: a });
     o === "mirror" && (this.mirroredGenerator = c({
       ...t,
@@ -1578,7 +1578,7 @@ function Vc(e) {
     n !== void 0 && (t.push([s, n.get()]), n.set(s.startsWith("scale") ? 1 : 0));
   }), t;
 }
-const Ve = {
+const Re = {
   // Dimensions
   width: ({ x: e }, { paddingLeft: t = "0", paddingRight: s = "0", boxSizing: n }) => {
     const r = e.max - e.min;
@@ -1596,8 +1596,8 @@ const Ve = {
   x: (e, { transform: t }) => Is(t, "x"),
   y: (e, { transform: t }) => Is(t, "y")
 };
-Ve.translateX = Ve.x;
-Ve.translateY = Ve.y;
+Re.translateX = Re.x;
+Re.translateY = Re.y;
 const Ue = /* @__PURE__ */ new Set();
 let Os = !1, zs = !1, Fs = !1;
 function to() {
@@ -1725,7 +1725,7 @@ class lo extends xn {
     if (super(), this.finishedTime = null, this.isStopped = !1, this.manualStartTime = null, !t)
       return;
     const { element: s, name: n, keyframes: r, pseudoElement: o, allowFlatten: i = !1, finalKeyframe: a, onComplete: c } = t;
-    this.isPseudoElement = !!o, this.allowFlatten = i, this.options = t, Ae(typeof t.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
+    this.isPseudoElement = !!o, this.allowFlatten = i, this.options = t, Pe(typeof t.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
     const u = zc(t);
     this.animation = Oc(s, n, r, u, o), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
       if (this.finishedTime = this.time, !o) {
@@ -1951,7 +1951,7 @@ class qc extends xn {
     const { name: o, type: i, velocity: a, delay: c, isHandoff: u, onUpdate: d } = n;
     this.resolvedAt = ce.now();
     let f = !0;
-    Wc(t, o, i, a) || (f = !1, (De.instantAnimations || !c) && (d == null || d(os(t, n, s))), t[0] = t[t.length - 1], Bs(n), n.repeat = 0);
+    Wc(t, o, i, a) || (f = !1, (Le.instantAnimations || !c) && (d == null || d(os(t, n, s))), t[0] = t[t.length - 1], Bs(n), n.repeat = 0);
     const m = {
       startTime: r ? this.resolvedAt ? this.resolvedAt - this.createdAt > Xc ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
       finalKeyframe: s,
@@ -2043,7 +2043,7 @@ function Jc(e) {
 }
 const Qc = 4;
 function ho(e, t, s = 1) {
-  Ae(s <= Qc, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
+  Pe(s <= Qc, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
   const [n, r] = Jc(e);
   if (!n)
     return;
@@ -2123,7 +2123,7 @@ const wn = (e, t, s, n = {}, r, o) => (i) => {
   };
   ou(a) || Object.assign(d, ru(e, d)), d.duration && (d.duration = /* @__PURE__ */ de(d.duration)), d.repeatDelay && (d.repeatDelay = /* @__PURE__ */ de(d.repeatDelay)), d.from !== void 0 && (d.keyframes[0] = d.from);
   let f = !1;
-  if ((d.type === !1 || d.duration === 0 && !d.repeatDelay) && (Bs(d), d.delay === 0 && (f = !0)), (De.instantAnimations || De.skipAnimations || r != null && r.shouldSkipAnimations) && (f = !0, Bs(d), d.delay = 0), d.allowFlatten = !a.type && !a.ease, f && !o && t.get() !== void 0) {
+  if ((d.type === !1 || d.duration === 0 && !d.repeatDelay) && (Bs(d), d.delay === 0 && (f = !0)), (Le.instantAnimations || Le.skipAnimations || r != null && r.shouldSkipAnimations) && (f = !0, Bs(d), d.delay = 0), d.allowFlatten = !a.type && !a.ease, f && !o && t.get() !== void 0) {
     const h = os(d.keyframes, a);
     if (h !== void 0) {
       F.update(() => {
@@ -2393,8 +2393,8 @@ function $s(e, t) {
   const s = e.getValue("willChange");
   if (fu(s))
     return s.add(t);
-  if (!s && De.WillChange) {
-    const n = new De.WillChange("auto");
+  if (!s && Le.WillChange) {
+    const n = new Le.WillChange("auto");
     e.addValue("willChange", n), n.add(t);
   }
 }
@@ -2493,7 +2493,7 @@ function gu(e, t, s = {}) {
 const yu = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, bo = (e) => (t) => t.test(e), vo = [nt, A, Te, Me, $l, _l, yu], or = (e) => vo.find(bo(e));
+}, bo = (e) => (t) => t.test(e), vo = [nt, A, Te, Ee, $l, _l, yu], or = (e) => vo.find(bo(e));
 function xu(e) {
   return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || Mi(e) : !0;
 }
@@ -2525,17 +2525,17 @@ const wu = /\b([a-z-]*)\(.*?\)/gu, Us = {
   ...nt,
   transform: Math.round
 }, ku = {
-  rotate: Me,
-  rotateX: Me,
-  rotateY: Me,
-  rotateZ: Me,
+  rotate: Ee,
+  rotateX: Ee,
+  rotateY: Ee,
+  rotateZ: Ee,
   scale: Pt,
   scaleX: Pt,
   scaleY: Pt,
   scaleZ: Pt,
-  skew: Me,
-  skewX: Me,
-  skewY: Me,
+  skew: Ee,
+  skewX: Ee,
+  skewY: Ee,
   distance: A,
   translateX: A,
   translateY: A,
@@ -2664,7 +2664,7 @@ class Au extends bn {
     if (this.resolveNoneKeyframes(), !po.has(n) || t.length !== 2)
       return;
     const [r, o] = t, i = or(r), a = or(o), c = Kn(r), u = Kn(o);
-    if (c !== u && Ve[n]) {
+    if (c !== u && Re[n]) {
       this.needsMeasurement = !0;
       return;
     }
@@ -2674,7 +2674,7 @@ class Au extends bn {
           const f = t[d];
           typeof f == "string" && (t[d] = parseFloat(f));
         }
-      else Ve[n] && (this.needsMeasurement = !0);
+      else Re[n] && (this.needsMeasurement = !0);
   }
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: t, name: s } = this, n = [];
@@ -2686,7 +2686,7 @@ class Au extends bn {
     const { element: t, unresolvedKeyframes: s, name: n } = this;
     if (!t || !t.current)
       return;
-    n === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = Ve[n](t.measureViewportBox(), window.getComputedStyle(t.current)), s[0] = this.measuredOrigin;
+    n === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = Re[n](t.measureViewportBox(), window.getComputedStyle(t.current)), s[0] = this.measuredOrigin;
     const r = s[s.length - 1];
     r !== void 0 && t.getValue(n, r).jump(r, !1);
   }
@@ -2698,7 +2698,7 @@ class Au extends bn {
     const r = t.getValue(s);
     r && r.jump(this.measuredOrigin, !1);
     const o = n.length - 1, i = n[o];
-    n[o] = Ve[s](t.measureViewportBox(), window.getComputedStyle(t.current)), i !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = i), (a = this.removedTransforms) != null && a.length && this.removedTransforms.forEach(([c, u]) => {
+    n[o] = Re[s](t.measureViewportBox(), window.getComputedStyle(t.current)), i !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = i), (a = this.removedTransforms) != null && a.length && this.removedTransforms.forEach(([c, u]) => {
       t.getValue(c).set(u);
     }), this.resolveNoneKeyframes();
   }
@@ -2839,7 +2839,7 @@ function An(e) {
   return Ni(e) && "ownerSVGElement" in e;
 }
 const zt = /* @__PURE__ */ new WeakMap();
-let Ee;
+let Ve;
 const Po = (e, t, s) => (n, r) => r && r[0] ? r[0][e + "Size"] : An(n) && "getBBox" in n ? n.getBBox()[t] : n[s], Ou = /* @__PURE__ */ Po("inline", "width", "offsetWidth"), zu = /* @__PURE__ */ Po("block", "height", "offsetHeight");
 function Fu({ target: e, borderBoxSize: t }) {
   var s;
@@ -2858,18 +2858,18 @@ function Bu(e) {
   e.forEach(Fu);
 }
 function _u() {
-  typeof ResizeObserver > "u" || (Ee = new ResizeObserver(Bu));
+  typeof ResizeObserver > "u" || (Ve = new ResizeObserver(Bu));
 }
 function $u(e, t) {
-  Ee || _u();
+  Ve || _u();
   const s = To(e);
   return s.forEach((n) => {
     let r = zt.get(n);
-    r || (r = /* @__PURE__ */ new Set(), zt.set(n, r)), r.add(t), Ee == null || Ee.observe(n);
+    r || (r = /* @__PURE__ */ new Set(), zt.set(n, r)), r.add(t), Ve == null || Ve.observe(n);
   }), () => {
     s.forEach((n) => {
       const r = zt.get(n);
-      r == null || r.delete(t), r != null && r.size || Ee == null || Ee.unobserve(n);
+      r == null || r.delete(t), r != null && r.size || Ve == null || Ve.unobserve(n);
     });
   };
 }
@@ -3012,7 +3012,7 @@ class Qu {
   }
   unmount() {
     var t;
-    this.projection && this.projection.unmount(), Le(this.notifyUpdate), Le(this.render), this.valueSubscriptions.forEach((s) => s()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), (t = this.parent) == null || t.removeChild(this);
+    this.projection && this.projection.unmount(), Ie(this.notifyUpdate), Ie(this.render), this.valueSubscriptions.forEach((s) => s()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), (t = this.parent) == null || t.removeChild(this);
     for (const s in this.events)
       this.events[s].clear();
     for (const s in this.features) {
@@ -3855,9 +3855,9 @@ class Fd {
 function Bd(e, t) {
   const s = ce.now(), n = ({ timestamp: r }) => {
     const o = r - s;
-    o >= t && (Le(n), e(o - t));
+    o >= t && (Ie(n), e(o - t));
   };
-  return F.setup(n, !0), () => Le(n);
+  return F.setup(n, !0), () => Ie(n);
 }
 function _t(e) {
   return oe(e) ? e.get() : e;
@@ -4008,7 +4008,7 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
     unmount() {
       this.options.layoutId && this.willUpdate(), this.root.nodes.remove(this);
       const i = this.getStack();
-      i && i.remove(this), this.parent && this.parent.children.delete(this), this.instance = void 0, this.eventHandlers.clear(), Le(this.updateProjection);
+      i && i.remove(this), this.parent && this.parent.children.delete(this), this.instance = void 0, this.eventHandlers.clear(), Ie(this.updateProjection);
     }
     // only on the root
     blockUpdate() {
@@ -4262,7 +4262,7 @@ function Jo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
     }
     startAnimation(i) {
       var a, c, u;
-      this.notifyListeners("animationStart"), (a = this.currentAnimation) == null || a.stop(), (u = (c = this.resumingFrom) == null ? void 0 : c.currentAnimation) == null || u.stop(), this.pendingAnimation && (Le(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = F.update(() => {
+      this.notifyListeners("animationStart"), (a = this.currentAnimation) == null || a.stop(), (u = (c = this.resumingFrom) == null ? void 0 : c.currentAnimation) == null || u.stop(), this.pendingAnimation && (Ie(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = F.update(() => {
         $t.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = tt(0)), this.motionValue.jump(0, !1), this.currentAnimation = Od(this.motionValue, [0, 1e3], {
           ...i,
           velocity: 0,
@@ -4550,7 +4550,7 @@ const lf = Jo({
     e.style.transform = t !== void 0 ? t : "none";
   },
   checkIsScrollRoot: (e) => window.getComputedStyle(e).position === "fixed"
-}), Vn = Pe({
+}), Vn = Ne({
   transformPagePoint: (e) => e,
   isStatic: !1,
   reducedMotion: "never"
@@ -4660,7 +4660,7 @@ function ta(e = !0) {
   if (t === null)
     return [!0, null];
   const { isPresent: s, onExitComplete: n, register: r } = t, o = tn();
-  Ie(() => {
+  Ae(() => {
     if (e)
       return r(o);
   }, [e]);
@@ -4709,7 +4709,7 @@ const fe = ({ children: e, custom: t, initial: s = !0, onExitComplete: n, presen
     };
     return l.jsx(hf, { isPresent: E, initial: !g.current || s ? void 0 : !1, custom: t, presenceAffectsLayout: r, mode: o, root: u, onExitComplete: E ? void 0 : z, anchorX: a, anchorY: c, children: w }, M);
   }) });
-}, sa = Pe({ strict: !1 }), Hr = {
+}, sa = Ne({ strict: !1 }), Hr = {
   animation: [
     "animate",
     "variants",
@@ -4803,7 +4803,7 @@ function bf(e, t, s) {
     e.draggable && r.startsWith("onDrag")) && (n[r] = e[r]);
   return n;
 }
-const cs = /* @__PURE__ */ Pe({});
+const cs = /* @__PURE__ */ Ne({});
 function vf(e, t) {
   if (ls(e)) {
     const { initial: s, animate: n } = e;
@@ -4983,7 +4983,7 @@ function Rf(e, t, s) {
     t && (o ? t.mount(o) : t.unmount());
   }, [t]);
 }
-const la = Pe({});
+const la = Ne({});
 function Xe(e) {
   return e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "current");
 }
@@ -5009,7 +5009,7 @@ function Df(e, t, s, n, r, o) {
   const k = s[go], v = re(!!k && typeof window < "u" && !((x = window.MotionHandoffIsComplete) != null && x.call(window, k)) && ((T = window.MotionHasOptimisedAnimation) == null ? void 0 : T.call(window, k)));
   return Ai(() => {
     m.current = !0, g && (y.current = !0, window.MotionIsMounted = !0, g.updateFeatures(), g.scheduleRenderMicrotask(), v.current && g.animationState && g.animationState.animateChanges());
-  }), Ie(() => {
+  }), Ae(() => {
     g && (!v.current && g.animationState && g.animationState.animateChanges(), v.current && (queueMicrotask(() => {
       var j;
       (j = window.MotionHandoffMarkAsComplete) == null || j.call(window, k);
@@ -5071,7 +5071,7 @@ function Of(e, t) {
   const s = ne(sa).strict;
   if (process.env.NODE_ENV !== "production" && t && s) {
     const n = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
-    e.ignoreStrict ? st(!1, n, "lazy-strict-mode") : Ae(!1, n, "lazy-strict-mode");
+    e.ignoreStrict ? st(!1, n, "lazy-strict-mode") : Pe(!1, n, "lazy-strict-mode");
   }
 }
 function zf(e) {
@@ -5272,7 +5272,7 @@ class da {
     this.handlers = t;
   }
   end() {
-    this.removeListeners && this.removeListeners(), this.removeScrollListeners && this.removeScrollListeners(), this.scrollPositions.clear(), Le(this.updatePoint);
+    this.removeListeners && this.removeListeners(), this.removeScrollListeners && this.removeScrollListeners(), this.scrollPositions.clear(), Ie(this.updatePoint);
   }
 }
 function Mt(e, t) {
@@ -5474,7 +5474,7 @@ class sh {
     if (!t || !Xe(t))
       return !1;
     const n = t.current;
-    Ae(n !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
+    Pe(n !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
     const { projection: r } = this.visualElement;
     if (!r || !r.layout)
       return !1;
@@ -6177,7 +6177,7 @@ const Th = (e, t) => {
 }, Gh = [], te = (e) => {
   const t = (s) => s[e] || Gh;
   return t.isThemeGetter = !0, t;
-}, ba = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, va = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Kh = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Yh = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Hh = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Xh = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, qh = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Zh = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ne = (e) => Kh.test(e), D = (e) => !!e && !Number.isNaN(Number(e)), be = (e) => !!e && Number.isInteger(Number(e)), As = (e) => e.endsWith("%") && D(e.slice(0, -1)), Ce = (e) => Yh.test(e), wa = () => !0, Jh = (e) => (
+}, ba = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, va = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Kh = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Yh = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Hh = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Xh = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, qh = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Zh = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Me = (e) => Kh.test(e), D = (e) => !!e && !Number.isNaN(Number(e)), be = (e) => !!e && Number.isInteger(Number(e)), As = (e) => e.endsWith("%") && D(e.slice(0, -1)), Ce = (e) => Yh.test(e), wa = () => !0, Jh = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
@@ -6207,9 +6207,9 @@ const Th = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], j = () => [...T(), C, S], N = () => ["auto", "hidden", "clip", "visible", "scroll"], L = () => ["auto", "contain", "none"], w = () => [C, S, c], M = () => [Ne, "full", "auto", ...w()], E = () => [be, "none", "subgrid", C, S], z = () => ["auto", {
+  ], j = () => [...T(), C, S], N = () => ["auto", "hidden", "clip", "visible", "scroll"], L = () => ["auto", "contain", "none"], w = () => [C, S, c], M = () => [Me, "full", "auto", ...w()], E = () => [be, "none", "subgrid", C, S], z = () => ["auto", {
     span: ["full", be, C, S]
-  }, be, C, S], B = () => [be, "auto", C, S], le = () => ["auto", "min", "max", "fr", C, S], ae = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], q = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], _ = () => ["auto", ...w()], pe = () => [Ne, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...w()], U = () => [Ne, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...w()], Q = () => [Ne, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...w()], P = () => [e, C, S], b = () => [...T(), fi, di, {
+  }, be, C, S], B = () => [be, "auto", C, S], le = () => ["auto", "min", "max", "fr", C, S], ae = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], q = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], _ = () => ["auto", ...w()], pe = () => [Me, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...w()], U = () => [Me, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...w()], Q = () => [Me, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...w()], P = () => [e, C, S], b = () => [...T(), fi, di, {
     position: [C, S]
   }], R = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -6230,7 +6230,7 @@ const Th = (e, t) => {
     g,
     C,
     S
-  ], Tt = () => ["none", D, C, S], jt = () => ["none", D, C, S], us = () => [D, C, S], St = () => [Ne, "full", ...w()];
+  ], Tt = () => ["none", D, C, S], jt = () => ["none", D, C, S], us = () => [D, C, S], St = () => [Me, "full", ...w()];
   return {
     cacheSize: 500,
     theme: {
@@ -6263,7 +6263,7 @@ const Th = (e, t) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", Ne, S, C, y]
+        aspect: ["auto", "square", Me, S, C, y]
       }],
       /**
        * Container
@@ -6524,7 +6524,7 @@ const Th = (e, t) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [Ne, "full", "auto", a, ...w()]
+        basis: [Me, "full", "auto", a, ...w()]
       }],
       /**
        * Flex Direction
@@ -6545,7 +6545,7 @@ const Th = (e, t) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [D, Ne, "auto", "initial", "none", S]
+        flex: [D, Me, "auto", "initial", "none", S]
       }],
       /**
        * Flex Grow
@@ -8967,7 +8967,7 @@ const wm = ({
             onClick: () => i(!1),
             style: { color: a.title },
             className: "p-1 hover:bg-black/5 dark:hover:bg-white/5 rounded-lg transition-colors cursor-pointer shrink-0",
-            children: /* @__PURE__ */ l.jsx(Re, { size: 14 })
+            children: /* @__PURE__ */ l.jsx(De, { size: 14 })
           }
         )
       ]
@@ -9371,7 +9371,7 @@ const wm = ({
             {
               onClick: t,
               className: "p-2 rounded-xl hover:bg-secondary text-muted-foreground hover:text-foreground transition-all cursor-pointer",
-              children: /* @__PURE__ */ l.jsx(Re, { size: 20 })
+              children: /* @__PURE__ */ l.jsx(De, { size: 20 })
             }
           )
         ] }),
@@ -9404,7 +9404,7 @@ const wm = ({
   className: o
 }) => {
   const [i, a] = O(!1), c = re(null), u = t.find((d) => d.value === s);
-  return Ie(() => {
+  return Ae(() => {
     const d = (f) => {
       c.current && !c.current.contains(f.target) && a(!1);
     };
@@ -9600,7 +9600,7 @@ const wm = ({
                   {
                     onClick: () => g(p.id),
                     className: "p-1 hover:bg-secondary rounded-lg text-muted-foreground hover:text-foreground cursor-pointer transition-colors",
-                    children: /* @__PURE__ */ l.jsx(Re, { size: 14 })
+                    children: /* @__PURE__ */ l.jsx(De, { size: 14 })
                   }
                 )
               ]
@@ -9664,7 +9664,7 @@ const wm = ({
               {
                 onClick: t,
                 className: "p-2 hover:bg-secondary rounded-xl text-muted-foreground hover:text-foreground cursor-pointer transition-colors",
-                children: /* @__PURE__ */ l.jsx(Re, { size: 16 })
+                children: /* @__PURE__ */ l.jsx(De, { size: 16 })
               }
             )
           ] })
@@ -9721,7 +9721,7 @@ const wm = ({
                     onClick: () => r && r(i.id),
                     className: "absolute bottom-3 right-3 p-1 hover:bg-secondary rounded-lg text-muted-foreground hover:text-foreground cursor-pointer transition-colors opacity-0 group-hover:opacity-100",
                     title: "Dismiss notification",
-                    children: /* @__PURE__ */ l.jsx(Re, { size: 12 })
+                    children: /* @__PURE__ */ l.jsx(De, { size: 12 })
                   }
                 )
               ]
@@ -9819,7 +9819,7 @@ const wm = ({
       });
     }
   };
-  Ie(() => (s && (a(), window.addEventListener("scroll", a), window.addEventListener("resize", a)), () => {
+  Ae(() => (s && (a(), window.addEventListener("scroll", a), window.addEventListener("resize", a)), () => {
     window.removeEventListener("scroll", a), window.removeEventListener("resize", a);
   }), [s]);
   const c = () => {
@@ -9957,10 +9957,11 @@ const wm = ({
   footer: o,
   className: i,
   showMobileToggle: a = !0
-  // 👈 Added prop to disable built-in toggle
 }) => {
-  const [c, u] = O(!1), [d, f] = O(!1);
-  Ie(() => {
+  const [c, u] = O(!1), [d, f] = O(!e);
+  Ae(() => {
+    f(!e);
+  }, [e]), Ae(() => {
     const p = () => {
       const y = window.innerWidth < 768;
       u(y), y || f(!1);
@@ -9982,7 +9983,7 @@ const wm = ({
       {
         type: "button",
         onClick: h,
-        className: "fixed top-4 left-4 z-40 p-2.5 rounded-xl bg-card/85 backdrop-blur-xl border border-border/40 text-foreground shadow-lg hover:bg-secondary/60 cursor-pointer md:hidden transition-colors animate-[fadeIn_0.2s_ease-out]",
+        className: "fixed top-4 left-4 z-30 p-2.5 rounded-xl bg-card/85 backdrop-blur-xl border border-border/40 text-foreground shadow-lg hover:bg-secondary/60 cursor-pointer md:hidden transition-colors animate-[fadeIn_0.2s_ease-out]",
         children: /* @__PURE__ */ l.jsx(pl, { size: 18 })
       }
     ),
@@ -9990,12 +9991,12 @@ const wm = ({
       "div",
       {
         onClick: h,
-        className: "fixed inset-0 bg-black/60 backdrop-blur-sm z-35 md:hidden transition-opacity duration-300"
+        className: "fixed inset-0 bg-black/60 backdrop-blur-sm z-40 md:hidden transition-opacity duration-300"
       }
     ),
     /* @__PURE__ */ l.jsxs("aside", { className: V(
-      "h-screen bg-card/45 backdrop-blur-xl border-r border-border/40 flex flex-col transition-all duration-300 ease-in-out shrink-0 text-left relative z-30",
-      c ? "fixed top-0 bottom-0 left-0" : "",
+      "h-screen bg-card/45 backdrop-blur-xl border-r border-border/40 flex flex-col transition-all duration-300 ease-in-out shrink-0 text-left relative",
+      c ? "fixed top-0 bottom-0 left-0 z-50" : "z-30",
       g ? "w-0 -translate-x-full md:w-20 md:translate-x-0 overflow-hidden border-r-0 md:border-r border-border/20" : "w-64 translate-x-0 border-r border-border/40",
       i
     ), children: [
@@ -10215,7 +10216,7 @@ const wm = ({
     )
   ] }),
   s && /* @__PURE__ */ l.jsx("span", { className: "text-sm font-semibold text-foreground", children: s })
-] }), Na = Pe(), Fm = ({ children: e }) => {
+] }), Na = Ne(), Fm = ({ children: e }) => {
   const [t, s] = O([]), [n, r] = O(-1), [o, i] = O("IDLE"), [a, c] = O(""), [u, d] = O({ success: 0, failed: 0, skipped: 0, noLedger: 0, items: [] }), [f, h] = O(null), m = re(!1), g = (v, x = "", T) => {
     s(v), c(x || "Batch Processing"), r(0), i("SYNCING"), d({ success: 0, failed: 0, skipped: 0, noLedger: 0, items: [] }), h(() => T);
   }, p = () => {
@@ -10254,7 +10255,7 @@ const wm = ({
       m.current = !1, n + 1 < t.length ? r((x) => x + 1) : i("COMPLETED");
     }
   };
-  Ie(() => {
+  Ae(() => {
     o === "SYNCING" && y();
   }, [n, o, f]);
   const k = t.length > 0 ? Math.round((n + (o === "COMPLETED" ? 1 : 0)) / t.length * 100) : 0;
@@ -10326,7 +10327,7 @@ const wm = ({
                   h.stopPropagation(), i();
                 },
                 className: "p-1 hover:bg-destructive/10 hover:text-destructive rounded-md text-muted-foreground transition-colors cursor-pointer",
-                children: /* @__PURE__ */ l.jsx(Re, { size: 14 })
+                children: /* @__PURE__ */ l.jsx(De, { size: 14 })
               }
             )
           ] })
@@ -10477,7 +10478,7 @@ const wm = ({
                       k.stopPropagation(), m(y);
                     },
                     className: "hover:bg-primary/20 rounded text-primary hover:text-foreground shrink-0 transition-colors p-0.5",
-                    children: /* @__PURE__ */ l.jsx(Re, { size: 10 })
+                    children: /* @__PURE__ */ l.jsx(De, { size: 10 })
                   }
                 )
               ]
@@ -10609,13 +10610,13 @@ const wm = ({
         {
           onClick: () => t(s.id),
           className: "shrink-0 text-muted-foreground hover:text-foreground transition-colors cursor-pointer",
-          children: /* @__PURE__ */ l.jsx(Re, { size: 16 })
+          children: /* @__PURE__ */ l.jsx(De, { size: 16 })
         }
       )
     ]
   },
   s.id
-)) }) }), Ma = Pe(), Km = () => {
+)) }) }), Ma = Ne(), Km = () => {
   const e = ne(Ma);
   if (!e)
     throw new Error("useToast must be used within a ToastProvider");
@@ -10640,7 +10641,7 @@ const wm = ({
     e,
     /* @__PURE__ */ l.jsx(ym, { toasts: t, removeToast: r })
   ] });
-}, Ea = Pe(), Hm = ({ children: e, defaultTheme: t = "light" }) => {
+}, Ea = Ne(), Hm = ({ children: e, defaultTheme: t = "light" }) => {
   const [s, n] = O(() => {
     if (typeof window > "u") return !1;
     const i = new URLSearchParams(window.location.search).get("theme");
@@ -10648,7 +10649,7 @@ const wm = ({
     const a = localStorage.getItem("theme");
     return a ? a === "dark" : window.matchMedia("(prefers-color-scheme: dark)").matches;
   });
-  Ie(() => {
+  Ae(() => {
     s ? (document.documentElement.classList.add("dark"), localStorage.setItem("theme", "dark")) : (document.documentElement.classList.remove("dark"), localStorage.setItem("theme", "light"));
   }, [s]);
   const r = () => n((o) => !o);