renderloom 1.0.8 → 1.0.10

package/dist/renderloom.js

@@ -1,7 +1,7 @@
 import * as rs from "react";
-import Lt, { forwardRef as tn, createElement as Gt, createContext as Pe, useRef as re, useLayoutEffect as Ra, useEffect as Ne, useId as sn, useContext as ne, useInsertionEffect as nn, useMemo as Ye, useCallback as Yt, Children as Da, isValidElement as La, useState as z, Fragment as Ti, Component as Ia } from "react";
+import Lt, { forwardRef as tn, createElement as Gt, createContext as Pe, useRef as re, useLayoutEffect as Ra, useEffect as Ce, useId as sn, useContext as ne, useInsertionEffect as nn, useMemo as Ye, useCallback as Yt, Children as Da, isValidElement as La, useState as z, Fragment as Ti, Component as Ia } from "react";
 import za from "react-dom";
-var Nt = { exports: {} }, ot = {};
+var Ct = { exports: {} }, ot = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -276,7 +276,7 @@ React keys must be passed directly to JSX without using spread:
 }
 var Bn;
 function Ba() {
-  return Bn || (Bn = 1, process.env.NODE_ENV === "production" ? Nt.exports = Oa() : Nt.exports = Fa()), Nt.exports;
+  return Bn || (Bn = 1, process.env.NODE_ENV === "production" ? Ct.exports = Oa() : Ct.exports = Fa()), Ct.exports;
 }
 var l = Ba();
 /**
@@ -428,7 +428,7 @@ const Qa = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], el = Y("check",
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const tl = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Ci = Y("chevron-down", tl);
+const tl = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Ni = Y("chevron-down", tl);
 /**
  * @license lucide-react v0.562.0 - ISC
  *
@@ -453,7 +453,7 @@ const rl = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
-], Ni = Y("circle-alert", rl);
+], Ci = Y("circle-alert", rl);
 /**
  * @license lucide-react v0.562.0 - ISC
  *
@@ -628,13 +628,13 @@ const Tl = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Cl = [
+const Nl = [
   ["path", { d: "M10 11v6", key: "nco0om" }],
   ["path", { d: "M14 11v6", key: "outv1u" }],
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
-], Nl = Y("trash-2", Cl);
+], Cl = Y("trash-2", Nl);
 /**
  * @license lucide-react v0.562.0 - ISC
  *
@@ -666,7 +666,7 @@ function ln(e) {
   const t = re(null);
   return t.current === null && (t.current = e()), t.current;
 }
-const Ml = typeof window < "u", Ai = Ml ? Ra : Ne, os = /* @__PURE__ */ Pe(null);
+const Ml = typeof window < "u", Ai = Ml ? Ra : Ce, os = /* @__PURE__ */ Pe(null);
 function cn(e, t) {
   e.indexOf(t) === -1 && e.push(t);
 }
@@ -911,7 +911,7 @@ const Ms = {
   test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
   parse: parseFloat,
   transform: (t) => `${t}${e}`
-}), Ee = /* @__PURE__ */ wt("deg"), je = /* @__PURE__ */ wt("%"), N = /* @__PURE__ */ wt("px"), Hl = /* @__PURE__ */ wt("vh"), Xl = /* @__PURE__ */ wt("vw"), Hn = {
+}), Ee = /* @__PURE__ */ wt("deg"), je = /* @__PURE__ */ wt("%"), C = /* @__PURE__ */ wt("px"), Hl = /* @__PURE__ */ wt("vh"), Xl = /* @__PURE__ */ wt("vw"), Hn = {
   ...je,
   parse: (e) => je.parse(e) / 100,
   transform: (e) => je.transform(e * 100)
@@ -1333,11 +1333,11 @@ function Sc(e, t) {
     e.push(W(s, 1, r));
   }
 }
-function Cc(e) {
+function Nc(e) {
   const t = [0];
   return Sc(t, e.length - 1), t;
 }
-function Nc(e, t) {
+function Cc(e, t) {
   return e.map((s) => s * t);
 }
 function Ac(e, t) {
@@ -1347,10 +1347,10 @@ function Ze({ duration: e = 300, keyframes: t, times: s, ease: n = "easeInOut" }
   const r = zl(n) ? n.map(Yn) : Yn(n), o = {
     done: !1,
     value: t[0]
-  }, i = Nc(
+  }, i = Cc(
     // Only use the provided offsets if they're the correct length
     // TODO Maybe we should warn here if there's a length mismatch
-    s && s.length === t.length ? s : Cc(t),
+    s && s.length === t.length ? s : Nc(t),
     e
   ), a = Tc(i, t, {
     ease: Array.isArray(r) ? r : Ac(t, r)
@@ -1613,7 +1613,7 @@ const rt = [
   "skew",
   "skewX",
   "skewY"
-], it = new Set(rt), sr = (e) => e === nt || e === N, zc = /* @__PURE__ */ new Set(["x", "y", "z"]), Oc = rt.filter((e) => !zc.has(e));
+], it = new Set(rt), sr = (e) => e === nt || e === C, zc = /* @__PURE__ */ new Set(["x", "y", "z"]), Oc = rt.filter((e) => !zc.has(e));
 function Fc(e) {
   const t = [];
   return Oc.forEach((s) => {
@@ -2536,12 +2536,12 @@ function jd(e, t, s = {}) {
 const Td = {
   test: (e) => e === "auto",
   parse: (e) => e
-}, vo = (e) => (t) => t.test(e), wo = [nt, N, je, Ee, Xl, Hl, Td], ar = (e) => wo.find(vo(e));
+}, vo = (e) => (t) => t.test(e), wo = [nt, C, je, Ee, Xl, Hl, Td], ar = (e) => wo.find(vo(e));
 function Sd(e) {
   return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || Ei(e) : !0;
 }
-const Cd = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function Nd(e) {
+const Nd = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function Cd(e) {
   const [t, s] = e.slice(0, -1).split("(");
   if (t === "drop-shadow")
     return e;
@@ -2549,14 +2549,14 @@ function Nd(e) {
   if (!n)
     return e;
   const r = s.replace(n, "");
-  let o = Cd.has(t) ? 1 : 0;
+  let o = Nd.has(t) ? 1 : 0;
   return n !== s && (o *= 100), t + "(" + o + r + ")";
 }
 const Ad = /\b([a-z-]*)\(.*?\)/gu, Gs = {
   ...ye,
   getAnimatableNone: (e) => {
     const t = e.match(Ad);
-    return t ? t.map(Nd).join(" ") : e;
+    return t ? t.map(Cd).join(" ") : e;
   }
 }, Ys = {
   ...ye,
@@ -2579,75 +2579,75 @@ const Ad = /\b([a-z-]*)\(.*?\)/gu, Gs = {
   skew: Ee,
   skewX: Ee,
   skewY: Ee,
-  distance: N,
-  translateX: N,
-  translateY: N,
-  translateZ: N,
-  x: N,
-  y: N,
-  z: N,
-  perspective: N,
-  transformPerspective: N,
+  distance: C,
+  translateX: C,
+  translateY: C,
+  translateZ: C,
+  x: C,
+  y: C,
+  z: C,
+  perspective: C,
+  transformPerspective: C,
   opacity: pt,
   originX: Hn,
   originY: Hn,
-  originZ: N
+  originZ: C
 }, Sn = {
   // Border props
-  borderWidth: N,
-  borderTopWidth: N,
-  borderRightWidth: N,
-  borderBottomWidth: N,
-  borderLeftWidth: N,
-  borderRadius: N,
-  borderTopLeftRadius: N,
-  borderTopRightRadius: N,
-  borderBottomRightRadius: N,
-  borderBottomLeftRadius: N,
+  borderWidth: C,
+  borderTopWidth: C,
+  borderRightWidth: C,
+  borderBottomWidth: C,
+  borderLeftWidth: C,
+  borderRadius: C,
+  borderTopLeftRadius: C,
+  borderTopRightRadius: C,
+  borderBottomRightRadius: C,
+  borderBottomLeftRadius: C,
   // Positioning props
-  width: N,
-  maxWidth: N,
-  height: N,
-  maxHeight: N,
-  top: N,
-  right: N,
-  bottom: N,
-  left: N,
-  inset: N,
-  insetBlock: N,
-  insetBlockStart: N,
-  insetBlockEnd: N,
-  insetInline: N,
-  insetInlineStart: N,
-  insetInlineEnd: N,
+  width: C,
+  maxWidth: C,
+  height: C,
+  maxHeight: C,
+  top: C,
+  right: C,
+  bottom: C,
+  left: C,
+  inset: C,
+  insetBlock: C,
+  insetBlockStart: C,
+  insetBlockEnd: C,
+  insetInline: C,
+  insetInlineStart: C,
+  insetInlineEnd: C,
   // Spacing props
-  padding: N,
-  paddingTop: N,
-  paddingRight: N,
-  paddingBottom: N,
-  paddingLeft: N,
-  paddingBlock: N,
-  paddingBlockStart: N,
-  paddingBlockEnd: N,
-  paddingInline: N,
-  paddingInlineStart: N,
-  paddingInlineEnd: N,
-  margin: N,
-  marginTop: N,
-  marginRight: N,
-  marginBottom: N,
-  marginLeft: N,
-  marginBlock: N,
-  marginBlockStart: N,
-  marginBlockEnd: N,
-  marginInline: N,
-  marginInlineStart: N,
-  marginInlineEnd: N,
+  padding: C,
+  paddingTop: C,
+  paddingRight: C,
+  paddingBottom: C,
+  paddingLeft: C,
+  paddingBlock: C,
+  paddingBlockStart: C,
+  paddingBlockEnd: C,
+  paddingInline: C,
+  paddingInlineStart: C,
+  paddingInlineEnd: C,
+  margin: C,
+  marginTop: C,
+  marginRight: C,
+  marginBottom: C,
+  marginLeft: C,
+  marginBlock: C,
+  marginBlockStart: C,
+  marginBlockEnd: C,
+  marginInline: C,
+  marginInlineStart: C,
+  marginInlineEnd: C,
   // Typography
-  fontSize: N,
+  fontSize: C,
   // Misc
-  backgroundPositionX: N,
-  backgroundPositionY: N,
+  backgroundPositionX: C,
+  backgroundPositionY: C,
   ...Pd,
   zIndex: lr,
   // SVG
@@ -2762,11 +2762,11 @@ const So = (e, t) => t && typeof e == "number" ? t.transform(e) : e;
 function zt(e) {
   return Mi(e) && "offsetHeight" in e && !("ownerSVGElement" in e);
 }
-const { schedule: Cn } = /* @__PURE__ */ Ui(queueMicrotask, !1), xe = {
+const { schedule: Nn } = /* @__PURE__ */ Ui(queueMicrotask, !1), xe = {
   x: !1,
   y: !1
 };
-function Co() {
+function No() {
   return xe.x || xe.y;
 }
 function Ld(e) {
@@ -2776,7 +2776,7 @@ function Ld(e) {
     xe.x = xe.y = !1;
   });
 }
-function No(e, t) {
+function Co(e, t) {
   const s = To(e), n = new AbortController(), r = {
     passive: !0,
     ...t,
@@ -2785,10 +2785,10 @@ function No(e, t) {
   return [s, r, () => n.abort()];
 }
 function Id(e) {
-  return !(e.pointerType === "touch" || Co());
+  return !(e.pointerType === "touch" || No());
 }
 function zd(e, t, s = {}) {
-  const [n, r, o] = No(e, s);
+  const [n, r, o] = Co(e, s);
   return n.forEach((i) => {
     let a = !1, c = !1, d;
     const u = () => {
@@ -2817,7 +2817,7 @@ function zd(e, t, s = {}) {
     i.addEventListener("pointerenter", p, r), i.addEventListener("pointerdown", m, r);
   }), o;
 }
-const Ao = (e, t) => t ? e === t ? !0 : Ao(e, t.parentElement) : !1, Nn = (e) => e.pointerType === "mouse" ? typeof e.button != "number" || e.button <= 0 : e.isPrimary !== !1, Od = /* @__PURE__ */ new Set([
+const Ao = (e, t) => t ? e === t ? !0 : Ao(e, t.parentElement) : !1, Cn = (e) => e.pointerType === "mouse" ? typeof e.button != "number" || e.button <= 0 : e.isPrimary !== !1, Od = /* @__PURE__ */ new Set([
   "BUTTON",
   "INPUT",
   "SELECT",
@@ -2856,11 +2856,11 @@ const $d = (e, t) => {
   s.addEventListener("keydown", n, t), s.addEventListener("blur", () => s.removeEventListener("keydown", n), t);
 };
 function dr(e) {
-  return Nn(e) && !Co();
+  return Cn(e) && !No();
 }
 const ur = /* @__PURE__ */ new WeakSet();
 function Wd(e, t, s = {}) {
-  const [n, r, o] = No(e, s), i = (a) => {
+  const [n, r, o] = Co(e, s), i = (a) => {
     const c = a.currentTarget;
     if (!dr(a) || ur.has(a))
       return;
@@ -3238,7 +3238,7 @@ class ou {
     this.events[t] && this.events[t].notify(...s);
   }
   scheduleRenderMicrotask() {
-    Cn.render(this.render);
+    Nn.render(this.render);
   }
 }
 class Ro extends ou {
@@ -3423,7 +3423,7 @@ const lt = {
     if (!t.target)
       return e;
     if (typeof e == "string")
-      if (N.test(e))
+      if (C.test(e))
         e = parseFloat(e);
       else
         return e;
@@ -3626,11 +3626,11 @@ function Go(e, t) {
   return !0;
 }
 const Tu = [...Pn].reverse(), Su = Pn.length;
-function Cu(e) {
+function Nu(e) {
   return (t) => Promise.all(t.map(({ animation: s, options: n }) => jd(e, s, n)));
 }
-function Nu(e) {
-  let t = Cu(e), s = jr(), n = !0, r = !1;
+function Cu(e) {
+  let t = Nu(e), s = jr(), n = !0, r = !1;
   const o = (d) => (u, f) => {
     var m;
     const h = Ge(e, f, d === "exit" ? (m = e.presenceContext) == null ? void 0 : m.custom : void 0);
@@ -3782,19 +3782,19 @@ function Sr(e, t, s, n = 0.5) {
 function ft(e, t, s, n) {
   Sr(e.x, t.x, s.x, n ? n.originX : void 0), Sr(e.y, t.y, s.y, n ? n.originY : void 0);
 }
-function Cr(e, t, s, n = 0) {
+function Nr(e, t, s, n = 0) {
   const r = n ? W(s.min, s.max, n) : s.min;
   e.min = r + t.min, e.max = e.min + ue(t);
 }
 function Du(e, t, s, n) {
-  Cr(e.x, t.x, s.x, n == null ? void 0 : n.x), Cr(e.y, t.y, s.y, n == null ? void 0 : n.y);
+  Nr(e.x, t.x, s.x, n == null ? void 0 : n.x), Nr(e.y, t.y, s.y, n == null ? void 0 : n.y);
 }
-function Nr(e, t, s, n = 0) {
+function Cr(e, t, s, n = 0) {
   const r = n ? W(s.min, s.max, n) : s.min;
   e.min = t.min - r, e.max = e.min + ue(t);
 }
 function ts(e, t, s, n) {
-  Nr(e.x, t.x, s.x, n == null ? void 0 : n.x), Nr(e.y, t.y, s.y, n == null ? void 0 : n.y);
+  Cr(e.x, t.x, s.x, n == null ? void 0 : n.x), Cr(e.y, t.y, s.y, n == null ? void 0 : n.y);
 }
 function Ar(e, t, s, n, r) {
   return e -= t, e = es(e, 1 / s, n), r !== void 0 && (e = es(e, 1 / r, n)), e;
@@ -3854,7 +3854,7 @@ const qo = [
   "borderTopRightRadius",
   "borderBottomLeftRadius",
   "borderBottomRightRadius"
-], Bu = qo.length, Ir = (e) => typeof e == "string" ? parseFloat(e) : e, zr = (e) => typeof e == "number" || N.test(e);
+], Bu = qo.length, Ir = (e) => typeof e == "string" ? parseFloat(e) : e, zr = (e) => typeof e == "number" || C.test(e);
 function _u(e, t, s, n, r, o) {
   r ? (e.opacity = W(0, s.opacity ?? 1, $u(n)), e.opacityExit = W(t.opacity ?? 1, 0, Wu(n))) : o && (e.opacity = W(t.opacity ?? 1, s.opacity ?? 1, n));
   for (let i = 0; i < Bu; i++) {
@@ -4107,7 +4107,7 @@ function Qo({ attachResizeListener: e, defaultParent: t, measureScroll: s, check
       ie.delta = Te(0, 1e3 / 60, a - ie.timestamp), ie.timestamp = a, ie.isProcessing = !0, fs.update.process(ie), fs.preRender.process(ie), fs.render.process(ie), ie.isProcessing = !1;
     }
     didUpdate() {
-      this.updateScheduled || (this.updateScheduled = !0, Cn.read(this.scheduleUpdate));
+      this.updateScheduled || (this.updateScheduled = !0, Nn.read(this.scheduleUpdate));
     }
     clearAllSnapshots() {
       this.nodes.forEach(tf), this.sharedNodes.forEach(cf);
@@ -4703,7 +4703,7 @@ function sa(e = !0) {
   if (t === null)
     return [!0, null];
   const { isPresent: s, onExitComplete: n, register: r } = t, o = sn();
-  Ne(() => {
+  Ce(() => {
     if (e)
       return r(o);
   }, [e]);
@@ -4839,7 +4839,7 @@ try {
   Sf(require("@emotion/is-prop-valid").default);
 } catch {
 }
-function Cf(e, t, s) {
+function Nf(e, t, s) {
   const n = {};
   for (const r in e)
     r === "values" && typeof e.values == "object" || oe(e[r]) || (ia(r) || s === !0 && ss(r) || !t && !ss(r) || // If trying to use native HTML drag events, forward drag listeners
@@ -4847,7 +4847,7 @@ function Cf(e, t, s) {
   return n;
 }
 const ds = /* @__PURE__ */ Pe({});
-function Nf(e, t) {
+function Cf(e, t) {
   if (cs(e)) {
     const { initial: s, animate: n } = e;
     return {
@@ -4858,7 +4858,7 @@ function Nf(e, t) {
   return e.inherit !== !1 ? t : {};
 }
 function Af(e) {
-  const { initial: t, animate: s } = Nf(e, ne(ds));
+  const { initial: t, animate: s } = Cf(e, ne(ds));
   return Ye(() => ({ initial: t, animate: s }), [Zr(t), Zr(s)]);
 }
 function Zr(e) {
@@ -4954,7 +4954,7 @@ function Ln(e) {
   );
 }
 function Df(e, t, s, { latestValues: n }, r, o = !1, i) {
-  const c = (i ?? Ln(e) ? Vf : Ef)(t, n, r, e), d = Cf(t, typeof e == "string", o), u = e !== Ti ? { ...d, ...c, ref: s } : {}, { children: f } = t, h = Ye(() => oe(f) ? f.get() : f, [f]);
+  const c = (i ?? Ln(e) ? Vf : Ef)(t, n, r, e), d = Nf(t, typeof e == "string", o), u = e !== Ti ? { ...d, ...c, ref: s } : {}, { children: f } = t, h = Ye(() => oe(f) ? f.get() : f, [f]);
   return Gt(e, {
     ...u,
     children: h
@@ -5052,7 +5052,7 @@ function _f(e, t, s, n, r, o) {
   const w = s[xo], b = re(!!w && typeof window < "u" && !((y = window.MotionHandoffIsComplete) != null && y.call(window, w)) && ((j = window.MotionHasOptimisedAnimation) == null ? void 0 : j.call(window, w)));
   return Ai(() => {
     m.current = !0, g && (x.current = !0, window.MotionIsMounted = !0, g.updateFeatures(), g.scheduleRenderMicrotask(), b.current && g.animationState && g.animationState.animateChanges());
-  }), Ne(() => {
+  }), Ce(() => {
     g && (!b.current && g.animationState && g.animationState.animateChanges(), b.current && (queueMicrotask(() => {
       var T;
       (T = window.MotionHandoffMarkAsComplete) == null || T.call(window, w);
@@ -5150,7 +5150,7 @@ class Hf extends ze {
    * so people can optionally code split it out using the `m` component.
    */
   constructor(t) {
-    super(t), t.animationState || (t.animationState = Nu(t));
+    super(t), t.animationState || (t.animationState = Cu(t));
   }
   updateAnimationControlsSubscription() {
     const { animate: t } = this.node.getProps();
@@ -5228,7 +5228,7 @@ function kt(e) {
     }
   };
 }
-const Jf = (e) => (t) => Nn(t) && e(t, kt(t));
+const Jf = (e) => (t) => Cn(t) && e(t, kt(t));
 function ht(e, t, s, n) {
   return xt(e, t, Jf(s), n);
 }
@@ -5264,7 +5264,7 @@ class fa {
         return;
       const b = Ts(m.type === "pointercancel" ? this.lastMoveEventInfo : Et(g, this.transformPagePoint), this.history);
       this.startEvent && p && p(m, b), x && x(m, b);
-    }, !Nn(t))
+    }, !Cn(t))
       return;
     this.dragSnapToOrigin = o, this.handlers = s, this.transformPagePoint = n, this.distanceThreshold = i, this.contextWindow = r || window;
     const c = kt(t), d = Et(c, this.transformPagePoint), { point: u } = d, { timestamp: f } = ie;
@@ -5717,7 +5717,7 @@ class hh extends ze {
     this.removePointerDownListener(), this.session && this.session.end();
   }
 }
-let Cs = !1;
+let Ns = !1;
 class mh extends Ia {
   /**
    * This only mounts projection nodes for components that
@@ -5726,7 +5726,7 @@ class mh extends Ia {
    */
   componentDidMount() {
     const { visualElement: t, layoutGroup: s, switchLayoutGroup: n, layoutId: r } = this.props, { projection: o } = t;
-    o && (s.group && s.group.add(o), n && n.register && r && n.register(o), Cs && o.root.didUpdate(), o.addEventListener("animationComplete", () => {
+    o && (s.group && s.group.add(o), n && n.register && r && n.register(o), Ns && o.root.didUpdate(), o.addEventListener("animationComplete", () => {
       this.safeToRemove();
     }), o.setOptions({
       ...o.options,
@@ -5739,20 +5739,20 @@ class mh extends Ia {
     return i && (i.isPresent = o, t.layoutDependency !== s && i.setOptions({
       ...i.options,
       layoutDependency: s
-    }), Cs = !0, r || t.layoutDependency !== s || s === void 0 || t.isPresent !== o ? i.willUpdate() : this.safeToRemove(), t.isPresent !== o && (o ? i.promote() : i.relegate() || F.postRender(() => {
+    }), Ns = !0, r || t.layoutDependency !== s || s === void 0 || t.isPresent !== o ? i.willUpdate() : this.safeToRemove(), t.isPresent !== o && (o ? i.promote() : i.relegate() || F.postRender(() => {
       const a = i.getStack();
       (!a || !a.members.length) && this.safeToRemove();
     }))), null;
   }
   componentDidUpdate() {
     const { visualElement: t, layoutAnchor: s } = this.props, { projection: n } = t;
-    n && (n.options.layoutAnchor = s, n.root.didUpdate(), Cn.postRender(() => {
+    n && (n.options.layoutAnchor = s, n.root.didUpdate(), Nn.postRender(() => {
       !n.currentAnimation && n.isLead() && this.safeToRemove();
     }));
   }
   componentWillUnmount() {
     const { visualElement: t, layoutGroup: s, switchLayoutGroup: n } = this.props, { projection: r } = t;
-    Cs = !0, r && (r.scheduleCheckAfterUnmount(), s && s.group && s.group.remove(r), n && n.deregister && n.deregister(r));
+    Ns = !0, r && (r.scheduleCheckAfterUnmount(), s && s.group && s.group.remove(r), n && n.deregister && n.deregister(r));
   }
   safeToRemove() {
     const { safeToRemove: t } = this.props;
@@ -5834,7 +5834,7 @@ class yh extends ze {
   unmount() {
   }
 }
-const Qs = /* @__PURE__ */ new WeakMap(), Ns = /* @__PURE__ */ new WeakMap(), bh = (e) => {
+const Qs = /* @__PURE__ */ new WeakMap(), Cs = /* @__PURE__ */ new WeakMap(), bh = (e) => {
   const t = Qs.get(e.target);
   t && t(e);
 }, vh = (e) => {
@@ -5842,8 +5842,8 @@ const Qs = /* @__PURE__ */ new WeakMap(), Ns = /* @__PURE__ */ new WeakMap(), bh
 };
 function wh({ root: e, ...t }) {
   const s = e || document;
-  Ns.has(s) || Ns.set(s, {});
-  const n = Ns.get(s), r = JSON.stringify(t);
+  Cs.has(s) || Cs.set(s, {});
+  const n = Cs.get(s), r = JSON.stringify(t);
   return n[r] || (n[r] = new IntersectionObserver(vh, { root: e, ...t })), n[r];
 }
 function kh(e, t, s) {
@@ -5894,7 +5894,7 @@ class Th extends ze {
 function Sh({ viewport: e = {} }, { viewport: t = {} } = {}) {
   return (s) => e[s] !== t[s];
 }
-const Ch = {
+const Nh = {
   inView: {
     Feature: Th
   },
@@ -5907,16 +5907,16 @@ const Ch = {
   hover: {
     Feature: gh
   }
-}, Nh = {
+}, Ch = {
   layout: {
     ProjectionNode: ta,
     MeasureLayout: ma
   }
 }, Ah = {
   ...Zf,
-  ...Ch,
+  ...Nh,
   ...ph,
-  ...Nh
+  ...Ch
 }, I = /* @__PURE__ */ Yf(Ah, Kf);
 function pa(e) {
   var t, s, n = "";
@@ -6220,18 +6220,18 @@ const Mh = (e, t) => {
 }, Jh = [], te = (e) => {
   const t = (s) => s[e] || Jh;
   return t.isThemeGetter = !0, t;
-}, va = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, wa = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Qh = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, em = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, tm = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, sm = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, nm = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, rm = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Me = (e) => Qh.test(e), D = (e) => !!e && !Number.isNaN(Number(e)), be = (e) => !!e && Number.isInteger(Number(e)), As = (e) => e.endsWith("%") && D(e.slice(0, -1)), Ce = (e) => em.test(e), ka = () => !0, im = (e) => (
+}, va = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, wa = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Qh = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, em = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, tm = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, sm = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, nm = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, rm = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Me = (e) => Qh.test(e), D = (e) => !!e && !Number.isNaN(Number(e)), be = (e) => !!e && Number.isInteger(Number(e)), As = (e) => e.endsWith("%") && D(e.slice(0, -1)), Ne = (e) => em.test(e), ka = () => !0, im = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   tm.test(e) && !sm.test(e)
-), zn = () => !1, om = (e) => nm.test(e), am = (e) => rm.test(e), lm = (e) => !S(e) && !C(e), cm = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), dm = (e) => Oe(e, Sa, zn), S = (e) => va.test(e), Be = (e) => Oe(e, Ca, im), ui = (e) => Oe(e, ym, D), um = (e) => Oe(e, Aa, ka), fm = (e) => Oe(e, Na, zn), fi = (e) => Oe(e, ja, zn), hm = (e) => Oe(e, Ta, am), Rt = (e) => Oe(e, Pa, om), C = (e) => wa.test(e), ct = (e) => Ke(e, Ca), mm = (e) => Ke(e, Na), hi = (e) => Ke(e, ja), pm = (e) => Ke(e, Sa), gm = (e) => Ke(e, Ta), Dt = (e) => Ke(e, Pa, !0), xm = (e) => Ke(e, Aa, !0), Oe = (e, t, s) => {
+), zn = () => !1, om = (e) => nm.test(e), am = (e) => rm.test(e), lm = (e) => !S(e) && !N(e), cm = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), dm = (e) => Oe(e, Sa, zn), S = (e) => va.test(e), Be = (e) => Oe(e, Na, im), ui = (e) => Oe(e, ym, D), um = (e) => Oe(e, Aa, ka), fm = (e) => Oe(e, Ca, zn), fi = (e) => Oe(e, ja, zn), hm = (e) => Oe(e, Ta, am), Rt = (e) => Oe(e, Pa, om), N = (e) => wa.test(e), ct = (e) => Ke(e, Na), mm = (e) => Ke(e, Ca), hi = (e) => Ke(e, ja), pm = (e) => Ke(e, Sa), gm = (e) => Ke(e, Ta), Dt = (e) => Ke(e, Pa, !0), xm = (e) => Ke(e, Aa, !0), Oe = (e, t, s) => {
   const n = va.exec(e);
   return n ? n[1] ? t(n[1]) : s(n[2]) : !1;
 }, Ke = (e, t, s = !1) => {
   const n = wa.exec(e);
   return n ? n[1] ? t(n[1]) : s : !1;
-}, ja = (e) => e === "position" || e === "percentage", Ta = (e) => e === "image" || e === "url", Sa = (e) => e === "length" || e === "size" || e === "bg-size", Ca = (e) => e === "length", ym = (e) => e === "number", Na = (e) => e === "family-name", Aa = (e) => e === "number" || e === "weight", Pa = (e) => e === "shadow", bm = () => {
+}, ja = (e) => e === "position" || e === "percentage", Ta = (e) => e === "image" || e === "url", Sa = (e) => e === "length" || e === "size" || e === "bg-size", Na = (e) => e === "length", ym = (e) => e === "number", Ca = (e) => e === "family-name", Aa = (e) => e === "number" || e === "weight", Pa = (e) => e === "shadow", bm = () => {
   const e = te("color"), t = te("font"), s = te("text"), n = te("font-weight"), r = te("tracking"), o = te("leading"), i = te("breakpoint"), a = te("container"), c = te("spacing"), d = te("radius"), u = te("shadow"), f = te("inset-shadow"), h = te("text-shadow"), m = te("drop-shadow"), g = te("blur"), p = te("perspective"), x = te("aspect"), w = te("ease"), b = te("animate"), y = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], j = () => [
     "center",
     "top",
@@ -6250,51 +6250,51 @@ const Mh = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], T = () => [...j(), C, S], P = () => ["auto", "hidden", "clip", "visible", "scroll"], L = () => ["auto", "contain", "none"], k = () => [C, S, c], E = () => [Me, "full", "auto", ...k()], V = () => [be, "none", "subgrid", C, S], O = () => ["auto", {
-    span: ["full", be, C, S]
-  }, be, C, S], B = () => [be, "auto", C, S], ce = () => ["auto", "min", "max", "fr", C, S], ae = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], q = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], _ = () => ["auto", ...k()], pe = () => [Me, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], U = () => [Me, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...k()], Q = () => [Me, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...k()], A = () => [e, C, S], v = () => [...j(), hi, fi, {
-    position: [C, S]
+  ], T = () => [...j(), N, S], P = () => ["auto", "hidden", "clip", "visible", "scroll"], L = () => ["auto", "contain", "none"], k = () => [N, S, c], E = () => [Me, "full", "auto", ...k()], V = () => [be, "none", "subgrid", N, S], O = () => ["auto", {
+    span: ["full", be, N, S]
+  }, be, N, S], B = () => [be, "auto", N, S], ce = () => ["auto", "min", "max", "fr", N, S], ae = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], q = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], _ = () => ["auto", ...k()], pe = () => [Me, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], U = () => [Me, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...k()], Q = () => [Me, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...k()], A = () => [e, N, S], v = () => [...j(), hi, fi, {
+    position: [N, S]
   }], R = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], $ = () => ["auto", "cover", "contain", pm, dm, {
-    size: [C, S]
+    size: [N, S]
   }], K = () => [As, ct, Be], Z = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
     d,
-    C,
+    N,
     S
   ], ee = () => ["", D, ct, Be], G = () => ["solid", "dashed", "dotted", "double"], Se = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], X = () => [D, As, hi, fi], jt = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     g,
-    C,
+    N,
     S
-  ], Tt = () => ["none", D, C, S], St = () => ["none", D, C, S], us = () => [D, C, S], Ct = () => [Me, "full", ...k()];
+  ], Tt = () => ["none", D, N, S], St = () => ["none", D, N, S], us = () => [D, N, S], Nt = () => [Me, "full", ...k()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [Ce],
-      breakpoint: [Ce],
+      blur: [Ne],
+      breakpoint: [Ne],
       color: [ka],
-      container: [Ce],
-      "drop-shadow": [Ce],
+      container: [Ne],
+      "drop-shadow": [Ne],
       ease: ["in", "out", "in-out"],
       font: [lm],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [Ce],
+      "inset-shadow": [Ne],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [Ce],
-      shadow: [Ce],
+      radius: [Ne],
+      shadow: [Ne],
       spacing: ["px", D],
-      text: [Ce],
-      "text-shadow": [Ce],
+      text: [Ne],
+      "text-shadow": [Ne],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -6306,7 +6306,7 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", Me, S, C, x]
+        aspect: ["auto", "square", Me, S, N, x]
       }],
       /**
        * Container
@@ -6319,7 +6319,7 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/responsive-design#container-queries
        */
       "container-type": [{
-        "@container": ["", "normal", "size", C, S]
+        "@container": ["", "normal", "size", N, S]
       }],
       /**
        * Container Name
@@ -6331,7 +6331,7 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [D, S, C, a]
+        columns: [D, S, N, a]
       }],
       /**
        * Break After
@@ -6557,7 +6557,7 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [be, "auto", C, S]
+        z: [be, "auto", N, S]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -6595,21 +6595,21 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", D, C, S]
+        grow: ["", D, N, S]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", D, C, S]
+        shrink: ["", D, N, S]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [be, "first", "last", "none", C, S]
+        order: [be, "first", "last", "none", N, S]
       }],
       /**
        * Grid Template Columns
@@ -7149,14 +7149,14 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [r, C, S]
+        tracking: [r, N, S]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [D, "none", C, ui]
+        "line-clamp": [D, "none", N, ui]
       }],
       /**
        * Line Height
@@ -7174,7 +7174,7 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", C, S]
+        "list-image": ["none", N, S]
       }],
       /**
        * List Style Position
@@ -7188,7 +7188,7 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", C, S]
+        list: ["disc", "decimal", "none", N, S]
       }],
       /**
        * Text Alignment
@@ -7229,7 +7229,7 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [D, "from-font", "auto", C, Be]
+        decoration: [D, "from-font", "auto", N, Be]
       }],
       /**
        * Text Decoration Color
@@ -7243,7 +7243,7 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [D, "auto", C, S]
+        "underline-offset": [D, "auto", N, S]
       }],
       /**
        * Text Transform
@@ -7274,14 +7274,14 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/tab-size
        */
       "tab-size": [{
-        tab: [be, C, S]
+        tab: [be, N, S]
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", C, S]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", N, S]
       }],
       /**
        * Whitespace
@@ -7316,7 +7316,7 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", C, S]
+        content: ["none", N, S]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -7371,9 +7371,9 @@ const Mh = (e, t) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, be, C, S],
-          radial: ["", C, S],
-          conic: [be, C, S]
+          }, be, N, S],
+          radial: ["", N, S],
+          conic: [be, N, S]
         }, gm, hm]
       }],
       /**
@@ -7744,7 +7744,7 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [D, C, S]
+        "outline-offset": [D, N, S]
       }],
       /**
        * Outline Width
@@ -7870,7 +7870,7 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [D, C, S]
+        opacity: [D, N, S]
       }],
       /**
        * Mix Blend Mode
@@ -7992,7 +7992,7 @@ const Mh = (e, t) => {
         "mask-y-to": A()
       }],
       "mask-image-radial": [{
-        "mask-radial": [C, S]
+        "mask-radial": [N, S]
       }],
       "mask-image-radial-from-pos": [{
         "mask-radial-from": X()
@@ -8080,7 +8080,7 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", C, S]
+        mask: ["none", N, S]
       }],
       // ---------------
       // --- Filters ---
@@ -8094,7 +8094,7 @@ const Mh = (e, t) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          C,
+          N,
           S
         ]
       }],
@@ -8110,14 +8110,14 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [D, C, S]
+        brightness: [D, N, S]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [D, C, S]
+        contrast: [D, N, S]
       }],
       /**
        * Drop Shadow
@@ -8145,35 +8145,35 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", D, C, S]
+        grayscale: ["", D, N, S]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [D, C, S]
+        "hue-rotate": [D, N, S]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", D, C, S]
+        invert: ["", D, N, S]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [D, C, S]
+        saturate: [D, N, S]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", D, C, S]
+        sepia: ["", D, N, S]
       }],
       /**
        * Backdrop Filter
@@ -8184,7 +8184,7 @@ const Mh = (e, t) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          C,
+          N,
           S
         ]
       }],
@@ -8200,56 +8200,56 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [D, C, S]
+        "backdrop-brightness": [D, N, S]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [D, C, S]
+        "backdrop-contrast": [D, N, S]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", D, C, S]
+        "backdrop-grayscale": ["", D, N, S]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [D, C, S]
+        "backdrop-hue-rotate": [D, N, S]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", D, C, S]
+        "backdrop-invert": ["", D, N, S]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [D, C, S]
+        "backdrop-opacity": [D, N, S]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [D, C, S]
+        "backdrop-saturate": [D, N, S]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", D, C, S]
+        "backdrop-sepia": ["", D, N, S]
       }],
       // --------------
       // --- Tables ---
@@ -8304,7 +8304,7 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", C, S]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", N, S]
       }],
       /**
        * Transition Behavior
@@ -8318,28 +8318,28 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [D, "initial", C, S]
+        duration: [D, "initial", N, S]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", w, C, S]
+        ease: ["linear", "initial", w, N, S]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [D, C, S]
+        delay: [D, N, S]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", b, C, S]
+        animate: ["none", b, N, S]
       }],
       // ------------------
       // --- Transforms ---
@@ -8356,7 +8356,7 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [p, C, S]
+        perspective: [p, N, S]
       }],
       /**
        * Perspective Origin
@@ -8452,7 +8452,7 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [C, S, "", "none", "gpu", "cpu"]
+        transform: [N, S, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
@@ -8473,28 +8473,28 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: Ct()
+        translate: Nt()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": Ct()
+        "translate-x": Nt()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": Ct()
+        "translate-y": Nt()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": Ct()
+        "translate-z": Nt()
       }],
       /**
        * Translate None
@@ -8506,7 +8506,7 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/zoom
        */
       zoom: [{
-        zoom: [be, C, S]
+        zoom: [be, N, S]
       }],
       // ---------------------
       // --- Interactivity ---
@@ -8544,7 +8544,7 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", C, S]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", N, S]
       }],
       /**
        * Field Sizing
@@ -8822,7 +8822,7 @@ const Mh = (e, t) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", C, S]
+        "will-change": ["auto", "scroll", "contents", "transform", N, S]
       }],
       // -----------
       // --- SVG ---
@@ -8935,7 +8935,7 @@ const Em = ({
         className: "w-full px-6 py-4 flex items-center justify-between font-bold text-foreground text-left cursor-pointer hover:bg-secondary/20 transition-colors",
         children: [
           /* @__PURE__ */ l.jsx("span", { children: e }),
-          /* @__PURE__ */ l.jsx(Ci, { size: 18, className: M("text-muted-foreground transition-transform duration-200", n && "rotate-180") })
+          /* @__PURE__ */ l.jsx(Ni, { size: 18, className: M("text-muted-foreground transition-transform duration-200", n && "rotate-180") })
         ]
       }
     ),
@@ -8982,7 +8982,7 @@ const Em = ({
 }) => {
   const [o, i] = z(!0), a = pi[s] || pi.info, c = {
     success: /* @__PURE__ */ l.jsx(is, { size: 18, style: { color: a.title } }),
-    error: /* @__PURE__ */ l.jsx(Ni, { size: 18, style: { color: a.title } }),
+    error: /* @__PURE__ */ l.jsx(Ci, { size: 18, style: { color: a.title } }),
     warning: /* @__PURE__ */ l.jsx(on, { size: 18, style: { color: a.title } }),
     info: /* @__PURE__ */ l.jsx(Kt, { size: 18, style: { color: a.title } })
   };
@@ -9447,7 +9447,7 @@ const Em = ({
   className: o
 }) => {
   const [i, a] = z(!1), c = re(null), d = t.find((u) => u.value === s);
-  return Ne(() => {
+  return Ce(() => {
     const u = (f) => {
       c.current && !c.current.contains(f.target) && a(!1);
     };
@@ -9462,7 +9462,7 @@ const Em = ({
         className: "glass-input w-full flex items-center justify-between cursor-pointer focus:ring-2 focus:ring-ring/10 text-left",
         children: [
           /* @__PURE__ */ l.jsx("span", { className: M(!d && "text-muted-foreground/60"), children: d ? d.label : r }),
-          /* @__PURE__ */ l.jsx(Ci, { size: 18, className: M("text-muted-foreground transition-transform duration-200", i && "rotate-180") })
+          /* @__PURE__ */ l.jsx(Ni, { size: 18, className: M("text-muted-foreground transition-transform duration-200", i && "rotate-180") })
         ]
       }
     ) }),
@@ -9699,7 +9699,7 @@ const Em = ({
                 onClick: n,
                 className: "p-2 hover:bg-secondary rounded-xl text-muted-foreground hover:text-destructive cursor-pointer transition-colors",
                 title: "Clear All",
-                children: /* @__PURE__ */ l.jsx(Nl, { size: 16 })
+                children: /* @__PURE__ */ l.jsx(Cl, { size: 16 })
               }
             ),
             /* @__PURE__ */ l.jsx(
@@ -9870,7 +9870,7 @@ const Em = ({
       });
     }
   };
-  Ne(() => (s && (a(), window.addEventListener("scroll", a), window.addEventListener("resize", a)), () => {
+  Ce(() => (s && (a(), window.addEventListener("scroll", a), window.addEventListener("resize", a)), () => {
     window.removeEventListener("scroll", a), window.removeEventListener("resize", a);
   }), [s]);
   const c = () => {
@@ -10007,7 +10007,7 @@ const Em = ({
     const a = localStorage.getItem("theme");
     return a ? a === "dark" : window.matchMedia("(prefers-color-scheme: dark)").matches;
   });
-  Ne(() => {
+  Ce(() => {
     s ? (document.documentElement.classList.add("dark"), localStorage.setItem("theme", "dark")) : (document.documentElement.classList.remove("dark"), localStorage.setItem("theme", "light"));
   }, [s]);
   const r = () => n((o) => !o);
@@ -10028,9 +10028,9 @@ const Em = ({
   onLogout: c
 }) => {
   const [d, u] = z(!1), [f, h] = z(!e);
-  Ne(() => {
+  Ce(() => {
     h(!e);
-  }, [e]), Ne(() => {
+  }, [e]), Ce(() => {
     const y = () => {
       const j = window.innerWidth < 768;
       u(j), j || h(!1);
@@ -10150,32 +10150,36 @@ const Em = ({
   active: s = !1,
   onClick: n,
   collapsed: r = !1,
-  badge: o
-}) => /* @__PURE__ */ l.jsxs(
-  "button",
-  {
-    type: "button",
-    onClick: n,
-    className: M(
-      "relative w-full flex items-center rounded-xl font-bold text-sm transition-all duration-250 cursor-pointer text-left select-none shrink-0 border border-transparent",
-      r ? "justify-center p-3" : "px-4 py-3 gap-3",
-      s ? "bg-primary/8 text-primary border-primary/15 shadow-[0_0_20px_rgba(var(--primary),0.02)]" : "text-muted-foreground hover:text-foreground hover:bg-secondary/35"
-    ),
-    children: [
-      e && /* @__PURE__ */ l.jsx(e, { size: 18, className: "shrink-0" }),
-      !r && /* @__PURE__ */ l.jsx("span", { className: "truncate flex-1 font-semibold text-sm whitespace-nowrap overflow-hidden animate-[fadeIn_0.2s_ease-out]", children: t }),
-      !r && o && !s && /* @__PURE__ */ l.jsx("span", { className: "text-[10px] px-1.5 py-0.5 rounded-full font-bold border shrink-0 bg-primary/10 text-primary border-primary/20", children: o }),
-      !r && s && /* @__PURE__ */ l.jsx(
-        I.div,
-        {
-          layoutId: "active-sidebar-indicator",
-          className: "w-1.5 h-1.5 rounded-full bg-primary shrink-0 ml-auto",
-          transition: { type: "spring", stiffness: 380, damping: 30 }
-        }
-      )
-    ]
-  }
-), Ym = ({
+  badge: o,
+  as: i,
+  ...a
+}) => {
+  const c = (u) => /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    e && /* @__PURE__ */ l.jsx(e, { size: 18, className: "shrink-0" }),
+    !r && /* @__PURE__ */ l.jsx("span", { className: "truncate flex-1 font-semibold text-sm whitespace-nowrap overflow-hidden animate-[fadeIn_0.2s_ease-out]", children: t }),
+    !r && o && !u && /* @__PURE__ */ l.jsx("span", { className: "text-[10px] px-1.5 py-0.5 rounded-full font-bold border shrink-0 bg-primary/10 text-primary border-primary/20", children: o }),
+    !r && u && /* @__PURE__ */ l.jsx(
+      I.div,
+      {
+        layoutId: "active-sidebar-indicator",
+        className: "w-1.5 h-1.5 rounded-full bg-primary shrink-0 ml-auto",
+        transition: { type: "spring", stiffness: 380, damping: 30 }
+      }
+    )
+  ] }), d = (u) => M(
+    "relative w-full flex items-center rounded-xl font-bold text-sm transition-all duration-200 cursor-pointer text-left select-none shrink-0 border border-transparent",
+    r ? "justify-center p-3" : "px-4 py-3 gap-3",
+    u ? "bg-primary/10 text-primary border-primary/15" : "text-muted-foreground hover:text-foreground hover:bg-secondary/35"
+  );
+  return i ? /* @__PURE__ */ l.jsx(
+    i,
+    {
+      className: ({ isActive: u }) => d(u),
+      ...a,
+      children: ({ isActive: u }) => c(u)
+    }
+  ) : /* @__PURE__ */ l.jsx("button", { type: "button", onClick: n, className: d(s), children: c(s) });
+}, Ym = ({
   // Avatar
   avatarLabel: e,
   // string rendered inside the circle (e.g. initials)
@@ -10527,7 +10531,7 @@ const Em = ({
       m.current = !1, n + 1 < t.length ? r((y) => y + 1) : i("COMPLETED");
     }
   };
-  Ne(() => {
+  Ce(() => {
     o === "SYNCING" && x();
   }, [n, o, f]);
   const w = t.length > 0 ? Math.round((n + (o === "COMPLETED" ? 1 : 0)) / t.length * 100) : 0;
@@ -10541,12 +10545,12 @@ const Em = ({
     addToQueue: g,
     clearQueue: p
   }, children: e });
-}, Cm = () => {
+}, Nm = () => {
   const e = ne(Ea);
   if (!e) throw new Error("useSync must be used within a SyncProvider");
   return e;
 }, ep = () => {
-  const { status: e, results: t, currentIndex: s, queue: n, progress: r, batchName: o, clearQueue: i } = Cm(), [a, c] = z(!1), [d, u] = z(!1);
+  const { status: e, results: t, currentIndex: s, queue: n, progress: r, batchName: o, clearQueue: i } = Nm(), [a, c] = z(!1), [d, u] = z(!1);
   if (e === "IDLE") return null;
   const f = n[s] || {};
   return /* @__PURE__ */ l.jsx(le, { children: /* @__PURE__ */ l.jsx(
@@ -10853,7 +10857,7 @@ const Em = ({
   }) : n) });
 }, wi = {
   success: /* @__PURE__ */ l.jsx(is, { size: 20, className: "text-green-500" }),
-  error: /* @__PURE__ */ l.jsx(Ni, { size: 20, className: "text-red-500" }),
+  error: /* @__PURE__ */ l.jsx(Ci, { size: 20, className: "text-red-500" }),
   warning: /* @__PURE__ */ l.jsx(on, { size: 20, className: "text-amber-500" }),
   info: /* @__PURE__ */ l.jsx(Kt, { size: 20, className: "text-blue-500" }),
   default: /* @__PURE__ */ l.jsx(Kt, { size: 20, className: "text-foreground" })
@@ -10863,7 +10867,7 @@ const Em = ({
   warning: "border-amber-500/20 bg-amber-500/10",
   info: "border-blue-500/20 bg-blue-500/10",
   default: "border-border bg-background"
-}, Nm = ({ toasts: e, removeToast: t }) => /* @__PURE__ */ l.jsx("div", { className: "fixed bottom-4 right-4 z-[9999] flex flex-col gap-3 p-4 max-w-sm w-full pointer-events-none", children: /* @__PURE__ */ l.jsx(le, { children: e.map((s) => /* @__PURE__ */ l.jsxs(
+}, Cm = ({ toasts: e, removeToast: t }) => /* @__PURE__ */ l.jsx("div", { className: "fixed bottom-4 right-4 z-[9999] flex flex-col gap-3 p-4 max-w-sm w-full pointer-events-none", children: /* @__PURE__ */ l.jsx(le, { children: e.map((s) => /* @__PURE__ */ l.jsxs(
   I.div,
   {
     initial: { opacity: 0, y: 20, scale: 0.95 },
@@ -10911,7 +10915,7 @@ const Em = ({
   };
   return /* @__PURE__ */ l.jsxs(Va.Provider, { value: { toast: o }, children: [
     e,
-    /* @__PURE__ */ l.jsx(Nm, { toasts: t, removeToast: r })
+    /* @__PURE__ */ l.jsx(Cm, { toasts: t, removeToast: r })
   ] });
 };
 export {
@@ -10952,7 +10956,7 @@ export {
   rp as TimelineItem,
   ap as ToastProvider,
   M as cn,
-  Cm as useSync,
+  Nm as useSync,
   jm as useTheme,
   op as useToast
 };