@ssgoi/react 0.0.5 → 0.0.7

package/dist/index.js

@@ -1,42 +1,43 @@
+import { r as Lt } from "./utils-DR41YsAh-mLT5vDuI.js";
 import { jsx as mt } from "react/jsx-runtime";
-import { createContext as Lt, useContext as qt, useMemo as Bt } from "react";
-import { g as _t } from "./utils-DR41YsAh.js";
-function ht(t, e) {
+import { createContext as Bt, useContext as Wt, useMemo as Gt } from "react";
+var Ht = Object.defineProperty, zt = (t, e, n) => e in t ? Ht(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, j = (t, e, n) => zt(t, typeof e != "symbol" ? e + "" : e, n);
+function dt(t, e) {
   var n = {};
   for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && e.indexOf(r) < 0 && (n[r] = t[r]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var s = 0, r = Object.getOwnPropertySymbols(t); s < r.length; s++)
-      e.indexOf(r[s]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[s]) && (n[r[s]] = t[r[s]]);
+    for (var o = 0, r = Object.getOwnPropertySymbols(t); o < r.length; o++)
+      e.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[o]) && (n[r[o]] = t[r[o]]);
   return n;
 }
-var X = function() {
-}, V = function() {
+var _ = function() {
+}, E = function() {
 };
-process.env.NODE_ENV !== "production" && (X = function(t, e) {
+process.env.NODE_ENV !== "production" && (_ = function(t, e) {
   !t && typeof console < "u" && console.warn(e);
-}, V = function(t, e) {
+}, E = function(t, e) {
   if (!t)
     throw new Error(e);
 });
-const W = (t, e, n) => Math.min(Math.max(n, t), e), q = 1e-3, Wt = 0.01, ot = 10, Gt = 0.05, Ht = 1;
-function Kt({ duration: t = 800, bounce: e = 0.25, velocity: n = 0, mass: r = 1 }) {
-  let s, i;
-  X(t <= ot * 1e3, "Spring duration must be 10 seconds or less");
-  let o = 1 - e;
-  o = W(Gt, Ht, o), t = W(Wt, ot, t / 1e3), o < 1 ? (s = (a) => {
-    const p = a * o, m = p * t, u = p - n, f = G(a, o), h = Math.exp(-m);
-    return q - u / f * h;
-  }, i = (a) => {
-    const m = a * o * t, u = m * n + n, f = Math.pow(o, 2) * Math.pow(a, 2) * t, h = Math.exp(-m), x = G(Math.pow(a, 2), o);
-    return (-s(a) + q > 0 ? -1 : 1) * ((u - f) * h) / x;
-  }) : (s = (a) => {
-    const p = Math.exp(-a * t), m = (a - n) * t + 1;
-    return -q + p * m;
-  }, i = (a) => {
-    const p = Math.exp(-a * t), m = (n - a) * (t * t);
-    return p * m;
+const H = (t, e, n) => Math.min(Math.max(n, t), e), B = 1e-3, Jt = 0.01, at = 10, Kt = 0.05, Qt = 1;
+function Xt({ duration: t = 800, bounce: e = 0.25, velocity: n = 0, mass: r = 1 }) {
+  let o, a;
+  _(t <= at * 1e3, "Spring duration must be 10 seconds or less");
+  let s = 1 - e;
+  s = H(Kt, Qt, s), t = H(Jt, at, t / 1e3), s < 1 ? (o = (u) => {
+    const h = u * s, m = h * t, i = h - n, l = z(u, s), p = Math.exp(-m);
+    return B - i / l * p;
+  }, a = (u) => {
+    const h = u * s * t, m = h * n + n, i = Math.pow(s, 2) * Math.pow(u, 2) * t, l = Math.exp(-h), p = z(Math.pow(u, 2), s);
+    return (-o(u) + B > 0 ? -1 : 1) * ((m - i) * l) / p;
+  }) : (o = (u) => {
+    const h = Math.exp(-u * t), m = (u - n) * t + 1;
+    return -B + h * m;
+  }, a = (u) => {
+    const h = Math.exp(-u * t), m = (n - u) * (t * t);
+    return h * m;
   });
-  const l = 5 / t, c = Zt(s, i, l);
+  const f = 5 / t, c = Zt(o, a, f);
   if (t = t * 1e3, isNaN(c))
     return {
       stiffness: 100,
@@ -44,425 +45,444 @@ function Kt({ duration: t = 800, bounce: e = 0.25, velocity: n = 0, mass: r = 1
       duration: t
     };
   {
-    const a = Math.pow(c, 2) * r;
+    const u = Math.pow(c, 2) * r;
     return {
-      stiffness: a,
-      damping: o * 2 * Math.sqrt(r * a),
+      stiffness: u,
+      damping: s * 2 * Math.sqrt(r * u),
       duration: t
     };
   }
 }
-const zt = 12;
+const Yt = 12;
 function Zt(t, e, n) {
   let r = n;
-  for (let s = 1; s < zt; s++)
+  for (let o = 1; o < Yt; o++)
     r = r - t(r) / e(r);
   return r;
 }
-function G(t, e) {
+function z(t, e) {
   return t * Math.sqrt(1 - e * e);
 }
-const Jt = ["duration", "bounce"], Qt = ["stiffness", "damping", "mass"];
+const _t = ["duration", "bounce"], te = ["stiffness", "damping", "mass"];
 function it(t, e) {
   return e.some((n) => t[n] !== void 0);
 }
-function Xt(t) {
+function ee(t) {
   let e = Object.assign({ velocity: 0, stiffness: 100, damping: 10, mass: 1, isResolvedFromDuration: !1 }, t);
-  if (!it(t, Qt) && it(t, Jt)) {
-    const n = Kt(t);
+  if (!it(t, te) && it(t, _t)) {
+    const n = Xt(t);
     e = Object.assign(Object.assign(Object.assign({}, e), n), { velocity: 0, mass: 1 }), e.isResolvedFromDuration = !0;
   }
   return e;
 }
-function Y(t) {
-  var { from: e = 0, to: n = 1, restSpeed: r = 2, restDelta: s } = t, i = ht(t, ["from", "to", "restSpeed", "restDelta"]);
-  const o = { done: !1, value: e };
-  let { stiffness: l, damping: c, mass: a, velocity: p, duration: m, isResolvedFromDuration: u } = Xt(i), f = at, h = at;
-  function x() {
-    const y = p ? -(p / 1e3) : 0, S = n - e, b = c / (2 * Math.sqrt(l * a)), g = Math.sqrt(l / a) / 1e3;
-    if (s === void 0 && (s = Math.min(Math.abs(n - e) / 100, 0.4)), b < 1) {
-      const d = G(g, b);
-      f = (M) => {
-        const w = Math.exp(-b * g * M);
-        return n - w * ((y + b * g * S) / d * Math.sin(d * M) + S * Math.cos(d * M));
-      }, h = (M) => {
-        const w = Math.exp(-b * g * M);
-        return b * g * w * (Math.sin(d * M) * (y + b * g * S) / d + S * Math.cos(d * M)) - w * (Math.cos(d * M) * (y + b * g * S) - d * S * Math.sin(d * M));
+function tt(t) {
+  var { from: e = 0, to: n = 1, restSpeed: r = 2, restDelta: o } = t, a = dt(t, ["from", "to", "restSpeed", "restDelta"]);
+  const s = { done: !1, value: e };
+  let { stiffness: f, damping: c, mass: u, velocity: h, duration: m, isResolvedFromDuration: i } = ee(a), l = lt, p = lt;
+  function y() {
+    const b = h ? -(h / 1e3) : 0, d = n - e, g = c / (2 * Math.sqrt(f * u)), w = Math.sqrt(f / u) / 1e3;
+    if (o === void 0 && (o = Math.min(Math.abs(n - e) / 100, 0.4)), g < 1) {
+      const v = z(w, g);
+      l = (M) => {
+        const x = Math.exp(-g * w * M);
+        return n - x * ((b + g * w * d) / v * Math.sin(v * M) + d * Math.cos(v * M));
+      }, p = (M) => {
+        const x = Math.exp(-g * w * M);
+        return g * w * x * (Math.sin(v * M) * (b + g * w * d) / v + d * Math.cos(v * M)) - x * (Math.cos(v * M) * (b + g * w * d) - v * d * Math.sin(v * M));
       };
-    } else if (b === 1)
-      f = (d) => n - Math.exp(-g * d) * (S + (y + g * S) * d);
+    } else if (g === 1)
+      l = (v) => n - Math.exp(-w * v) * (d + (b + w * d) * v);
     else {
-      const d = g * Math.sqrt(b * b - 1);
-      f = (M) => {
-        const w = Math.exp(-b * g * M), O = Math.min(d * M, 300);
-        return n - w * ((y + b * g * S) * Math.sinh(O) + d * S * Math.cosh(O)) / d;
+      const v = w * Math.sqrt(g * g - 1);
+      l = (M) => {
+        const x = Math.exp(-g * w * M), A = Math.min(v * M, 300);
+        return n - x * ((b + g * w * d) * Math.sinh(A) + v * d * Math.cosh(A)) / v;
       };
     }
   }
-  return x(), {
-    next: (y) => {
-      const S = f(y);
-      if (u)
-        o.done = y >= m;
+  return y(), {
+    next: (b) => {
+      const d = l(b);
+      if (i)
+        s.done = b >= m;
       else {
-        const b = h(y) * 1e3, g = Math.abs(b) <= r, d = Math.abs(n - S) <= s;
-        o.done = g && d;
+        const g = p(b) * 1e3, w = Math.abs(g) <= r, v = Math.abs(n - d) <= o;
+        s.done = w && v;
       }
-      return o.value = o.done ? n : S, o;
+      return s.value = s.done ? n : d, s;
     },
     flipTarget: () => {
-      p = -p, [e, n] = [n, e], x();
+      h = -h, [e, n] = [n, e], y();
     }
   };
 }
-Y.needsInterpolation = (t, e) => typeof t == "string" || typeof e == "string";
-const at = (t) => 0, dt = (t, e, n) => {
+tt.needsInterpolation = (t, e) => typeof t == "string" || typeof e == "string";
+const lt = (t) => 0, gt = (t, e, n) => {
   const r = e - t;
   return r === 0 ? 1 : (n - t) / r;
-}, tt = (t, e, n) => -n * t + n * e + t, gt = (t, e) => (n) => Math.max(Math.min(n, e), t), A = (t) => t % 1 ? Number(t.toFixed(5)) : t, N = /(-)?([\d]*\.?[\d])+/g, H = /(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi, Yt = /^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
-function j(t) {
+}, et = (t, e, n) => -n * t + n * e + t, vt = (t, e) => (n) => Math.max(Math.min(n, e), t), R = (t) => t % 1 ? Number(t.toFixed(5)) : t, D = /(-)?([\d]*\.?[\d])+/g, J = /(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi, ne = /^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
+function T(t) {
   return typeof t == "string";
 }
-const k = {
+const U = {
   test: (t) => typeof t == "number",
   parse: parseFloat,
   transform: (t) => t
-}, yt = Object.assign(Object.assign({}, k), { transform: gt(0, 1) });
-Object.assign(Object.assign({}, k), { default: 1 });
-const te = (t) => ({
-  test: (e) => j(e) && e.endsWith(t) && e.split(" ").length === 1,
+}, yt = Object.assign(Object.assign({}, U), { transform: vt(0, 1) });
+Object.assign(Object.assign({}, U), { default: 1 });
+const re = (t) => ({
+  test: (e) => T(e) && e.endsWith(t) && e.split(" ").length === 1,
   parse: parseFloat,
   transform: (e) => `${e}${t}`
-}), R = te("%");
-Object.assign(Object.assign({}, R), { parse: (t) => R.parse(t) / 100, transform: (t) => R.transform(t * 100) });
-const et = (t, e) => (n) => !!(j(n) && Yt.test(n) && n.startsWith(t) || e && Object.prototype.hasOwnProperty.call(n, e)), bt = (t, e, n) => (r) => {
-  if (!j(r))
+}), V = re("%");
+Object.assign(Object.assign({}, V), { parse: (t) => V.parse(t) / 100, transform: (t) => V.transform(t * 100) });
+const nt = (t, e) => (n) => !!(T(n) && ne.test(n) && n.startsWith(t) || e && Object.prototype.hasOwnProperty.call(n, e)), bt = (t, e, n) => (r) => {
+  if (!T(r))
     return r;
-  const [s, i, o, l] = r.match(N);
+  const [o, a, s, f] = r.match(D);
   return {
-    [t]: parseFloat(s),
-    [e]: parseFloat(i),
-    [n]: parseFloat(o),
-    alpha: l !== void 0 ? parseFloat(l) : 1
+    [t]: parseFloat(o),
+    [e]: parseFloat(a),
+    [n]: parseFloat(s),
+    alpha: f !== void 0 ? parseFloat(f) : 1
   };
-}, C = {
-  test: et("hsl", "hue"),
+}, S = {
+  test: nt("hsl", "hue"),
   parse: bt("hue", "saturation", "lightness"),
-  transform: ({ hue: t, saturation: e, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(t) + ", " + R.transform(A(e)) + ", " + R.transform(A(n)) + ", " + A(yt.transform(r)) + ")"
-}, ee = gt(0, 255), B = Object.assign(Object.assign({}, k), { transform: (t) => Math.round(ee(t)) }), v = {
-  test: et("rgb", "red"),
+  transform: ({ hue: t, saturation: e, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(t) + ", " + V.transform(R(e)) + ", " + V.transform(R(n)) + ", " + R(yt.transform(r)) + ")"
+}, oe = vt(0, 255), W = Object.assign(Object.assign({}, U), { transform: (t) => Math.round(oe(t)) }), O = {
+  test: nt("rgb", "red"),
   parse: bt("red", "green", "blue"),
-  transform: ({ red: t, green: e, blue: n, alpha: r = 1 }) => "rgba(" + B.transform(t) + ", " + B.transform(e) + ", " + B.transform(n) + ", " + A(yt.transform(r)) + ")"
+  transform: ({ red: t, green: e, blue: n, alpha: r = 1 }) => "rgba(" + W.transform(t) + ", " + W.transform(e) + ", " + W.transform(n) + ", " + R(yt.transform(r)) + ")"
 };
-function ne(t) {
-  let e = "", n = "", r = "", s = "";
-  return t.length > 5 ? (e = t.substr(1, 2), n = t.substr(3, 2), r = t.substr(5, 2), s = t.substr(7, 2)) : (e = t.substr(1, 1), n = t.substr(2, 1), r = t.substr(3, 1), s = t.substr(4, 1), e += e, n += n, r += r, s += s), {
+function se(t) {
+  let e = "", n = "", r = "", o = "";
+  return t.length > 5 ? (e = t.substr(1, 2), n = t.substr(3, 2), r = t.substr(5, 2), o = t.substr(7, 2)) : (e = t.substr(1, 1), n = t.substr(2, 1), r = t.substr(3, 1), o = t.substr(4, 1), e += e, n += n, r += r, o += o), {
     red: parseInt(e, 16),
     green: parseInt(n, 16),
     blue: parseInt(r, 16),
-    alpha: s ? parseInt(s, 16) / 255 : 1
+    alpha: o ? parseInt(o, 16) / 255 : 1
   };
 }
 const K = {
-  test: et("#"),
-  parse: ne,
-  transform: v.transform
-}, U = {
-  test: (t) => v.test(t) || K.test(t) || C.test(t),
-  parse: (t) => v.test(t) ? v.parse(t) : C.test(t) ? C.parse(t) : K.parse(t),
-  transform: (t) => j(t) ? t : t.hasOwnProperty("red") ? v.transform(t) : C.transform(t)
-}, xt = "${c}", St = "${n}";
-function re(t) {
-  var e, n, r, s;
-  return isNaN(t) && j(t) && ((n = (e = t.match(N)) === null || e === void 0 ? void 0 : e.length) !== null && n !== void 0 ? n : 0) + ((s = (r = t.match(H)) === null || r === void 0 ? void 0 : r.length) !== null && s !== void 0 ? s : 0) > 0;
-}
-function Mt(t) {
+  test: nt("#"),
+  parse: se,
+  transform: O.transform
+}, $ = {
+  test: (t) => O.test(t) || K.test(t) || S.test(t),
+  parse: (t) => O.test(t) ? O.parse(t) : S.test(t) ? S.parse(t) : K.parse(t),
+  transform: (t) => T(t) ? t : t.hasOwnProperty("red") ? O.transform(t) : S.transform(t)
+}, wt = "${c}", Mt = "${n}";
+function ae(t) {
+  var e, n, r, o;
+  return isNaN(t) && T(t) && ((n = (e = t.match(D)) === null || e === void 0 ? void 0 : e.length) !== null && n !== void 0 ? n : 0) + ((o = (r = t.match(J)) === null || r === void 0 ? void 0 : r.length) !== null && o !== void 0 ? o : 0) > 0;
+}
+function xt(t) {
   typeof t == "number" && (t = `${t}`);
   const e = [];
   let n = 0;
-  const r = t.match(H);
-  r && (n = r.length, t = t.replace(H, xt), e.push(...r.map(U.parse)));
-  const s = t.match(N);
-  return s && (t = t.replace(N, St), e.push(...s.map(k.parse))), { values: e, numColors: n, tokenised: t };
-}
-function wt(t) {
-  return Mt(t).values;
-}
-function vt(t) {
-  const { values: e, numColors: n, tokenised: r } = Mt(t), s = e.length;
-  return (i) => {
-    let o = r;
-    for (let l = 0; l < s; l++)
-      o = o.replace(l < n ? xt : St, l < n ? U.transform(i[l]) : A(i[l]));
-    return o;
+  const r = t.match(J);
+  r && (n = r.length, t = t.replace(J, wt), e.push(...r.map($.parse)));
+  const o = t.match(D);
+  return o && (t = t.replace(D, Mt), e.push(...o.map(U.parse))), { values: e, numColors: n, tokenised: t };
+}
+function Ot(t) {
+  return xt(t).values;
+}
+function St(t) {
+  const { values: e, numColors: n, tokenised: r } = xt(t), o = e.length;
+  return (a) => {
+    let s = r;
+    for (let f = 0; f < o; f++)
+      s = s.replace(f < n ? wt : Mt, f < n ? $.transform(a[f]) : R(a[f]));
+    return s;
   };
 }
-const se = (t) => typeof t == "number" ? 0 : t;
-function oe(t) {
-  const e = wt(t);
-  return vt(t)(e.map(se));
+const ie = (t) => typeof t == "number" ? 0 : t;
+function le(t) {
+  const e = Ot(t);
+  return St(t)(e.map(ie));
 }
-const Ct = { test: re, parse: wt, createTransformer: vt, getAnimatableNone: oe };
-function _(t, e, n) {
+const At = { test: ae, parse: Ot, createTransformer: St, getAnimatableNone: le };
+function G(t, e, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? t + (e - t) * 6 * n : n < 1 / 2 ? e : n < 2 / 3 ? t + (e - t) * (2 / 3 - n) * 6 : t;
 }
-function lt({ hue: t, saturation: e, lightness: n, alpha: r }) {
+function ut({ hue: t, saturation: e, lightness: n, alpha: r }) {
   t /= 360, e /= 100, n /= 100;
-  let s = 0, i = 0, o = 0;
+  let o = 0, a = 0, s = 0;
   if (!e)
-    s = i = o = n;
+    o = a = s = n;
   else {
-    const l = n < 0.5 ? n * (1 + e) : n + e - n * e, c = 2 * n - l;
-    s = _(c, l, t + 1 / 3), i = _(c, l, t), o = _(c, l, t - 1 / 3);
+    const f = n < 0.5 ? n * (1 + e) : n + e - n * e, c = 2 * n - f;
+    o = G(c, f, t + 1 / 3), a = G(c, f, t), s = G(c, f, t - 1 / 3);
   }
   return {
-    red: Math.round(s * 255),
-    green: Math.round(i * 255),
-    blue: Math.round(o * 255),
+    red: Math.round(o * 255),
+    green: Math.round(a * 255),
+    blue: Math.round(s * 255),
     alpha: r
   };
 }
-const ie = (t, e, n) => {
-  const r = t * t, s = e * e;
-  return Math.sqrt(Math.max(0, n * (s - r) + r));
-}, ae = [K, v, C], ct = (t) => ae.find((e) => e.test(t)), ut = (t) => `'${t}' is not an animatable color. Use the equivalent color code instead.`, Ot = (t, e) => {
+const ue = (t, e, n) => {
+  const r = t * t, o = e * e;
+  return Math.sqrt(Math.max(0, n * (o - r) + r));
+}, ce = [K, O, S], ct = (t) => ce.find((e) => e.test(t)), ft = (t) => `'${t}' is not an animatable color. Use the equivalent color code instead.`, jt = (t, e) => {
   let n = ct(t), r = ct(e);
-  V(!!n, ut(t)), V(!!r, ut(e));
-  let s = n.parse(t), i = r.parse(e);
-  n === C && (s = lt(s), n = v), r === C && (i = lt(i), r = v);
-  const o = Object.assign({}, s);
-  return (l) => {
-    for (const c in o)
-      c !== "alpha" && (o[c] = ie(s[c], i[c], l));
-    return o.alpha = tt(s.alpha, i.alpha, l), n.transform(o);
+  E(!!n, ft(t)), E(!!r, ft(e));
+  let o = n.parse(t), a = r.parse(e);
+  n === S && (o = ut(o), n = O), r === S && (a = ut(a), r = O);
+  const s = Object.assign({}, o);
+  return (f) => {
+    for (const c in s)
+      c !== "alpha" && (s[c] = ue(o[c], a[c], f));
+    return s.alpha = et(o.alpha, a.alpha, f), n.transform(s);
   };
-}, le = (t) => typeof t == "number", ce = (t, e) => (n) => e(t(n)), Tt = (...t) => t.reduce(ce);
-function At(t, e) {
-  return le(t) ? (n) => tt(t, e, n) : U.test(t) ? Ot(t, e) : Et(t, e);
-}
-const Rt = (t, e) => {
-  const n = [...t], r = n.length, s = t.map((i, o) => At(i, e[o]));
-  return (i) => {
-    for (let o = 0; o < r; o++)
-      n[o] = s[o](i);
+}, fe = (t) => typeof t == "number", pe = (t, e) => (n) => e(t(n)), Ct = (...t) => t.reduce(pe);
+function Rt(t, e) {
+  return fe(t) ? (n) => et(t, e, n) : $.test(t) ? jt(t, e) : Pt(t, e);
+}
+const Vt = (t, e) => {
+  const n = [...t], r = n.length, o = t.map((a, s) => Rt(a, e[s]));
+  return (a) => {
+    for (let s = 0; s < r; s++)
+      n[s] = o[s](a);
     return n;
   };
-}, ue = (t, e) => {
+}, he = (t, e) => {
   const n = Object.assign(Object.assign({}, t), e), r = {};
-  for (const s in n)
-    t[s] !== void 0 && e[s] !== void 0 && (r[s] = At(t[s], e[s]));
-  return (s) => {
-    for (const i in r)
-      n[i] = r[i](s);
+  for (const o in n)
+    t[o] !== void 0 && e[o] !== void 0 && (r[o] = Rt(t[o], e[o]));
+  return (o) => {
+    for (const a in r)
+      n[a] = r[a](o);
     return n;
   };
 };
-function ft(t) {
-  const e = Ct.parse(t), n = e.length;
-  let r = 0, s = 0, i = 0;
-  for (let o = 0; o < n; o++)
-    r || typeof e[o] == "number" ? r++ : e[o].hue !== void 0 ? i++ : s++;
-  return { parsed: e, numNumbers: r, numRGB: s, numHSL: i };
-}
-const Et = (t, e) => {
-  const n = Ct.createTransformer(e), r = ft(t), s = ft(e);
-  return r.numHSL === s.numHSL && r.numRGB === s.numRGB && r.numNumbers >= s.numNumbers ? Tt(Rt(r.parsed, s.parsed), n) : (X(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), (o) => `${o > 0 ? e : t}`);
-}, fe = (t, e) => (n) => tt(t, e, n);
-function pe(t) {
+function pt(t) {
+  const e = At.parse(t), n = e.length;
+  let r = 0, o = 0, a = 0;
+  for (let s = 0; s < n; s++)
+    r || typeof e[s] == "number" ? r++ : e[s].hue !== void 0 ? a++ : o++;
+  return { parsed: e, numNumbers: r, numRGB: o, numHSL: a };
+}
+const Pt = (t, e) => {
+  const n = At.createTransformer(e), r = pt(t), o = pt(e);
+  return r.numHSL === o.numHSL && r.numRGB === o.numRGB && r.numNumbers >= o.numNumbers ? Ct(Vt(r.parsed, o.parsed), n) : (_(!0, `Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), (a) => `${a > 0 ? e : t}`);
+}, me = (t, e) => (n) => et(t, e, n);
+function de(t) {
   if (typeof t == "number")
-    return fe;
+    return me;
   if (typeof t == "string")
-    return U.test(t) ? Ot : Et;
+    return $.test(t) ? jt : Pt;
   if (Array.isArray(t))
-    return Rt;
+    return Vt;
   if (typeof t == "object")
-    return ue;
+    return he;
 }
-function me(t, e, n) {
-  const r = [], s = n || pe(t[0]), i = t.length - 1;
-  for (let o = 0; o < i; o++) {
-    let l = s(t[o], t[o + 1]);
+function ge(t, e, n) {
+  const r = [], o = n || de(t[0]), a = t.length - 1;
+  for (let s = 0; s < a; s++) {
+    let f = o(t[s], t[s + 1]);
     if (e) {
-      const c = Array.isArray(e) ? e[o] : e;
-      l = Tt(c, l);
+      const c = Array.isArray(e) ? e[s] : e;
+      f = Ct(c, f);
     }
-    r.push(l);
+    r.push(f);
   }
   return r;
 }
-function he([t, e], [n]) {
-  return (r) => n(dt(t, e, r));
+function ve([t, e], [n]) {
+  return (r) => n(gt(t, e, r));
 }
-function de(t, e) {
+function ye(t, e) {
   const n = t.length, r = n - 1;
-  return (s) => {
-    let i = 0, o = !1;
-    if (s <= t[0] ? o = !0 : s >= t[r] && (i = r - 1, o = !0), !o) {
+  return (o) => {
+    let a = 0, s = !1;
+    if (o <= t[0] ? s = !0 : o >= t[r] && (a = r - 1, s = !0), !s) {
       let c = 1;
-      for (; c < n && !(t[c] > s || c === r); c++)
+      for (; c < n && !(t[c] > o || c === r); c++)
         ;
-      i = c - 1;
+      a = c - 1;
     }
-    const l = dt(t[i], t[i + 1], s);
-    return e[i](l);
+    const f = gt(t[a], t[a + 1], o);
+    return e[a](f);
   };
 }
-function Vt(t, e, { clamp: n = !0, ease: r, mixer: s } = {}) {
-  const i = t.length;
-  V(i === e.length, "Both input and output ranges must be the same length"), V(!r || !Array.isArray(r) || r.length === i - 1, "Array of easing functions must be of length `input.length - 1`, as it applies to the transitions **between** the defined values."), t[0] > t[i - 1] && (t = [].concat(t), e = [].concat(e), t.reverse(), e.reverse());
-  const o = me(e, r, s), l = i === 2 ? he(t, o) : de(t, o);
-  return n ? (c) => l(W(t[0], t[i - 1], c)) : l;
+function Et(t, e, { clamp: n = !0, ease: r, mixer: o } = {}) {
+  const a = t.length;
+  E(a === e.length, "Both input and output ranges must be the same length"), E(!r || !Array.isArray(r) || r.length === a - 1, "Array of easing functions must be of length `input.length - 1`, as it applies to the transitions **between** the defined values."), t[0] > t[a - 1] && (t = [].concat(t), e = [].concat(e), t.reverse(), e.reverse());
+  const s = ge(e, r, o), f = a === 2 ? ve(t, s) : ye(t, s);
+  return n ? (c) => f(H(t[0], t[a - 1], c)) : f;
 }
-const ge = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, ye = (t) => (e) => Math.pow(e, t), be = ye(2), xe = ge(be);
-function Se(t, e) {
+const be = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, we = (t) => (e) => Math.pow(e, t), Me = we(2), xe = be(Me);
+function Oe(t, e) {
   return t.map(() => e || xe).splice(0, t.length - 1);
 }
-function Me(t) {
+function Se(t) {
   const e = t.length;
   return t.map((n, r) => r !== 0 ? r / (e - 1) : 0);
 }
-function we(t, e) {
+function Ae(t, e) {
   return t.map((n) => n * e);
 }
-function P({ from: t = 0, to: e = 1, ease: n, offset: r, duration: s = 300 }) {
-  const i = { done: !1, value: t }, o = Array.isArray(e) ? e : [t, e], l = we(r && r.length === o.length ? r : Me(o), s);
+function N({ from: t = 0, to: e = 1, ease: n, offset: r, duration: o = 300 }) {
+  const a = { done: !1, value: t }, s = Array.isArray(e) ? e : [t, e], f = Ae(r && r.length === s.length ? r : Se(s), o);
   function c() {
-    return Vt(l, o, {
-      ease: Array.isArray(n) ? n : Se(o, n)
+    return Et(f, s, {
+      ease: Array.isArray(n) ? n : Oe(s, n)
     });
   }
-  let a = c();
+  let u = c();
   return {
-    next: (p) => (i.value = a(p), i.done = p >= s, i),
+    next: (h) => (a.value = u(h), a.done = h >= o, a),
     flipTarget: () => {
-      o.reverse(), a = c();
+      s.reverse(), u = c();
     }
   };
 }
-function ve({ velocity: t = 0, from: e = 0, power: n = 0.8, timeConstant: r = 350, restDelta: s = 0.5, modifyTarget: i }) {
-  const o = { done: !1, value: e };
-  let l = n * t;
-  const c = e + l, a = i === void 0 ? c : i(c);
-  return a !== c && (l = a - e), {
-    next: (p) => {
-      const m = -l * Math.exp(-p / r);
-      return o.done = !(m > s || m < -s), o.value = o.done ? a : a + m, o;
+function je({ velocity: t = 0, from: e = 0, power: n = 0.8, timeConstant: r = 350, restDelta: o = 0.5, modifyTarget: a }) {
+  const s = { done: !1, value: e };
+  let f = n * t;
+  const c = e + f, u = a === void 0 ? c : a(c);
+  return u !== c && (f = u - e), {
+    next: (h) => {
+      const m = -f * Math.exp(-h / r);
+      return s.done = !(m > o || m < -o), s.value = s.done ? u : u + m, s;
     },
     flipTarget: () => {
     }
   };
 }
-const pt = { keyframes: P, spring: Y, decay: ve };
+const ht = { keyframes: N, spring: tt, decay: je };
 function Ce(t) {
   if (Array.isArray(t.to))
-    return P;
-  if (pt[t.type])
-    return pt[t.type];
+    return N;
+  if (ht[t.type])
+    return ht[t.type];
   const e = new Set(Object.keys(t));
-  return e.has("ease") || e.has("duration") && !e.has("dampingRatio") ? P : e.has("dampingRatio") || e.has("stiffness") || e.has("mass") || e.has("damping") || e.has("restSpeed") || e.has("restDelta") ? Y : P;
-}
-const It = 1 / 60 * 1e3, Oe = typeof performance < "u" ? () => performance.now() : () => Date.now(), jt = typeof window < "u" ? (t) => window.requestAnimationFrame(t) : (t) => setTimeout(() => t(Oe()), It);
-function Te(t) {
-  let e = [], n = [], r = 0, s = !1, i = !1;
-  const o = /* @__PURE__ */ new WeakSet(), l = {
-    schedule: (c, a = !1, p = !1) => {
-      const m = p && s, u = m ? e : n;
-      return a && o.add(c), u.indexOf(c) === -1 && (u.push(c), m && s && (r = e.length)), c;
+  return e.has("ease") || e.has("duration") && !e.has("dampingRatio") ? N : e.has("dampingRatio") || e.has("stiffness") || e.has("mass") || e.has("damping") || e.has("restSpeed") || e.has("restDelta") ? tt : N;
+}
+const kt = 1 / 60 * 1e3, Re = typeof performance < "u" ? () => performance.now() : () => Date.now(), Tt = typeof window < "u" ? (t) => window.requestAnimationFrame(t) : (t) => setTimeout(() => t(Re()), kt);
+function Ve(t) {
+  let e = [], n = [], r = 0, o = !1, a = !1;
+  const s = /* @__PURE__ */ new WeakSet(), f = {
+    schedule: (c, u = !1, h = !1) => {
+      const m = h && o, i = m ? e : n;
+      return u && s.add(c), i.indexOf(c) === -1 && (i.push(c), m && o && (r = e.length)), c;
     },
     cancel: (c) => {
-      const a = n.indexOf(c);
-      a !== -1 && n.splice(a, 1), o.delete(c);
+      const u = n.indexOf(c);
+      u !== -1 && n.splice(u, 1), s.delete(c);
     },
     process: (c) => {
-      if (s) {
-        i = !0;
+      if (o) {
+        a = !0;
         return;
       }
-      if (s = !0, [e, n] = [n, e], n.length = 0, r = e.length, r)
-        for (let a = 0; a < r; a++) {
-          const p = e[a];
-          p(c), o.has(p) && (l.schedule(p), t());
+      if (o = !0, [e, n] = [n, e], n.length = 0, r = e.length, r)
+        for (let u = 0; u < r; u++) {
+          const h = e[u];
+          h(c), s.has(h) && (f.schedule(h), t());
         }
-      s = !1, i && (i = !1, l.process(c));
+      o = !1, a && (a = !1, f.process(c));
     }
   };
-  return l;
+  return f;
 }
-const Ae = 40;
-let z = !0, I = !1, Z = !1;
-const E = {
+const Pe = 40;
+let Q = !0, k = !1, X = !1;
+const P = {
   delta: 0,
   timestamp: 0
-}, F = [
+}, I = [
   "read",
   "update",
   "preRender",
   "render",
   "postRender"
-], $ = F.reduce((t, e) => (t[e] = Te(() => I = !0), t), {}), Re = F.reduce((t, e) => {
-  const n = $[e];
-  return t[e] = (r, s = !1, i = !1) => (I || Ie(), n.schedule(r, s, i)), t;
-}, {}), Ee = F.reduce((t, e) => (t[e] = $[e].cancel, t), {});
-F.reduce((t, e) => (t[e] = () => $[e].process(E), t), {});
-const Ve = (t) => $[t].process(E), Ft = (t) => {
-  I = !1, E.delta = z ? It : Math.max(Math.min(t - E.timestamp, Ae), 1), E.timestamp = t, Z = !0, F.forEach(Ve), Z = !1, I && (z = !1, jt(Ft));
+], q = I.reduce((t, e) => (t[e] = Ve(() => k = !0), t), {}), Ee = I.reduce((t, e) => {
+  const n = q[e];
+  return t[e] = (r, o = !1, a = !1) => (k || Ie(), n.schedule(r, o, a)), t;
+}, {}), ke = I.reduce((t, e) => (t[e] = q[e].cancel, t), {});
+I.reduce((t, e) => (t[e] = () => q[e].process(P), t), {});
+const Te = (t) => q[t].process(P), It = (t) => {
+  k = !1, P.delta = Q ? kt : Math.max(Math.min(t - P.timestamp, Pe), 1), P.timestamp = t, X = !0, I.forEach(Te), X = !1, k && (Q = !1, Tt(It));
 }, Ie = () => {
-  I = !0, z = !0, Z || jt(Ft);
+  k = !0, Q = !0, X || Tt(It);
 };
-function Dt(t, e, n = 0) {
+function Ft(t, e, n = 0) {
   return t - e - n;
 }
-function je(t, e, n = 0, r = !0) {
-  return r ? Dt(e + -t, e, n) : e - (t - e) + n;
+function Fe(t, e, n = 0, r = !0) {
+  return r ? Ft(e + -t, e, n) : e - (t - e) + n;
 }
-function Fe(t, e, n, r) {
+function Ne(t, e, n, r) {
   return r ? t >= e + n : t <= -n;
 }
 const De = (t) => {
   const e = ({ delta: n }) => t(n);
   return {
-    start: () => Re.update(e, !0),
-    stop: () => Ee.update(e)
+    start: () => Ee.update(e, !0),
+    stop: () => ke.update(e)
   };
 };
-function Pe(t) {
-  var e, n, { from: r, autoplay: s = !0, driver: i = De, elapsed: o = 0, repeat: l = 0, repeatType: c = "loop", repeatDelay: a = 0, onPlay: p, onStop: m, onComplete: u, onRepeat: f, onUpdate: h } = t, x = ht(t, ["from", "autoplay", "driver", "elapsed", "repeat", "repeatType", "repeatDelay", "onPlay", "onStop", "onComplete", "onRepeat", "onUpdate"]);
-  let { to: y } = x, S, b = 0, g = x.duration, d, M = !1, w = !0, O;
-  const nt = Ce(x);
-  !((n = (e = nt).needsInterpolation) === null || n === void 0) && n.call(e, r, y) && (O = Vt([0, 100], [r, y], {
+function Ue(t) {
+  var e, n, { from: r, autoplay: o = !0, driver: a = De, elapsed: s = 0, repeat: f = 0, repeatType: c = "loop", repeatDelay: u = 0, onPlay: h, onStop: m, onComplete: i, onRepeat: l, onUpdate: p } = t, y = dt(t, ["from", "autoplay", "driver", "elapsed", "repeat", "repeatType", "repeatDelay", "onPlay", "onStop", "onComplete", "onRepeat", "onUpdate"]);
+  let { to: b } = y, d, g = 0, w = y.duration, v, M = !1, x = !0, A;
+  const rt = Ce(y);
+  !((n = (e = rt).needsInterpolation) === null || n === void 0) && n.call(e, r, b) && (A = Et([0, 100], [r, b], {
     clamp: !1
-  }), r = 0, y = 100);
-  const rt = nt(Object.assign(Object.assign({}, x), { from: r, to: y }));
-  function Nt() {
-    b++, c === "reverse" ? (w = b % 2 === 0, o = je(o, g, a, w)) : (o = Dt(o, g, a), c === "mirror" && rt.flipTarget()), M = !1, f && f();
+  }), r = 0, b = 100);
+  const ot = rt(Object.assign(Object.assign({}, y), { from: r, to: b }));
+  function Dt() {
+    g++, c === "reverse" ? (x = g % 2 === 0, s = Fe(s, w, u, x)) : (s = Ft(s, w, u), c === "mirror" && ot.flipTarget()), M = !1, l && l();
   }
-  function kt() {
-    S.stop(), u && u();
+  function Ut() {
+    d.stop(), i && i();
   }
-  function Ut(L) {
-    if (w || (L = -L), o += L, !M) {
-      const st = rt.next(Math.max(0, o));
-      d = st.value, O && (d = O(d)), M = w ? st.done : o <= 0;
+  function $t(L) {
+    if (x || (L = -L), s += L, !M) {
+      const st = ot.next(Math.max(0, s));
+      v = st.value, A && (v = A(v)), M = x ? st.done : s <= 0;
     }
-    h?.(d), M && (b === 0 && (g ?? (g = o)), b < l ? Fe(o, g, a, w) && Nt() : kt());
+    p?.(v), M && (g === 0 && (w ?? (w = s)), g < f ? Ne(s, w, u, x) && Dt() : Ut());
   }
-  function $t() {
-    p?.(), S = i(Ut), S.start();
+  function qt() {
+    h?.(), d = a($t), d.start();
   }
-  return s && $t(), {
+  return o && qt(), {
     stop: () => {
-      m?.(), S.stop();
+      m?.(), d.stop();
     }
   };
 }
-class T {
-  options;
-  currentValue;
-  velocity = 0;
-  isAnimating = !1;
-  controls = null;
+class C {
   constructor(e) {
-    this.options = {
+    j(this, "options"), j(this, "currentValue"), j(this, "velocity", 0), j(this, "isAnimating", !1), j(this, "controls", null), j(this, "animate", (n = !1) => {
+      !this.isAnimating && this.options.onStart && this.options.onStart(), this.isAnimating = !0;
+      const r = n ? this.options.from : this.options.to;
+      let o = this.currentValue, a = performance.now();
+      this.controls = Ue({
+        from: this.currentValue,
+        to: r,
+        velocity: this.velocity * 1e3,
+        // Convert to px/s
+        stiffness: this.options.spring.stiffness,
+        damping: this.options.spring.damping,
+        mass: 1,
+        onUpdate: (s) => {
+          const f = performance.now(), c = (f - a) / 1e3;
+          if (c > 0) {
+            const u = (s - o) / c;
+            this.velocity = u / 1e3, o = s, a = f;
+          }
+          this.currentValue = s, this.options.onUpdate(s);
+        },
+        onComplete: () => {
+          this.currentValue = r, this.isAnimating = !1, this.controls = null, this.velocity = 0, this.options.onComplete();
+        }
+      });
+    }), this.options = {
       from: e.from ?? 0,
       to: e.to ?? 1,
       spring: e.spring ?? { stiffness: 100, damping: 10 },
@@ -473,31 +493,6 @@ class T {
       onStart: e.onStart
     }, this.currentValue = this.options.from;
   }
-  animate = (e = !1) => {
-    !this.isAnimating && this.options.onStart && this.options.onStart(), this.isAnimating = !0;
-    const n = e ? this.options.from : this.options.to;
-    let r = this.currentValue, s = performance.now();
-    this.controls = Pe({
-      from: this.currentValue,
-      to: n,
-      velocity: this.velocity * 1e3,
-      // Convert to px/s
-      stiffness: this.options.spring.stiffness,
-      damping: this.options.spring.damping,
-      mass: 1,
-      onUpdate: (i) => {
-        const o = performance.now(), l = (o - s) / 1e3;
-        if (l > 0) {
-          const c = (i - r) / l;
-          this.velocity = c / 1e3, r = i, s = o;
-        }
-        this.currentValue = i, this.options.onUpdate(i);
-      },
-      onComplete: () => {
-        this.currentValue = n, this.isAnimating = !1, this.controls = null, this.velocity = 0, this.options.onComplete();
-      }
-    });
-  };
   // Animation control methods
   forward() {
     this.stop(), this.animate(!1);
@@ -547,196 +542,205 @@ class T {
   }
   // Static factory method
   static fromState(e, n) {
-    const r = new T(n);
+    const r = new C(n);
     return r.setValue(e.position), r.setVelocity(e.velocity), r;
   }
 }
-function Ne(t, e) {
-  let n = null, r = null, s = null, i = null, o = !1;
-  const l = async (a) => {
-    if (n && n.getIsAnimating() && !o) {
-      const p = n.getCurrentState();
-      n.stop(), r && (r.remove(), r = null), o = !0;
-      const m = t();
-      if (!m.out) return;
-      const u = await Promise.resolve(m.out(a));
-      n = T.fromState(p, {
+function $e(t, e) {
+  let n = null, r = null, o = null, a = null, s = !1;
+  const f = async (u) => {
+    var h;
+    if (n && n.getIsAnimating() && !s) {
+      const m = n.getCurrentState();
+      n.stop(), r && (r.remove(), r = null), s = !0;
+      const i = t();
+      if (!i.out) return;
+      const l = await Promise.resolve(i.out(u));
+      n = C.fromState(m, {
         from: 1,
         to: 0,
-        spring: u.spring,
-        onStart: u.onStart,
-        onUpdate: (f) => {
-          u.tick?.(f);
+        spring: l.spring,
+        onStart: l.onStart,
+        onUpdate: (p) => {
+          var y;
+          (y = l.tick) == null || y.call(l, p);
         },
         onComplete: () => {
-          n = null, o = !1, u.onEnd?.();
+          var p;
+          n = null, s = !1, (p = l.onEnd) == null || p.call(l);
         }
       }), n.backward();
       return;
     }
     if (!n || !n.getIsAnimating()) {
-      o = !0;
-      const p = t();
-      if (!p.in) return;
-      const m = await Promise.resolve(p.in(a));
-      m.prepare?.(a), n = new T({
+      s = !0;
+      const m = t();
+      if (!m.in) return;
+      const i = await Promise.resolve(m.in(u));
+      (h = i.prepare) == null || h.call(i, u), n = new C({
         from: 0,
         to: 1,
-        spring: m.spring,
-        onStart: m.onStart,
-        onUpdate: (u) => {
-          m.tick?.(u);
+        spring: i.spring,
+        onStart: i.onStart,
+        onUpdate: (l) => {
+          var p;
+          (p = i.tick) == null || p.call(i, l);
         },
         onComplete: () => {
-          n = null, o = !1, m.onEnd?.();
+          var l;
+          n = null, s = !1, (l = i.onEnd) == null || l.call(i);
         }
       }), n.forward();
     }
   };
-  function c(a) {
-    const p = () => {
-      !s || !r || (i && s.contains(i) ? s.insertBefore(r, i) : s.appendChild(r));
+  function c(u) {
+    const h = () => {
+      !o || !r || (a && o.contains(a) ? o.insertBefore(r, a) : o.appendChild(r));
     }, m = () => {
-      r && (r.remove(), r = null), n = null, o = !1, e?.onCleanupEnd?.();
-    }, u = t();
-    if (r = a.cloneNode(!0), n && n.getIsAnimating() && o) {
-      const f = n.getCurrentState();
-      if (n.stop(), o = !1, !u.in) {
+      var l;
+      r && (r.remove(), r = null), n = null, s = !1, (l = e?.onCleanupEnd) == null || l.call(e);
+    }, i = t();
+    if (r = u.cloneNode(!0), n && n.getIsAnimating() && s) {
+      const l = n.getCurrentState();
+      if (n.stop(), s = !1, !i.in) {
         r = null, m();
         return;
       }
-      Promise.resolve(u.in(r)).then(async (h) => {
-        const x = r && await u.out?.(r);
-        x?.prepare && r && x.prepare(r), p(), n = T.fromState(f, {
+      Promise.resolve(i.in(r)).then(async (p) => {
+        var y;
+        const b = r && await ((y = i.out) == null ? void 0 : y.call(i, r));
+        b != null && b.prepare && r && b.prepare(r), h(), n = C.fromState(l, {
           from: 0,
           to: 1,
-          spring: h.spring,
-          onStart: h.onStart,
-          onUpdate: (y) => {
-            h.tick?.(y);
+          spring: p.spring,
+          onStart: p.onStart,
+          onUpdate: (d) => {
+            var g;
+            (g = p.tick) == null || g.call(p, d);
           },
           onComplete: () => {
-            h.onEnd?.(), m();
+            var d;
+            (d = p.onEnd) == null || d.call(p), m();
           }
         }), n.backward();
       });
       return;
     }
-    if (!n || !n.getIsAnimating() || !o) {
-      if (o = !1, !u.out) {
+    if (!n || !n.getIsAnimating() || !s) {
+      if (s = !1, !i.out) {
         r = null, m();
         return;
       }
-      Promise.resolve(u.out(r)).then((f) => {
-        r && f.prepare?.(r), p(), n = new T({
+      Promise.resolve(i.out(r)).then((l) => {
+        var p;
+        r && ((p = l.prepare) == null || p.call(l, r)), h(), n = new C({
           from: 1,
           to: 0,
-          spring: f.spring,
-          onStart: f.onStart,
-          onUpdate: (h) => {
-            f.tick?.(h);
+          spring: l.spring,
+          onStart: l.onStart,
+          onUpdate: (y) => {
+            var b;
+            (b = l.tick) == null || b.call(l, y);
           },
           onComplete: () => {
-            f.onEnd?.(), m();
+            var y;
+            (y = l.onEnd) == null || y.call(l), m();
           }
         }), n.forward();
       });
     }
   }
-  return (a) => a ? (s = a.parentElement, i = a.nextElementSibling, t().in && l(a), () => {
-    c(a);
+  return (u) => u ? (o = u.parentElement, a = u.nextElementSibling, t().in && f(u), () => {
+    c(u);
   }) : void 0;
 }
-const J = /* @__PURE__ */ new Map(), Q = /* @__PURE__ */ new Map();
-function ke(t, e) {
-  J.set(t, e);
-  let n = Q.get(t);
-  return n || (n = Ne(
-    () => {
-      const r = J.get(t);
-      return r || (console.warn(`Transition "${String(t)}" not found`), {});
-    },
+const Y = /* @__PURE__ */ new Map(), Z = /* @__PURE__ */ new Map();
+function qe(t, e) {
+  Y.set(t, e);
+  let n = Z.get(t);
+  return n || (n = $e(
+    () => Y.get(t) || (console.warn(`Transition "${String(t)}" not found`), {}),
     {
-      onCleanupEnd: () => Ue(t)
+      onCleanupEnd: () => Le(t)
     }
-  ), Q.set(t, n), n);
+  ), Z.set(t, n), n);
 }
-function Ue(t) {
-  J.delete(t), Q.delete(t);
+function Le(t) {
+  Y.delete(t), Z.delete(t);
 }
-function $e(t) {
-  return ke(t.key, {
+function Be(t) {
+  return qe(t.key, {
     in: t.in,
     out: t.out
   });
 }
-function Le(t) {
+function We(t) {
   let e = null;
   const n = [...t.transitions], r = [];
-  for (const u of t.transitions)
-    u.symmetric && (n.some(
-      (h) => h.from === u.to && h.to === u.from
+  for (const i of t.transitions)
+    i.symmetric && (n.some(
+      (l) => l.from === i.to && l.to === i.from
     ) || r.push({
-      from: u.to,
-      to: u.from,
-      transition: u.transition
+      from: i.to,
+      to: i.from,
+      transition: i.transition
       // Don't add symmetric flag to the reverse to avoid infinite loop
     }));
   n.push(...r);
-  let s = null;
-  const i = /* @__PURE__ */ new Map();
   let o = null;
-  const l = () => {
-    s && o && i.set(o, {
-      x: s.scrollLeft,
-      y: s.scrollTop
+  const a = /* @__PURE__ */ new Map();
+  let s = null;
+  const f = () => {
+    o && s && a.set(s, {
+      x: o.scrollLeft,
+      y: o.scrollTop
     });
-  }, c = (u, f) => {
-    s || (s = _t(u), s.addEventListener("scroll", l, {
+  }, c = (i, l) => {
+    o || (o = Lt(i), o.addEventListener("scroll", f, {
       passive: !0
-    })), o = f;
-  }, a = () => {
-    const u = e?.from, f = e?.to, h = u && i.has(u) ? i.get(u) : { x: 0, y: 0 }, x = f && i.has(f) ? i.get(f) : { x: 0, y: 0 };
+    })), s = l;
+  }, u = () => {
+    const i = e?.from, l = e?.to, p = i && a.has(i) ? a.get(i) : { x: 0, y: 0 }, y = l && a.has(l) ? a.get(l) : { x: 0, y: 0 };
     return {
-      x: -x.x + h.x,
-      y: -x.y + h.y
+      x: -y.x + p.x,
+      y: -y.y + p.y
     };
   };
-  function p() {
-    if (e?.from && e?.to) {
-      const f = qe(
+  function h() {
+    if (e != null && e.from && e != null && e.to) {
+      const i = Ge(
         e.from,
         e.to,
         n
-      ) || t.defaultTransition, x = { scrollOffset: a() };
-      f && (f.out && e.outResolve && e.outResolve(
-        (y) => f.out(y, x)
-      ), f.in && e.inResolve && e.inResolve(
-        (y) => f.in(y, x)
+      ) || t.defaultTransition, l = { scrollOffset: u() };
+      i && (i.out && e.outResolve && e.outResolve(
+        (p) => i.out(p, l)
+      ), i.in && e.inResolve && e.inResolve(
+        (p) => i.in(p, l)
       )), e = null;
     }
   }
-  const m = async (u, f) => f === "in" && (!e || !e.from) ? () => ({}) : (e || (e = {}), f === "out" ? (e.from = u, new Promise((h) => {
-    e.outResolve = h, p();
-  })) : (e.to = u, new Promise((h) => {
-    e.inResolve = h, p();
+  const m = async (i, l) => l === "in" && (!e || !e.from) ? () => ({}) : (e || (e = {}), l === "out" ? (e.from = i, new Promise((p) => {
+    e.outResolve = p, h();
+  })) : (e.to = i, new Promise((p) => {
+    e.inResolve = p, h();
   })));
-  return (u) => ({
-    key: u,
-    in: async (f) => (c(f, u), (await m(u, "in"))(f)),
-    out: async (f) => (await m(u, "out"))(f)
+  return (i) => ({
+    key: i,
+    in: async (l) => (c(l, i), (await m(i, "in"))(l)),
+    out: async (l) => (await m(i, "out"))(l)
   });
 }
-function qe(t, e, n) {
+function Ge(t, e, n) {
   for (const r of n)
-    if (D(t, r.from) && D(e, r.to))
+    if (F(t, r.from) && F(e, r.to))
       return r.transition;
   for (const r of n)
-    if ((r.from === "*" || D(t, r.from)) && (r.to === "*" || D(e, r.to)))
+    if ((r.from === "*" || F(t, r.from)) && (r.to === "*" || F(e, r.to)))
       return r.transition;
   return null;
 }
-function D(t, e) {
+function F(t, e) {
   if (e === "*")
     return !0;
   if (e.endsWith("/*")) {
@@ -745,26 +749,26 @@ function D(t, e) {
   }
   return t === e;
 }
-const Be = $e, Pt = Lt(null), _e = Pt.Provider, We = () => {
-  const t = qt(Pt);
+const He = Be, Nt = Bt(null), ze = Nt.Provider, Je = () => {
+  const t = Wt(Nt);
   if (!t)
     throw new Error("useSsgoi must be used within SsgoiProvider");
   return t;
-}, ze = ({ config: t, children: e }) => {
-  const n = Bt(
-    () => Le(t),
+}, Ye = ({ config: t, children: e }) => {
+  const n = Gt(
+    () => We(t),
     [t]
   );
-  return /* @__PURE__ */ mt(_e, { value: n, children: e });
+  return /* @__PURE__ */ mt(ze, { value: n, children: e });
 }, Ze = ({
   children: t,
   id: e
 }) => {
-  const n = We();
-  return /* @__PURE__ */ mt("div", { ref: Be(n(e)), "data-ssgoi-transition": e, children: t });
+  const n = Je();
+  return /* @__PURE__ */ mt("div", { ref: He(n(e)), "data-ssgoi-transition": e, children: t });
 };
 export {
-  ze as Ssgoi,
+  Ye as Ssgoi,
   Ze as SsgoiTransition,
-  Be as transition
+  He as transition
 };