@3sc/common-component 0.0.132 → 0.0.133

package/dist/index.es.js

@@ -22055,15 +22055,15 @@ const Bt = (e) => !!(e && e.getVelocity), M0 = (e, t) => t && typeof e == "numbe
   fillOpacity: Oi,
   strokeOpacity: Oi,
   numOctaves: ih
-}, eM = {
+}, e5 = {
   x: "translateX",
   y: "translateY",
   z: "translateZ",
   transformPerspective: "perspective"
-}, tM = Pr.length;
-function nM(e, t, n) {
+}, t5 = Pr.length;
+function n5(e, t, n) {
   let o = "", r = !0;
-  for (let s = 0; s < tM; s++) {
+  for (let s = 0; s < t5; s++) {
     const a = Pr[s], c = e[a];
     if (c === void 0)
       continue;
@@ -22072,7 +22072,7 @@ function nM(e, t, n) {
       const u = M0(c, Ed[a]);
       if (!l) {
         r = !1;
-        const d = eM[a] || a;
+        const d = e5[a] || a;
         o += `${d}(${u}) `;
       }
       n && (t[a] = u);
@@ -22096,7 +22096,7 @@ function Id(e, t, n) {
       l.startsWith("origin") ? (c = !0, s[l] = d) : o[l] = d;
     }
   }
-  if (t.transform || (a || n ? o.transform = nM(t, e.transform, n) : o.transform && (o.transform = "none")), c) {
+  if (t.transform || (a || n ? o.transform = n5(t, e.transform, n) : o.transform && (o.transform = "none")), c) {
     const { originX: l = "50%", originY: u = "50%", originZ: d = 0 } = s;
     o.transformOrigin = `${l} ${u} ${d}`;
   }
@@ -22111,21 +22111,21 @@ function N0(e, t, n) {
   for (const o in t)
     !Bt(t[o]) && !P0(o, n) && (e[o] = t[o]);
 }
-function oM({ transformTemplate: e }, t) {
+function o5({ transformTemplate: e }, t) {
   return Kt(() => {
     const n = Td();
     return Id(n, t, e), Object.assign({}, n.vars, n.style);
   }, [t]);
 }
-function rM(e, t) {
+function r5(e, t) {
   const n = e.style || {}, o = {};
-  return N0(o, n, e), Object.assign(o, oM(e, t)), o;
+  return N0(o, n, e), Object.assign(o, o5(e, t)), o;
 }
-function iM(e, t) {
-  const n = {}, o = rM(e, t);
+function i5(e, t) {
+  const n = {}, o = r5(e, t);
   return e.drag && e.dragListener !== !1 && (n.draggable = !1, o.userSelect = o.WebkitUserSelect = o.WebkitTouchCallout = "none", o.touchAction = e.drag === !0 ? "none" : `pan-${e.drag === "x" ? "y" : "x"}`), e.tabIndex === void 0 && (e.onTap || e.onTapStart || e.whileTap) && (n.tabIndex = 0), n.style = o, n;
 }
-const sM = [
+const s5 = [
   "animate",
   "circle",
   "defs",
@@ -22165,23 +22165,23 @@ function Sd(e) {
       /**
        * If it's in our list of lowercase SVG tags, it's an SVG component
        */
-      !!(sM.indexOf(e) > -1 || /**
+      !!(s5.indexOf(e) > -1 || /**
        * If it contains a capital letter, it's an SVG component
        */
       /[A-Z]/u.test(e))
     )
   );
 }
-const aM = {
+const a5 = {
   offset: "stroke-dashoffset",
   array: "stroke-dasharray"
-}, lM = {
+}, l5 = {
   offset: "strokeDashoffset",
   array: "strokeDasharray"
 };
-function cM(e, t, n = 1, o = 0, r = !0) {
+function c5(e, t, n = 1, o = 0, r = !0) {
   e.pathLength = 1;
-  const s = r ? aM : lM;
+  const s = r ? a5 : l5;
   e[s.offset] = ve.transform(-o);
   const a = ve.transform(t), c = ve.transform(n);
   e[s.array] = `${a} ${c}`;
@@ -22189,7 +22189,7 @@ function cM(e, t, n = 1, o = 0, r = !0) {
 function sh(e, t, n) {
   return typeof e == "string" ? e : ve.transform(t + n * e);
 }
-function uM(e, t, n) {
+function u5(e, t, n) {
   const o = sh(t, e.x, e.width), r = sh(n, e.y, e.height);
   return `${o} ${r}`;
 }
@@ -22211,13 +22211,13 @@ function wd(e, {
   }
   e.attrs = e.style, e.style = {};
   const { attrs: f, style: g, dimensions: m } = e;
-  f.transform && (m && (g.transform = f.transform), delete f.transform), m && (r !== void 0 || s !== void 0 || g.transform) && (g.transformOrigin = uM(m, r !== void 0 ? r : 0.5, s !== void 0 ? s : 0.5)), t !== void 0 && (f.x = t), n !== void 0 && (f.y = n), o !== void 0 && (f.scale = o), a !== void 0 && cM(f, a, c, l, !1);
+  f.transform && (m && (g.transform = f.transform), delete f.transform), m && (r !== void 0 || s !== void 0 || g.transform) && (g.transformOrigin = u5(m, r !== void 0 ? r : 0.5, s !== void 0 ? s : 0.5)), t !== void 0 && (f.x = t), n !== void 0 && (f.y = n), o !== void 0 && (f.scale = o), a !== void 0 && c5(f, a, c, l, !1);
 }
 const k0 = () => ({
   ...Td(),
   attrs: {}
 }), Rd = (e) => typeof e == "string" && e.toLowerCase() === "svg";
-function dM(e, t, n, o) {
+function d5(e, t, n, o) {
   const r = Kt(() => {
     const s = k0();
     return wd(s, t, Rd(o), e.transformTemplate), {
@@ -22231,9 +22231,9 @@ function dM(e, t, n, o) {
   }
   return r;
 }
-function pM(e = !1) {
+function p5(e = !1) {
   return (n, o, r, { latestValues: s }, a) => {
-    const l = (Sd(n) ? dM : iM)(o, s, a, n), u = DP(o, typeof n == "string", e), d = n !== hi ? { ...u, ...l, ref: r } : {}, { children: p } = o, f = Kt(() => Bt(p) ? p.get() : p, [p]);
+    const l = (Sd(n) ? d5 : i5)(o, s, a, n), u = DP(o, typeof n == "string", e), d = n !== hi ? { ...u, ...l, ref: r } : {}, { children: p } = o, f = Kt(() => Bt(p) ? p.get() : p, [p]);
     return g1(n, {
       ...d,
       children: f
@@ -22257,23 +22257,23 @@ function Od(e, t, n, o) {
   }
   return t;
 }
-const Bc = (e) => Array.isArray(e), fM = (e) => !!(e && typeof e == "object" && e.mix && e.toValue), hM = (e) => Bc(e) ? e[e.length - 1] || 0 : e;
+const Bc = (e) => Array.isArray(e), f5 = (e) => !!(e && typeof e == "object" && e.mix && e.toValue), h5 = (e) => Bc(e) ? e[e.length - 1] || 0 : e;
 function ks(e) {
   const t = Bt(e) ? e.get() : e;
-  return fM(t) ? t.toValue() : t;
+  return f5(t) ? t.toValue() : t;
 }
-function mM({ scrapeMotionValuesFromProps: e, createRenderState: t, onUpdate: n }, o, r, s) {
+function m5({ scrapeMotionValuesFromProps: e, createRenderState: t, onUpdate: n }, o, r, s) {
   const a = {
-    latestValues: gM(o, r, s, e),
+    latestValues: g5(o, r, s, e),
     renderState: t()
   };
   return n && (a.onMount = (c) => n({ props: o, current: c, ...a }), a.onUpdate = (c) => n(c)), a;
 }
 const D0 = (e) => (t, n) => {
-  const o = qe(Ka), r = qe(Ja), s = () => mM(e, t, o, r);
+  const o = qe(Ka), r = qe(Ja), s = () => m5(e, t, o, r);
   return n ? s() : pd(s);
 };
-function gM(e, t, n, o) {
+function g5(e, t, n, o) {
   const r = {}, s = o(e, {});
   for (const f in s)
     r[f] = ks(s[f]);
@@ -22311,7 +22311,7 @@ function Ad(e, t, n) {
     (Bt(r[a]) || t.style && Bt(t.style[a]) || P0(a, e) || ((o = n == null ? void 0 : n.getValue(a)) === null || o === void 0 ? void 0 : o.liveStyle) !== void 0) && (s[a] = r[a]);
   return s;
 }
-const bM = {
+const b5 = {
   useVisualState: D0({
     scrapeMotionValuesFromProps: Ad,
     createRenderState: Td
@@ -22373,7 +22373,7 @@ function L0(e, t, n) {
     }
   return o;
 }
-const lh = ["x", "y", "width", "height", "cx", "cy", "r"], vM = {
+const lh = ["x", "y", "width", "height", "cx", "cy", "r"], v5 = {
   useVisualState: D0({
     scrapeMotionValuesFromProps: L0,
     createRenderState: k0,
@@ -22404,12 +22404,12 @@ const lh = ["x", "y", "width", "height", "cx", "cy", "r"], vM = {
     }
   })
 };
-function yM(e, t) {
+function y5(e, t) {
   return function(o, { forwardMotionProps: r } = { forwardMotionProps: !1 }) {
     const a = {
-      ...Sd(o) ? vM : bM,
+      ...Sd(o) ? v5 : b5,
       preloadedFeatures: e,
-      useRender: pM(r),
+      useRender: p5(r),
       createVisualElement: t,
       Component: o
     };
@@ -22420,8 +22420,8 @@ function Ai(e, t, n) {
   const o = e.getProps();
   return Od(o, t, n !== void 0 ? n : o.custom, e);
 }
-const xM = /* @__PURE__ */ md(() => window.ScrollTimeline !== void 0);
-class CM {
+const x5 = /* @__PURE__ */ md(() => window.ScrollTimeline !== void 0);
+class C5 {
   constructor(t) {
     this.stop = () => this.runAll("stop"), this.animations = t.filter(Boolean);
   }
@@ -22440,7 +22440,7 @@ class CM {
   }
   attachTimeline(t, n) {
     const o = this.animations.map((r) => {
-      if (xM() && r.attachTimeline)
+      if (x5() && r.attachTimeline)
         return r.attachTimeline(t);
       if (typeof n == "function")
         return n(r);
@@ -22491,7 +22491,7 @@ class CM {
     this.runAll("complete");
   }
 }
-class EM extends CM {
+class E5 extends C5 {
   then(t, n) {
     return Promise.all(this.animations).then(t).catch(n);
   }
@@ -22514,17 +22514,17 @@ function Md(e) {
 function ch(e, t) {
   e.timeline = t, e.onfinish = null;
 }
-const Nd = (e) => Array.isArray(e) && typeof e[0] == "number", IM = {
+const Nd = (e) => Array.isArray(e) && typeof e[0] == "number", I5 = {
   linearEasing: void 0
 };
-function TM(e, t) {
+function T5(e, t) {
   const n = /* @__PURE__ */ md(e);
   return () => {
     var o;
-    return (o = IM[t]) !== null && o !== void 0 ? o : n();
+    return (o = I5[t]) !== null && o !== void 0 ? o : n();
   };
 }
-const na = /* @__PURE__ */ TM(() => {
+const na = /* @__PURE__ */ T5(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
   } catch {
@@ -22563,7 +22563,7 @@ const In = {
 function z0() {
   return In.x || In.y;
 }
-function SM(e, t, n) {
+function S5(e, t, n) {
   var o;
   if (e instanceof EventTarget)
     return [e];
@@ -22575,7 +22575,7 @@ function SM(e, t, n) {
   return Array.from(e);
 }
 function H0(e, t) {
-  const n = SM(e), o = new AbortController(), r = {
+  const n = S5(e), o = new AbortController(), r = {
     passive: !0,
     ...t,
     signal: o.signal
@@ -22585,7 +22585,7 @@ function H0(e, t) {
 function uh(e) {
   return !(e.pointerType === "touch" || z0());
 }
-function wM(e, t, n = {}) {
+function w5(e, t, n = {}) {
   const [o, r, s] = H0(e, n), a = (c) => {
     if (!uh(c))
       return;
@@ -22609,15 +22609,15 @@ function li(e, t) {
     } catch {
     }
 }
-const X0 = (e, t) => t ? e === t ? !0 : X0(e, t.parentElement) : !1, kd = (e) => e.pointerType === "mouse" ? typeof e.button != "number" || e.button <= 0 : e.isPrimary !== !1, RM = /* @__PURE__ */ new Set([
+const X0 = (e, t) => t ? e === t ? !0 : X0(e, t.parentElement) : !1, kd = (e) => e.pointerType === "mouse" ? typeof e.button != "number" || e.button <= 0 : e.isPrimary !== !1, R5 = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
   "TEXTAREA",
   "A"
 ]);
-function OM(e) {
-  return RM.has(e.tagName) || e.tabIndex !== -1;
+function O5(e) {
+  return R5.has(e.tagName) || e.tabIndex !== -1;
 }
 const Kr = /* @__PURE__ */ new WeakSet();
 function dh(e) {
@@ -22628,7 +22628,7 @@ function dh(e) {
 function $l(e, t) {
   e.dispatchEvent(new PointerEvent("pointer" + t, { isPrimary: !0, bubbles: !0 }));
 }
-const AM = (e, t) => {
+const A5 = (e, t) => {
   const n = e.currentTarget;
   if (!n)
     return;
@@ -22646,7 +22646,7 @@ const AM = (e, t) => {
 function ph(e) {
   return kd(e) && !z0();
 }
-function PM(e, t, n = {}) {
+function P5(e, t, n = {}) {
   const [o, r, s] = H0(e, n), a = (c) => {
     const l = c.currentTarget;
     if (!l || !ph(c) || Kr.has(l))
@@ -22655,7 +22655,7 @@ function PM(e, t, n = {}) {
     const u = t(l, c), d = (g, m) => {
       l.removeEventListener("pointerup", p), l.removeEventListener("pointercancel", f), li(g, "release"), !(!ph(g) || !Kr.has(l)) && (Kr.delete(l), typeof u == "function" && u(g, { success: m }));
     }, p = (g) => {
-      (g.isTrusted ? MM(g, l instanceof Element ? l.getBoundingClientRect() : {
+      (g.isTrusted ? M5(g, l instanceof Element ? l.getBoundingClientRect() : {
         left: 0,
         top: 0,
         right: window.innerWidth,
@@ -22669,13 +22669,13 @@ function PM(e, t, n = {}) {
   return o.forEach((c) => {
     c = n.useGlobalTarget ? window : c;
     let l = !1;
-    c instanceof HTMLElement && (l = !0, !OM(c) && c.getAttribute("tabindex") === null && (c.tabIndex = 0)), c.addEventListener("pointerdown", a, r), l && c.addEventListener("focus", (u) => AM(u, r), r);
+    c instanceof HTMLElement && (l = !0, !O5(c) && c.getAttribute("tabindex") === null && (c.tabIndex = 0)), c.addEventListener("pointerdown", a, r), l && c.addEventListener("focus", (u) => A5(u, r), r);
   }), s;
 }
-function MM(e, t) {
+function M5(e, t) {
   return e.clientX < t.left || e.clientX > t.right || e.clientY < t.top || e.clientY > t.bottom;
 }
-function NM(e) {
+function N5(e) {
   return e === "x" || e === "y" ? In[e] ? null : (In[e] = !0, () => {
     In[e] = !1;
   }) : In.x || In.y ? null : (In.x = In.y = !0, () => {
@@ -22692,13 +22692,13 @@ const U0 = /* @__PURE__ */ new Set([
   ...Pr
 ]);
 let Ds;
-function kM() {
+function k5() {
   Ds = void 0;
 }
 const Fn = {
   now: () => (Ds === void 0 && Fn.set(wt.isProcessing || OP.useManualTiming ? wt.timestamp : performance.now()), Ds),
   set: (e) => {
-    Ds = e, queueMicrotask(kM);
+    Ds = e, queueMicrotask(k5);
   }
 };
 function Dd(e, t) {
@@ -22736,8 +22736,8 @@ class jd {
 function Y0(e, t) {
   return t ? e * (1e3 / t) : 0;
 }
-const fh = 30, DM = (e) => !isNaN(parseFloat(e));
-class BM {
+const fh = 30, D5 = (e) => !isNaN(parseFloat(e));
+class B5 {
   /**
    * @param init - The initiating value
    * @param config - Optional configuration options
@@ -22753,7 +22753,7 @@ class BM {
     }, this.hasAnimated = !1, this.setCurrent(t), this.owner = n.owner;
   }
   setCurrent(t) {
-    this.current = t, this.updatedAt = Fn.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = DM(this.current));
+    this.current = t, this.updatedAt = Fn.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = D5(this.current));
   }
   setPrevFrameValue(t = this.current) {
     this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
@@ -22932,54 +22932,54 @@ class BM {
   }
 }
 function Pi(e, t) {
-  return new BM(e, t);
+  return new B5(e, t);
 }
-function jM(e, t, n) {
+function j5(e, t, n) {
   e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, Pi(n));
 }
-function FM(e, t) {
+function F5(e, t) {
   const n = Ai(e, t);
   let { transitionEnd: o = {}, transition: r = {}, ...s } = n || {};
   s = { ...s, ...o };
   for (const a in s) {
-    const c = hM(s[a]);
-    jM(e, a, c);
+    const c = h5(s[a]);
+    j5(e, a, c);
   }
 }
-function VM(e) {
+function V5(e) {
   return !!(Bt(e) && e.add);
 }
 function Vc(e, t) {
   const n = e.getValue("willChange");
-  if (VM(n))
+  if (V5(n))
     return n.add(t);
 }
 function Z0(e) {
   return e.props[w0];
 }
-const J0 = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, LM = 1e-7, $M = 12;
-function _M(e, t, n, o, r) {
+const J0 = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, L5 = 1e-7, $5 = 12;
+function _5(e, t, n, o, r) {
   let s, a, c = 0;
   do
     a = t + (n - t) / 2, s = J0(a, o, r) - e, s > 0 ? n = a : t = a;
-  while (Math.abs(s) > LM && ++c < $M);
+  while (Math.abs(s) > L5 && ++c < $5);
   return a;
 }
 function Yi(e, t, n, o) {
   if (e === t && n === o)
     return Ut;
-  const r = (s) => _M(s, 0, 1, e, n);
+  const r = (s) => _5(s, 0, 1, e, n);
   return (s) => s === 0 || s === 1 ? s : J0(r(s), t, o);
 }
 const q0 = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, K0 = (e) => (t) => 1 - e(1 - t), Q0 = /* @__PURE__ */ Yi(0.33, 1.53, 0.69, 0.99), Fd = /* @__PURE__ */ K0(Q0), ev = /* @__PURE__ */ q0(Fd), tv = (e) => (e *= 2) < 1 ? 0.5 * Fd(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), Vd = (e) => 1 - Math.sin(Math.acos(e)), nv = K0(Vd), ov = q0(Vd), rv = (e) => /^0[^.\s]+$/u.test(e);
-function WM(e) {
+function W5(e) {
   return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || rv(e) : !0;
 }
 const ci = (e) => Math.round(e * 1e5) / 1e5, Ld = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function GM(e) {
+function G5(e) {
   return e == null;
 }
-const zM = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, $d = (e, t) => (n) => !!(typeof n == "string" && zM.test(n) && n.startsWith(e) || t && !GM(n) && Object.prototype.hasOwnProperty.call(n, t)), iv = (e, t, n) => (o) => {
+const z5 = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, $d = (e, t) => (n) => !!(typeof n == "string" && z5.test(n) && n.startsWith(e) || t && !G5(n) && Object.prototype.hasOwnProperty.call(n, t)), iv = (e, t, n) => (o) => {
   if (typeof o != "string")
     return o;
   const [r, s, a, c] = o.match(Ld);
@@ -22989,15 +22989,15 @@ const zM = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
     [n]: parseFloat(a),
     alpha: c !== void 0 ? parseFloat(c) : 1
   };
-}, HM = (e) => Yn(0, 255, e), _l = {
+}, H5 = (e) => Yn(0, 255, e), _l = {
   ...Mr,
-  transform: (e) => Math.round(HM(e))
+  transform: (e) => Math.round(H5(e))
 }, So = {
   test: /* @__PURE__ */ $d("rgb", "red"),
   parse: /* @__PURE__ */ iv("red", "green", "blue"),
   transform: ({ red: e, green: t, blue: n, alpha: o = 1 }) => "rgba(" + _l.transform(e) + ", " + _l.transform(t) + ", " + _l.transform(n) + ", " + ci(Oi.transform(o)) + ")"
 };
-function XM(e) {
+function X5(e) {
   let t = "", n = "", o = "", r = "";
   return e.length > 5 ? (t = e.substring(1, 3), n = e.substring(3, 5), o = e.substring(5, 7), r = e.substring(7, 9)) : (t = e.substring(1, 2), n = e.substring(2, 3), o = e.substring(3, 4), r = e.substring(4, 5), t += t, n += n, o += o, r += r), {
     red: parseInt(t, 16),
@@ -23008,7 +23008,7 @@ function XM(e) {
 }
 const Lc = {
   test: /* @__PURE__ */ $d("#"),
-  parse: XM,
+  parse: X5,
   transform: So.transform
 }, nr = {
   test: /* @__PURE__ */ $d("hsl", "hue"),
@@ -23018,12 +23018,12 @@ const Lc = {
   test: (e) => So.test(e) || Lc.test(e) || nr.test(e),
   parse: (e) => So.test(e) ? So.parse(e) : nr.test(e) ? nr.parse(e) : Lc.parse(e),
   transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? So.transform(e) : nr.transform(e)
-}, UM = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function YM(e) {
+}, U5 = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+function Y5(e) {
   var t, n;
-  return isNaN(e) && typeof e == "string" && (((t = e.match(Ld)) === null || t === void 0 ? void 0 : t.length) || 0) + (((n = e.match(UM)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
+  return isNaN(e) && typeof e == "string" && (((t = e.match(Ld)) === null || t === void 0 ? void 0 : t.length) || 0) + (((n = e.match(U5)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
 }
-const sv = "number", av = "color", ZM = "var", JM = "var(", hh = "${}", qM = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
+const sv = "number", av = "color", Z5 = "var", J5 = "var(", hh = "${}", q5 = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
 function Mi(e) {
   const t = e.toString(), n = [], o = {
     color: [],
@@ -23031,7 +23031,7 @@ function Mi(e) {
     var: []
   }, r = [];
   let s = 0;
-  const c = t.replace(qM, (l) => (Nt.test(l) ? (o.color.push(s), r.push(av), n.push(Nt.parse(l))) : l.startsWith(JM) ? (o.var.push(s), r.push(ZM), n.push(l)) : (o.number.push(s), r.push(sv), n.push(parseFloat(l))), ++s, hh)).split(hh);
+  const c = t.replace(q5, (l) => (Nt.test(l) ? (o.color.push(s), r.push(av), n.push(Nt.parse(l))) : l.startsWith(J5) ? (o.var.push(s), r.push(Z5), n.push(l)) : (o.number.push(s), r.push(sv), n.push(parseFloat(l))), ++s, hh)).split(hh);
   return { values: n, split: c, indexes: o, types: r };
 }
 function lv(e) {
@@ -23049,18 +23049,18 @@ function cv(e) {
     return s;
   };
 }
-const KM = (e) => typeof e == "number" ? 0 : e;
-function QM(e) {
+const K5 = (e) => typeof e == "number" ? 0 : e;
+function Q5(e) {
   const t = lv(e);
-  return cv(e)(t.map(KM));
+  return cv(e)(t.map(K5));
 }
 const ao = {
-  test: YM,
+  test: Y5,
   parse: lv,
   createTransformer: cv,
-  getAnimatableNone: QM
-}, e5 = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function t5(e) {
+  getAnimatableNone: Q5
+}, eM = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function tM(e) {
   const [t, n] = e.slice(0, -1).split("(");
   if (t === "drop-shadow")
     return e;
@@ -23068,16 +23068,16 @@ function t5(e) {
   if (!o)
     return e;
   const r = n.replace(o, "");
-  let s = e5.has(t) ? 1 : 0;
+  let s = eM.has(t) ? 1 : 0;
   return o !== n && (s *= 100), t + "(" + s + r + ")";
 }
-const n5 = /\b([a-z-]*)\(.*?\)/gu, $c = {
+const nM = /\b([a-z-]*)\(.*?\)/gu, $c = {
   ...ao,
   getAnimatableNone: (e) => {
-    const t = e.match(n5);
-    return t ? t.map(t5).join(" ") : e;
+    const t = e.match(nM);
+    return t ? t.map(tM).join(" ") : e;
   }
-}, o5 = {
+}, oM = {
   ...Ed,
   // Color props
   color: Nt,
@@ -23093,17 +23093,17 @@ const n5 = /\b([a-z-]*)\(.*?\)/gu, $c = {
   borderLeftColor: Nt,
   filter: $c,
   WebkitFilter: $c
-}, _d = (e) => o5[e];
+}, _d = (e) => oM[e];
 function uv(e, t) {
   let n = _d(e);
   return n !== $c && (n = ao), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
 }
-const r5 = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function i5(e, t, n) {
+const rM = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function iM(e, t, n) {
   let o = 0, r;
   for (; o < e.length && !r; ) {
     const s = e[o];
-    typeof s == "string" && !r5.has(s) && Mi(s).values.length && (r = e[o]), o++;
+    typeof s == "string" && !rM.has(s) && Mi(s).values.length && (r = e[o]), o++;
   }
   if (r && n)
     for (const s of t)
@@ -23119,10 +23119,10 @@ const mh = (e) => e === Mr || e === ve, gh = (e, t) => parseFloat(e.split(", ")[
     const s = o.match(/^matrix\((.+)\)$/u);
     return s ? gh(s[1], e) : 0;
   }
-}, s5 = /* @__PURE__ */ new Set(["x", "y", "z"]), a5 = Pr.filter((e) => !s5.has(e));
-function l5(e) {
+}, sM = /* @__PURE__ */ new Set(["x", "y", "z"]), aM = Pr.filter((e) => !sM.has(e));
+function lM(e) {
   const t = [];
-  return a5.forEach((n) => {
+  return aM.forEach((n) => {
     const o = e.getValue(n);
     o !== void 0 && (t.push([n, o.get()]), o.set(n.startsWith("scale") ? 1 : 0));
   }), t;
@@ -23147,7 +23147,7 @@ function dv() {
   if (Wc) {
     const e = Array.from(Po).filter((o) => o.needsMeasurement), t = new Set(e.map((o) => o.element)), n = /* @__PURE__ */ new Map();
     t.forEach((o) => {
-      const r = l5(o);
+      const r = lM(o);
       r.length && (n.set(o, r), o.render());
     }), e.forEach((o) => o.measureInitialState()), t.forEach((o) => {
       o.render();
@@ -23167,7 +23167,7 @@ function pv() {
     e.readKeyframes(), e.needsMeasurement && (Wc = !0);
   });
 }
-function c5() {
+function cM() {
   pv(), dv();
 }
 class Wd {
@@ -23211,21 +23211,21 @@ class Wd {
     this.isComplete || this.scheduleResolve();
   }
 }
-const fv = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e), u5 = (
+const fv = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e), uM = (
   // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
   /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
 );
-function d5(e) {
-  const t = u5.exec(e);
+function dM(e) {
+  const t = uM.exec(e);
   if (!t)
     return [,];
   const [, n, o, r] = t;
   return [`--${n ?? o}`, r];
 }
-const p5 = 4;
+const pM = 4;
 function hv(e, t, n = 1) {
-  io(n <= p5, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);
-  const [o, r] = d5(e);
+  io(n <= pM, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);
+  const [o, r] = dM(e);
   if (!o)
     return;
   const s = window.getComputedStyle(t).getPropertyValue(o);
@@ -23235,10 +23235,10 @@ function hv(e, t, n = 1) {
   }
   return Cd(r) ? hv(r, t, n + 1) : r;
 }
-const mv = (e) => (t) => t.test(e), f5 = {
+const mv = (e) => (t) => t.test(e), fM = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, gv = [Mr, ve, jn, oo, qP, JP, f5], vh = (e) => gv.find(mv(e));
+}, gv = [Mr, ve, jn, oo, qP, JP, fM], vh = (e) => gv.find(mv(e));
 class bv extends Wd {
   constructor(t, n, o, r, s) {
     super(t, n, o, r, s, !0);
@@ -23270,8 +23270,8 @@ class bv extends Wd {
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: t, name: n } = this, o = [];
     for (let r = 0; r < t.length; r++)
-      WM(t[r]) && o.push(r);
-    o.length && i5(t, o, n);
+      W5(t[r]) && o.push(r);
+    o.length && iM(t, o, n);
   }
   measureInitialState() {
     const { element: t, unresolvedKeyframes: n, name: o } = this;
@@ -23297,7 +23297,7 @@ class bv extends Wd {
 const yh = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
 (ao.test(e) || e === "0") && // And it contains numbers and/or colors
 !e.startsWith("url("));
-function h5(e) {
+function hM(e) {
   const t = e[0];
   if (e.length === 1)
     return !0;
@@ -23305,21 +23305,21 @@ function h5(e) {
     if (e[n] !== t)
       return !0;
 }
-function m5(e, t, n, o) {
+function mM(e, t, n, o) {
   const r = e[0];
   if (r === null)
     return !1;
   if (t === "display" || t === "visibility")
     return !0;
   const s = e[e.length - 1], a = yh(r, t), c = yh(s, t);
-  return Ar(a === c, `You are trying to animate ${t} from "${r}" to "${s}". ${r} is not an animatable value - to enable this animation set ${r} to a value animatable to ${s} via the \`style\` property.`), !a || !c ? !1 : h5(e) || (n === "spring" || Md(n)) && o;
+  return Ar(a === c, `You are trying to animate ${t} from "${r}" to "${s}". ${r} is not an animatable value - to enable this animation set ${r} to a value animatable to ${s} via the \`style\` property.`), !a || !c ? !1 : hM(e) || (n === "spring" || Md(n)) && o;
 }
-const g5 = (e) => e !== null;
+const gM = (e) => e !== null;
 function tl(e, { repeat: t, repeatType: n = "loop" }, o) {
-  const r = e.filter(g5), s = t && n !== "loop" && t % 2 === 1 ? 0 : r.length - 1;
+  const r = e.filter(gM), s = t && n !== "loop" && t % 2 === 1 ? 0 : r.length - 1;
   return !s || o === void 0 ? r[s] : o;
 }
-const b5 = 40;
+const bM = 40;
 class vv {
   constructor({ autoplay: t = !0, delay: n = 0, type: o = "keyframes", repeat: r = 0, repeatDelay: s = 0, repeatType: a = "loop", ...c }) {
     this.isStopped = !1, this.hasAttemptedResolve = !1, this.createdAt = Fn.now(), this.options = {
@@ -23343,7 +23343,7 @@ class vv {
    * to avoid a sudden jump into the animation.
    */
   calcStartTime() {
-    return this.resolvedAt ? this.resolvedAt - this.createdAt > b5 ? this.resolvedAt : this.createdAt : this.createdAt;
+    return this.resolvedAt ? this.resolvedAt - this.createdAt > bM ? this.resolvedAt : this.createdAt : this.createdAt;
   }
   /**
    * A getter for resolved data. If keyframes are not yet resolved, accessing
@@ -23351,7 +23351,7 @@ class vv {
    * This is a deoptimisation, but at its worst still batches read/writes.
    */
   get resolved() {
-    return !this._resolved && !this.hasAttemptedResolve && c5(), this._resolved;
+    return !this._resolved && !this.hasAttemptedResolve && cM(), this._resolved;
   }
   /**
    * A method to be called when the keyframes resolver completes. This method
@@ -23361,7 +23361,7 @@ class vv {
   onKeyframesResolved(t, n) {
     this.resolvedAt = Fn.now(), this.hasAttemptedResolve = !0;
     const { name: o, type: r, velocity: s, delay: a, onComplete: c, onUpdate: l, isGenerator: u } = this.options;
-    if (!u && !m5(t, o, r, s))
+    if (!u && !mM(t, o, r, s))
       if (a)
         this.options.duration = 0;
       else {
@@ -23398,7 +23398,7 @@ const dt = (e, t, n) => e + (t - e) * n;
 function Wl(e, t, n) {
   return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
 }
-function v5({ hue: e, saturation: t, lightness: n, alpha: o }) {
+function vM({ hue: e, saturation: t, lightness: n, alpha: o }) {
   e /= 360, t /= 100, n /= 100;
   let r = 0, s = 0, a = 0;
   if (!t)
@@ -23420,13 +23420,13 @@ function oa(e, t) {
 const Gl = (e, t, n) => {
   const o = e * e, r = n * (t * t - o) + o;
   return r < 0 ? 0 : Math.sqrt(r);
-}, y5 = [Lc, So, nr], x5 = (e) => y5.find((t) => t.test(e));
+}, yM = [Lc, So, nr], xM = (e) => yM.find((t) => t.test(e));
 function xh(e) {
-  const t = x5(e);
+  const t = xM(e);
   if (Ar(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`), !t)
     return !1;
   let n = t.parse(e);
-  return t === nr && (n = v5(n)), n;
+  return t === nr && (n = vM(n)), n;
 }
 const Ch = (e, t) => {
   const n = xh(e), o = xh(t);
@@ -23434,15 +23434,15 @@ const Ch = (e, t) => {
     return oa(e, t);
   const r = { ...n };
   return (s) => (r.red = Gl(n.red, o.red, s), r.green = Gl(n.green, o.green, s), r.blue = Gl(n.blue, o.blue, s), r.alpha = dt(n.alpha, o.alpha, s), So.transform(r));
-}, C5 = (e, t) => (n) => t(e(n)), Zi = (...e) => e.reduce(C5), Gc = /* @__PURE__ */ new Set(["none", "hidden"]);
-function E5(e, t) {
+}, CM = (e, t) => (n) => t(e(n)), Zi = (...e) => e.reduce(CM), Gc = /* @__PURE__ */ new Set(["none", "hidden"]);
+function EM(e, t) {
   return Gc.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
 }
-function I5(e, t) {
+function IM(e, t) {
   return (n) => dt(e, t, n);
 }
 function Gd(e) {
-  return typeof e == "number" ? I5 : typeof e == "string" ? Cd(e) ? oa : Nt.test(e) ? Ch : w5 : Array.isArray(e) ? yv : typeof e == "object" ? Nt.test(e) ? Ch : T5 : oa;
+  return typeof e == "number" ? IM : typeof e == "string" ? Cd(e) ? oa : Nt.test(e) ? Ch : wM : Array.isArray(e) ? yv : typeof e == "object" ? Nt.test(e) ? Ch : TM : oa;
 }
 function yv(e, t) {
   const n = [...e], o = n.length, r = e.map((s, a) => Gd(s)(s, t[a]));
@@ -23452,7 +23452,7 @@ function yv(e, t) {
     return n;
   };
 }
-function T5(e, t) {
+function TM(e, t) {
   const n = { ...e, ...t }, o = {};
   for (const r in n)
     e[r] !== void 0 && t[r] !== void 0 && (o[r] = Gd(e[r])(e[r], t[r]));
@@ -23462,7 +23462,7 @@ function T5(e, t) {
     return n;
   };
 }
-function S5(e, t) {
+function SM(e, t) {
   var n;
   const o = [], r = { color: 0, var: 0, number: 0 };
   for (let s = 0; s < t.values.length; s++) {
@@ -23471,16 +23471,16 @@ function S5(e, t) {
   }
   return o;
 }
-const w5 = (e, t) => {
+const wM = (e, t) => {
   const n = ao.createTransformer(t), o = Mi(e), r = Mi(t);
-  return o.indexes.var.length === r.indexes.var.length && o.indexes.color.length === r.indexes.color.length && o.indexes.number.length >= r.indexes.number.length ? Gc.has(e) && !r.values.length || Gc.has(t) && !o.values.length ? E5(e, t) : Zi(yv(S5(o, r), r.values), n) : (Ar(!0, `Complex values '${e}' and '${t}' 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.`), oa(e, t));
+  return o.indexes.var.length === r.indexes.var.length && o.indexes.color.length === r.indexes.color.length && o.indexes.number.length >= r.indexes.number.length ? Gc.has(e) && !r.values.length || Gc.has(t) && !o.values.length ? EM(e, t) : Zi(yv(SM(o, r), r.values), n) : (Ar(!0, `Complex values '${e}' and '${t}' 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.`), oa(e, t));
 };
 function xv(e, t, n) {
   return typeof e == "number" && typeof t == "number" && typeof n == "number" ? dt(e, t, n) : Gd(e)(e, t);
 }
-const R5 = 5;
+const RM = 5;
 function Cv(e, t, n) {
-  const o = Math.max(t - R5, 0);
+  const o = Math.max(t - RM, 0);
   return Y0(n - e(o), t - o);
 }
 const ut = {
@@ -23512,7 +23512,7 @@ const ut = {
   minDamping: 0.05,
   maxDamping: 1
 }, Eh = 1e-3;
-function O5({ duration: e = ut.duration, bounce: t = ut.bounce, velocity: n = ut.velocity, mass: o = ut.mass }) {
+function OM({ duration: e = ut.duration, bounce: t = ut.bounce, velocity: n = ut.velocity, mass: o = ut.mass }) {
   let r, s;
   Ar(e <= /* @__PURE__ */ Bn(ut.maxDuration), "Spring duration must be 10 seconds or less");
   let a = 1 - t;
@@ -23529,7 +23529,7 @@ function O5({ duration: e = ut.duration, bounce: t = ut.bounce, velocity: n = ut
     const d = Math.exp(-u * e), p = (n - u) * (e * e);
     return d * p;
   });
-  const c = 5 / e, l = P5(r, s, c);
+  const c = 5 / e, l = PM(r, s, c);
   if (e = /* @__PURE__ */ Bn(e), isNaN(l))
     return {
       stiffness: ut.stiffness,
@@ -23545,21 +23545,21 @@ function O5({ duration: e = ut.duration, bounce: t = ut.bounce, velocity: n = ut
     };
   }
 }
-const A5 = 12;
-function P5(e, t, n) {
+const AM = 12;
+function PM(e, t, n) {
   let o = n;
-  for (let r = 1; r < A5; r++)
+  for (let r = 1; r < AM; r++)
     o = o - e(o) / t(o);
   return o;
 }
 function zc(e, t) {
   return e * Math.sqrt(1 - t * t);
 }
-const M5 = ["duration", "bounce"], N5 = ["stiffness", "damping", "mass"];
+const MM = ["duration", "bounce"], NM = ["stiffness", "damping", "mass"];
 function Ih(e, t) {
   return t.some((n) => e[n] !== void 0);
 }
-function k5(e) {
+function kM(e) {
   let t = {
     velocity: ut.velocity,
     stiffness: ut.stiffness,
@@ -23568,7 +23568,7 @@ function k5(e) {
     isResolvedFromDuration: !1,
     ...e
   };
-  if (!Ih(e, N5) && Ih(e, M5))
+  if (!Ih(e, NM) && Ih(e, MM))
     if (e.visualDuration) {
       const n = e.visualDuration, o = 2 * Math.PI / (n * 1.2), r = o * o, s = 2 * Yn(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(r);
       t = {
@@ -23578,7 +23578,7 @@ function k5(e) {
         damping: s
       };
     } else {
-      const n = O5(e);
+      const n = OM(e);
       t = {
         ...t,
         ...n,
@@ -23594,7 +23594,7 @@ function Ev(e = ut.visualDuration, t = ut.bounce) {
     bounce: t
   } : e;
   let { restSpeed: o, restDelta: r } = n;
-  const s = n.keyframes[0], a = n.keyframes[n.keyframes.length - 1], c = { done: !1, value: s }, { stiffness: l, damping: u, mass: d, duration: p, velocity: f, isResolvedFromDuration: g } = k5({
+  const s = n.keyframes[0], a = n.keyframes[n.keyframes.length - 1], c = { done: !1, value: s }, { stiffness: l, damping: u, mass: d, duration: p, velocity: f, isResolvedFromDuration: g } = kM({
     ...n,
     velocity: -/* @__PURE__ */ Gn(n.velocity || 0)
   }), m = f || 0, h = u / (2 * Math.sqrt(l * d)), b = a - s, y = /* @__PURE__ */ Gn(Math.sqrt(l / d)), T = Math.abs(b) < 5;
@@ -23668,11 +23668,11 @@ function Th({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: o = 3
     }
   };
 }
-const D5 = /* @__PURE__ */ Yi(0.42, 0, 1, 1), B5 = /* @__PURE__ */ Yi(0, 0, 0.58, 1), Iv = /* @__PURE__ */ Yi(0.42, 0, 0.58, 1), j5 = (e) => Array.isArray(e) && typeof e[0] != "number", Sh = {
+const DM = /* @__PURE__ */ Yi(0.42, 0, 1, 1), BM = /* @__PURE__ */ Yi(0, 0, 0.58, 1), Iv = /* @__PURE__ */ Yi(0.42, 0, 0.58, 1), jM = (e) => Array.isArray(e) && typeof e[0] != "number", Sh = {
   linear: Ut,
-  easeIn: D5,
+  easeIn: DM,
   easeInOut: Iv,
-  easeOut: B5,
+  easeOut: BM,
   circIn: Vd,
   circInOut: ov,
   circOut: nv,
@@ -23689,7 +23689,7 @@ const D5 = /* @__PURE__ */ Yi(0.42, 0, 1, 1), B5 = /* @__PURE__ */ Yi(0, 0, 0.58
     return io(Sh[e] !== void 0, `Invalid easing type '${e}'`), Sh[e];
   return e;
 };
-function F5(e, t, n) {
+function FM(e, t, n) {
   const o = [], r = n || xv, s = e.length - 1;
   for (let a = 0; a < s; a++) {
     let c = r(e[a], e[a + 1]);
@@ -23701,7 +23701,7 @@ function F5(e, t, n) {
   }
   return o;
 }
-function V5(e, t, { clamp: n = !0, ease: o, mixer: r } = {}) {
+function VM(e, t, { clamp: n = !0, ease: o, mixer: r } = {}) {
   const s = e.length;
   if (io(s === t.length, "Both input and output ranges must be the same length"), s === 1)
     return () => t[0];
@@ -23709,7 +23709,7 @@ function V5(e, t, { clamp: n = !0, ease: o, mixer: r } = {}) {
     return () => t[1];
   const a = e[0] === e[1];
   e[0] > e[s - 1] && (e = [...e].reverse(), t = [...t].reverse());
-  const c = F5(t, o, r), l = c.length, u = (d) => {
+  const c = FM(t, o, r), l = c.length, u = (d) => {
     if (a && d < e[0])
       return t[0];
     let p = 0;
@@ -23721,41 +23721,41 @@ function V5(e, t, { clamp: n = !0, ease: o, mixer: r } = {}) {
   };
   return n ? (d) => u(Yn(e[0], e[s - 1], d)) : u;
 }
-function L5(e, t) {
+function LM(e, t) {
   const n = e[e.length - 1];
   for (let o = 1; o <= t; o++) {
     const r = /* @__PURE__ */ br(0, t, o);
     e.push(dt(n, 1, r));
   }
 }
-function $5(e) {
+function $M(e) {
   const t = [0];
-  return L5(t, e.length - 1), t;
+  return LM(t, e.length - 1), t;
 }
-function _5(e, t) {
+function _M(e, t) {
   return e.map((n) => n * t);
 }
-function W5(e, t) {
+function WM(e, t) {
   return e.map(() => t || Iv).splice(0, e.length - 1);
 }
 function ui({ duration: e = 300, keyframes: t, times: n, ease: o = "easeInOut" }) {
-  const r = j5(o) ? o.map(wh) : wh(o), s = {
+  const r = jM(o) ? o.map(wh) : wh(o), s = {
     done: !1,
     value: t[0]
-  }, a = _5(
+  }, a = _M(
     // Only use the provided offsets if they're the correct length
     // TODO Maybe we should warn here if there's a length mismatch
-    n && n.length === t.length ? n : $5(t),
+    n && n.length === t.length ? n : $M(t),
     e
-  ), c = V5(a, t, {
-    ease: Array.isArray(r) ? r : W5(t, r)
+  ), c = VM(a, t, {
+    ease: Array.isArray(r) ? r : WM(t, r)
   });
   return {
     calculatedDuration: e,
     next: (l) => (s.value = c(l), s.done = l >= e, s)
   };
 }
-const G5 = (e) => {
+const GM = (e) => {
   const t = ({ timestamp: n }) => e(n);
   return {
     start: () => ot.update(t, !0),
@@ -23766,13 +23766,13 @@ const G5 = (e) => {
      */
     now: () => wt.isProcessing ? wt.timestamp : Fn.now()
   };
-}, z5 = {
+}, zM = {
   decay: Th,
   inertia: Th,
   tween: ui,
   keyframes: ui,
   spring: Ev
-}, H5 = (e) => e / 100;
+}, HM = (e) => e / 100;
 class zd extends vv {
   constructor(t) {
     super(t), this.holdTime = null, this.cancelTime = null, this.currentTime = 0, this.playbackSpeed = 1, this.pendingPlayState = "running", this.startTime = null, this.state = "idle", this.stop = () => {
@@ -23789,9 +23789,9 @@ class zd extends vv {
     super.flatten(), this._resolved && Object.assign(this._resolved, this.initPlayback(this._resolved.keyframes));
   }
   initPlayback(t) {
-    const { type: n = "keyframes", repeat: o = 0, repeatDelay: r = 0, repeatType: s, velocity: a = 0 } = this.options, c = Md(n) ? n : z5[n] || ui;
+    const { type: n = "keyframes", repeat: o = 0, repeatDelay: r = 0, repeatType: s, velocity: a = 0 } = this.options, c = Md(n) ? n : zM[n] || ui;
     let l, u;
-    process.env.NODE_ENV !== "production" && c !== ui && io(t.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${t}`), c !== ui && typeof t[0] != "number" && (l = Zi(H5, xv(t[0], t[1])), t = [0, 100]);
+    process.env.NODE_ENV !== "production" && c !== ui && io(t.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${t}`), c !== ui && typeof t[0] != "number" && (l = Zi(HM, xv(t[0], t[1])), t = [0, 100]);
     const d = c({ ...this.options, keyframes: t });
     s === "mirror" && (u = c({
       ...this.options,
@@ -23862,7 +23862,7 @@ class zd extends vv {
     }
     if (this.isStopped)
       return;
-    const { driver: t = G5, onPlay: n, startTime: o } = this.options;
+    const { driver: t = GM, onPlay: n, startTime: o } = this.options;
     this.driver || (this.driver = t((s) => this.tick(s))), n && n();
     const r = this.driver.now();
     this.holdTime !== null ? this.startTime = r - this.holdTime : this.startTime ? this.state === "finished" && (this.startTime = r) : this.startTime = o ?? this.calcStartTime(), this.state === "finished" && this.updateFinishedPromise(), this.cancelTime = this.startTime, this.holdTime = null, this.state = "running", this.driver.start();
@@ -23896,7 +23896,7 @@ class zd extends vv {
     return this.startTime = 0, this.tick(t, !0);
   }
 }
-const X5 = /* @__PURE__ */ new Set([
+const XM = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",
   "filter",
@@ -23905,7 +23905,7 @@ const X5 = /* @__PURE__ */ new Set([
   // or until we implement support for linear() easing.
   // "background-color"
 ]);
-function U5(e, t, n, { delay: o = 0, duration: r = 300, repeat: s = 0, repeatType: a = "loop", ease: c = "easeInOut", times: l } = {}) {
+function UM(e, t, n, { delay: o = 0, duration: r = 300, repeat: s = 0, repeatType: a = "loop", ease: c = "easeInOut", times: l } = {}) {
   const u = { [t]: n };
   l && (u.offset = l);
   const d = G0(c, r);
@@ -23918,11 +23918,11 @@ function U5(e, t, n, { delay: o = 0, duration: r = 300, repeat: s = 0, repeatTyp
     direction: a === "reverse" ? "alternate" : "normal"
   });
 }
-const Y5 = /* @__PURE__ */ md(() => Object.hasOwnProperty.call(Element.prototype, "animate")), ra = 10, Z5 = 2e4;
-function J5(e) {
+const YM = /* @__PURE__ */ md(() => Object.hasOwnProperty.call(Element.prototype, "animate")), ra = 10, ZM = 2e4;
+function JM(e) {
   return Md(e.type) || e.type === "spring" || !W0(e.ease);
 }
-function q5(e, t) {
+function qM(e, t) {
   const n = new zd({
     ...t,
     keyframes: e,
@@ -23933,7 +23933,7 @@ function q5(e, t) {
   let o = { done: !1, value: e[0] };
   const r = [];
   let s = 0;
-  for (; !o.done && s < Z5; )
+  for (; !o.done && s < ZM; )
     o = n.sample(s), r.push(o.value), s += ra;
   return {
     times: void 0,
@@ -23947,7 +23947,7 @@ const Tv = {
   backInOut: ev,
   circInOut: ov
 };
-function K5(e) {
+function KM(e) {
   return e in Tv;
 }
 class Rh extends vv {
@@ -23960,11 +23960,11 @@ class Rh extends vv {
     let { duration: o = 300, times: r, ease: s, type: a, motionValue: c, name: l, startTime: u } = this.options;
     if (!c.owner || !c.owner.current)
       return !1;
-    if (typeof s == "string" && na() && K5(s) && (s = Tv[s]), J5(this.options)) {
-      const { onComplete: p, onUpdate: f, motionValue: g, element: m, ...h } = this.options, b = q5(t, h);
+    if (typeof s == "string" && na() && KM(s) && (s = Tv[s]), JM(this.options)) {
+      const { onComplete: p, onUpdate: f, motionValue: g, element: m, ...h } = this.options, b = qM(t, h);
       t = b.keyframes, t.length === 1 && (t[1] = t[0]), o = b.duration, r = b.times, s = b.ease, a = "keyframes";
     }
-    const d = U5(c.owner.current, l, t, { ...this.options, duration: o, times: r, ease: s });
+    const d = UM(c.owner.current, l, t, { ...this.options, duration: o, times: r, ease: s });
     return d.startTime = u ?? this.calcStartTime(), this.pendingTimeline ? (ch(d, this.pendingTimeline), this.pendingTimeline = void 0) : d.onfinish = () => {
       const { onComplete: p } = this.options;
       c.set(tl(t, this.options, n)), p && p(), this.cancel(), this.resolveFinishedPromise();
@@ -24096,14 +24096,14 @@ class Rh extends vv {
     if (!n || !n.owner || !(n.owner.current instanceof HTMLElement))
       return !1;
     const { onUpdate: l, transformTemplate: u } = n.owner.getProps();
-    return Y5() && o && X5.has(o) && /**
+    return YM() && o && XM.has(o) && /**
      * If we're outputting values to onUpdate then we can't use WAAPI as there's
      * no way to read the value from WAAPI every frame.
      */
     !l && !u && !r && s !== "mirror" && a !== 0 && c !== "inertia";
   }
 }
-const Q5 = {
+const QM = {
   type: "spring",
   stiffness: 500,
   damping: 25,
@@ -24120,7 +24120,7 @@ const Q5 = {
   type: "keyframes",
   ease: [0.25, 0.1, 0.35, 1],
   duration: 0.3
-}, oN = (e, { keyframes: t }) => t.length > 2 ? tN : _o.has(e) ? e.startsWith("scale") ? eN(t[1]) : Q5 : nN;
+}, oN = (e, { keyframes: t }) => t.length > 2 ? tN : _o.has(e) ? e.startsWith("scale") ? eN(t[1]) : QM : nN;
 function rN({ when: e, delay: t, delayChildren: n, staggerChildren: o, staggerDirection: r, repeat: s, repeatType: a, repeatDelay: c, from: l, elapsed: u, ...d }) {
   return !!Object.keys(d).length;
 }
@@ -24154,7 +24154,7 @@ const Hd = (e, t, n, o = {}, r, s) => (a) => {
     if (f !== void 0)
       return ot.update(() => {
         d.onUpdate(f), d.onComplete();
-      }), new EM([]);
+      }), new E5([]);
   }
   return !s && Rh.supports(d) ? new Rh(d) : new zd(d);
 };
@@ -24189,7 +24189,7 @@ function Sv(e, t, { delay: n = 0, transitionOverride: o, type: r } = {}) {
   }
   return c && Promise.all(u).then(() => {
     ot.update(() => {
-      c && FM(e, c);
+      c && F5(e, c);
     });
   }), u;
 }
@@ -24735,7 +24735,7 @@ class $N {
       p ? this.pauseAnimation() : this.stopAnimation(), n && this.snapToCursor(Ji(d).point);
     }, s = (d, p) => {
       const { drag: f, dragPropagation: g, onDragStart: m } = this.getProps();
-      if (f && !g && (this.openDragLock && this.openDragLock(), this.openDragLock = NM(f), !this.openDragLock))
+      if (f && !g && (this.openDragLock && this.openDragLock(), this.openDragLock = N5(f), !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), un((b) => {
         let y = this.getAxisMotionValue(b).get() || 0;
@@ -25878,7 +25878,7 @@ function mm(e, t, n) {
 class O4 extends ho {
   mount() {
     const { current: t } = this.node;
-    t && (this.unmount = wM(t, (n, o) => (mm(this.node, o, "Start"), (r) => mm(this.node, r, "End"))));
+    t && (this.unmount = w5(t, (n, o) => (mm(this.node, o, "Start"), (r) => mm(this.node, r, "End"))));
   }
   unmount() {
   }
@@ -25916,7 +25916,7 @@ function gm(e, t, n) {
 class P4 extends ho {
   mount() {
     const { current: t } = this.node;
-    t && (this.unmount = PM(t, (n, o) => (gm(this.node, o, "Start"), (r, { success: s }) => gm(this.node, r, s ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
+    t && (this.unmount = P5(t, (n, o) => (gm(this.node, o, "Start"), (r, { success: s }) => gm(this.node, r, s ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
   }
   unmount() {
   }
@@ -26311,7 +26311,7 @@ class Y4 extends Xv {
 }
 const Z4 = (e, t) => Sd(e) ? new Y4(t) : new U4(t, {
   allowProjection: e !== hi
-}), J4 = /* @__PURE__ */ yM({
+}), J4 = /* @__PURE__ */ y5({
   ...vN,
   ...V4,
   ...R4,
@@ -29318,10 +29318,25 @@ function Ry({ sort: e, data: t, pagination: n, columns: o, nested: r, baseUrl: s
                   F
                 ),
                 /* @__PURE__ */ v.jsx(
-                  Xd,
+                  ce,
                   {
+                    component: Xd,
                     id: F,
-                    className: `${c.mode === "dark" ? "dark-border" : "light-border"}`,
+                    sx: {
+                      padding: 0,
+                      position: "relative",
+                      borderBottom: `0.1rem solid ${c.palette.primary.notifyBorderColor}`,
+                      "&::after": m ? {
+                        content: '""',
+                        position: "absolute",
+                        left: "50%",
+                        top: "50%",
+                        transform: "translate(0%, -50%)",
+                        width: "0.2rem",
+                        height: "50%",
+                        background: c.palette.primary.notifyBorderColor
+                      } : {}
+                    },
                     disabled: !m
                   }
                 )