react-emotion-face 1.0.0 → 1.0.2

package/dist/react-emotion-face.es.js

@@ -1,6 +1,6 @@
-import { jsx as p, Fragment as Tr, jsxs as C } from "react/jsx-runtime";
+import { jsx as f, Fragment as wr, jsxs as C } from "react/jsx-runtime";
 import * as Ne from "react";
-import wr, { createContext as xt, useRef as Z, useId as We, useContext as B, useInsertionEffect as zi, useCallback as Ue, useMemo as lt, useEffect as $e, Children as Pr, isValidElement as Ar, useLayoutEffect as Cr, useState as Cn, forwardRef as Vr, Fragment as Gi, createElement as Dr, Component as Mr } from "react";
+import Tr, { createContext as xt, useRef as Z, useId as We, useContext as B, useInsertionEffect as zi, useCallback as Ue, useMemo as lt, useEffect as $e, Children as Pr, isValidElement as Ar, useLayoutEffect as Cr, useState as Cn, forwardRef as Vr, Fragment as Gi, createElement as Dr, Component as Mr } from "react";
 const _e = xt({});
 function Ke(t) {
   const e = Z(null);
@@ -53,7 +53,7 @@ function Er({ children: t, isPresent: e }) {
         `), () => {
       document.head.removeChild(u);
     };
-  }, [e]), p(kr, { isPresent: e, childRef: i, sizeRef: s, children: Ne.cloneElement(t, { ref: i }) });
+  }, [e]), f(kr, { isPresent: e, childRef: i, sizeRef: s, children: Ne.cloneElement(t, { ref: i }) });
 }
 const Rr = ({ children: t, initial: e, isPresent: n, onExitComplete: i, custom: s, presenceAffectsLayout: o, mode: r }) => {
   const a = Ke(Lr), l = We(), c = Ue((h) => {
@@ -82,7 +82,7 @@ const Rr = ({ children: t, initial: e, isPresent: n, onExitComplete: i, custom:
     a.forEach((h, d) => a.set(d, !1));
   }, [n]), Ne.useEffect(() => {
     !n && !a.size && i && i();
-  }, [n]), r === "popLayout" && (t = p(Er, { isPresent: n, children: t })), p(te.Provider, { value: u, children: t });
+  }, [n]), r === "popLayout" && (t = f(Er, { isPresent: n, children: t })), f(te.Provider, { value: u, children: t });
 };
 function Lr() {
   return /* @__PURE__ */ new Map();
@@ -106,12 +106,12 @@ function Vn(t) {
   }), e;
 }
 const Ge = typeof window < "u", qi = Ge ? Cr : $e, ee = ({ children: t, custom: e, initial: n = !0, onExitComplete: i, presenceAffectsLayout: s = !0, mode: o = "sync", propagate: r = !1 }) => {
-  const [a, l] = Hi(r), c = lt(() => Vn(t), [t]), u = r && !a ? [] : c.map(Wt), h = Z(!0), d = Z(c), f = Ke(() => /* @__PURE__ */ new Map()), [m, g] = Cn(c), [v, y] = Cn(c);
+  const [a, l] = Hi(r), c = lt(() => Vn(t), [t]), u = r && !a ? [] : c.map(Wt), h = Z(!0), d = Z(c), p = Ke(() => /* @__PURE__ */ new Map()), [m, g] = Cn(c), [v, y] = Cn(c);
   qi(() => {
     h.current = !1, d.current = c;
     for (let P = 0; P < v.length; P++) {
       const x = Wt(v[P]);
-      u.includes(x) ? f.delete(x) : f.get(x) !== !0 && f.set(x, !1);
+      u.includes(x) ? p.delete(x) : p.get(x) !== !0 && p.set(x, !1);
     }
   }, [v, u.length, u.join("-")]);
   const S = [];
@@ -126,18 +126,18 @@ const Ge = typeof window < "u", qi = Ge ? Cr : $e, ee = ({ children: t, custom:
   }
   process.env.NODE_ENV !== "production" && o === "wait" && v.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
   const { forceRender: b } = B(_e);
-  return p(Tr, { children: v.map((P) => {
+  return f(wr, { children: v.map((P) => {
     const x = Wt(P), A = r && !a ? !1 : c === v || u.includes(x), k = () => {
-      if (f.has(x))
-        f.set(x, !0);
+      if (p.has(x))
+        p.set(x, !0);
       else
         return;
-      let w = !0;
-      f.forEach((L) => {
-        L || (w = !1);
-      }), w && (b == null || b(), y(d.current), r && (l == null || l()), i && i());
+      let T = !0;
+      p.forEach((L) => {
+        L || (T = !1);
+      }), T && (b == null || b(), y(d.current), r && (l == null || l()), i && i());
     };
-    return p(Rr, { isPresent: A, initial: !h.current || n ? void 0 : !1, custom: A ? void 0 : e, presenceAffectsLayout: s, mode: o, onExitComplete: A ? void 0 : k, children: P }, x);
+    return f(Rr, { isPresent: A, initial: !h.current || n ? void 0 : !1, custom: A ? void 0 : e, presenceAffectsLayout: s, mode: o, onExitComplete: A ? void 0 : k, children: P }, x);
   }) });
 }, j = /* @__NO_SIDE_EFFECTS__ */ (t) => t;
 let St = j, J = j;
@@ -174,8 +174,8 @@ function Br(t) {
      * Schedule a process to run on the next frame.
      */
     schedule: (c, u = !1, h = !1) => {
-      const f = h && i ? e : n;
-      return u && o.add(c), f.has(c) || f.add(c), c;
+      const p = h && i ? e : n;
+      return u && o.add(c), p.has(c) || p.add(c), c;
     },
     /**
      * Cancel the provided callback from running on the next frame.
@@ -216,11 +216,11 @@ function Yi(t, e) {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, o = () => n = !0, r = Ut.reduce((y, S) => (y[S] = Br(o), y), {}), { read: a, resolveKeyframes: l, update: c, preRender: u, render: h, postRender: d } = r, f = () => {
+  }, o = () => n = !0, r = Ut.reduce((y, S) => (y[S] = Br(o), y), {}), { read: a, resolveKeyframes: l, update: c, preRender: u, render: h, postRender: d } = r, p = () => {
     const y = performance.now();
-    n = !1, s.delta = i ? 1e3 / 60 : Math.max(Math.min(y - s.timestamp, Or), 1), s.timestamp = y, s.isProcessing = !0, a.process(s), l.process(s), c.process(s), u.process(s), h.process(s), d.process(s), s.isProcessing = !1, n && e && (i = !1, t(f));
+    n = !1, s.delta = i ? 1e3 / 60 : Math.max(Math.min(y - s.timestamp, Or), 1), s.timestamp = y, s.isProcessing = !0, a.process(s), l.process(s), c.process(s), u.process(s), h.process(s), d.process(s), s.isProcessing = !1, n && e && (i = !1, t(p));
   }, m = () => {
-    n = !0, i = !0, s.isProcessing || t(f);
+    n = !0, i = !0, s.isProcessing || t(p);
   };
   return { schedule: Ut.reduce((y, S) => {
     const b = r[S];
@@ -396,8 +396,8 @@ function Hr(t, e, n, i, s) {
     blockInitialAnimation: c ? c.initial === !1 : !1,
     reducedMotionConfig: u
   }));
-  const d = h.current, f = B(ts);
-  d && !d.projection && s && (d.type === "html" || d.type === "svg") && qr(h.current, n, s, f);
+  const d = h.current, p = B(ts);
+  d && !d.projection && s && (d.type === "html" || d.type === "svg") && qr(h.current, n, s, p);
   const m = Z(!1);
   zi(() => {
     d && m.current && d.update(n, c);
@@ -445,13 +445,13 @@ function Yr({ preloadedFeatures: t, createVisualElement: e, useRender: n, useVis
       ...B(ze),
       ...c,
       layoutId: Xr(c)
-    }, { isStatic: f } = d, m = _r(c), g = i(c, f);
-    if (!f && Ge) {
+    }, { isStatic: p } = d, m = _r(c), g = i(c, p);
+    if (!p && Ge) {
       Qr(d, t);
       const v = Zr(d);
       h = v.MeasureLayout, m.visualElement = Hr(s, g, d, e, v.ProjectionNode);
     }
-    return C(ie.Provider, { value: m, children: [h && m.visualElement ? p(h, { visualElement: m.visualElement, ...d }) : null, n(s, c, zr(g, m.visualElement, u), g, f, m.visualElement)] });
+    return C(ie.Provider, { value: m, children: [h && m.visualElement ? f(h, { visualElement: m.visualElement, ...d }) : null, n(s, c, zr(g, m.visualElement, u), g, p, m.visualElement)] });
   }
   a.displayName = `motion.${typeof s == "string" ? s : `create(${(r = (o = s.displayName) !== null && o !== void 0 ? o : s.name) !== null && r !== void 0 ? r : ""})`}`;
   const l = Vr(a);
@@ -542,7 +542,7 @@ function Je(t, e, n, i) {
   }
   return e;
 }
-const we = (t) => Array.isArray(t), to = (t) => !!(t && typeof t == "object" && t.mix && t.toValue), eo = (t) => we(t) ? t[t.length - 1] || 0 : t, O = (t) => !!(t && t.getVelocity);
+const Te = (t) => Array.isArray(t), to = (t) => !!(t && typeof t == "object" && t.mix && t.toValue), eo = (t) => Te(t) ? t[t.length - 1] || 0 : t, O = (t) => !!(t && t.getVelocity);
 function Kt(t) {
   const e = O(t) ? t.get() : t;
   return to(e) ? e.toValue() : e;
@@ -570,8 +570,8 @@ function io(t, e, n, i) {
   const h = u ? a : r;
   if (h && typeof h != "boolean" && !se(h)) {
     const d = Array.isArray(h) ? h : [h];
-    for (let f = 0; f < d.length; f++) {
-      const m = Je(t, d[f]);
+    for (let p = 0; p < d.length; p++) {
+      const m = Je(t, d[p]);
       if (m) {
         const { transitionEnd: g, transition: v, ...y } = m;
         for (const S in y) {
@@ -607,60 +607,60 @@ const bt = [
   "skew",
   "skewX",
   "skewY"
-], ct = new Set(bt), is = (t) => (e) => typeof e == "string" && e.startsWith(t), ss = /* @__PURE__ */ is("--"), so = /* @__PURE__ */ is("var(--"), tn = (t) => so(t) ? ro.test(t.split("/*")[0].trim()) : !1, ro = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, rs = (t, e) => e && typeof t == "number" ? e.transform(t) : t, X = (t, e, n) => n > e ? e : n < t ? t : n, Tt = {
+], ct = new Set(bt), is = (t) => (e) => typeof e == "string" && e.startsWith(t), ss = /* @__PURE__ */ is("--"), so = /* @__PURE__ */ is("var(--"), tn = (t) => so(t) ? ro.test(t.split("/*")[0].trim()) : !1, ro = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, rs = (t, e) => e && typeof t == "number" ? e.transform(t) : t, X = (t, e, n) => n > e ? e : n < t ? t : n, wt = {
   test: (t) => typeof t == "number",
   parse: parseFloat,
   transform: (t) => t
 }, Rt = {
-  ...Tt,
+  ...wt,
   transform: (t) => X(0, 1, t)
 }, $t = {
-  ...Tt,
+  ...wt,
   default: 1
 }, Ot = (t) => ({
   test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), Q = /* @__PURE__ */ Ot("deg"), G = /* @__PURE__ */ Ot("%"), T = /* @__PURE__ */ Ot("px"), oo = /* @__PURE__ */ Ot("vh"), ao = /* @__PURE__ */ Ot("vw"), Rn = {
+}), Q = /* @__PURE__ */ Ot("deg"), G = /* @__PURE__ */ Ot("%"), w = /* @__PURE__ */ Ot("px"), oo = /* @__PURE__ */ Ot("vh"), ao = /* @__PURE__ */ Ot("vw"), Rn = {
   ...G,
   parse: (t) => G.parse(t) / 100,
   transform: (t) => G.transform(t * 100)
 }, lo = {
   // Border props
-  borderWidth: T,
-  borderTopWidth: T,
-  borderRightWidth: T,
-  borderBottomWidth: T,
-  borderLeftWidth: T,
-  borderRadius: T,
-  radius: T,
-  borderTopLeftRadius: T,
-  borderTopRightRadius: T,
-  borderBottomRightRadius: T,
-  borderBottomLeftRadius: T,
+  borderWidth: w,
+  borderTopWidth: w,
+  borderRightWidth: w,
+  borderBottomWidth: w,
+  borderLeftWidth: w,
+  borderRadius: w,
+  radius: w,
+  borderTopLeftRadius: w,
+  borderTopRightRadius: w,
+  borderBottomRightRadius: w,
+  borderBottomLeftRadius: w,
   // Positioning props
-  width: T,
-  maxWidth: T,
-  height: T,
-  maxHeight: T,
-  top: T,
-  right: T,
-  bottom: T,
-  left: T,
+  width: w,
+  maxWidth: w,
+  height: w,
+  maxHeight: w,
+  top: w,
+  right: w,
+  bottom: w,
+  left: w,
   // Spacing props
-  padding: T,
-  paddingTop: T,
-  paddingRight: T,
-  paddingBottom: T,
-  paddingLeft: T,
-  margin: T,
-  marginTop: T,
-  marginRight: T,
-  marginBottom: T,
-  marginLeft: T,
+  padding: w,
+  paddingTop: w,
+  paddingRight: w,
+  paddingBottom: w,
+  paddingLeft: w,
+  margin: w,
+  marginTop: w,
+  marginRight: w,
+  marginBottom: w,
+  marginLeft: w,
   // Misc
-  backgroundPositionX: T,
-  backgroundPositionY: T
+  backgroundPositionX: w,
+  backgroundPositionY: w
 }, co = {
   rotate: Q,
   rotateX: Q,
@@ -673,27 +673,27 @@ const bt = [
   skew: Q,
   skewX: Q,
   skewY: Q,
-  distance: T,
-  translateX: T,
-  translateY: T,
-  translateZ: T,
-  x: T,
-  y: T,
-  z: T,
-  perspective: T,
-  transformPerspective: T,
+  distance: w,
+  translateX: w,
+  translateY: w,
+  translateZ: w,
+  x: w,
+  y: w,
+  z: w,
+  perspective: w,
+  transformPerspective: w,
   opacity: Rt,
   originX: Rn,
   originY: Rn,
-  originZ: T
+  originZ: w
 }, Ln = {
-  ...Tt,
+  ...wt,
   transform: Math.round
 }, en = {
   ...lo,
   ...co,
   zIndex: Ln,
-  size: T,
+  size: w,
   // SVG
   fillOpacity: Rt,
   strokeOpacity: Rt,
@@ -754,12 +754,12 @@ const po = {
 function go(t, e, n = 1, i = 0, s = !0) {
   t.pathLength = 1;
   const o = s ? po : mo;
-  t[o.offset] = T.transform(-i);
-  const r = T.transform(e), a = T.transform(n);
+  t[o.offset] = w.transform(-i);
+  const r = w.transform(e), a = w.transform(n);
   t[o.array] = `${r} ${a}`;
 }
 function Fn(t, e, n) {
-  return typeof t == "string" ? t : T.transform(e + n * t);
+  return typeof t == "string" ? t : w.transform(e + n * t);
 }
 function yo(t, e, n) {
   const i = Fn(e, t.x, t.width), s = Fn(n, t.y, t.height);
@@ -782,8 +782,8 @@ function sn(t, {
     return;
   }
   t.attrs = t.style, t.style = {};
-  const { attrs: d, style: f, dimensions: m } = t;
-  d.transform && (m && (f.transform = d.transform), delete d.transform), m && (s !== void 0 || o !== void 0 || f.transform) && (f.transformOrigin = yo(m, s !== void 0 ? s : 0.5, o !== void 0 ? o : 0.5)), e !== void 0 && (d.x = e), n !== void 0 && (d.y = n), i !== void 0 && (d.scale = i), r !== void 0 && go(d, r, a, l, !1);
+  const { attrs: d, style: p, dimensions: m } = t;
+  d.transform && (m && (p.transform = d.transform), delete d.transform), m && (s !== void 0 || o !== void 0 || p.transform) && (p.transformOrigin = yo(m, s !== void 0 ? s : 0.5, o !== void 0 ? o : 0.5)), e !== void 0 && (d.x = e), n !== void 0 && (d.y = n), i !== void 0 && (d.scale = i), r !== void 0 && go(d, r, a, l, !1);
 }
 const rn = () => ({
   style: {},
@@ -904,18 +904,18 @@ function ds(t, e, n) {
   for (const i in e)
     !O(e[i]) && !us(i, n) && (t[i] = e[i]);
 }
-function To({ transformTemplate: t }, e) {
+function wo({ transformTemplate: t }, e) {
   return lt(() => {
     const n = rn();
     return nn(n, e, t), Object.assign({}, n.vars, n.style);
   }, [e]);
 }
-function wo(t, e) {
+function To(t, e) {
   const n = t.style || {}, i = {};
-  return ds(i, n, t), Object.assign(i, To(t, e)), i;
+  return ds(i, n, t), Object.assign(i, wo(t, e)), i;
 }
 function Po(t, e) {
-  const n = {}, i = wo(t, e);
+  const n = {}, i = To(t, e);
   return t.drag && t.dragListener !== !1 && (n.draggable = !1, i.userSelect = i.WebkitUserSelect = i.WebkitTouchCallout = "none", i.touchAction = t.drag === !0 ? "none" : `pan-${t.drag === "x" ? "y" : "x"}`), t.tabIndex === void 0 && (t.onTap || t.onTapStart || t.whileTap) && (n.tabIndex = 0), n.style = i, n;
 }
 function Ao(t, e, n, i) {
@@ -1192,12 +1192,12 @@ function jo(t, e, n = {}) {
     if (!Nn(a) || At.has(l))
       return;
     At.add(l);
-    const c = e(a), u = (f, m) => {
-      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", d), !(!Nn(f) || !At.has(l)) && (At.delete(l), typeof c == "function" && c(f, { success: m }));
-    }, h = (f) => {
-      u(f, n.useGlobalTarget || Ss(l, f.target));
-    }, d = (f) => {
-      u(f, !1);
+    const c = e(a), u = (p, m) => {
+      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", d), !(!Nn(p) || !At.has(l)) && (At.delete(l), typeof c == "function" && c(p, { success: m }));
+    }, h = (p) => {
+      u(p, n.useGlobalTarget || Ss(l, p.target));
+    }, d = (p) => {
+      u(p, !1);
     };
     window.addEventListener("pointerup", h, s), window.addEventListener("pointercancel", d, s);
   };
@@ -1263,7 +1263,7 @@ class pn {
     this.subscriptions.length = 0;
   }
 }
-function Ts(t, e) {
+function ws(t, e) {
   return e ? t * (1e3 / e) : 0;
 }
 const Wn = 30, Uo = (t) => !isNaN(parseFloat(t));
@@ -1408,7 +1408,7 @@ class $o {
     if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > Wn)
       return 0;
     const n = Math.min(this.updatedAt - this.prevUpdatedAt, Wn);
-    return Ts(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
+    return ws(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
   }
   /**
    * Registers a new animation to control this `MotionValue`. Only one
@@ -1484,7 +1484,7 @@ function Ce(t, e) {
   if (zo(n))
     return n.add(e);
 }
-function ws(t) {
+function Ts(t) {
   return t.props[Ji];
 }
 const Ps = (t, e, n) => (((1 - 3 * n + 3 * e) * t + (3 * n - 6 * e)) * t + 3 * e) * t, Go = 1e-7, Ho = 12;
@@ -1520,7 +1520,7 @@ const Qo = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     alpha: a !== void 0 ? parseFloat(a) : 1
   };
 }, Zo = (t) => X(0, 255, t), de = {
-  ...Tt,
+  ...wt,
   transform: (t) => Math.round(Zo(t))
 }, ot = {
   test: /* @__PURE__ */ vn("rgb", "red"),
@@ -1639,7 +1639,7 @@ function da(t, e, n) {
     for (const o of e)
       t[o] = js(n, s);
 }
-const $n = (t) => t === Tt || t === T, _n = (t, e) => parseFloat(t.split(", ")[e]), Kn = (t, e) => (n, { transform: i }) => {
+const $n = (t) => t === wt || t === w, _n = (t, e) => parseFloat(t.split(", ")[e]), Kn = (t, e) => (n, { transform: i }) => {
   if (i === "none" || !i)
     return 0;
   const s = i.match(/^matrix3d\((.+)\)$/u);
@@ -1768,7 +1768,7 @@ function $s(t, e, n = 1) {
 const _s = (t) => (e) => e.test(t), Sa = {
   test: (t) => t === "auto",
   parse: (t) => t
-}, Ks = [Tt, T, G, Q, ao, oo, Sa], zn = (t) => Ks.find(_s(t));
+}, Ks = [wt, w, G, Q, ao, oo, Sa], zn = (t) => Ks.find(_s(t));
 class zs extends Sn {
   constructor(e, n, i, s, o) {
     super(e, n, i, s, o, !0);
@@ -1835,7 +1835,7 @@ function ba(t) {
     if (t[n] !== e)
       return !0;
 }
-function Ta(t, e, n, i) {
+function wa(t, e, n, i) {
   const s = t[0];
   if (s === null)
     return !1;
@@ -1844,9 +1844,9 @@ function Ta(t, e, n, i) {
   const o = t[t.length - 1], r = Gn(s, e), a = Gn(o, e);
   return St(r === a, `You are trying to animate ${e} from "${s}" to "${o}". ${s} is not an animatable value - to enable this animation set ${s} to a value animatable to ${o} via the \`style\` property.`), !r || !a ? !1 : ba(t) || (n === "spring" || cn(n)) && i;
 }
-const wa = (t) => t !== null;
+const Ta = (t) => t !== null;
 function ae(t, { repeat: e, repeatType: n = "loop" }, i) {
-  const s = t.filter(wa), o = e && n !== "loop" && e % 2 === 1 ? 0 : s.length - 1;
+  const s = t.filter(Ta), o = e && n !== "loop" && e % 2 === 1 ? 0 : s.length - 1;
   return !o || i === void 0 ? s[o] : i;
 }
 const Pa = 40;
@@ -1891,7 +1891,7 @@ class Gs {
   onKeyframesResolved(e, n) {
     this.resolvedAt = H.now(), this.hasAttemptedResolve = !0;
     const { name: i, type: s, velocity: o, delay: r, onComplete: a, onUpdate: l, isGenerator: c } = this.options;
-    if (!c && !Ta(e, i, s, o))
+    if (!c && !wa(e, i, s, o))
       if (r)
         this.options.duration = 0;
       else {
@@ -2011,7 +2011,7 @@ function qs(t, e, n) {
 const Fa = 5;
 function Ys(t, e, n) {
   const i = Math.max(e - Fa, 0);
-  return Ts(n - t(i), e - i);
+  return ws(n - t(i), e - i);
 }
 const D = {
   // Default spring physics
@@ -2047,11 +2047,11 @@ function Ba({ duration: t = D.duration, bounce: e = D.bounce, velocity: n = D.ve
   St(t <= /* @__PURE__ */ z(D.maxDuration), "Spring duration must be 10 seconds or less");
   let r = 1 - e;
   r = X(D.minDamping, D.maxDamping, r), t = X(D.minDuration, D.maxDuration, /* @__PURE__ */ Y(t)), r < 1 ? (s = (c) => {
-    const u = c * r, h = u * t, d = u - n, f = Re(c, r), m = Math.exp(-h);
-    return me - d / f * m;
+    const u = c * r, h = u * t, d = u - n, p = Re(c, r), m = Math.exp(-h);
+    return me - d / p * m;
   }, o = (c) => {
-    const h = c * r * t, d = h * n + n, f = Math.pow(r, 2) * Math.pow(c, 2) * t, m = Math.exp(-h), g = Re(Math.pow(c, 2), r);
-    return (-s(c) + me > 0 ? -1 : 1) * ((d - f) * m) / g;
+    const h = c * r * t, d = h * n + n, p = Math.pow(r, 2) * Math.pow(c, 2) * t, m = Math.exp(-h), g = Re(Math.pow(c, 2), r);
+    return (-s(c) + me > 0 ? -1 : 1) * ((d - p) * m) / g;
   }) : (s = (c) => {
     const u = Math.exp(-c * t), h = (c - n) * t + 1;
     return -me + u * h;
@@ -2124,7 +2124,7 @@ function Xs(t = D.visualDuration, e = D.bounce) {
     bounce: e
   } : t;
   let { restSpeed: i, restDelta: s } = n;
-  const o = n.keyframes[0], r = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: o }, { stiffness: l, damping: c, mass: u, duration: h, velocity: d, isResolvedFromDuration: f } = Wa({
+  const o = n.keyframes[0], r = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: o }, { stiffness: l, damping: c, mass: u, duration: h, velocity: d, isResolvedFromDuration: p } = Wa({
     ...n,
     velocity: -/* @__PURE__ */ Y(n.velocity || 0)
   }), m = d || 0, g = c / (2 * Math.sqrt(l * u)), v = r - o, y = /* @__PURE__ */ Y(Math.sqrt(l / u)), S = Math.abs(v) < 5;
@@ -2141,21 +2141,21 @@ function Xs(t = D.visualDuration, e = D.bounce) {
   else {
     const x = y * Math.sqrt(g * g - 1);
     b = (A) => {
-      const k = Math.exp(-g * y * A), w = Math.min(x * A, 300);
-      return r - k * ((m + g * y * v) * Math.sinh(w) + x * v * Math.cosh(w)) / x;
+      const k = Math.exp(-g * y * A), T = Math.min(x * A, 300);
+      return r - k * ((m + g * y * v) * Math.sinh(T) + x * v * Math.cosh(T)) / x;
     };
   }
   const P = {
-    calculatedDuration: f && h || null,
+    calculatedDuration: p && h || null,
     next: (x) => {
       const A = b(x);
-      if (f)
+      if (p)
         a.done = x >= h;
       else {
         let k = 0;
         g < 1 && (k = x === 0 ? /* @__PURE__ */ z(m) : Ys(b, x, A));
-        const w = Math.abs(k) <= i, L = Math.abs(r - A) <= s;
-        a.done = w && L;
+        const T = Math.abs(k) <= i, L = Math.abs(r - A) <= s;
+        a.done = T && L;
       }
       return a.value = a.done ? r : A, a;
     },
@@ -2170,19 +2170,19 @@ function Xn({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 3
   const h = t[0], d = {
     done: !1,
     value: h
-  }, f = (w) => a !== void 0 && w < a || l !== void 0 && w > l, m = (w) => a === void 0 ? l : l === void 0 || Math.abs(a - w) < Math.abs(l - w) ? a : l;
+  }, p = (T) => a !== void 0 && T < a || l !== void 0 && T > l, m = (T) => a === void 0 ? l : l === void 0 || Math.abs(a - T) < Math.abs(l - T) ? a : l;
   let g = n * e;
   const v = h + g, y = r === void 0 ? v : r(v);
   y !== v && (g = y - h);
-  const S = (w) => -g * Math.exp(-w / i), b = (w) => y + S(w), P = (w) => {
-    const L = S(w), U = b(w);
+  const S = (T) => -g * Math.exp(-T / i), b = (T) => y + S(T), P = (T) => {
+    const L = S(T), U = b(T);
     d.done = Math.abs(L) <= c, d.value = d.done ? y : U;
   };
   let x, A;
-  const k = (w) => {
-    f(d.value) && (x = w, A = Xs({
+  const k = (T) => {
+    p(d.value) && (x = T, A = Xs({
       keyframes: [d.value, m(d.value)],
-      velocity: Ys(b, w, d.value),
+      velocity: Ys(b, T, d.value),
       // TODO: This should be passing * 1000
       damping: s,
       stiffness: o,
@@ -2192,9 +2192,9 @@ function Xn({ keyframes: t, velocity: e = 0, power: n = 0.8, timeConstant: i = 3
   };
   return k(0), {
     calculatedDuration: null,
-    next: (w) => {
+    next: (T) => {
       let L = !1;
-      return !A && x === void 0 && (L = !0, P(w), k(w)), x !== void 0 && w >= x ? A.next(w - x) : (!L && P(w), d);
+      return !A && x === void 0 && (L = !0, P(T), k(T)), x !== void 0 && T >= x ? A.next(T - x) : (!L && P(T), d);
     }
   };
 }
@@ -2303,7 +2303,7 @@ const Xa = (t) => {
   keyframes: Qt,
   spring: Xs
 }, Za = (t) => t / 100;
-class Tn extends Gs {
+class wn extends Gs {
   constructor(e) {
     super(e), this.holdTime = null, this.cancelTime = null, this.currentTime = 0, this.playbackSpeed = 1, this.pendingPlayState = "running", this.startTime = null, this.state = "idle", this.stop = () => {
       if (this.resolver.cancel(), this.isStopped = !0, this.state === "idle")
@@ -2328,14 +2328,14 @@ class Tn extends Gs {
       keyframes: [...e].reverse(),
       velocity: -r
     })), u.calculatedDuration === null && (u.calculatedDuration = ps(u));
-    const { calculatedDuration: h } = u, d = h + s, f = d * (i + 1) - s;
+    const { calculatedDuration: h } = u, d = h + s, p = d * (i + 1) - s;
     return {
       generator: u,
       mirroredGenerator: c,
       mapPercentToKeyframes: l,
       calculatedDuration: h,
       resolvedDuration: d,
-      totalDuration: f
+      totalDuration: p
     };
   }
   onPostResolved() {
@@ -2345,21 +2345,21 @@ class Tn extends Gs {
   tick(e, n = !1) {
     const { resolved: i } = this;
     if (!i) {
-      const { keyframes: w } = this.options;
-      return { done: !0, value: w[w.length - 1] };
+      const { keyframes: T } = this.options;
+      return { done: !0, value: T[T.length - 1] };
     }
     const { finalKeyframe: s, generator: o, mirroredGenerator: r, mapPercentToKeyframes: a, keyframes: l, calculatedDuration: c, totalDuration: u, resolvedDuration: h } = i;
     if (this.startTime === null)
       return o.next(0);
-    const { delay: d, repeat: f, repeatType: m, repeatDelay: g, onUpdate: v } = this.options;
+    const { delay: d, repeat: p, repeatType: m, repeatDelay: g, onUpdate: v } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, e) : this.speed < 0 && (this.startTime = Math.min(e - u / this.speed, this.startTime)), n ? this.currentTime = e : this.holdTime !== null ? this.currentTime = this.holdTime : this.currentTime = Math.round(e - this.startTime) * this.speed;
     const y = this.currentTime - d * (this.speed >= 0 ? 1 : -1), S = this.speed >= 0 ? y < 0 : y > u;
     this.currentTime = Math.max(y, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = u);
     let b = this.currentTime, P = o;
-    if (f) {
-      const w = Math.min(this.currentTime, u) / h;
-      let L = Math.floor(w), U = w % 1;
-      !U && w >= 1 && (U = 1), U === 1 && L--, L = Math.min(L, f + 1), !!(L % 2) && (m === "reverse" ? (U = 1 - U, g && (U -= g / h)) : m === "mirror" && (P = r)), b = X(0, 1, U) * h;
+    if (p) {
+      const T = Math.min(this.currentTime, u) / h;
+      let L = Math.floor(T), U = T % 1;
+      !U && T >= 1 && (U = 1), U === 1 && L--, L = Math.min(L, p + 1), !!(L % 2) && (m === "reverse" ? (U = 1 - U, g && (U -= g / h)) : m === "mirror" && (P = r)), b = X(0, 1, U) * h;
     }
     const x = S ? { done: !1, value: l[0] } : P.next(b);
     a && (x.value = a(x.value));
@@ -2453,7 +2453,7 @@ function il(t) {
   return cn(t.type) || t.type === "spring" || !gs(t.ease);
 }
 function sl(t, e) {
-  const n = new Tn({
+  const n = new wn({
     ...e,
     keyframes: t,
     repeat: 0,
@@ -2491,7 +2491,7 @@ class Jn extends Gs {
     if (!a.owner || !a.owner.current)
       return !1;
     if (typeof o == "string" && Yt() && rl(o) && (o = Zs[o]), il(this.options)) {
-      const { onComplete: h, onUpdate: d, motionValue: f, element: m, ...g } = this.options, v = sl(e, g);
+      const { onComplete: h, onUpdate: d, motionValue: p, element: m, ...g } = this.options, v = sl(e, g);
       e = v.keyframes, e.length === 1 && (e[1] = e[0]), i = v.duration, s = v.times, o = v.ease, r = "keyframes";
     }
     const u = tl(a.owner.current, l, e, { ...this.options, duration: i, times: s, ease: o });
@@ -2599,8 +2599,8 @@ class Jn extends Gs {
     if (n.playState === "idle" || n.playState === "finished")
       return;
     if (this.time) {
-      const { motionValue: c, onUpdate: u, onComplete: h, element: d, ...f } = this.options, m = new Tn({
-        ...f,
+      const { motionValue: c, onUpdate: u, onComplete: h, element: d, ...p } = this.options, m = new wn({
+        ...p,
         keyframes: i,
         duration: s,
         type: o,
@@ -2654,7 +2654,7 @@ const ol = {
 function hl({ when: t, delay: e, delayChildren: n, staggerChildren: i, staggerDirection: s, repeat: o, repeatType: r, repeatDelay: a, from: l, elapsed: c, ...u }) {
   return !!Object.keys(u).length;
 }
-const wn = (t, e, n, i = {}, s, o) => (r) => {
+const Tn = (t, e, n, i = {}, s, o) => (r) => {
   const a = ln(i, t) || {}, l = a.delay || i.delay || 0;
   let { elapsed: c = 0 } = i;
   c = c - /* @__PURE__ */ z(l);
@@ -2686,7 +2686,7 @@ const wn = (t, e, n, i = {}, s, o) => (r) => {
         u.onUpdate(d), u.onComplete();
       }), new ko([]);
   }
-  return !o && Jn.supports(u) ? new Jn(u) : new Tn(u);
+  return !o && Jn.supports(u) ? new Jn(u) : new wn(u);
 };
 function dl({ protectedKeys: t, needsAnimating: e }, n) {
   const i = t.hasOwnProperty(n) && e[n] !== !0;
@@ -2698,8 +2698,8 @@ function Js(t, e, { delay: n = 0, transitionOverride: i, type: s } = {}) {
   i && (r = i);
   const c = [], u = s && t.animationState && t.animationState.getState()[s];
   for (const h in l) {
-    const d = t.getValue(h, (o = t.latestValues[h]) !== null && o !== void 0 ? o : null), f = l[h];
-    if (f === void 0 || u && dl(u, h))
+    const d = t.getValue(h, (o = t.latestValues[h]) !== null && o !== void 0 ? o : null), p = l[h];
+    if (p === void 0 || u && dl(u, h))
       continue;
     const m = {
       delay: n,
@@ -2707,13 +2707,13 @@ function Js(t, e, { delay: n = 0, transitionOverride: i, type: s } = {}) {
     };
     let g = !1;
     if (window.MotionHandoffAnimation) {
-      const y = ws(t);
+      const y = Ts(t);
       if (y) {
         const S = window.MotionHandoffAnimation(y, h, V);
         S !== null && (m.startTime = S, g = !0);
       }
     }
-    Ce(t, h), d.start(wn(h, d, f, t.shouldReduceMotion && bs.has(h) ? { type: !1 } : m, t, g));
+    Ce(t, h), d.start(Tn(h, d, p, t.shouldReduceMotion && bs.has(h) ? { type: !1 } : m, t, g));
     const v = d.animation;
     v && c.push(v);
   }
@@ -2791,7 +2791,7 @@ function Sl(t) {
     var h;
     const d = oe(t, u, l === "exit" ? (h = t.presenceContext) === null || h === void 0 ? void 0 : h.custom : void 0);
     if (d) {
-      const { transition: f, transitionEnd: m, ...g } = d;
+      const { transition: p, transitionEnd: m, ...g } = d;
       c = { ...c, ...g, ...m };
     }
     return c;
@@ -2801,18 +2801,18 @@ function Sl(t) {
   }
   function r(l) {
     const { props: c } = t, u = tr(t.parent) || {}, h = [], d = /* @__PURE__ */ new Set();
-    let f = {}, m = 1 / 0;
+    let p = {}, m = 1 / 0;
     for (let v = 0; v < vl; v++) {
       const y = yl[v], S = n[y], b = c[y] !== void 0 ? c[y] : u[y], P = Et(b), x = y === l ? S.isActive : null;
       x === !1 && (m = v);
       let A = b === u[y] && b !== c[y] && P;
-      if (A && i && t.manuallyAnimateOnMount && (A = !1), S.protectedKeys = { ...f }, // If it isn't active and hasn't *just* been set as inactive
+      if (A && i && t.manuallyAnimateOnMount && (A = !1), S.protectedKeys = { ...p }, // If it isn't active and hasn't *just* been set as inactive
       !S.isActive && x === null || // If we didn't and don't have any defined prop for this animation type
       !b && !S.prevProp || // Or if the prop doesn't define an animation
       se(b) || typeof b == "boolean")
         continue;
       const k = bl(S.prevProp, b);
-      let w = k || // If we're making this variant active, we want to always make it active
+      let T = k || // If we're making this variant active, we want to always make it active
       y === l && S.isActive && !A && P || // If we removed a higher-priority variant (i is in reverse order)
       v > m && P, L = !1;
       const U = Array.isArray(b) ? b : [b];
@@ -2822,18 +2822,18 @@ function Sl(t) {
         ...Pn,
         ...ut
       }, An = (I) => {
-        w = !0, d.has(I) && (L = !0, d.delete(I)), S.needsAnimating[I] = !0;
+        T = !0, d.has(I) && (L = !0, d.delete(I)), S.needsAnimating[I] = !0;
         const q = t.getValue(I);
         q && (q.liveStyle = !1);
       };
       for (const I in br) {
         const q = ut[I], le = Pn[I];
-        if (f.hasOwnProperty(I))
+        if (p.hasOwnProperty(I))
           continue;
         let ce = !1;
-        we(q) && we(le) ? ce = !fs(q, le) : ce = q !== le, ce ? q != null ? An(I) : d.add(I) : q !== void 0 && d.has(I) ? An(I) : S.protectedKeys[I] = !0;
+        Te(q) && Te(le) ? ce = !fs(q, le) : ce = q !== le, ce ? q != null ? An(I) : d.add(I) : q !== void 0 && d.has(I) ? An(I) : S.protectedKeys[I] = !0;
       }
-      S.prevProp = b, S.prevResolvedValues = ut, S.isActive && (f = { ...f, ...ut }), i && t.blockInitialAnimation && (w = !1), w && (!(A && k) || L) && h.push(...U.map((I) => ({
+      S.prevProp = b, S.prevResolvedValues = ut, S.isActive && (p = { ...p, ...ut }), i && t.blockInitialAnimation && (T = !1), T && (!(A && k) || L) && h.push(...U.map((I) => ({
         animation: I,
         options: { type: y }
       })));
@@ -2853,8 +2853,8 @@ function Sl(t) {
     if (n[l].isActive === c)
       return Promise.resolve();
     (u = t.variantChildren) === null || u === void 0 || u.forEach((d) => {
-      var f;
-      return (f = d.animationState) === null || f === void 0 ? void 0 : f.setActive(l, c);
+      var p;
+      return (p = d.animationState) === null || p === void 0 ? void 0 : p.setActive(l, c);
     }), n[l].isActive = c;
     const h = r(l);
     for (const d in n)
@@ -2900,7 +2900,7 @@ class nt {
   update() {
   }
 }
-class Tl extends nt {
+class wl extends nt {
   /**
    * 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,
@@ -2928,10 +2928,10 @@ class Tl extends nt {
     this.node.animationState.reset(), (e = this.unmountControls) === null || e === void 0 || e.call(this);
   }
 }
-let wl = 0;
+let Tl = 0;
 class Pl extends nt {
   constructor() {
-    super(...arguments), this.id = wl++;
+    super(...arguments), this.id = Tl++;
   }
   update() {
     if (!this.node.presenceContext)
@@ -2951,7 +2951,7 @@ class Pl extends nt {
 }
 const Al = {
   animation: {
-    Feature: Tl
+    Feature: wl
   },
   exit: {
     Feature: Pl
@@ -2982,8 +2982,8 @@ class er {
     if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const h = ye(this.lastMoveEventInfo, this.history), d = this.startEvent !== null, f = Vl(h.offset, { x: 0, y: 0 }) >= 3;
-      if (!d && !f)
+      const h = ye(this.lastMoveEventInfo, this.history), d = this.startEvent !== null, p = Vl(h.offset, { x: 0, y: 0 }) >= 3;
+      if (!d && !p)
         return;
       const { point: m } = h, { timestamp: g } = R;
       this.history.push({ ...m, timestamp: g });
@@ -2993,11 +2993,11 @@ class er {
       this.lastMoveEvent = h, this.lastMoveEventInfo = ge(d, this.transformPagePoint), V.update(this.updatePoint, !0);
     }, this.handlePointerUp = (h, d) => {
       this.end();
-      const { onEnd: f, onSessionEnd: m, resumeAnimation: g } = this.handlers;
+      const { onEnd: p, onSessionEnd: m, resumeAnimation: g } = this.handlers;
       if (this.dragSnapToOrigin && g && g(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
       const v = ye(h.type === "pointercancel" ? this.lastMoveEventInfo : ge(d, this.transformPagePoint), this.history);
-      this.startEvent && f && f(h, v), m && m(h, v);
+      this.startEvent && p && p(h, v), m && m(h, v);
     }, !hn(e))
       return;
     this.dragSnapToOrigin = o, this.handlers = n, this.transformPagePoint = i, this.contextWindow = s || window;
@@ -3236,8 +3236,8 @@ class Hl {
       const { dragSnapToOrigin: h } = this.getProps();
       h ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(Nt(u).point);
     }, o = (u, h) => {
-      const { drag: d, dragPropagation: f, onDragStart: m } = this.getProps();
-      if (d && !f && (this.openDragLock && this.openDragLock(), this.openDragLock = No(d), !this.openDragLock))
+      const { drag: d, dragPropagation: p, onDragStart: m } = this.getProps();
+      if (d && !p && (this.openDragLock && this.openDragLock(), this.openDragLock = No(d), !this.openDragLock))
         return;
       this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), _((v) => {
         let y = this.getAxisMotionValue(v).get() || 0;
@@ -3253,11 +3253,11 @@ class Hl {
       const { animationState: g } = this.visualElement;
       g && g.setActive("whileDrag", !0);
     }, r = (u, h) => {
-      const { dragPropagation: d, dragDirectionLock: f, onDirectionLock: m, onDrag: g } = this.getProps();
+      const { dragPropagation: d, dragDirectionLock: p, onDirectionLock: m, onDrag: g } = this.getProps();
       if (!d && !this.openDragLock)
         return;
       const { offset: v } = h;
-      if (f && this.currentDirection === null) {
+      if (p && this.currentDirection === null) {
         this.currentDirection = ql(v), this.currentDirection !== null && m && m(this.currentDirection);
         return;
       }
@@ -3332,11 +3332,11 @@ class Hl {
         return;
       let h = l && l[u] || {};
       r && (h = { min: 0, max: 0 });
-      const d = s ? 200 : 1e6, f = s ? 40 : 1e7, m = {
+      const d = s ? 200 : 1e6, p = s ? 40 : 1e7, m = {
         type: "inertia",
         velocity: i ? e[u] : 0,
         bounceStiffness: d,
-        bounceDamping: f,
+        bounceDamping: p,
         timeConstant: 750,
         restDelta: 1,
         restSpeed: 10,
@@ -3349,7 +3349,7 @@ class Hl {
   }
   startAxisValueAnimation(e, n) {
     const i = this.getAxisMotionValue(e);
-    return Ce(this.visualElement, e), i.start(wn(e, i, 0, n, this.visualElement, !1));
+    return Ce(this.visualElement, e), i.start(Tn(e, i, 0, n, this.visualElement, !1));
   }
   stopAnimation() {
     _((e) => this.getAxisMotionValue(e).stop());
@@ -3517,12 +3517,12 @@ const Gt = {
 function vi(t, e) {
   return e.max === e.min ? 0 : t / (e.max - e.min) * 100;
 }
-const wt = {
+const Tt = {
   correct: (t, e) => {
     if (!e.target)
       return t;
     if (typeof t == "string")
-      if (T.test(t))
+      if (w.test(t))
         t = parseFloat(t);
       else
         return t;
@@ -3582,11 +3582,11 @@ class Zl extends Mr {
 }
 function ur(t) {
   const [e, n] = Hi(), i = B(_e);
-  return p(Zl, { ...t, layoutGroup: i, switchLayoutGroup: B(ts), isPresent: e, safeToRemove: n });
+  return f(Zl, { ...t, layoutGroup: i, switchLayoutGroup: B(ts), isPresent: e, safeToRemove: n });
 }
 const Jl = {
   borderRadius: {
-    ...wt,
+    ...Tt,
     applyTo: [
       "borderTopLeftRadius",
       "borderTopRightRadius",
@@ -3594,15 +3594,15 @@ const Jl = {
       "borderBottomRightRadius"
     ]
   },
-  borderTopLeftRadius: wt,
-  borderTopRightRadius: wt,
-  borderBottomLeftRadius: wt,
-  borderBottomRightRadius: wt,
+  borderTopLeftRadius: Tt,
+  borderTopRightRadius: Tt,
+  borderBottomLeftRadius: Tt,
+  borderBottomRightRadius: Tt,
   boxShadow: Ql
 };
 function tc(t, e, n) {
   const i = O(t) ? t : Lt(t);
-  return i.start(wn("", i, e, n)), i.animation;
+  return i.start(Tn("", i, e, n)), i.animation;
 }
 function ec(t) {
   return t instanceof SVGElement && t.tagName !== "svg";
@@ -3629,7 +3629,7 @@ function sc(t, e) {
   };
   return V.read(i, !0), () => tt(i);
 }
-const hr = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], rc = hr.length, xi = (t) => typeof t == "string" ? parseFloat(t) : t, Si = (t) => typeof t == "number" || T.test(t);
+const hr = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], rc = hr.length, xi = (t) => typeof t == "string" ? parseFloat(t) : t, Si = (t) => typeof t == "number" || w.test(t);
 function oc(t, e, n, i, s, o) {
   s ? (t.opacity = M(
     0,
@@ -3653,13 +3653,13 @@ const ac = /* @__PURE__ */ dr(0, 0.5, ks), lc = /* @__PURE__ */ dr(0.5, 0.95, j)
 function dr(t, e, n) {
   return (i) => i < t ? 0 : i > e ? 1 : n(/* @__PURE__ */ gt(t, e, i));
 }
-function Ti(t, e) {
+function wi(t, e) {
   t.min = e.min, t.max = e.max;
 }
 function $(t, e) {
-  Ti(t.x, e.x), Ti(t.y, e.y);
+  wi(t.x, e.x), wi(t.y, e.y);
 }
-function wi(t, e) {
+function Ti(t, e) {
   t.translate = e.translate, t.scale = e.scale, t.originPoint = e.originPoint, t.origin = e.origin;
 }
 function Pi(t, e, n, i, s) {
@@ -3760,8 +3760,8 @@ function pc(t, e, n) {
   let i = "";
   const s = t.x.translate / e.x, o = t.y.translate / e.y, r = (n == null ? void 0 : n.z) || 0;
   if ((s || o || r) && (i = `translate3d(${s}px, ${o}px, ${r}px) `), (e.x !== 1 || e.y !== 1) && (i += `scale(${1 / e.x}, ${1 / e.y}) `), n) {
-    const { transformPerspective: c, rotate: u, rotateX: h, rotateY: d, skewX: f, skewY: m } = n;
-    c && (i = `perspective(${c}px) ${i}`), u && (i += `rotate(${u}deg) `), h && (i += `rotateX(${h}deg) `), d && (i += `rotateY(${d}deg) `), f && (i += `skewX(${f}deg) `), m && (i += `skewY(${m}deg) `);
+    const { transformPerspective: c, rotate: u, rotateX: h, rotateY: d, skewX: p, skewY: m } = n;
+    c && (i = `perspective(${c}px) ${i}`), u && (i += `rotate(${u}deg) `), h && (i += `rotateX(${h}deg) `), d && (i += `rotateY(${d}deg) `), p && (i += `skewX(${p}deg) `), m && (i += `skewY(${m}deg) `);
   }
   const a = t.x.scale * e.x, l = t.y.scale * e.y;
   return (a !== 1 || l !== 1) && (i += `scale(${a}, ${l})`), i || "none";
@@ -3783,7 +3783,7 @@ function mr(t) {
   const { visualElement: e } = t.options;
   if (!e)
     return;
-  const n = ws(e);
+  const n = Ts(e);
   if (window.MotionHasOptimisedAnimation(n, "transform")) {
     const { layout: s, layoutId: o } = t.options;
     window.MotionCancelOptimisedAnimation(n, "transform", V, !(s || o));
@@ -3828,12 +3828,12 @@ function gr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           this.root.updateBlockedByResize = !0, h && h(), h = sc(d, 250), Gt.hasAnimatedSinceResize && (Gt.hasAnimatedSinceResize = !1, this.nodes.forEach(Fi));
         });
       }
-      l && this.root.registerSharedNode(l, this), this.options.animate !== !1 && u && (l || c) && this.addEventListener("didUpdate", ({ delta: h, hasLayoutChanged: d, hasRelativeTargetChanged: f, layout: m }) => {
+      l && this.root.registerSharedNode(l, this), this.options.animate !== !1 && u && (l || c) && this.addEventListener("didUpdate", ({ delta: h, hasLayoutChanged: d, hasRelativeTargetChanged: p, layout: m }) => {
         if (this.isTreeAnimationBlocked()) {
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const g = this.options.transition || u.getDefaultTransition() || kc, { onLayoutAnimationStart: v, onLayoutAnimationComplete: y } = u.getProps(), S = !this.targetLayout || !pr(this.targetLayout, m) || f, b = !d && f;
+        const g = this.options.transition || u.getDefaultTransition() || kc, { onLayoutAnimationStart: v, onLayoutAnimationComplete: y } = u.getProps(), S = !this.targetLayout || !pr(this.targetLayout, m) || p, b = !d && p;
         if (this.options.layoutRoot || this.resumeFrom && this.resumeFrom.instance || b || d && (S || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0), this.setAnimationOrigin(h, b);
           const P = {
@@ -3896,7 +3896,7 @@ function gr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         this.unblockUpdate(), this.clearAllSnapshots(), this.nodes.forEach(Li);
         return;
       }
-      this.isUpdating || this.nodes.forEach(Tc), this.isUpdating = !1, this.nodes.forEach(wc), this.nodes.forEach(yc), this.nodes.forEach(vc), this.clearAllSnapshots();
+      this.isUpdating || this.nodes.forEach(wc), this.isUpdating = !1, this.nodes.forEach(Tc), this.nodes.forEach(yc), this.nodes.forEach(vc), this.clearAllSnapshots();
       const a = H.now();
       R.delta = X(0, 1e3 / 60, a - R.timestamp), R.timestamp = a, R.isProcessing = !0, ue.update.process(R), ue.preRender.process(R), ue.render.process(R), R.isProcessing = !1;
     }
@@ -4035,14 +4035,14 @@ function gr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       const { layout: h, layoutId: d } = this.options;
       if (!(!this.layout || !(h || d))) {
         if (this.resolvedRelativeTargetAt = R.timestamp, !this.targetDelta && !this.relativeTarget) {
-          const f = this.getClosestProjectingParent();
-          f && f.layout && this.animationProgress !== 1 ? (this.relativeParent = f, this.forceRelativeParentToResolveTarget(), this.relativeTarget = E(), this.relativeTargetOrigin = E(), kt(this.relativeTargetOrigin, this.layout.layoutBox, f.layout.layoutBox), $(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+          const p = this.getClosestProjectingParent();
+          p && p.layout && this.animationProgress !== 1 ? (this.relativeParent = p, this.forceRelativeParentToResolveTarget(), this.relativeTarget = E(), this.relativeTargetOrigin = E(), kt(this.relativeTargetOrigin, this.layout.layoutBox, p.layout.layoutBox), $(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
         if (!(!this.relativeTarget && !this.targetDelta)) {
           if (this.target || (this.target = E(), this.targetWithTransforms = E()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Bl(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : $(this.target, this.layout.layoutBox), ar(this.target, this.targetDelta)) : $(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 = E(), this.relativeTargetOrigin = E(), kt(this.relativeTargetOrigin, this.target, f.target), $(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+            const p = this.getClosestProjectingParent();
+            p && !!p.resumingFrom == !!this.resumingFrom && !p.options.layoutScroll && p.target && this.animationProgress !== 1 ? (this.relativeParent = p, this.forceRelativeParentToResolveTarget(), this.relativeTarget = E(), this.relativeTargetOrigin = E(), kt(this.relativeTargetOrigin, this.target, p.target), $(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
           }
           Ct && rt.resolvedTargetDeltas++;
         }
@@ -4065,14 +4065,14 @@ function gr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(u || h))
         return;
       $(this.layoutCorrected, this.layout.layoutBox);
-      const d = this.treeScale.x, f = this.treeScale.y;
+      const d = this.treeScale.x, p = this.treeScale.y;
       Kl(this.layoutCorrected, this.treeScale, this.path, l), a.layout && !a.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (a.target = a.layout.layoutBox, a.targetWithTransforms = E());
       const { target: m } = a;
       if (!m) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
         return;
       }
-      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (wi(this.prevProjectionDelta.x, this.projectionDelta.x), wi(this.prevProjectionDelta.y, this.projectionDelta.y)), Mt(this.projectionDelta, this.layoutCorrected, m, this.latestValues), (this.treeScale.x !== d || this.treeScale.y !== f || !Ei(this.projectionDelta.x, this.prevProjectionDelta.x) || !Ei(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", m)), Ct && rt.recalculatedProjection++;
+      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (Ti(this.prevProjectionDelta.x, this.projectionDelta.x), Ti(this.prevProjectionDelta.y, this.projectionDelta.y)), Mt(this.projectionDelta, this.layoutCorrected, m, this.latestValues), (this.treeScale.x !== d || this.treeScale.y !== p || !Ei(this.projectionDelta.x, this.prevProjectionDelta.x) || !Ei(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", m)), Ct && rt.recalculatedProjection++;
     }
     hide() {
       this.isVisible = !1;
@@ -4094,7 +4094,7 @@ function gr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     setAnimationOrigin(r, a = !1) {
       const l = this.snapshot, c = l ? l.latestValues : {}, u = { ...this.latestValues }, h = ft();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const d = E(), f = l ? l.source : void 0, m = this.layout ? this.layout.source : void 0, g = f !== m, v = this.getStack(), y = !v || v.members.length <= 1, S = !!(g && !y && this.options.crossfade === !0 && !this.path.some(Mc));
+      const d = E(), p = l ? l.source : void 0, m = this.layout ? this.layout.source : void 0, g = p !== m, v = this.getStack(), y = !v || v.members.length <= 1, S = !!(g && !y && this.options.crossfade === !0 && !this.path.some(Mc));
       this.animationProgress = 0;
       let b;
       this.mixTargetDelta = (P) => {
@@ -4207,8 +4207,8 @@ function gr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       }
       const d = h.animationValues || h.latestValues;
       this.applyTransformsToTarget(), c.transform = pc(this.projectionDeltaWithTransform, this.treeScale, d), u && (c.transform = u(d, c.transform));
-      const { x: f, y: m } = this.projectionDelta;
-      c.transformOrigin = `${f.origin * 100}% ${m.origin * 100}% 0`, h.animationValues ? c.opacity = h === this ? (l = (a = d.opacity) !== null && a !== void 0 ? a : this.latestValues.opacity) !== null && l !== void 0 ? l : 1 : this.preserveOpacity ? this.latestValues.opacity : d.opacityExit : c.opacity = h === this ? d.opacity !== void 0 ? d.opacity : "" : d.opacityExit !== void 0 ? d.opacityExit : 0;
+      const { x: p, y: m } = this.projectionDelta;
+      c.transformOrigin = `${p.origin * 100}% ${m.origin * 100}% 0`, h.animationValues ? c.opacity = h === this ? (l = (a = d.opacity) !== null && a !== void 0 ? a : this.latestValues.opacity) !== null && l !== void 0 ? l : 1 : this.preserveOpacity ? this.latestValues.opacity : d.opacityExit : c.opacity = h === this ? d.opacity !== void 0 ? d.opacity : "" : d.opacityExit !== void 0 ? d.opacityExit : 0;
       for (const g in qt) {
         if (d[g] === void 0)
           continue;
@@ -4243,11 +4243,11 @@ function vc(t) {
   if (t.isLead() && t.layout && n && t.hasListeners("didUpdate")) {
     const { layoutBox: i, measuredBox: s } = t.layout, { animationType: o } = t.options, r = n.source !== t.layout.source;
     o === "size" ? _((h) => {
-      const d = r ? n.measuredBox[h] : n.layoutBox[h], f = W(d);
-      d.min = i[h].min, d.max = d.min + f;
+      const d = r ? n.measuredBox[h] : n.layoutBox[h], p = W(d);
+      d.min = i[h].min, d.max = d.min + p;
     }) : yr(o, n.layoutBox, i) && _((h) => {
-      const d = r ? n.measuredBox[h] : n.layoutBox[h], f = W(i[h]);
-      d.max = d.min + f, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[h].max = t.relativeTarget[h].min + f);
+      const d = r ? n.measuredBox[h] : n.layoutBox[h], p = W(i[h]);
+      d.max = d.min + p, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[h].max = t.relativeTarget[h].min + p);
     });
     const a = ft();
     Mt(a, i, n.layoutBox);
@@ -4258,12 +4258,12 @@ function vc(t) {
     if (!t.resumeFrom) {
       const h = t.getClosestProjectingParent();
       if (h && !h.resumeFrom) {
-        const { snapshot: d, layout: f } = h;
-        if (d && f) {
+        const { snapshot: d, layout: p } = h;
+        if (d && p) {
           const m = E();
           kt(m, n.layoutBox, d.layoutBox);
           const g = E();
-          kt(g, i, f.layoutBox), pr(m, g) || (u = !0), h.options.layoutRoot && (t.relativeTarget = g, t.relativeTargetOrigin = m, t.relativeParent = h);
+          kt(g, i, p.layoutBox), pr(m, g) || (u = !0), h.options.layoutRoot && (t.relativeTarget = g, t.relativeTargetOrigin = m, t.relativeParent = h);
         }
       }
     }
@@ -4293,10 +4293,10 @@ function bc(t) {
 function Li(t) {
   t.clearMeasurements();
 }
-function Tc(t) {
+function wc(t) {
   t.isLayoutDirty = !1;
 }
-function wc(t) {
+function Tc(t) {
   const { visualElement: e } = t.options;
   e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
 }
@@ -4429,7 +4429,7 @@ class Ic extends nt {
   unmount() {
   }
 }
-const Ie = /* @__PURE__ */ new WeakMap(), Te = /* @__PURE__ */ new WeakMap(), jc = (t) => {
+const Ie = /* @__PURE__ */ new WeakMap(), we = /* @__PURE__ */ new WeakMap(), jc = (t) => {
   const e = Ie.get(t.target);
   e && e(t);
 }, Nc = (t) => {
@@ -4437,8 +4437,8 @@ const Ie = /* @__PURE__ */ new WeakMap(), Te = /* @__PURE__ */ new WeakMap(), jc
 };
 function Wc({ root: t, ...e }) {
   const n = t || document;
-  Te.has(n) || Te.set(n, {});
-  const i = Te.get(n), s = JSON.stringify(e);
+  we.has(n) || we.set(n, {});
+  const i = we.get(n), s = JSON.stringify(e);
   return i[s] || (i[s] = new IntersectionObserver(Nc, { root: t, ...e })), i[s];
 }
 function Uc(t, e, n) {
@@ -4558,15 +4558,15 @@ class Qc {
     this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = Sn, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
-      const f = H.now();
-      this.renderScheduledAt < f && (this.renderScheduledAt = f, V.render(this.render, !1, !0));
+      const p = H.now();
+      this.renderScheduledAt < p && (this.renderScheduledAt = p, V.render(this.render, !1, !0));
     };
     const { latestValues: l, renderState: c, onUpdate: u } = r;
     this.onUpdate = u, this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = c, this.parent = e, this.props = n, this.presenceContext = i, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = s, this.options = a, this.blockInitialAnimation = !!o, this.isControllingVariants = re(n), this.isVariantNode = Zi(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
     const { willChange: h, ...d } = this.scrapeMotionValuesFromProps(n, {}, this);
-    for (const f in d) {
-      const m = d[f];
-      l[f] !== void 0 && O(m) && m.set(l[f], !1);
+    for (const p in d) {
+      const m = d[p];
+      l[p] !== void 0 && O(m) && m.set(l[p], !1);
     }
   }
   mount(e) {
@@ -4982,34 +4982,42 @@ const eu = (t, e) => Ze(t) ? new tu(e) : new Jc(e, {
     idleAnimation: { type: "tremble", duration: 0.3 },
     accessories: { sweatDrop: !0 },
     skinColor: "#FFDAB9"
+  },
+  laughing: {
+    eyeShape: "closed",
+    eyebrowShape: "lifted",
+    mouthShape: "laugh",
+    idleAnimation: { type: "bounce", duration: 0.6 },
+    accessories: { blush: !0 },
+    skinColor: "#FFD700"
   }
 };
 function su({ cx: t, cy: e, animated: n }) {
   return /* @__PURE__ */ C("g", { className: n ? "ef-eye-blink" : "", style: { transformOrigin: `${t}px ${e}px` }, children: [
-    /* @__PURE__ */ p("ellipse", { cx: t, cy: e, rx: 9, ry: 11, fill: "#333" }),
-    /* @__PURE__ */ p("circle", { cx: t + 3, cy: e - 3, r: 2.5, fill: "white" })
+    /* @__PURE__ */ f("ellipse", { cx: t, cy: e, rx: 9, ry: 11, fill: "#333" }),
+    /* @__PURE__ */ f("circle", { cx: t + 3, cy: e - 3, r: 2.5, fill: "white" })
   ] });
 }
 function ru({ cx: t, cy: e }) {
   return /* @__PURE__ */ C("g", { children: [
-    /* @__PURE__ */ p("ellipse", { cx: t, cy: e + 2, rx: 10, ry: 5, fill: "#333" }),
-    /* @__PURE__ */ p("line", { x1: t - 10, y1: e - 3, x2: t + 10, y2: e - 3, stroke: "#333", strokeWidth: 2.5, strokeLinecap: "round" })
+    /* @__PURE__ */ f("ellipse", { cx: t, cy: e + 2, rx: 10, ry: 5, fill: "#333" }),
+    /* @__PURE__ */ f("line", { x1: t - 10, y1: e - 3, x2: t + 10, y2: e - 3, stroke: "#333", strokeWidth: 2.5, strokeLinecap: "round" })
   ] });
 }
 function ou({ cx: t, cy: e, animated: n }) {
   return /* @__PURE__ */ C("g", { className: n ? "ef-eye-blink" : "", style: { transformOrigin: `${t}px ${e}px` }, children: [
-    /* @__PURE__ */ p("circle", { cx: t, cy: e, r: 13, fill: "#333" }),
-    /* @__PURE__ */ p("circle", { cx: t + 4, cy: e - 4, r: 3.5, fill: "white" })
+    /* @__PURE__ */ f("ellipse", { cx: t, cy: e, rx: 10, ry: 13, fill: "#333" }),
+    /* @__PURE__ */ f("circle", { cx: t + 3, cy: e - 4, r: 3, fill: "white" })
   ] });
 }
 function au({ cx: t, cy: e, animated: n }) {
   return /* @__PURE__ */ C("g", { className: n ? "ef-eye-blink" : "", style: { transformOrigin: `${t}px ${e}px` }, children: [
-    /* @__PURE__ */ p("ellipse", { cx: t, cy: e + 2, rx: 9, ry: 10, fill: "#333" }),
-    /* @__PURE__ */ p("circle", { cx: t + 3, cy: e - 2, r: 2, fill: "white" })
+    /* @__PURE__ */ f("ellipse", { cx: t, cy: e + 2, rx: 9, ry: 10, fill: "#333" }),
+    /* @__PURE__ */ f("circle", { cx: t + 3, cy: e - 2, r: 2, fill: "white" })
   ] });
 }
 function lu({ cx: t, cy: e }) {
-  return /* @__PURE__ */ p("g", { children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ f("g", { children: /* @__PURE__ */ f(
     "path",
     {
       d: `M ${t} ${e + 6} C ${t - 10} ${e - 2} ${t - 14} ${e + 8} ${t} ${e + 14} C ${t + 14} ${e + 8} ${t + 10} ${e - 2} ${t} ${e + 6} Z`,
@@ -5019,7 +5027,7 @@ function lu({ cx: t, cy: e }) {
   ) });
 }
 function cu({ cx: t, cy: e }) {
-  return /* @__PURE__ */ p("g", { children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ f("g", { children: /* @__PURE__ */ f(
     "path",
     {
       d: `M ${t - 10} ${e} Q ${t} ${e - 6} ${t + 10} ${e}`,
@@ -5032,23 +5040,23 @@ function cu({ cx: t, cy: e }) {
 }
 function uu({ cx: t, cy: e, animated: n }) {
   return /* @__PURE__ */ C("g", { className: n ? "ef-eye-blink" : "", style: { transformOrigin: `${t}px ${e}px` }, children: [
-    /* @__PURE__ */ p("ellipse", { cx: t, cy: e + 3, rx: 9, ry: 6, fill: "#333" }),
-    /* @__PURE__ */ p("line", { x1: t - 9, y1: e - 3, x2: t + 9, y2: e - 3, stroke: "#333", strokeWidth: 2.5, strokeLinecap: "round" })
+    /* @__PURE__ */ f("ellipse", { cx: t, cy: e + 3, rx: 9, ry: 6, fill: "#333" }),
+    /* @__PURE__ */ f("line", { x1: t - 9, y1: e - 3, x2: t + 9, y2: e - 3, stroke: "#333", strokeWidth: 2.5, strokeLinecap: "round" })
   ] });
 }
 function hu({ cx: t, cy: e, animated: n }) {
   return /* @__PURE__ */ C("g", { className: n ? "ef-eye-blink" : "", style: { transformOrigin: `${t}px ${e}px` }, children: [
-    /* @__PURE__ */ p("circle", { cx: t, cy: e, r: 12, fill: "white", stroke: "#333", strokeWidth: 2 }),
-    /* @__PURE__ */ p("circle", { cx: t, cy: e, r: 8, fill: "#333" }),
-    /* @__PURE__ */ p("circle", { cx: t + 3, cy: e - 3, r: 2.5, fill: "white" })
+    /* @__PURE__ */ f("circle", { cx: t, cy: e, r: 12, fill: "white", stroke: "#333", strokeWidth: 2 }),
+    /* @__PURE__ */ f("circle", { cx: t, cy: e, r: 8, fill: "#333" }),
+    /* @__PURE__ */ f("circle", { cx: t + 3, cy: e - 3, r: 2.5, fill: "white" })
   ] });
 }
 function du({ shape: t, animated: e }) {
   const n = [
-    { cx: 72, cy: 82 },
-    { cx: 128, cy: 82 }
+    { cx: 62, cy: 95 },
+    { cx: 138, cy: 95 }
   ];
-  return /* @__PURE__ */ p(ee, { mode: "wait", children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ f(ee, { mode: "wait", children: /* @__PURE__ */ f(
     N.g,
     {
       initial: { opacity: 0 },
@@ -5058,21 +5066,21 @@ function du({ shape: t, animated: e }) {
       children: n.map(({ cx: i, cy: s }, o) => {
         switch (t) {
           case "sleepy":
-            return /* @__PURE__ */ p(ru, { cx: i, cy: s }, o);
+            return /* @__PURE__ */ f(ru, { cx: i, cy: s }, o);
           case "surprised":
-            return /* @__PURE__ */ p(ou, { cx: i, cy: s, animated: e }, o);
+            return /* @__PURE__ */ f(ou, { cx: i, cy: s, animated: e }, o);
           case "sad":
-            return /* @__PURE__ */ p(au, { cx: i, cy: s, animated: e }, o);
+            return /* @__PURE__ */ f(au, { cx: i, cy: s, animated: e }, o);
           case "heart":
-            return /* @__PURE__ */ p(lu, { cx: i, cy: s }, o);
+            return /* @__PURE__ */ f(lu, { cx: i, cy: s }, o);
           case "closed":
-            return /* @__PURE__ */ p(cu, { cx: i, cy: s }, o);
+            return /* @__PURE__ */ f(cu, { cx: i, cy: s }, o);
           case "squint":
-            return /* @__PURE__ */ p(uu, { cx: i, cy: s, animated: e }, o);
+            return /* @__PURE__ */ f(uu, { cx: i, cy: s, animated: e }, o);
           case "wide":
-            return /* @__PURE__ */ p(hu, { cx: i, cy: s, animated: e }, o);
+            return /* @__PURE__ */ f(hu, { cx: i, cy: s, animated: e }, o);
           default:
-            return /* @__PURE__ */ p(su, { cx: i, cy: s, animated: e }, o);
+            return /* @__PURE__ */ f(su, { cx: i, cy: s, animated: e }, o);
         }
       })
     },
@@ -5084,57 +5092,57 @@ function fu({ shape: t }) {
   switch (t) {
     case "normal":
       return /* @__PURE__ */ C("g", { children: [
-        /* @__PURE__ */ p("path", { d: "M 60 62 Q 72 58 84 62", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i }),
-        /* @__PURE__ */ p("path", { d: "M 116 62 Q 128 58 140 62", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i })
+        /* @__PURE__ */ f("path", { d: "M 54 74 Q 66 70 78 74", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i }),
+        /* @__PURE__ */ f("path", { d: "M 122 74 Q 134 70 146 74", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i })
       ] });
     case "raised":
       return /* @__PURE__ */ C("g", { children: [
-        /* @__PURE__ */ p("path", { d: "M 60 56 Q 72 52 84 56", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i }),
-        /* @__PURE__ */ p("path", { d: "M 116 56 Q 128 52 140 56", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i })
+        /* @__PURE__ */ f("path", { d: "M 54 68 Q 66 64 78 68", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i }),
+        /* @__PURE__ */ f("path", { d: "M 122 68 Q 134 64 146 68", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i })
       ] });
     case "furrowed":
       return /* @__PURE__ */ C("g", { children: [
-        /* @__PURE__ */ p("path", { d: "M 60 62 Q 72 66 84 58", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i }),
-        /* @__PURE__ */ p("path", { d: "M 116 58 Q 128 66 140 62", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i })
+        /* @__PURE__ */ f("path", { d: "M 54 74 Q 66 78 78 70", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i }),
+        /* @__PURE__ */ f("path", { d: "M 122 70 Q 134 78 146 74", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i })
       ] });
     case "sad":
       return /* @__PURE__ */ C("g", { children: [
-        /* @__PURE__ */ p("path", { d: "M 60 60 Q 72 64 84 60", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i }),
-        /* @__PURE__ */ p("path", { d: "M 116 60 Q 128 64 140 60", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i })
+        /* @__PURE__ */ f("path", { d: "M 54 72 Q 66 76 78 72", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i }),
+        /* @__PURE__ */ f("path", { d: "M 122 72 Q 134 76 146 72", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i })
       ] });
     case "lifted":
       return /* @__PURE__ */ C("g", { children: [
-        /* @__PURE__ */ p("path", { d: "M 60 60 Q 72 54 84 58", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i }),
-        /* @__PURE__ */ p("path", { d: "M 116 58 Q 128 54 140 60", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i })
+        /* @__PURE__ */ f("path", { d: "M 54 72 Q 66 66 78 70", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i }),
+        /* @__PURE__ */ f("path", { d: "M 122 70 Q 134 66 146 72", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i })
       ] });
     case "flat":
       return /* @__PURE__ */ C("g", { children: [
-        /* @__PURE__ */ p("line", { x1: "60", y1: "62", x2: "84", y2: "62", stroke: e, strokeWidth: 3.5, strokeLinecap: i }),
-        /* @__PURE__ */ p("line", { x1: "116", y1: "62", x2: "140", y2: "62", stroke: e, strokeWidth: 3.5, strokeLinecap: i })
+        /* @__PURE__ */ f("line", { x1: "54", y1: "74", x2: "78", y2: "74", stroke: e, strokeWidth: 3.5, strokeLinecap: i }),
+        /* @__PURE__ */ f("line", { x1: "122", y1: "74", x2: "146", y2: "74", stroke: e, strokeWidth: 3.5, strokeLinecap: i })
       ] });
     case "asymmetric":
       return /* @__PURE__ */ C("g", { children: [
-        /* @__PURE__ */ p("path", { d: "M 60 56 Q 72 52 84 58", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i }),
-        /* @__PURE__ */ p("path", { d: "M 116 58 Q 128 66 140 60", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i })
+        /* @__PURE__ */ f("path", { d: "M 54 68 Q 66 64 78 70", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i }),
+        /* @__PURE__ */ f("path", { d: "M 122 70 Q 134 78 146 72", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i })
       ] });
     default:
       return /* @__PURE__ */ C("g", { children: [
-        /* @__PURE__ */ p("path", { d: "M 60 62 Q 72 58 84 62", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i }),
-        /* @__PURE__ */ p("path", { d: "M 116 62 Q 128 58 140 62", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i })
+        /* @__PURE__ */ f("path", { d: "M 54 74 Q 66 70 78 74", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i }),
+        /* @__PURE__ */ f("path", { d: "M 122 74 Q 134 70 146 74", stroke: e, strokeWidth: 3.5, fill: "none", strokeLinecap: i })
       ] });
   }
 }
 const Ki = {
-  smile: "M 72 118 Q 100 140 128 118",
-  frown: "M 72 130 Q 100 112 128 130",
-  angry: "M 72 124 Q 100 116 128 124",
-  flat: "M 78 122 Q 100 122 122 122",
-  tight: "M 78 122 Q 100 126 122 122",
-  smirk: "M 78 122 Q 100 132 120 118"
+  smile: "M 85 115 Q 100 130 115 115",
+  frown: "M 85 125 Q 100 110 115 125",
+  angry: "M 85 120 Q 100 112 115 120",
+  flat: "M 90 118 Q 100 118 110 118",
+  tight: "M 90 118 Q 100 122 110 118",
+  smirk: "M 90 118 Q 100 125 110 110"
 };
 function pu({ shape: t }) {
   const e = Ki[t] || Ki.flat;
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ f(
     N.path,
     {
       d: e,
@@ -5148,25 +5156,25 @@ function pu({ shape: t }) {
   );
 }
 function mu() {
-  return /* @__PURE__ */ p("ellipse", { cx: 100, cy: 122, rx: 14, ry: 16, fill: "#333" });
+  return /* @__PURE__ */ f("ellipse", { cx: 100, cy: 118, rx: 8, ry: 10, fill: "#333" });
 }
 function gu() {
   return /* @__PURE__ */ C("g", { children: [
-    /* @__PURE__ */ p("path", { d: "M 68 114 Q 100 144 132 114", stroke: "#333", strokeWidth: 3.5, fill: "#cc4444", strokeLinecap: "round" }),
-    /* @__PURE__ */ p("path", { d: "M 68 114 Q 100 144 132 114 Z", fill: "#cc4444" })
+    /* @__PURE__ */ f("path", { d: "M 82 114 Q 100 134 118 114", stroke: "#333", strokeWidth: 3.5, fill: "#cc4444", strokeLinecap: "round" }),
+    /* @__PURE__ */ f("path", { d: "M 82 114 Q 100 134 118 114 Z", fill: "#cc4444" })
   ] });
 }
 function yu() {
   return /* @__PURE__ */ C("g", { children: [
-    /* @__PURE__ */ p("path", { d: "M 72 116 Q 100 138 128 116", stroke: "#333", strokeWidth: 3.5, fill: "none", strokeLinecap: "round" }),
-    /* @__PURE__ */ p("ellipse", { cx: 100, cy: 134, rx: 10, ry: 8, fill: "#FF69B4", stroke: "#333", strokeWidth: 2 })
+    /* @__PURE__ */ f("path", { d: "M 85 116 Q 100 128 115 116", stroke: "#333", strokeWidth: 3.5, fill: "none", strokeLinecap: "round" }),
+    /* @__PURE__ */ f("ellipse", { cx: 100, cy: 125, rx: 8, ry: 6, fill: "#FF69B4", stroke: "#333", strokeWidth: 2 })
   ] });
 }
 function vu() {
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ f(
     "polyline",
     {
-      points: "72,128 84,118 96,128 108,118 120,128 128,122",
+      points: "85,122 90,116 95,122 100,116 105,122 110,116 115,120",
       stroke: "#333",
       strokeWidth: 3.5,
       fill: "none",
@@ -5175,9 +5183,18 @@ function vu() {
     }
   );
 }
-const xu = /* @__PURE__ */ new Set(["surprised-o", "excited-open", "silly", "zigzag"]);
-function Su({ shape: t }) {
-  return xu.has(t) ? /* @__PURE__ */ p(ee, { mode: "wait", children: /* @__PURE__ */ C(
+function xu() {
+  return /* @__PURE__ */ C("g", { children: [
+    /* @__PURE__ */ f("path", { d: "M 80 112 Q 100 138 120 112", stroke: "#333", strokeWidth: 3.5, fill: "#cc4444", strokeLinecap: "round" }),
+    /* @__PURE__ */ f("line", { x1: "80", y1: "112", x2: "120", y2: "112", stroke: "#333", strokeWidth: 3 }),
+    /* @__PURE__ */ f("rect", { x: 83, y: 108, width: 9, height: 7, rx: 2, fill: "white", stroke: "#ccc", strokeWidth: 0.5 }),
+    /* @__PURE__ */ f("rect", { x: 94, y: 107, width: 12, height: 8, rx: 2, fill: "white", stroke: "#ccc", strokeWidth: 0.5 }),
+    /* @__PURE__ */ f("rect", { x: 108, y: 108, width: 9, height: 7, rx: 2, fill: "white", stroke: "#ccc", strokeWidth: 0.5 })
+  ] });
+}
+const Su = /* @__PURE__ */ new Set(["surprised-o", "excited-open", "silly", "zigzag", "laugh"]);
+function bu({ shape: t }) {
+  return Su.has(t) ? /* @__PURE__ */ f(ee, { mode: "wait", children: /* @__PURE__ */ C(
     N.g,
     {
       initial: { opacity: 0, scale: 0.8 },
@@ -5186,108 +5203,25 @@ function Su({ shape: t }) {
       transition: { duration: 0.2 },
       style: { transformOrigin: "100px 122px" },
       children: [
-        t === "surprised-o" && /* @__PURE__ */ p(mu, {}),
-        t === "excited-open" && /* @__PURE__ */ p(gu, {}),
-        t === "silly" && /* @__PURE__ */ p(yu, {}),
-        t === "zigzag" && /* @__PURE__ */ p(vu, {})
+        t === "surprised-o" && /* @__PURE__ */ f(mu, {}),
+        t === "excited-open" && /* @__PURE__ */ f(gu, {}),
+        t === "silly" && /* @__PURE__ */ f(yu, {}),
+        t === "zigzag" && /* @__PURE__ */ f(vu, {}),
+        t === "laugh" && /* @__PURE__ */ f(xu, {})
       ]
     },
     t
-  ) }) : /* @__PURE__ */ p(pu, { shape: t });
-}
-function bu({ color: t, tilt: e = 0 }) {
-  const n = "#333";
-  return /* @__PURE__ */ C(
-    "g",
-    {
-      transform: `rotate(${e}, 100, 160)`,
-      style: { transformOrigin: "100px 160px" },
-      children: [
-        /* @__PURE__ */ p(
-          "line",
-          {
-            x1: "100",
-            y1: "155",
-            x2: "100",
-            y2: "175",
-            stroke: n,
-            strokeWidth: 4,
-            strokeLinecap: "round"
-          }
-        ),
-        /* @__PURE__ */ p(
-          "line",
-          {
-            x1: "100",
-            y1: "175",
-            x2: "100",
-            y2: "225",
-            stroke: n,
-            strokeWidth: 4,
-            strokeLinecap: "round"
-          }
-        ),
-        /* @__PURE__ */ p(
-          "line",
-          {
-            x1: "100",
-            y1: "185",
-            x2: "70",
-            y2: "215",
-            stroke: n,
-            strokeWidth: 4,
-            strokeLinecap: "round"
-          }
-        ),
-        /* @__PURE__ */ p(
-          "line",
-          {
-            x1: "100",
-            y1: "185",
-            x2: "130",
-            y2: "215",
-            stroke: n,
-            strokeWidth: 4,
-            strokeLinecap: "round"
-          }
-        ),
-        /* @__PURE__ */ p(
-          "line",
-          {
-            x1: "100",
-            y1: "225",
-            x2: "78",
-            y2: "265",
-            stroke: n,
-            strokeWidth: 4,
-            strokeLinecap: "round"
-          }
-        ),
-        /* @__PURE__ */ p(
-          "line",
-          {
-            x1: "100",
-            y1: "225",
-            x2: "122",
-            y2: "265",
-            stroke: n,
-            strokeWidth: 4,
-            strokeLinecap: "round"
-          }
-        )
-      ]
-    }
-  );
+  ) }) : /* @__PURE__ */ f(pu, { shape: t });
 }
-function Tu() {
+function wu() {
   return /* @__PURE__ */ C("g", { children: [
-    /* @__PURE__ */ p("ellipse", { cx: 62, cy: 100, rx: 14, ry: 8, fill: "#FF9999", opacity: 0.6 }),
-    /* @__PURE__ */ p("ellipse", { cx: 138, cy: 100, rx: 14, ry: 8, fill: "#FF9999", opacity: 0.6 })
+    /* @__PURE__ */ f("ellipse", { cx: 62, cy: 100, rx: 14, ry: 8, fill: "#FF9999", opacity: 0.6 }),
+    /* @__PURE__ */ f("ellipse", { cx: 138, cy: 100, rx: 14, ry: 8, fill: "#FF9999", opacity: 0.6 })
   ] });
 }
-function wu({ animated: t }) {
+function Tu({ animated: t }) {
   return /* @__PURE__ */ C("g", { children: [
-    /* @__PURE__ */ p(
+    /* @__PURE__ */ f(
       "ellipse",
       {
         cx: 68,
@@ -5298,7 +5232,7 @@ function wu({ animated: t }) {
         className: t ? "ef-tear-1" : ""
       }
     ),
-    /* @__PURE__ */ p(
+    /* @__PURE__ */ f(
       "ellipse",
       {
         cx: 132,
@@ -5313,7 +5247,7 @@ function wu({ animated: t }) {
 }
 function Pu({ animated: t }) {
   return /* @__PURE__ */ C("g", { children: [
-    /* @__PURE__ */ p(
+    /* @__PURE__ */ f(
       "text",
       {
         x: 145,
@@ -5326,7 +5260,7 @@ function Pu({ animated: t }) {
         children: "Z"
       }
     ),
-    /* @__PURE__ */ p(
+    /* @__PURE__ */ f(
       "text",
       {
         x: 155,
@@ -5339,7 +5273,7 @@ function Pu({ animated: t }) {
         children: "z"
       }
     ),
-    /* @__PURE__ */ p(
+    /* @__PURE__ */ f(
       "text",
       {
         x: 163,
@@ -5355,11 +5289,11 @@ function Pu({ animated: t }) {
   ] });
 }
 function Au({ animated: t }) {
-  return /* @__PURE__ */ p("g", { children: [
+  return /* @__PURE__ */ f("g", { children: [
     { x: 148, y: 65, size: 12, cls: "ef-float-heart-1" },
     { x: 160, y: 50, size: 9, cls: "ef-float-heart-2" },
     { x: 138, y: 45, size: 7, cls: "ef-float-heart-3" }
-  ].map(({ x: n, y: i, size: s, cls: o }, r) => /* @__PURE__ */ p(
+  ].map(({ x: n, y: i, size: s, cls: o }, r) => /* @__PURE__ */ f(
     "text",
     {
       x: n,
@@ -5374,7 +5308,7 @@ function Au({ animated: t }) {
   )) });
 }
 function Cu({ animated: t }) {
-  return /* @__PURE__ */ p("g", { className: t ? "ef-sweat-drop" : "", children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ f("g", { className: t ? "ef-sweat-drop" : "", children: /* @__PURE__ */ f(
     "path",
     {
       d: "M 148 68 Q 152 60 156 68 Q 156 74 152 75 Q 148 74 148 68 Z",
@@ -5385,12 +5319,12 @@ function Cu({ animated: t }) {
   ) });
 }
 function Vu({ animated: t }) {
-  return /* @__PURE__ */ p("g", { children: [
+  return /* @__PURE__ */ f("g", { children: [
     { x: 148, y: 52, cls: "ef-sparkle-1" },
     { x: 155, y: 68, cls: "ef-sparkle-2" },
     { x: 40, y: 60, cls: "ef-sparkle-3" },
     { x: 48, y: 75, cls: "ef-sparkle-4" }
-  ].map(({ x: n, y: i, cls: s }, o) => /* @__PURE__ */ p(
+  ].map(({ x: n, y: i, cls: s }, o) => /* @__PURE__ */ f(
     "text",
     {
       x: n,
@@ -5406,13 +5340,13 @@ function Vu({ animated: t }) {
 }
 function Du() {
   return /* @__PURE__ */ C("g", { className: "ef-anger-pulse", children: [
-    /* @__PURE__ */ p("path", { d: "M 42 52 L 50 44 L 58 52 L 50 60 Z", fill: "#FF4444", opacity: 0.85 }),
-    /* @__PURE__ */ p("line", { x1: "46", y1: "48", x2: "54", y2: "56", stroke: "#CC0000", strokeWidth: 2 }),
-    /* @__PURE__ */ p("line", { x1: "54", y1: "48", x2: "46", y2: "56", stroke: "#CC0000", strokeWidth: 2 })
+    /* @__PURE__ */ f("path", { d: "M 42 52 L 50 44 L 58 52 L 50 60 Z", fill: "#FF4444", opacity: 0.85 }),
+    /* @__PURE__ */ f("line", { x1: "46", y1: "48", x2: "54", y2: "56", stroke: "#CC0000", strokeWidth: 2 }),
+    /* @__PURE__ */ f("line", { x1: "54", y1: "48", x2: "46", y2: "56", stroke: "#CC0000", strokeWidth: 2 })
   ] });
 }
 function Mu() {
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ f(
     "text",
     {
       x: 148,
@@ -5437,14 +5371,14 @@ function ku({ config: t, animated: e }) {
     questionMark: c
   } = t;
   return /* @__PURE__ */ C(ee, { children: [
-    n && /* @__PURE__ */ p(N.g, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: /* @__PURE__ */ p(Tu, {}) }, "blush"),
-    i && /* @__PURE__ */ p(N.g, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: /* @__PURE__ */ p(wu, { animated: e }) }, "tears"),
-    s && /* @__PURE__ */ p(N.g, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: /* @__PURE__ */ p(Pu, { animated: e }) }, "z"),
-    o && /* @__PURE__ */ p(N.g, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: /* @__PURE__ */ p(Au, { animated: e }) }, "hearts"),
-    r && /* @__PURE__ */ p(N.g, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: /* @__PURE__ */ p(Cu, { animated: e }) }, "sweat"),
-    a && /* @__PURE__ */ p(N.g, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: /* @__PURE__ */ p(Vu, { animated: e }) }, "sparkles"),
-    l && /* @__PURE__ */ p(N.g, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: /* @__PURE__ */ p(Du, {}) }, "anger"),
-    c && /* @__PURE__ */ p(N.g, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: /* @__PURE__ */ p(Mu, {}) }, "question")
+    n && /* @__PURE__ */ f(N.g, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: /* @__PURE__ */ f(wu, {}) }, "blush"),
+    i && /* @__PURE__ */ f(N.g, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: /* @__PURE__ */ f(Tu, { animated: e }) }, "tears"),
+    s && /* @__PURE__ */ f(N.g, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: /* @__PURE__ */ f(Pu, { animated: e }) }, "z"),
+    o && /* @__PURE__ */ f(N.g, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: /* @__PURE__ */ f(Au, { animated: e }) }, "hearts"),
+    r && /* @__PURE__ */ f(N.g, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: /* @__PURE__ */ f(Cu, { animated: e }) }, "sweat"),
+    a && /* @__PURE__ */ f(N.g, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: /* @__PURE__ */ f(Vu, { animated: e }) }, "sparkles"),
+    l && /* @__PURE__ */ f(N.g, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: /* @__PURE__ */ f(Du, {}) }, "anger"),
+    c && /* @__PURE__ */ f(N.g, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: /* @__PURE__ */ f(Mu, {}) }, "question")
   ] });
 }
 function Eu(t, e) {
@@ -5470,20 +5404,20 @@ function Eu(t, e) {
       return "";
   }
 }
-function Ru({ config: t, color: e, animated: n, showBody: i, size: s }) {
-  const o = Eu(t, n), r = i ? "0 0 200 280" : "0 20 200 160", a = i ? s : s * 0.8;
-  return /* @__PURE__ */ p(
+function Ru({ config: t, color: e, animated: n, size: i }) {
+  const s = Eu(t, n);
+  return /* @__PURE__ */ f(
     "svg",
     {
-      width: s,
-      height: a,
-      viewBox: r,
+      width: i,
+      height: i,
+      viewBox: "0 20 200 160",
       xmlns: "http://www.w3.org/2000/svg",
       style: { overflow: "visible", display: "block" },
       children: /* @__PURE__ */ C(
         N.g,
         {
-          className: o,
+          className: s,
           style: { transformOrigin: "100px 140px" },
           animate: n && t.idleAnimation.type === "breathe" ? { scale: [1, 1.015, 1] } : n && t.idleAnimation.type === "slow-breathe" ? { scale: [1, 1.01, 1] } : n && t.idleAnimation.type === "bounce" ? { y: [0, -12, -8, 0] } : n && t.idleAnimation.type === "pulse" ? { scale: [1, 1.06, 1] } : n && t.idleAnimation.type === "headBob" ? { y: [0, -4, -2, 0], rotate: [0, -2, 2, 0] } : void 0,
           transition: n ? {
@@ -5492,22 +5426,25 @@ function Ru({ config: t, color: e, animated: n, showBody: i, size: s }) {
             ease: "easeInOut"
           } : void 0,
           children: [
-            /* @__PURE__ */ p(
-              "circle",
+            /* @__PURE__ */ f(
+              "rect",
               {
-                cx: 100,
-                cy: 90,
-                r: 70,
+                x: 25,
+                y: 25,
+                width: 150,
+                height: 140,
+                rx: 45,
                 fill: e,
                 stroke: "#333",
                 strokeWidth: 3
               }
             ),
-            /* @__PURE__ */ p(ku, { config: t.accessories, animated: n }),
-            /* @__PURE__ */ p(fu, { shape: t.eyebrowShape }),
-            /* @__PURE__ */ p(du, { shape: t.eyeShape, animated: n }),
-            /* @__PURE__ */ p(Su, { shape: t.mouthShape }),
-            i && /* @__PURE__ */ p(bu, { color: e, tilt: t.bodyTilt || 0 })
+            /* @__PURE__ */ f("ellipse", { cx: 56, cy: 105, rx: 12, ry: 8, fill: "#ff8c8c", opacity: 0.6 }),
+            /* @__PURE__ */ f("ellipse", { cx: 144, cy: 105, rx: 12, ry: 8, fill: "#ff8c8c", opacity: 0.6 }),
+            /* @__PURE__ */ f(ku, { config: t.accessories, animated: n }),
+            /* @__PURE__ */ f(fu, { shape: t.eyebrowShape }),
+            /* @__PURE__ */ f(du, { shape: t.eyeShape, animated: n }),
+            /* @__PURE__ */ f(bu, { shape: t.mouthShape })
           ]
         }
       )
@@ -5543,7 +5480,7 @@ function Lu({ message: t, size: e }) {
       },
       children: [
         t,
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ f(
           "div",
           {
             style: {
@@ -5558,7 +5495,7 @@ function Lu({ message: t, size: e }) {
             }
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ f(
           "div",
           {
             style: {
@@ -5577,19 +5514,18 @@ function Lu({ message: t, size: e }) {
     }
   );
 }
-function Nu({
+function Wu({
   emotion: t,
   message: e,
   size: n = 200,
   animated: i = !0,
-  showBody: s = !0,
-  color: o,
-  onEmotionChange: r
+  color: s,
+  onEmotionChange: o
 }) {
-  const a = iu[t], l = o || a.skinColor || "#FFD700";
-  return wr.useEffect(() => {
-    r == null || r(t);
-  }, [t, r]), /* @__PURE__ */ C(
+  const r = iu[t], a = s || r.skinColor || "#FFD700";
+  return Tr.useEffect(() => {
+    o == null || o(t);
+  }, [t, o]), /* @__PURE__ */ C(
     "div",
     {
       style: {
@@ -5598,17 +5534,16 @@ function Nu({
         width: n
       },
       children: [
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ f(
           Ru,
           {
-            config: a,
-            color: l,
+            config: r,
+            color: a,
             animated: i,
-            showBody: s,
             size: n
           }
         ),
-        /* @__PURE__ */ p(ee, { children: e && /* @__PURE__ */ p(
+        /* @__PURE__ */ f(ee, { children: e && /* @__PURE__ */ f(
           Lu,
           {
             message: e,
@@ -5620,7 +5555,7 @@ function Nu({
     }
   );
 }
-const Wu = [
+const Fu = [
   "happy",
   "sad",
   "angry",
@@ -5640,9 +5575,14 @@ const Wu = [
   "silly",
   "determined",
   "shy",
-  "anxious"
+  "anxious",
+  "laughing"
 ];
+function Uu() {
+  return Fu;
+}
 export {
-  Wu as EMOTIONS,
-  Nu as EmotionFace
+  Fu as EMOTIONS,
+  Wu as EmotionFace,
+  Uu as getEmotions
 };