@lzzjokerzzl/react-ui-components 1.4.1 → 1.4.2

package/dist/index.js

@@ -2657,7 +2657,7 @@ function mn(e, { forwardMotionProps: t = !1 } = {}, r, n) {
     }, { isStatic: u } = d, f = Mf(i), p = s(i, u);
     if (!u && fs) {
       Qf(d, r);
-      const m = eh(d);
+      const m = e0(d);
       c = m.MeasureLayout, f.visualElement = qf(e, p, d, n, m.ProjectionNode);
     }
     return F(tn.Provider, { value: f, children: [c && f.visualElement ? h(c, { visualElement: f.visualElement, ...d }) : null, Wf(e, i, Xf(p, f.visualElement, l), p, u, t)] });
@@ -2677,7 +2677,7 @@ function Qf(e, t) {
     e.ignoreStrict ? Ot(!1, n, "lazy-strict-mode") : Se(!1, n, "lazy-strict-mode");
   }
 }
-function eh(e) {
+function e0(e) {
   const { drag: t, layout: r } = Rt;
   if (!t && !r)
     return {};
@@ -2687,7 +2687,7 @@ function eh(e) {
     ProjectionNode: n.ProjectionNode
   };
 }
-function th(e, t) {
+function t0(e, t) {
   if (typeof Proxy > "u")
     return mn;
   const r = /* @__PURE__ */ new Map(), n = (a, o) => mn(a, o, e, t), s = (a, o) => (process.env.NODE_ENV !== "production" && Zr(!1, "motion() is deprecated. Use motion.create() instead."), n(a, o));
@@ -2706,10 +2706,10 @@ function fl({ top: e, left: t, right: r, bottom: n }) {
     y: { min: e, max: n }
   };
 }
-function rh({ x: e, y: t }) {
+function r0({ x: e, y: t }) {
   return { top: t.min, right: e.max, bottom: t.max, left: e.min };
 }
-function nh(e, t) {
+function n0(e, t) {
   if (!t)
     return e;
   const r = t({ x: e.left, y: e.top }), n = t({ x: e.right, y: e.bottom });
@@ -2749,7 +2749,7 @@ function pl(e, { x: t, y: r }) {
   _n(e.x, t.translate, t.scale, t.originPoint), _n(e.y, r.translate, r.scale, r.originPoint);
 }
 const Ra = 0.999999999999, ja = 1.0000000000001;
-function sh(e, t, r, n = !1) {
+function s0(e, t, r, n = !1) {
   const s = r.length;
   if (!s)
     return;
@@ -2776,9 +2776,9 @@ function Dt(e, t) {
   Oa(e.x, t.x, t.scaleX, t.scale, t.originX), Oa(e.y, t.y, t.scaleY, t.scale, t.originY);
 }
 function ml(e, t) {
-  return fl(nh(e.getBoundingClientRect(), t));
+  return fl(n0(e.getBoundingClientRect(), t));
 }
-function ah(e, t, r) {
+function a0(e, t, r) {
   const n = ml(e, r), { scroll: s } = t;
   return s && (Nt(n.x, s.offset.x), Nt(n.y, s.offset.y)), n;
 }
@@ -2794,7 +2794,7 @@ const $a = () => ({
   x: za(),
   y: za()
 }), Gn = { current: null }, gl = { current: !1 };
-function oh() {
+function o0() {
   if (gl.current = !0, !!fs)
     if (window.matchMedia) {
       const e = window.matchMedia("(prefers-reduced-motion)"), t = () => Gn.current = e.matches;
@@ -2803,7 +2803,7 @@ function oh() {
       Gn.current = !1;
 }
 const dr = /* @__PURE__ */ new WeakMap();
-function ih(e, t, r) {
+function i0(e, t, r) {
   for (const n in t) {
     const s = t[n], a = r[n];
     if (ve(s))
@@ -2859,7 +2859,7 @@ class bl {
     }
   }
   mount(t) {
-    this.current = t, dr.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((r, n) => this.bindToMotionValue(n, r)), gl.current || oh(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Gn.current, process.env.NODE_ENV !== "production" && Zr(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.parent?.addChild(this), this.update(this.props, this.presenceContext);
+    this.current = t, dr.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((r, n) => this.bindToMotionValue(n, r)), gl.current || o0(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Gn.current, process.env.NODE_ENV !== "production" && Zr(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.parent?.addChild(this), this.update(this.props, this.presenceContext);
   }
   unmount() {
     this.projection && this.projection.unmount(), Ke(this.notifyUpdate), Ke(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
@@ -2934,7 +2934,7 @@ class bl {
       const a = "on" + s, o = t[a];
       o && (this.propEventSubscriptions[s] = this.on(s, o));
     }
-    this.prevMotionValues = ih(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+    this.prevMotionValues = i0(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
   }
   getProps() {
     return this.props;
@@ -3064,7 +3064,7 @@ function vl(e, { style: t, vars: r }, n, s) {
   for (o in r)
     a.setProperty(o, r[o]);
 }
-function lh(e) {
+function l0(e) {
   return window.getComputedStyle(e);
 }
 class xl extends yl {
@@ -3075,7 +3075,7 @@ class xl extends yl {
     if (Ft.has(r))
       return this.projection?.isProjecting ? Ln(r) : fu(t, r);
     {
-      const n = lh(t), s = (vs(r) ? n.getPropertyValue(r) : n[r]) || 0;
+      const n = l0(t), s = (vs(r) ? n.getPropertyValue(r) : n[r]) || 0;
       return typeof s == "string" ? s.trim() : s;
     }
   }
@@ -3114,7 +3114,7 @@ const wl = /* @__PURE__ */ new Set([
   "textLength",
   "lengthAdjust"
 ]);
-function ch(e, t, r, n) {
+function c0(e, t, r, n) {
   vl(e, t, void 0, n);
   for (const s in t.attrs)
     e.setAttribute(wl.has(s) ? s : _s(s), t.attrs[s]);
@@ -3140,13 +3140,13 @@ class kl extends yl {
     sl(t, r, this.isSVGTag, n.transformTemplate, n.style);
   }
   renderInstance(t, r, n, s) {
-    ch(t, r, n, s);
+    c0(t, r, n, s);
   }
   mount(t) {
     this.isSVGTag = ol(t.tagName), super.mount(t);
   }
 }
-const dh = (e, t) => zs(e) ? new kl(t) : new xl(t, {
+const d0 = (e, t) => zs(e) ? new kl(t) : new xl(t, {
   allowProjection: e !== ri
 });
 function Lt(e, t, r) {
@@ -3154,10 +3154,10 @@ function Lt(e, t, r) {
   return Fs(n, t, r !== void 0 ? r : n.custom, e);
 }
 const Un = (e) => Array.isArray(e);
-function uh(e, t, r) {
+function u0(e, t, r) {
   e.hasValue(t) ? e.getValue(t).set(r) : e.addValue(t, Ue(r));
 }
-function fh(e) {
+function f0(e) {
   return Un(e) ? e[e.length - 1] || 0 : e;
 }
 function Gs(e, t) {
@@ -3165,16 +3165,16 @@ function Gs(e, t) {
   let { transitionEnd: n = {}, transition: s = {}, ...a } = r || {};
   a = { ...a, ...n };
   for (const o in a) {
-    const i = fh(a[o]);
-    uh(e, o, i);
+    const i = f0(a[o]);
+    u0(e, o, i);
   }
 }
-function hh(e) {
+function h0(e) {
   return !!(ve(e) && e.add);
 }
 function Kn(e, t) {
   const r = e.getValue("willChange");
-  if (hh(r))
+  if (h0(r))
     return r.add(t);
   if (!r && rt.WillChange) {
     const n = new rt.WillChange("auto");
@@ -3184,30 +3184,30 @@ function Kn(e, t) {
 function Cl(e) {
   return e.props[cl];
 }
-const ph = (e) => e !== null;
-function mh(e, { repeat: t, repeatType: r = "loop" }, n) {
-  const s = e.filter(ph), a = t && r !== "loop" && t % 2 === 1 ? 0 : s.length - 1;
+const p0 = (e) => e !== null;
+function m0(e, { repeat: t, repeatType: r = "loop" }, n) {
+  const s = e.filter(p0), a = t && r !== "loop" && t % 2 === 1 ? 0 : s.length - 1;
   return s[a];
 }
-const gh = {
+const g0 = {
   type: "spring",
   stiffness: 500,
   damping: 25,
   restSpeed: 10
-}, bh = (e) => ({
+}, b0 = (e) => ({
   type: "spring",
   stiffness: 550,
   damping: e === 0 ? 2 * Math.sqrt(550) : 30,
   restSpeed: 10
-}), yh = {
+}), y0 = {
   type: "keyframes",
   duration: 0.8
-}, vh = {
+}, v0 = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, xh = (e, { keyframes: t }) => t.length > 2 ? yh : Ft.has(e) ? e.startsWith("scale") ? bh(t[1]) : gh : vh;
-function wh({ when: e, delay: t, delayChildren: r, staggerChildren: n, staggerDirection: s, repeat: a, repeatType: o, repeatDelay: i, from: l, elapsed: c, ...d }) {
+}, x0 = (e, { keyframes: t }) => t.length > 2 ? y0 : Ft.has(e) ? e.startsWith("scale") ? b0(t[1]) : g0 : v0;
+function w0({ when: e, delay: t, delayChildren: r, staggerChildren: n, staggerDirection: s, repeat: a, repeatType: o, repeatDelay: i, from: l, elapsed: c, ...d }) {
   return !!Object.keys(d).length;
 }
 const Us = (e, t, r, n = {}, s, a) => (o) => {
@@ -3230,10 +3230,10 @@ const Us = (e, t, r, n = {}, s, a) => (o) => {
     motionValue: t,
     element: a ? void 0 : s
   };
-  wh(i) || Object.assign(d, xh(e, d)), d.duration && (d.duration = /* @__PURE__ */ We(d.duration)), d.repeatDelay && (d.repeatDelay = /* @__PURE__ */ We(d.repeatDelay)), d.from !== void 0 && (d.keyframes[0] = d.from);
+  w0(i) || Object.assign(d, x0(e, d)), d.duration && (d.duration = /* @__PURE__ */ We(d.duration)), d.repeatDelay && (d.repeatDelay = /* @__PURE__ */ We(d.repeatDelay)), d.from !== void 0 && (d.keyframes[0] = d.from);
   let u = !1;
   if ((d.type === !1 || d.duration === 0 && !d.repeatDelay) && (zn(d), d.delay === 0 && (u = !0)), (rt.instantAnimations || rt.skipAnimations) && (u = !0, zn(d), d.delay = 0), d.allowFlatten = !i.type && !i.ease, u && !a && t.get() !== void 0) {
-    const f = mh(d.keyframes, i);
+    const f = m0(d.keyframes, i);
     if (f !== void 0) {
       le.update(() => {
         d.onUpdate(f), d.onComplete();
@@ -3243,7 +3243,7 @@ const Us = (e, t, r, n = {}, s, a) => (o) => {
   }
   return i.isSync ? new Jr(d) : new Bu(d);
 };
-function kh({ protectedKeys: e, needsAnimating: t }, r) {
+function k0({ protectedKeys: e, needsAnimating: t }, r) {
   const n = e.hasOwnProperty(r) && t[r] !== !0;
   return t[r] = !1, n;
 }
@@ -3253,7 +3253,7 @@ function Ks(e, t, { delay: r = 0, transitionOverride: n, type: s } = {}) {
   const l = [], c = s && e.animationState && e.animationState.getState()[s];
   for (const d in i) {
     const u = e.getValue(d, e.latestValues[d] ?? null), f = i[d];
-    if (f === void 0 || c && kh(c, d))
+    if (f === void 0 || c && k0(c, d))
       continue;
     const p = {
       delay: r,
@@ -3289,7 +3289,7 @@ function Hn(e, t, r = {}) {
   r.transitionOverride && (s = r.transitionOverride);
   const a = n ? () => Promise.all(Ks(e, n, r)) : () => Promise.resolve(), o = e.variantChildren && e.variantChildren.size ? (l = 0) => {
     const { delayChildren: c = 0, staggerChildren: d, staggerDirection: u } = s;
-    return Ch(e, t, l, c, d, u, r);
+    return C0(e, t, l, c, d, u, r);
   } : () => Promise.resolve(), { when: i } = s;
   if (i) {
     const [l, c] = i === "beforeChildren" ? [a, o] : [o, a];
@@ -3297,7 +3297,7 @@ function Hn(e, t, r = {}) {
   } else
     return Promise.all([a(), o(r.delay)]);
 }
-function Ch(e, t, r = 0, n = 0, s = 0, a = 1, o) {
+function C0(e, t, r = 0, n = 0, s = 0, a = 1, o) {
   const i = [];
   for (const l of e.variantChildren)
     l.notify("AnimationStart", t), i.push(Hn(l, t, {
@@ -3333,7 +3333,7 @@ function Al(e, t) {
       return !1;
   return !0;
 }
-const Th = js.length;
+const T0 = js.length;
 function Vl(e) {
   if (!e)
     return;
@@ -3342,18 +3342,18 @@ function Vl(e) {
     return e.props.initial !== void 0 && (r.initial = e.props.initial), r;
   }
   const t = {};
-  for (let r = 0; r < Th; r++) {
+  for (let r = 0; r < T0; r++) {
     const n = js[r], s = e.props[n];
     (lr(s) || s === !1) && (t[n] = s);
   }
   return t;
 }
-const Sh = [...Rs].reverse(), Ah = Rs.length;
-function Vh(e) {
+const S0 = [...Rs].reverse(), A0 = Rs.length;
+function V0(e) {
   return (t) => Promise.all(t.map(({ animation: r, options: n }) => Sl(e, r, n)));
 }
-function Ph(e) {
-  let t = Vh(e), r = Wa(), n = !0;
+function P0(e) {
+  let t = V0(e), r = Wa(), n = !0;
   const s = (l) => (c, d) => {
     const u = Lt(e, d, l === "exit" ? e.presenceContext?.custom : void 0);
     if (u) {
@@ -3368,8 +3368,8 @@ function Ph(e) {
   function o(l) {
     const { props: c } = e, d = Vl(e.parent) || {}, u = [], f = /* @__PURE__ */ new Set();
     let p = {}, m = 1 / 0;
-    for (let y = 0; y < Ah; y++) {
-      const g = Sh[y], b = r[g], x = c[g] !== void 0 ? c[g] : d[g], w = lr(x), C = g === l ? b.isActive : null;
+    for (let y = 0; y < A0; y++) {
+      const g = S0[y], b = r[g], x = c[g] !== void 0 ? c[g] : d[g], w = lr(x), C = g === l ? b.isActive : null;
       C === !1 && (m = y);
       let T = x === d[g] && x !== c[g] && w;
       if (T && n && e.manuallyAnimateOnMount && (T = !1), b.protectedKeys = { ...p }, // If it isn't active and hasn't *just* been set as inactive
@@ -3377,7 +3377,7 @@ function Ph(e) {
       !x && !b.prevProp || // Or if the prop doesn't define an animation
       rn(x) || typeof x == "boolean")
         continue;
-      const S = Mh(b.prevProp, x);
+      const S = M0(b.prevProp, x);
       let k = S || // If we're making this variant active, we want to always make it active
       g === l && b.isActive && !T && w || // If we removed a higher-priority variant (i is in reverse order)
       y > m && w, P = !1;
@@ -3449,7 +3449,7 @@ function Ph(e) {
     }
   };
 }
-function Mh(e, t) {
+function M0(e, t) {
   return typeof t == "string" ? t !== e : Array.isArray(t) ? !Al(t, e) : !1;
 }
 function gt(e = !1) {
@@ -3478,14 +3478,14 @@ class ft {
   update() {
   }
 }
-class Eh extends ft {
+class E0 extends ft {
   /**
    * We dynamically generate the AnimationState manager as it contains a reference
    * to the underlying animation library. We only want to load that if we load this,
    * so people can optionally code split it out using the `m` component.
    */
   constructor(t) {
-    super(t), t.animationState || (t.animationState = Ph(t));
+    super(t), t.animationState || (t.animationState = P0(t));
   }
   updateAnimationControlsSubscription() {
     const { animate: t } = this.node.getProps();
@@ -3505,10 +3505,10 @@ class Eh extends ft {
     this.node.animationState.reset(), this.unmountControls?.();
   }
 }
-let Ih = 0;
-class Nh extends ft {
+let I0 = 0;
+class N0 extends ft {
   constructor() {
-    super(...arguments), this.id = Ih++;
+    super(...arguments), this.id = I0++;
   }
   update() {
     if (!this.node.presenceContext)
@@ -3528,12 +3528,12 @@ class Nh extends ft {
   unmount() {
   }
 }
-const Dh = {
+const D0 = {
   animation: {
-    Feature: Eh
+    Feature: E0
   },
   exit: {
-    Feature: Nh
+    Feature: N0
   }
 };
 function ur(e, t, r, n = { passive: !0 }) {
@@ -3547,19 +3547,19 @@ function yr(e) {
     }
   };
 }
-const Bh = (e) => (t) => Ls(t) && e(t, yr(t));
+const B0 = (e) => (t) => Ls(t) && e(t, yr(t));
 function tr(e, t, r, n) {
-  return ur(e, t, Bh(r), n);
+  return ur(e, t, B0(r), n);
 }
-const Pl = 1e-4, Lh = 1 - Pl, Rh = 1 + Pl, Ml = 0.01, jh = 0 - Ml, Oh = 0 + Ml;
+const Pl = 1e-4, L0 = 1 - Pl, R0 = 1 + Pl, Ml = 0.01, j0 = 0 - Ml, O0 = 0 + Ml;
 function Me(e) {
   return e.max - e.min;
 }
-function $h(e, t, r) {
+function $0(e, t, r) {
   return Math.abs(e - t) <= r;
 }
 function _a(e, t, r, n = 0.5) {
-  e.origin = n, e.originPoint = he(t.min, t.max, e.origin), e.scale = Me(r) / Me(t), e.translate = he(r.min, r.max, e.origin) - e.originPoint, (e.scale >= Lh && e.scale <= Rh || isNaN(e.scale)) && (e.scale = 1), (e.translate >= jh && e.translate <= Oh || isNaN(e.translate)) && (e.translate = 0);
+  e.origin = n, e.originPoint = he(t.min, t.max, e.origin), e.scale = Me(r) / Me(t), e.translate = he(r.min, r.max, e.origin) - e.originPoint, (e.scale >= L0 && e.scale <= R0 || isNaN(e.scale)) && (e.scale = 1), (e.translate >= j0 && e.translate <= O0 || isNaN(e.translate)) && (e.translate = 0);
 }
 function rr(e, t, r, n) {
   _a(e.x, t.x, r.x, n ? n.originX : void 0), _a(e.y, t.y, r.y, n ? n.originY : void 0);
@@ -3567,7 +3567,7 @@ function rr(e, t, r, n) {
 function Ga(e, t, r) {
   e.min = r.min + t.min, e.max = e.min + Me(t);
 }
-function zh(e, t, r) {
+function z0(e, t, r) {
   Ga(e.x, t.x, r.x), Ga(e.y, t.y, r.y);
 }
 function Ua(e, t, r) {
@@ -3580,7 +3580,7 @@ function ze(e) {
   return [e("x"), e("y")];
 }
 const El = ({ current: e }) => e ? e.ownerDocument.defaultView : null, Ka = (e, t) => Math.abs(e - t);
-function Fh(e, t) {
+function F0(e, t) {
   const r = Ka(e.x, t.x), n = Ka(e.y, t.y);
   return Math.sqrt(r ** 2 + n ** 2);
 }
@@ -3589,7 +3589,7 @@ class Il {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const f = yn(this.lastMoveEventInfo, this.history), p = this.startEvent !== null, m = Fh(f.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
+      const f = yn(this.lastMoveEventInfo, this.history), p = this.startEvent !== null, m = F0(f.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
       if (!p && !m)
         return;
       const { point: v } = f, { timestamp: y } = ke;
@@ -3630,17 +3630,17 @@ function yn({ point: e }, t) {
   return {
     point: e,
     delta: Ha(e, Nl(t)),
-    offset: Ha(e, Wh(t)),
-    velocity: _h(t, 0.1)
+    offset: Ha(e, W0(t)),
+    velocity: _0(t, 0.1)
   };
 }
-function Wh(e) {
+function W0(e) {
   return e[0];
 }
 function Nl(e) {
   return e[e.length - 1];
 }
-function _h(e, t) {
+function _0(e, t) {
   if (e.length < 2)
     return { x: 0, y: 0 };
   let r = e.length - 1, n = null;
@@ -3658,7 +3658,7 @@ function _h(e, t) {
   };
   return o.x === 1 / 0 && (o.x = 0), o.y === 1 / 0 && (o.y = 0), o;
 }
-function Gh(e, { min: t, max: r }, n) {
+function G0(e, { min: t, max: r }, n) {
   return t !== void 0 && e < t ? e = n ? he(t, e, n.min) : Math.max(e, t) : r !== void 0 && e > r && (e = n ? he(r, e, n.max) : Math.min(e, r)), e;
 }
 function Xa(e, t, r) {
@@ -3667,7 +3667,7 @@ function Xa(e, t, r) {
     max: r !== void 0 ? e.max + r - (e.max - e.min) : void 0
   };
 }
-function Uh(e, { top: t, left: r, bottom: n, right: s }) {
+function U0(e, { top: t, left: r, bottom: n, right: s }) {
   return {
     x: Xa(e.x, r, s),
     y: Xa(e.y, t, n)
@@ -3677,23 +3677,23 @@ function Ya(e, t) {
   let r = t.min - e.min, n = t.max - e.max;
   return t.max - t.min < e.max - e.min && ([r, n] = [n, r]), { min: r, max: n };
 }
-function Kh(e, t) {
+function K0(e, t) {
   return {
     x: Ya(e.x, t.x),
     y: Ya(e.y, t.y)
   };
 }
-function Hh(e, t) {
+function H0(e, t) {
   let r = 0.5;
   const n = Me(e), s = Me(t);
   return s > n ? r = /* @__PURE__ */ Ct(t.min, t.max - n, e.min) : n > s && (r = /* @__PURE__ */ Ct(e.min, e.max - s, t.min)), Ze(0, 1, r);
 }
-function Xh(e, t) {
+function X0(e, t) {
   const r = {};
   return t.min !== void 0 && (r.min = t.min - e.min), t.max !== void 0 && (r.max = t.max - e.min), r;
 }
 const Xn = 0.35;
-function Yh(e = Xn) {
+function Y0(e = Xn) {
   return e === !1 ? e = 0 : e === !0 && (e = Xn), {
     x: qa(e, "left", "right"),
     y: qa(e, "top", "bottom")
@@ -3708,8 +3708,8 @@ function qa(e, t, r) {
 function Za(e, t) {
   return typeof e == "number" ? e : e[t] || 0;
 }
-const qh = /* @__PURE__ */ new WeakMap();
-class Zh {
+const q0 = /* @__PURE__ */ new WeakMap();
+class Z0 {
   constructor(t) {
     this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = ge(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = t;
   }
@@ -3744,7 +3744,7 @@ class Zh {
         return;
       const { offset: g } = f;
       if (m && this.currentDirection === null) {
-        this.currentDirection = Jh(g), this.currentDirection !== null && v && v(this.currentDirection);
+        this.currentDirection = J0(g), this.currentDirection !== null && v && v(this.currentDirection);
         return;
       }
       this.updateAxis("x", f.point, g), this.updateAxis("y", f.point, g), this.visualElement.render(), y && y(u, f);
@@ -3792,12 +3792,12 @@ class Zh {
       return;
     const a = this.getAxisMotionValue(t);
     let o = this.originPoint[t] + n[t];
-    this.constraints && this.constraints[t] && (o = Gh(o, this.constraints[t], this.elastic[t])), a.set(o);
+    this.constraints && this.constraints[t] && (o = G0(o, this.constraints[t], this.elastic[t])), a.set(o);
   }
   resolveConstraints() {
     const { dragConstraints: t, dragElastic: r } = this.getProps(), n = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : this.visualElement.projection?.layout, s = this.constraints;
-    t && It(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && n ? this.constraints = Uh(n.layoutBox, t) : this.constraints = !1, this.elastic = Yh(r), s !== this.constraints && n && this.constraints && !this.hasMutatedConstraints && ze((a) => {
-      this.constraints !== !1 && this.getAxisMotionValue(a) && (this.constraints[a] = Xh(n.layoutBox[a], this.constraints[a]));
+    t && It(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && n ? this.constraints = U0(n.layoutBox, t) : this.constraints = !1, this.elastic = Y0(r), s !== this.constraints && n && this.constraints && !this.hasMutatedConstraints && ze((a) => {
+      this.constraints !== !1 && this.getAxisMotionValue(a) && (this.constraints[a] = X0(n.layoutBox[a], this.constraints[a]));
     });
   }
   resolveRefConstraints() {
@@ -3809,10 +3809,10 @@ class Zh {
     const { projection: s } = this.visualElement;
     if (!s || !s.layout)
       return !1;
-    const a = ah(n, s.root, this.visualElement.getTransformPagePoint());
-    let o = Kh(s.layout.layoutBox, a);
+    const a = a0(n, s.root, this.visualElement.getTransformPagePoint());
+    let o = K0(s.layout.layoutBox, a);
     if (r) {
-      const i = r(rh(o));
+      const i = r(r0(o));
       this.hasMutatedConstraints = !!i, i && (o = fl(i));
     }
     return o;
@@ -3890,7 +3890,7 @@ class Zh {
       const i = this.getAxisMotionValue(o);
       if (i && this.constraints !== !1) {
         const l = i.get();
-        s[o] = Hh({ min: l, max: l }, this.constraints[o]);
+        s[o] = H0({ min: l, max: l }, this.constraints[o]);
       }
     });
     const { transformTemplate: a } = this.visualElement.getProps();
@@ -3904,7 +3904,7 @@ class Zh {
   addListeners() {
     if (!this.visualElement.current)
       return;
-    qh.set(this.visualElement, this);
+    q0.set(this.visualElement, this);
     const t = this.visualElement.current, r = tr(t, "pointerdown", (l) => {
       const { drag: c, dragListener: d = !0 } = this.getProps();
       c && d && this.start(l);
@@ -3939,13 +3939,13 @@ class Zh {
 function Ar(e, t, r) {
   return (t === !0 || t === e) && (r === null || r === e);
 }
-function Jh(e, t = 10) {
+function J0(e, t = 10) {
   let r = null;
   return Math.abs(e.y) > t ? r = "y" : Math.abs(e.x) > t && (r = "x"), r;
 }
-class Qh extends ft {
+class Q0 extends ft {
   constructor(t) {
-    super(t), this.removeGroupControls = Ne, this.removeListeners = Ne, this.controls = new Zh(t);
+    super(t), this.removeGroupControls = Ne, this.removeListeners = Ne, this.controls = new Z0(t);
   }
   mount() {
     const { dragControls: t } = this.node.getProps();
@@ -3958,7 +3958,7 @@ class Qh extends ft {
 const Ja = (e) => (t, r) => {
   e && le.postRender(() => e(t, r));
 };
-class e0 extends ft {
+class eh extends ft {
   constructor() {
     super(...arguments), this.removePointerDownListener = Ne;
   }
@@ -4016,7 +4016,7 @@ const Xt = {
     const r = Qa(e, t.target.x), n = Qa(e, t.target.y);
     return `${r}% ${n}%`;
   }
-}, t0 = {
+}, th = {
   correct: (e, { treeScale: t, projectionDelta: r }) => {
     const n = e, s = ut.parse(e);
     if (s.length > 5)
@@ -4028,7 +4028,7 @@ const Xt = {
   }
 };
 let vn = !1;
-class r0 extends ud {
+class rh extends ud {
   /**
    * This only mounts projection nodes for components that
    * need measuring, we might want to do it for all components
@@ -4036,7 +4036,7 @@ class r0 extends ud {
    */
   componentDidMount() {
     const { visualElement: t, layoutGroup: r, switchLayoutGroup: n, layoutId: s } = this.props, { projection: a } = t;
-    Ef(n0), a && (r.group && r.group.add(a), n && n.register && s && n.register(a), vn && a.root.didUpdate(), a.addEventListener("animationComplete", () => {
+    Ef(nh), a && (r.group && r.group.add(a), n && n.register && s && n.register(a), vn && a.root.didUpdate(), a.addEventListener("animationComplete", () => {
       this.safeToRemove();
     }), a.setOptions({
       ...a.options,
@@ -4070,9 +4070,9 @@ class r0 extends ud {
 }
 function Dl(e) {
   const [t, r] = Ji(), n = ce(us);
-  return h(r0, { ...e, layoutGroup: n, switchLayoutGroup: ce(dl), isPresent: t, safeToRemove: r });
+  return h(rh, { ...e, layoutGroup: n, switchLayoutGroup: ce(dl), isPresent: t, safeToRemove: r });
 }
-const n0 = {
+const nh = {
   borderRadius: {
     ...Xt,
     applyTo: [
@@ -4086,14 +4086,14 @@ const n0 = {
   borderTopRightRadius: Xt,
   borderBottomLeftRadius: Xt,
   borderBottomRightRadius: Xt,
-  boxShadow: t0
+  boxShadow: th
 };
 function Bl(e, t, r) {
   const n = ve(e) ? e : Ue(e);
   return n.start(Us("", n, t, r)), n.animation;
 }
-const s0 = (e, t) => e.depth - t.depth;
-class a0 {
+const sh = (e, t) => e.depth - t.depth;
+class ah {
   constructor() {
     this.children = [], this.isDirty = !1;
   }
@@ -4104,20 +4104,20 @@ class a0 {
     qr(this.children, t), this.isDirty = !0;
   }
   forEach(t) {
-    this.isDirty && this.children.sort(s0), this.isDirty = !1, this.children.forEach(t);
+    this.isDirty && this.children.sort(sh), this.isDirty = !1, this.children.forEach(t);
   }
 }
-function o0(e, t) {
+function oh(e, t) {
   const r = Ie.now(), n = ({ timestamp: s }) => {
     const a = s - r;
     a >= t && (Ke(n), e(a - t));
   };
   return le.setup(n, !0), () => Ke(n);
 }
-const Ll = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], i0 = Ll.length, eo = (e) => typeof e == "string" ? parseFloat(e) : e, to = (e) => typeof e == "number" || Q.test(e);
-function l0(e, t, r, n, s, a) {
-  s ? (e.opacity = he(0, r.opacity ?? 1, c0(n)), e.opacityExit = he(t.opacity ?? 1, 0, d0(n))) : a && (e.opacity = he(t.opacity ?? 1, r.opacity ?? 1, n));
-  for (let o = 0; o < i0; o++) {
+const Ll = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], ih = Ll.length, eo = (e) => typeof e == "string" ? parseFloat(e) : e, to = (e) => typeof e == "number" || Q.test(e);
+function lh(e, t, r, n, s, a) {
+  s ? (e.opacity = he(0, r.opacity ?? 1, ch(n)), e.opacityExit = he(t.opacity ?? 1, 0, dh(n))) : a && (e.opacity = he(t.opacity ?? 1, r.opacity ?? 1, n));
+  for (let o = 0; o < ih; o++) {
     const i = `border${Ll[o]}Radius`;
     let l = ro(t, i), c = ro(r, i);
     if (l === void 0 && c === void 0)
@@ -4129,7 +4129,7 @@ function l0(e, t, r, n, s, a) {
 function ro(e, t) {
   return e[t] !== void 0 ? e[t] : e.borderRadius;
 }
-const c0 = /* @__PURE__ */ Rl(0, 0.5, hi), d0 = /* @__PURE__ */ Rl(0.5, 0.95, Ne);
+const ch = /* @__PURE__ */ Rl(0, 0.5, hi), dh = /* @__PURE__ */ Rl(0.5, 0.95, Ne);
 function Rl(e, t, r) {
   return (n) => n < e ? 0 : n > t ? 1 : r(/* @__PURE__ */ Ct(e, t, n));
 }
@@ -4145,18 +4145,18 @@ function so(e, t) {
 function ao(e, t, r, n, s) {
   return e -= t, e = Gr(e, 1 / r, n), s !== void 0 && (e = Gr(e, 1 / s, n)), e;
 }
-function u0(e, t = 0, r = 1, n = 0.5, s, a = e, o = e) {
+function uh(e, t = 0, r = 1, n = 0.5, s, a = e, o = e) {
   if (qe.test(t) && (t = parseFloat(t), t = he(o.min, o.max, t / 100) - o.min), typeof t != "number")
     return;
   let i = he(a.min, a.max, n);
   e === a && (i -= t), e.min = ao(e.min, t, r, i, s), e.max = ao(e.max, t, r, i, s);
 }
 function oo(e, t, [r, n, s], a, o) {
-  u0(e, t[r], t[n], t[s], t.scale, a, o);
+  uh(e, t[r], t[n], t[s], t.scale, a, o);
 }
-const f0 = ["x", "scaleX", "originX"], h0 = ["y", "scaleY", "originY"];
+const fh = ["x", "scaleX", "originX"], hh = ["y", "scaleY", "originY"];
 function io(e, t, r, n) {
-  oo(e.x, t, f0, r ? r.x : void 0, n ? n.x : void 0), oo(e.y, t, h0, r ? r.y : void 0, n ? n.y : void 0);
+  oo(e.x, t, fh, r ? r.x : void 0, n ? n.x : void 0), oo(e.y, t, hh, r ? r.y : void 0, n ? n.y : void 0);
 }
 function lo(e) {
   return e.translate === 0 && e.scale === 1;
@@ -4167,7 +4167,7 @@ function jl(e) {
 function co(e, t) {
   return e.min === t.min && e.max === t.max;
 }
-function p0(e, t) {
+function ph(e, t) {
   return co(e.x, t.x) && co(e.y, t.y);
 }
 function uo(e, t) {
@@ -4182,7 +4182,7 @@ function fo(e) {
 function ho(e, t) {
   return e.translate === t.translate && e.scale === t.scale && e.originPoint === t.originPoint;
 }
-class m0 {
+class mh {
   constructor() {
     this.members = [];
   }
@@ -4236,7 +4236,7 @@ class m0 {
     this.lead && this.lead.snapshot && (this.lead.snapshot = void 0);
   }
 }
-function g0(e, t, r) {
+function gh(e, t, r) {
   let n = "";
   const s = e.x.translate / t.x, a = e.y.translate / t.y, o = r?.z || 0;
   if ((s || a || o) && (n = `translate3d(${s}px, ${a}px, ${o}px) `), (t.x !== 1 || t.y !== 1) && (n += `scale(${1 / t.x}, ${1 / t.y}) `), r) {
@@ -4246,8 +4246,8 @@ function g0(e, t, r) {
   const i = e.x.scale * t.x, l = e.y.scale * t.y;
   return (i !== 1 || l !== 1) && (n += `scale(${i}, ${l})`), n || "none";
 }
-const xn = ["", "X", "Y", "Z"], b0 = 1e3;
-let y0 = 0;
+const xn = ["", "X", "Y", "Z"], bh = 1e3;
+let yh = 0;
 function wn(e, t, r, n) {
   const { latestValues: s } = t;
   s[e] && (r[e] = s[e], t.setStaticValue(e, 0), n && (n[e] = 0));
@@ -4269,14 +4269,14 @@ function $l(e) {
 function zl({ attachResizeListener: e, defaultParent: t, measureScroll: r, checkIsScrollRoot: n, resetTransform: s }) {
   return class {
     constructor(o = {}, i = t?.()) {
-      this.id = y0++, this.animationId = 0, this.animationCommitId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
+      this.id = yh++, this.animationId = 0, this.animationCommitId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
         this.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
       }, this.updateProjection = () => {
-        this.projectionUpdateScheduled = !1, this.nodes.forEach(w0), this.nodes.forEach(S0), this.nodes.forEach(A0), this.nodes.forEach(k0);
+        this.projectionUpdateScheduled = !1, this.nodes.forEach(wh), this.nodes.forEach(Sh), this.nodes.forEach(Ah), this.nodes.forEach(kh);
       }, this.resolvedRelativeTargetAt = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = o, this.root = i ? i.root || i : this, this.path = i ? [...i.path, i] : [], this.parent = i, this.depth = i ? i.depth + 1 : 0;
       for (let l = 0; l < this.path.length; l++)
         this.path[l].shouldResetTransform = !0;
-      this.root === this && (this.nodes = new a0());
+      this.root === this && (this.nodes = new ah());
     }
     addEventListener(o, i) {
       return this.eventHandlers.has(o) || this.eventHandlers.set(o, new ms()), this.eventHandlers.get(o).add(i);
@@ -4303,7 +4303,7 @@ function zl({ attachResizeListener: e, defaultParent: t, measureScroll: r, check
           u = window.innerWidth;
         }), e(o, () => {
           const p = window.innerWidth;
-          p !== u && (u = p, this.root.updateBlockedByResize = !0, d && d(), d = o0(f, 250), zr.hasAnimatedSinceResize && (zr.hasAnimatedSinceResize = !1, this.nodes.forEach(go)));
+          p !== u && (u = p, this.root.updateBlockedByResize = !0, d && d(), d = oh(f, 250), zr.hasAnimatedSinceResize && (zr.hasAnimatedSinceResize = !1, this.nodes.forEach(go)));
         });
       }
       i && this.root.registerSharedNode(i, this), this.options.animate !== !1 && c && (i || l) && this.addEventListener("didUpdate", ({ delta: d, hasLayoutChanged: u, hasRelativeLayoutChanged: f, layout: p }) => {
@@ -4311,7 +4311,7 @@ function zl({ attachResizeListener: e, defaultParent: t, measureScroll: r, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const m = this.options.transition || c.getDefaultTransition() || I0, { onLayoutAnimationStart: v, onLayoutAnimationComplete: y } = c.getProps(), g = !this.targetLayout || !Ol(this.targetLayout, p), b = !u && f;
+        const m = this.options.transition || c.getDefaultTransition() || Ih, { onLayoutAnimationStart: v, onLayoutAnimationComplete: y } = c.getProps(), g = !this.targetLayout || !Ol(this.targetLayout, p), b = !u && f;
         if (this.options.layoutRoot || this.resumeFrom || b || u && (g || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
           const x = {
@@ -4345,7 +4345,7 @@ function zl({ attachResizeListener: e, defaultParent: t, measureScroll: r, check
     }
     // Note: currently only running on root node
     startUpdate() {
-      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(V0), this.animationId++);
+      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(Vh), this.animationId++);
     }
     getTransformTemplate() {
       const { visualElement: o } = this.options;
@@ -4378,7 +4378,7 @@ function zl({ attachResizeListener: e, defaultParent: t, measureScroll: r, check
         this.nodes.forEach(mo);
         return;
       }
-      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(T0), this.nodes.forEach(v0), this.nodes.forEach(x0)) : this.nodes.forEach(mo), this.clearAllSnapshots();
+      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(Th), this.nodes.forEach(vh), this.nodes.forEach(xh)) : this.nodes.forEach(mo), this.clearAllSnapshots();
       const i = Ie.now();
       ke.delta = Ze(0, 1e3 / 60, i - ke.timestamp), ke.timestamp = i, ke.isProcessing = !0, cn.update.process(ke), cn.preRender.process(ke), cn.render.process(ke), ke.isProcessing = !1;
     }
@@ -4386,7 +4386,7 @@ function zl({ attachResizeListener: e, defaultParent: t, measureScroll: r, check
       this.updateScheduled || (this.updateScheduled = !0, Bs.read(this.scheduleUpdate));
     }
     clearAllSnapshots() {
-      this.nodes.forEach(C0), this.sharedNodes.forEach(P0);
+      this.nodes.forEach(Ch), this.sharedNodes.forEach(Ph);
     }
     scheduleUpdateProjection() {
       this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, le.preRender(this.updateProjection, !1, !0));
@@ -4435,7 +4435,7 @@ function zl({ attachResizeListener: e, defaultParent: t, measureScroll: r, check
     measure(o = !0) {
       const i = this.measurePageBox();
       let l = this.removeElementScroll(i);
-      return o && (l = this.removeTransform(l)), N0(l), {
+      return o && (l = this.removeTransform(l)), Nh(l), {
         animationId: this.root.animationId,
         measuredBox: i,
         layoutBox: l,
@@ -4448,7 +4448,7 @@ function zl({ attachResizeListener: e, defaultParent: t, measureScroll: r, check
       if (!o)
         return ge();
       const i = o.measureViewportBox();
-      if (!(this.scroll?.wasRoot || this.path.some(D0))) {
+      if (!(this.scroll?.wasRoot || this.path.some(Dh))) {
         const { scroll: c } = this.root;
         c && (Nt(i.x, c.offset.x), Nt(i.y, c.offset.y));
       }
@@ -4517,7 +4517,7 @@ function zl({ attachResizeListener: e, defaultParent: t, measureScroll: r, check
           const f = this.getClosestProjectingParent();
           f && f.layout && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = ge(), this.relativeTargetOrigin = ge(), nr(this.relativeTargetOrigin, this.layout.layoutBox, f.layout.layoutBox), Oe(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
-        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = ge(), this.targetWithTransforms = ge()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), zh(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : Oe(this.target, this.layout.layoutBox), pl(this.target, this.targetDelta)) : Oe(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
+        if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = ge(), this.targetWithTransforms = ge()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), z0(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : Oe(this.target, this.layout.layoutBox), pl(this.target, this.targetDelta)) : Oe(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
           this.attemptToResolveRelativeTarget = !1;
           const f = this.getClosestProjectingParent();
           f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = ge(), this.relativeTargetOrigin = ge(), nr(this.relativeTargetOrigin, this.target, f.target), Oe(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
@@ -4541,7 +4541,7 @@ function zl({ attachResizeListener: e, defaultParent: t, measureScroll: r, check
         return;
       Oe(this.layoutCorrected, this.layout.layoutBox);
       const u = this.treeScale.x, f = this.treeScale.y;
-      sh(this.layoutCorrected, this.treeScale, this.path, i), o.layout && !o.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (o.target = o.layout.layoutBox, o.targetWithTransforms = ge());
+      s0(this.layoutCorrected, this.treeScale, this.path, i), o.layout && !o.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (o.target = o.layout.layoutBox, o.targetWithTransforms = ge());
       const { target: p } = o;
       if (!p) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
@@ -4568,12 +4568,12 @@ function zl({ attachResizeListener: e, defaultParent: t, measureScroll: r, check
     setAnimationOrigin(o, i = !1) {
       const l = this.snapshot, c = l ? l.latestValues : {}, d = { ...this.latestValues }, u = Bt();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !i;
-      const f = ge(), p = l ? l.source : void 0, m = this.layout ? this.layout.source : void 0, v = p !== m, y = this.getStack(), g = !y || y.members.length <= 1, b = !!(v && !g && this.options.crossfade === !0 && !this.path.some(E0));
+      const f = ge(), p = l ? l.source : void 0, m = this.layout ? this.layout.source : void 0, v = p !== m, y = this.getStack(), g = !y || y.members.length <= 1, b = !!(v && !g && this.options.crossfade === !0 && !this.path.some(Eh));
       this.animationProgress = 0;
       let x;
       this.mixTargetDelta = (w) => {
         const C = w / 1e3;
-        bo(u.x, o.x, C), bo(u.y, o.y, C), this.setTargetDelta(u), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (nr(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), M0(this.relativeTarget, this.relativeTargetOrigin, f, C), x && p0(this.relativeTarget, x) && (this.isProjectionDirty = !1), x || (x = ge()), Oe(x, this.relativeTarget)), v && (this.animationValues = d, l0(d, c, this.latestValues, C, b, g)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = C;
+        bo(u.x, o.x, C), bo(u.y, o.y, C), this.setTargetDelta(u), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (nr(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), Mh(this.relativeTarget, this.relativeTargetOrigin, f, C), x && ph(this.relativeTarget, x) && (this.isProjectionDirty = !1), x || (x = ge()), Oe(x, this.relativeTarget)), v && (this.animationValues = d, lh(d, c, this.latestValues, C, b, g)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = C;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(o) {
@@ -4599,7 +4599,7 @@ function zl({ attachResizeListener: e, defaultParent: t, measureScroll: r, check
       o && o.exitAnimationComplete(), this.resumingFrom = this.currentAnimation = this.animationValues = void 0, this.notifyListeners("animationComplete");
     }
     finishAnimation() {
-      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(b0), this.currentAnimation.stop()), this.completeAnimation();
+      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(bh), this.currentAnimation.stop()), this.completeAnimation();
     }
     applyTransformsToTarget() {
       const o = this.getLead();
@@ -4616,7 +4616,7 @@ function zl({ attachResizeListener: e, defaultParent: t, measureScroll: r, check
       }
     }
     registerSharedNode(o, i) {
-      this.sharedNodes.has(o) || this.sharedNodes.set(o, new m0()), this.sharedNodes.get(o).add(i);
+      this.sharedNodes.has(o) || this.sharedNodes.set(o, new mh()), this.sharedNodes.get(o).add(i);
       const c = i.options.initialPromotionConfig;
       i.promote({
         transition: c ? c.transition : void 0,
@@ -4685,7 +4685,7 @@ function zl({ attachResizeListener: e, defaultParent: t, measureScroll: r, check
       o.visibility = "";
       const d = c.animationValues || c.latestValues;
       this.applyTransformsToTarget();
-      let u = g0(this.projectionDeltaWithTransform, this.treeScale, d);
+      let u = gh(this.projectionDeltaWithTransform, this.treeScale, d);
       l && (u = l(d, u)), o.transform = u;
       const { x: f, y: p } = this.projectionDelta;
       o.transformOrigin = `${f.origin * 100}% ${p.origin * 100}% 0`, c.animationValues ? o.opacity = c === this ? d.opacity ?? this.latestValues.opacity ?? 1 : this.preserveOpacity ? this.latestValues.opacity : d.opacityExit : o.opacity = c === this ? d.opacity !== void 0 ? d.opacity : "" : d.opacityExit !== void 0 ? d.opacityExit : 0;
@@ -4711,10 +4711,10 @@ function zl({ attachResizeListener: e, defaultParent: t, measureScroll: r, check
     }
   };
 }
-function v0(e) {
+function vh(e) {
   e.updateLayout();
 }
-function x0(e) {
+function xh(e) {
   const t = e.resumeFrom?.snapshot || e.snapshot;
   if (e.isLead() && e.layout && t && e.hasListeners("didUpdate")) {
     const { layoutBox: r, measuredBox: n } = e.layout, { animationType: s } = e.options, a = t.source !== e.layout.source;
@@ -4757,13 +4757,13 @@ function x0(e) {
   }
   e.options.transition = void 0;
 }
-function w0(e) {
+function wh(e) {
   e.parent && (e.isProjecting() || (e.isProjectionDirty = e.parent.isProjectionDirty), e.isSharedProjectionDirty || (e.isSharedProjectionDirty = !!(e.isProjectionDirty || e.parent.isProjectionDirty || e.parent.isSharedProjectionDirty)), e.isTransformDirty || (e.isTransformDirty = e.parent.isTransformDirty));
 }
-function k0(e) {
+function kh(e) {
   e.isProjectionDirty = e.isSharedProjectionDirty = e.isTransformDirty = !1;
 }
-function C0(e) {
+function Ch(e) {
   e.clearSnapshot();
 }
 function po(e) {
@@ -4772,23 +4772,23 @@ function po(e) {
 function mo(e) {
   e.isLayoutDirty = !1;
 }
-function T0(e) {
+function Th(e) {
   const { visualElement: t } = e.options;
   t && t.getProps().onBeforeLayoutMeasure && t.notify("BeforeLayoutMeasure"), e.resetTransform();
 }
 function go(e) {
   e.finishAnimation(), e.targetDelta = e.relativeTarget = e.target = void 0, e.isProjectionDirty = !0;
 }
-function S0(e) {
+function Sh(e) {
   e.resolveTargetDelta();
 }
-function A0(e) {
+function Ah(e) {
   e.calcProjection();
 }
-function V0(e) {
+function Vh(e) {
   e.resetSkewAndRotation();
 }
-function P0(e) {
+function Ph(e) {
   e.removeLeadSnapshot();
 }
 function bo(e, t, r) {
@@ -4797,29 +4797,29 @@ function bo(e, t, r) {
 function yo(e, t, r, n) {
   e.min = he(t.min, r.min, n), e.max = he(t.max, r.max, n);
 }
-function M0(e, t, r, n) {
+function Mh(e, t, r, n) {
   yo(e.x, t.x, r.x, n), yo(e.y, t.y, r.y, n);
 }
-function E0(e) {
+function Eh(e) {
   return e.animationValues && e.animationValues.opacityExit !== void 0;
 }
-const I0 = {
+const Ih = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
 }, vo = (e) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(e), xo = vo("applewebkit/") && !vo("chrome/") ? Math.round : Ne;
 function wo(e) {
   e.min = xo(e.min), e.max = xo(e.max);
 }
-function N0(e) {
+function Nh(e) {
   wo(e.x), wo(e.y);
 }
 function Fl(e, t, r) {
-  return e === "position" || e === "preserve-aspect" && !$h(fo(t), fo(r), 0.2);
+  return e === "position" || e === "preserve-aspect" && !$0(fo(t), fo(r), 0.2);
 }
-function D0(e) {
+function Dh(e) {
   return e !== e.root && e.scroll?.wasRoot;
 }
-const B0 = zl({
+const Bh = zl({
   attachResizeListener: (e, t) => ur(e, "resize", t),
   measureScroll: () => ({
     x: document.documentElement.scrollLeft || document.body.scrollLeft,
@@ -4835,7 +4835,7 @@ const B0 = zl({
   }),
   defaultParent: () => {
     if (!kn.current) {
-      const e = new B0({});
+      const e = new Bh({});
       e.mount(window), e.setOptions({ layoutScroll: !0 }), kn.current = e;
     }
     return kn.current;
@@ -4844,12 +4844,12 @@ const B0 = zl({
     e.style.transform = t !== void 0 ? t : "none";
   },
   checkIsScrollRoot: (e) => window.getComputedStyle(e).position === "fixed"
-}), L0 = {
+}), Lh = {
   pan: {
-    Feature: e0
+    Feature: eh
   },
   drag: {
-    Feature: Qh,
+    Feature: Q0,
     ProjectionNode: Wl,
     MeasureLayout: Dl
   }
@@ -4860,7 +4860,7 @@ function ko(e, t, r) {
   const s = "onHover" + r, a = n[s];
   a && le.postRender(() => a(t, yr(t)));
 }
-class R0 extends ft {
+class Rh extends ft {
   mount() {
     const { current: t } = this.node;
     t && (this.unmount = Qu(t, (r, n) => (ko(this.node, n, "Start"), (s) => ko(this.node, s, "End"))));
@@ -4868,7 +4868,7 @@ class R0 extends ft {
   unmount() {
   }
 }
-class j0 extends ft {
+class jh extends ft {
   constructor() {
     super(...arguments), this.isActive = !1;
   }
@@ -4898,7 +4898,7 @@ function Co(e, t, r) {
   const s = "onTap" + (r === "End" ? "" : r), a = n[s];
   a && le.postRender(() => a(t, yr(t)));
 }
-class O0 extends ft {
+class Oh extends ft {
   mount() {
     const { current: t } = this.node;
     t && (this.unmount = nf(t, (r, n) => (Co(this.node, n, "Start"), (s, { success: a }) => Co(this.node, s, a ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
@@ -4906,29 +4906,29 @@ class O0 extends ft {
   unmount() {
   }
 }
-const Yn = /* @__PURE__ */ new WeakMap(), Cn = /* @__PURE__ */ new WeakMap(), $0 = (e) => {
+const Yn = /* @__PURE__ */ new WeakMap(), Cn = /* @__PURE__ */ new WeakMap(), $h = (e) => {
   const t = Yn.get(e.target);
   t && t(e);
-}, z0 = (e) => {
-  e.forEach($0);
+}, zh = (e) => {
+  e.forEach($h);
 };
-function F0({ root: e, ...t }) {
+function Fh({ root: e, ...t }) {
   const r = e || document;
   Cn.has(r) || Cn.set(r, {});
   const n = Cn.get(r), s = JSON.stringify(t);
-  return n[s] || (n[s] = new IntersectionObserver(z0, { root: e, ...t })), n[s];
+  return n[s] || (n[s] = new IntersectionObserver(zh, { root: e, ...t })), n[s];
 }
-function W0(e, t, r) {
-  const n = F0(t);
+function Wh(e, t, r) {
+  const n = Fh(t);
   return Yn.set(e, r), n.observe(e), () => {
     Yn.delete(e), n.unobserve(e);
   };
 }
-const _0 = {
+const _h = {
   some: 0,
   all: 1
 };
-class G0 extends ft {
+class Gh extends ft {
   constructor() {
     super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
   }
@@ -4937,7 +4937,7 @@ class G0 extends ft {
     const { viewport: t = {} } = this.node.getProps(), { root: r, margin: n, amount: s = "some", once: a } = t, o = {
       root: r ? r.current : void 0,
       rootMargin: n,
-      threshold: typeof s == "number" ? s : _0[s]
+      threshold: typeof s == "number" ? s : _h[s]
     }, i = (l) => {
       const { isIntersecting: c } = l;
       if (this.isInView === c || (this.isInView = c, a && !c && this.hasEnteredView))
@@ -4946,7 +4946,7 @@ class G0 extends ft {
       const { onViewportEnter: d, onViewportLeave: u } = this.node.getProps(), f = c ? d : u;
       f && f(l);
     };
-    return W0(this.node.current, o, i);
+    return Wh(this.node.current, o, i);
   }
   mount() {
     this.startObserver();
@@ -4955,38 +4955,38 @@ class G0 extends ft {
     if (typeof IntersectionObserver > "u")
       return;
     const { props: t, prevProps: r } = this.node;
-    ["amount", "margin", "root"].some(U0(t, r)) && this.startObserver();
+    ["amount", "margin", "root"].some(Uh(t, r)) && this.startObserver();
   }
   unmount() {
   }
 }
-function U0({ viewport: e = {} }, { viewport: t = {} } = {}) {
+function Uh({ viewport: e = {} }, { viewport: t = {} } = {}) {
   return (r) => e[r] !== t[r];
 }
-const K0 = {
+const Kh = {
   inView: {
-    Feature: G0
+    Feature: Gh
   },
   tap: {
-    Feature: O0
+    Feature: Oh
   },
   focus: {
-    Feature: j0
+    Feature: jh
   },
   hover: {
-    Feature: R0
+    Feature: Rh
   }
-}, H0 = {
+}, Hh = {
   layout: {
     ProjectionNode: Wl,
     MeasureLayout: Dl
   }
-}, X0 = {
-  ...Dh,
-  ...K0,
-  ...L0,
-  ...H0
-}, K = /* @__PURE__ */ th(X0, dh), Y0 = 50, To = () => ({
+}, Xh = {
+  ...D0,
+  ...Kh,
+  ...Lh,
+  ...Hh
+}, K = /* @__PURE__ */ t0(Xh, d0), Yh = 50, To = () => ({
   current: 0,
   offset: [],
   progress: 0,
@@ -4995,11 +4995,11 @@ const K0 = {
   targetLength: 0,
   containerLength: 0,
   velocity: 0
-}), q0 = () => ({
+}), qh = () => ({
   time: 0,
   x: To(),
   y: To()
-}), Z0 = {
+}), Zh = {
   x: {
     length: "Width",
     position: "Left"
@@ -5010,15 +5010,15 @@ const K0 = {
   }
 };
 function So(e, t, r, n) {
-  const s = r[t], { length: a, position: o } = Z0[t], i = s.current, l = r.time;
+  const s = r[t], { length: a, position: o } = Zh[t], i = s.current, l = r.time;
   s.current = e[`scroll${o}`], s.scrollLength = e[`scroll${a}`] - e[`client${a}`], s.offset.length = 0, s.offset[0] = 0, s.offset[1] = s.scrollLength, s.progress = /* @__PURE__ */ Ct(0, s.scrollLength, s.current);
   const c = n - l;
-  s.velocity = c > Y0 ? 0 : gs(s.current - i, c);
+  s.velocity = c > Yh ? 0 : gs(s.current - i, c);
 }
-function J0(e, t, r) {
+function Jh(e, t, r) {
   So(e, "x", t, r), So(e, "y", t, r), t.time = r;
 }
-function Q0(e, t) {
+function Qh(e, t) {
   const r = { x: 0, y: 0 };
   let n = e;
   for (; n && n !== t; )
@@ -5068,7 +5068,7 @@ function sp(e) {
   return "getBBox" in e && e.tagName !== "svg" ? e.getBBox() : { width: e.clientWidth, height: e.clientHeight };
 }
 function ap(e, t, r) {
-  const { offset: n = rp.All } = r, { target: s = e, axis: a = "y" } = r, o = a === "y" ? "height" : "width", i = s !== e ? Q0(s, e) : np, l = s === e ? { width: e.scrollWidth, height: e.scrollHeight } : sp(s), c = {
+  const { offset: n = rp.All } = r, { target: s = e, axis: a = "y" } = r, o = a === "y" ? "height" : "width", i = s !== e ? Qh(s, e) : np, l = s === e ? { width: e.scrollWidth, height: e.scrollHeight } : sp(s), c = {
     width: e.clientWidth,
     height: e.clientHeight
   };
@@ -5092,7 +5092,7 @@ function op(e, t = e, r) {
 function ip(e, t, r, n = {}) {
   return {
     measure: (s) => {
-      op(e, n.target, r), J0(e, r, s), (n.offset || n.target) && ap(e, r, n);
+      op(e, n.target, r), Jh(e, r, s), (n.offset || n.target) && ap(e, r, n);
     },
     notify: () => t(r)
   };
@@ -5103,7 +5103,7 @@ function _l(e, { container: t = document.scrollingElement, ...r } = {}) {
     return Ne;
   let n = Tn.get(t);
   n || (n = /* @__PURE__ */ new Set(), Tn.set(t, n));
-  const s = q0(), a = ip(t, e, s, r);
+  const s = qh(), a = ip(t, e, s, r);
   if (n.add(a), !Yt.has(t)) {
     const i = () => {
       for (const u of n)
@@ -10973,28 +10973,28 @@ const rg = J({
     // Color variants with background and text colors
     color: {
       default: [
-        "bg-default-100 text-default-foreground",
-        "focus:ring-default-500"
+        "bg-gray-100 text-gray-900 dark:bg-gray-800 dark:text-gray-100",
+        "focus:ring-gray-500"
       ],
       primary: [
-        "bg-primary-100 text-primary-foreground",
-        "focus:ring-primary-500"
+        "bg-blue-100 text-blue-900 dark:bg-blue-900 dark:text-blue-100",
+        "focus:ring-blue-500"
       ],
       secondary: [
-        "bg-secondary-100 text-secondary-foreground",
-        "focus:ring-secondary-500"
+        "bg-purple-100 text-purple-900 dark:bg-purple-900 dark:text-purple-100",
+        "focus:ring-purple-500"
       ],
       success: [
-        "bg-success-100 text-success-foreground",
-        "focus:ring-success-500"
+        "bg-green-100 text-green-900 dark:bg-green-900 dark:text-green-100",
+        "focus:ring-green-500"
       ],
       warning: [
-        "bg-warning-100 text-warning-foreground",
-        "focus:ring-warning-500"
+        "bg-yellow-100 text-yellow-900 dark:bg-yellow-900 dark:text-yellow-100",
+        "focus:ring-yellow-500"
       ],
       danger: [
-        "bg-danger-100 text-danger-foreground",
-        "focus:ring-danger-500"
+        "bg-red-100 text-red-900 dark:bg-red-900 dark:text-red-100",
+        "focus:ring-red-500"
       ]
     },
     // Radius variants
@@ -11026,32 +11026,32 @@ const rg = J({
     {
       color: "default",
       isBordered: !0,
-      class: "ring-default-300 dark:ring-default-600"
+      class: "ring-gray-300 dark:ring-gray-600"
     },
     {
       color: "primary",
       isBordered: !0,
-      class: "ring-primary-300 dark:ring-primary-600"
+      class: "ring-blue-300 dark:ring-blue-600"
     },
     {
       color: "secondary",
       isBordered: !0,
-      class: "ring-secondary-300 dark:ring-secondary-600"
+      class: "ring-purple-300 dark:ring-purple-600"
     },
     {
       color: "success",
       isBordered: !0,
-      class: "ring-success-300 dark:ring-success-600"
+      class: "ring-green-300 dark:ring-green-600"
     },
     {
       color: "warning",
       isBordered: !0,
-      class: "ring-warning-300 dark:ring-warning-600"
+      class: "ring-yellow-300 dark:ring-yellow-600"
     },
     {
       color: "danger",
       isBordered: !0,
-      class: "ring-danger-300 dark:ring-danger-600"
+      class: "ring-red-300 dark:ring-red-600"
     },
     // Disabled state removes cursor pointer
     {
@@ -11081,7 +11081,7 @@ const rg = J({
 }), ag = J({
   base: [
     "font-medium uppercase select-none",
-    "text-inherit leading-none"
+    "text-inherit flex items-center justify-center"
   ]
 }), og = J({
   base: [
@@ -11176,29 +11176,29 @@ const rg = J({
       return;
     }
     p(!1), v(!1);
-    const T = new Image();
-    return T.onload = () => {
+    const k = new Image();
+    return k.onload = () => {
       p(!0), v(!1);
-    }, T.onerror = () => {
+    }, k.onerror = () => {
       p(!1), v(!0);
-    }, T.src = t, () => {
-      T.onload = null, T.onerror = null;
+    }, k.src = t, () => {
+      k.onload = null, k.onerror = null;
     };
   }, [t]);
   const y = G(() => r ? s(r) : "", [r, s]), g = G(() => !!(n && (!t || m) || r && !t || t && m), [n, t, m, r]), b = G(() => {
     if (!(!r || t))
       return hg(r);
-  }, [r, t]), x = G(() => ({
+  }, [r, t]), x = _((k) => {
+    p(!0), v(!1), o.onLoad?.(k);
+  }, [o.onLoad]), w = _((k) => {
+    p(!1), v(!0), o.onError?.(k);
+  }, [o.onError]), C = G(() => ({
     ...o,
     src: t,
     alt: r || "Avatar",
-    onLoad: _((T) => {
-      p(!0), v(!1), o.onLoad?.(T);
-    }, [o]),
-    onError: _((T) => {
-      p(!1), v(!0), o.onError?.(T);
-    }, [o])
-  }), [o, t, r]), w = G(() => ({
+    onLoad: x,
+    onError: w
+  }), [o, t, r, x, w]), T = G(() => ({
     ...u,
     className: c,
     "data-testid": d,
@@ -11228,7 +11228,7 @@ const rg = J({
     b,
     g,
     t
-  ]), C = G(() => ({
+  ]), S = G(() => ({
     "aria-hidden": !0,
     style: {
       // Inherit background color from parent
@@ -11239,9 +11239,9 @@ const rg = J({
     isImgLoaded: f,
     shouldShowFallback: g,
     initials: y,
-    imgProps: x,
-    baseProps: w,
-    fallbackProps: C
+    imgProps: C,
+    baseProps: T,
+    fallbackProps: S
   };
 }, gc = ({
   size: e = 24,