@sudobility/entity-components 1.0.0 → 1.0.3

package/dist/index.esm.js

@@ -1,127 +1,127 @@
-import { jsx as a, jsxs as x, Fragment as re } from "react/jsx-runtime";
+import { jsx as a, jsxs as w, Fragment as re } from "react/jsx-runtime";
 import { User as se, Building2 as ue, ChevronDown as Re, Plus as $e, Check as pe, Shield as Xe, Briefcase as Ye, Eye as qe, Trash2 as Je, Mail as Me, Loader2 as He, Send as Ke, Clock as Qe, XCircle as Ze, X as er } from "lucide-react";
 import { useState as X } from "react";
 import { EntityRole as te } from "@sudobility/types";
-function Pe(e) {
-  var r, t, o = "";
-  if (typeof e == "string" || typeof e == "number") o += e;
+function Ee(e) {
+  var o, r, t = "";
+  if (typeof e == "string" || typeof e == "number") t += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var s = e.length;
-    for (r = 0; r < s; r++) e[r] && (t = Pe(e[r])) && (o && (o += " "), o += t);
-  } else for (t in e) e[t] && (o && (o += " "), o += t);
-  return o;
+    for (o = 0; o < s; o++) e[o] && (r = Ee(e[o])) && (t && (t += " "), t += r);
+  } else for (r in e) e[r] && (t && (t += " "), t += r);
+  return t;
 }
 function rr() {
-  for (var e, r, t = 0, o = "", s = arguments.length; t < s; t++) (e = arguments[t]) && (r = Pe(e)) && (o && (o += " "), o += r);
-  return o;
-}
-const tr = (e, r) => {
-  const t = new Array(e.length + r.length);
-  for (let o = 0; o < e.length; o++)
-    t[o] = e[o];
-  for (let o = 0; o < r.length; o++)
-    t[e.length + o] = r[o];
+  for (var e, o, r = 0, t = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (o = Ee(e)) && (t && (t += " "), t += o);
   return t;
-}, or = (e, r) => ({
+}
+const tr = (e, o) => {
+  const r = new Array(e.length + o.length);
+  for (let t = 0; t < e.length; t++)
+    r[t] = e[t];
+  for (let t = 0; t < o.length; t++)
+    r[e.length + t] = o[t];
+  return r;
+}, or = (e, o) => ({
   classGroupId: e,
-  validator: r
-}), Te = (e = /* @__PURE__ */ new Map(), r = null, t) => ({
+  validator: o
+}), Pe = (e = /* @__PURE__ */ new Map(), o = null, r) => ({
   nextPart: e,
-  validators: r,
-  classGroupId: t
+  validators: o,
+  classGroupId: r
 }), oe = "-", Ne = [], sr = "arbitrary..", nr = (e) => {
-  const r = lr(e), {
-    conflictingClassGroups: t,
-    conflictingClassGroupModifiers: o
+  const o = lr(e), {
+    conflictingClassGroups: r,
+    conflictingClassGroupModifiers: t
   } = e;
   return {
     getClassGroupId: (n) => {
       if (n.startsWith("[") && n.endsWith("]"))
         return ar(n);
-      const m = n.split(oe), l = m[0] === "" && m.length > 1 ? 1 : 0;
-      return Ee(m, l, r);
+      const l = n.split(oe), i = l[0] === "" && l.length > 1 ? 1 : 0;
+      return Te(l, i, o);
     },
-    getConflictingClassGroupIds: (n, m) => {
-      if (m) {
-        const l = o[n], f = t[n];
-        return l ? f ? tr(f, l) : l : f || Ne;
+    getConflictingClassGroupIds: (n, l) => {
+      if (l) {
+        const i = t[n], u = r[n];
+        return i ? u ? tr(u, i) : i : u || Ne;
       }
-      return t[n] || Ne;
+      return r[n] || Ne;
     }
   };
-}, Ee = (e, r, t) => {
-  if (e.length - r === 0)
-    return t.classGroupId;
-  const s = e[r], i = t.nextPart.get(s);
-  if (i) {
-    const f = Ee(e, r + 1, i);
-    if (f) return f;
+}, Te = (e, o, r) => {
+  if (e.length - o === 0)
+    return r.classGroupId;
+  const s = e[o], c = r.nextPart.get(s);
+  if (c) {
+    const u = Te(e, o + 1, c);
+    if (u) return u;
   }
-  const n = t.validators;
+  const n = r.validators;
   if (n === null)
     return;
-  const m = r === 0 ? e.join(oe) : e.slice(r).join(oe), l = n.length;
-  for (let f = 0; f < l; f++) {
-    const b = n[f];
-    if (b.validator(m))
-      return b.classGroupId;
+  const l = o === 0 ? e.join(oe) : e.slice(o).join(oe), i = n.length;
+  for (let u = 0; u < i; u++) {
+    const f = n[u];
+    if (f.validator(l))
+      return f.classGroupId;
   }
 }, ar = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
-  const r = e.slice(1, -1), t = r.indexOf(":"), o = r.slice(0, t);
-  return o ? sr + o : void 0;
+  const o = e.slice(1, -1), r = o.indexOf(":"), t = o.slice(0, r);
+  return t ? sr + t : void 0;
 })(), lr = (e) => {
   const {
-    theme: r,
-    classGroups: t
+    theme: o,
+    classGroups: r
   } = e;
-  return ir(t, r);
-}, ir = (e, r) => {
-  const t = Te();
-  for (const o in e) {
-    const s = e[o];
-    fe(s, t, o, r);
+  return ir(r, o);
+}, ir = (e, o) => {
+  const r = Pe();
+  for (const t in e) {
+    const s = e[t];
+    fe(s, r, t, o);
   }
-  return t;
-}, fe = (e, r, t, o) => {
+  return r;
+}, fe = (e, o, r, t) => {
   const s = e.length;
-  for (let i = 0; i < s; i++) {
-    const n = e[i];
-    cr(n, r, t, o);
+  for (let c = 0; c < s; c++) {
+    const n = e[c];
+    cr(n, o, r, t);
   }
-}, cr = (e, r, t, o) => {
+}, cr = (e, o, r, t) => {
   if (typeof e == "string") {
-    dr(e, r, t);
+    dr(e, o, r);
     return;
   }
   if (typeof e == "function") {
-    mr(e, r, t, o);
+    mr(e, o, r, t);
     return;
   }
-  ur(e, r, t, o);
-}, dr = (e, r, t) => {
-  const o = e === "" ? r : Ge(r, e);
-  o.classGroupId = t;
-}, mr = (e, r, t, o) => {
+  ur(e, o, r, t);
+}, dr = (e, o, r) => {
+  const t = e === "" ? o : Ge(o, e);
+  t.classGroupId = r;
+}, mr = (e, o, r, t) => {
   if (pr(e)) {
-    fe(e(o), r, t, o);
+    fe(e(t), o, r, t);
     return;
   }
-  r.validators === null && (r.validators = []), r.validators.push(or(t, e));
-}, ur = (e, r, t, o) => {
-  const s = Object.entries(e), i = s.length;
-  for (let n = 0; n < i; n++) {
-    const [m, l] = s[n];
-    fe(l, Ge(r, m), t, o);
+  o.validators === null && (o.validators = []), o.validators.push(or(r, e));
+}, ur = (e, o, r, t) => {
+  const s = Object.entries(e), c = s.length;
+  for (let n = 0; n < c; n++) {
+    const [l, i] = s[n];
+    fe(i, Ge(o, l), r, t);
   }
-}, Ge = (e, r) => {
-  let t = e;
-  const o = r.split(oe), s = o.length;
-  for (let i = 0; i < s; i++) {
-    const n = o[i];
-    let m = t.nextPart.get(n);
-    m || (m = Te(), t.nextPart.set(n, m)), t = m;
+}, Ge = (e, o) => {
+  let r = e;
+  const t = o.split(oe), s = t.length;
+  for (let c = 0; c < s; c++) {
+    const n = t[c];
+    let l = r.nextPart.get(n);
+    l || (l = Pe(), r.nextPart.set(n, l)), r = l;
   }
-  return t;
+  return r;
 }, pr = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, fr = (e) => {
   if (e < 1)
     return {
@@ -130,178 +130,178 @@ const tr = (e, r) => {
       set: () => {
       }
     };
-  let r = 0, t = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
-  const s = (i, n) => {
-    t[i] = n, r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ Object.create(null));
+  let o = 0, r = /* @__PURE__ */ Object.create(null), t = /* @__PURE__ */ Object.create(null);
+  const s = (c, n) => {
+    r[c] = n, o++, o > e && (o = 0, t = r, r = /* @__PURE__ */ Object.create(null));
   };
   return {
-    get(i) {
-      let n = t[i];
+    get(c) {
+      let n = r[c];
       if (n !== void 0)
         return n;
-      if ((n = o[i]) !== void 0)
-        return s(i, n), n;
+      if ((n = t[c]) !== void 0)
+        return s(c, n), n;
     },
-    set(i, n) {
-      i in t ? t[i] = n : s(i, n);
+    set(c, n) {
+      c in r ? r[c] = n : s(c, n);
     }
   };
-}, me = "!", Ce = ":", gr = [], ze = (e, r, t, o, s) => ({
+}, me = "!", Ce = ":", gr = [], ze = (e, o, r, t, s) => ({
   modifiers: e,
-  hasImportantModifier: r,
-  baseClassName: t,
-  maybePostfixModifierPosition: o,
+  hasImportantModifier: o,
+  baseClassName: r,
+  maybePostfixModifierPosition: t,
   isExternal: s
 }), br = (e) => {
   const {
-    prefix: r,
-    experimentalParseClassName: t
+    prefix: o,
+    experimentalParseClassName: r
   } = e;
-  let o = (s) => {
-    const i = [];
-    let n = 0, m = 0, l = 0, f;
-    const b = s.length;
-    for (let A = 0; A < b; A++) {
-      const N = s[A];
-      if (n === 0 && m === 0) {
-        if (N === Ce) {
-          i.push(s.slice(l, A)), l = A + 1;
+  let t = (s) => {
+    const c = [];
+    let n = 0, l = 0, i = 0, u;
+    const f = s.length;
+    for (let v = 0; v < f; v++) {
+      const A = s[v];
+      if (n === 0 && l === 0) {
+        if (A === Ce) {
+          c.push(s.slice(i, v)), i = v + 1;
           continue;
         }
-        if (N === "/") {
-          f = A;
+        if (A === "/") {
+          u = v;
           continue;
         }
       }
-      N === "[" ? n++ : N === "]" ? n-- : N === "(" ? m++ : N === ")" && m--;
+      A === "[" ? n++ : A === "]" ? n-- : A === "(" ? l++ : A === ")" && l--;
     }
-    const k = i.length === 0 ? s : s.slice(l);
-    let z = k, P = !1;
-    k.endsWith(me) ? (z = k.slice(0, -1), P = !0) : (
+    const k = c.length === 0 ? s : s.slice(i);
+    let x = k, N = !1;
+    k.endsWith(me) ? (x = k.slice(0, -1), N = !0) : (
       /**
        * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
        * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
        */
-      k.startsWith(me) && (z = k.slice(1), P = !0)
+      k.startsWith(me) && (x = k.slice(1), N = !0)
     );
-    const T = f && f > l ? f - l : void 0;
-    return ze(i, P, z, T);
+    const y = u && u > i ? u - i : void 0;
+    return ze(c, N, x, y);
   };
-  if (r) {
-    const s = r + Ce, i = o;
-    o = (n) => n.startsWith(s) ? i(n.slice(s.length)) : ze(gr, !1, n, void 0, !0);
+  if (o) {
+    const s = o + Ce, c = t;
+    t = (n) => n.startsWith(s) ? c(n.slice(s.length)) : ze(gr, !1, n, void 0, !0);
   }
-  if (t) {
-    const s = o;
-    o = (i) => t({
-      className: i,
+  if (r) {
+    const s = t;
+    t = (c) => r({
+      className: c,
       parseClassName: s
     });
   }
-  return o;
+  return t;
 }, hr = (e) => {
-  const r = /* @__PURE__ */ new Map();
-  return e.orderSensitiveModifiers.forEach((t, o) => {
-    r.set(t, 1e6 + o);
-  }), (t) => {
-    const o = [];
+  const o = /* @__PURE__ */ new Map();
+  return e.orderSensitiveModifiers.forEach((r, t) => {
+    o.set(r, 1e6 + t);
+  }), (r) => {
+    const t = [];
     let s = [];
-    for (let i = 0; i < t.length; i++) {
-      const n = t[i], m = n[0] === "[", l = r.has(n);
-      m || l ? (s.length > 0 && (s.sort(), o.push(...s), s = []), o.push(n)) : s.push(n);
+    for (let c = 0; c < r.length; c++) {
+      const n = r[c], l = n[0] === "[", i = o.has(n);
+      l || i ? (s.length > 0 && (s.sort(), t.push(...s), s = []), t.push(n)) : s.push(n);
     }
-    return s.length > 0 && (s.sort(), o.push(...s)), o;
+    return s.length > 0 && (s.sort(), t.push(...s)), t;
   };
 }, xr = (e) => ({
   cache: fr(e.cacheSize),
   parseClassName: br(e),
   sortModifiers: hr(e),
   ...nr(e)
-}), yr = /\s+/, wr = (e, r) => {
+}), yr = /\s+/, wr = (e, o) => {
   const {
-    parseClassName: t,
-    getClassGroupId: o,
+    parseClassName: r,
+    getClassGroupId: t,
     getConflictingClassGroupIds: s,
-    sortModifiers: i
-  } = r, n = [], m = e.trim().split(yr);
-  let l = "";
-  for (let f = m.length - 1; f >= 0; f -= 1) {
-    const b = m[f], {
+    sortModifiers: c
+  } = o, n = [], l = e.trim().split(yr);
+  let i = "";
+  for (let u = l.length - 1; u >= 0; u -= 1) {
+    const f = l[u], {
       isExternal: k,
-      modifiers: z,
-      hasImportantModifier: P,
-      baseClassName: T,
-      maybePostfixModifierPosition: A
-    } = t(b);
+      modifiers: x,
+      hasImportantModifier: N,
+      baseClassName: y,
+      maybePostfixModifierPosition: v
+    } = r(f);
     if (k) {
-      l = b + (l.length > 0 ? " " + l : l);
+      i = f + (i.length > 0 ? " " + i : i);
       continue;
     }
-    let N = !!A, E = o(N ? T.substring(0, A) : T);
-    if (!E) {
-      if (!N) {
-        l = b + (l.length > 0 ? " " + l : l);
+    let A = !!v, T = t(A ? y.substring(0, v) : y);
+    if (!T) {
+      if (!A) {
+        i = f + (i.length > 0 ? " " + i : i);
         continue;
       }
-      if (E = o(T), !E) {
-        l = b + (l.length > 0 ? " " + l : l);
+      if (T = t(y), !T) {
+        i = f + (i.length > 0 ? " " + i : i);
         continue;
       }
-      N = !1;
+      A = !1;
     }
-    const Y = z.length === 0 ? "" : z.length === 1 ? z[0] : i(z).join(":"), D = P ? Y + me : Y, L = D + E;
-    if (n.indexOf(L) > -1)
+    const Y = x.length === 0 ? "" : x.length === 1 ? x[0] : c(x).join(":"), D = N ? Y + me : Y, V = D + T;
+    if (n.indexOf(V) > -1)
       continue;
-    n.push(L);
-    const V = s(E, N);
-    for (let G = 0; G < V.length; ++G) {
-      const U = V[G];
+    n.push(V);
+    const F = s(T, A);
+    for (let G = 0; G < F.length; ++G) {
+      const U = F[G];
       n.push(D + U);
     }
-    l = b + (l.length > 0 ? " " + l : l);
+    i = f + (i.length > 0 ? " " + i : i);
   }
-  return l;
-}, kr = (...e) => {
-  let r = 0, t, o, s = "";
-  for (; r < e.length; )
-    (t = e[r++]) && (o = je(t)) && (s && (s += " "), s += o);
+  return i;
+}, vr = (...e) => {
+  let o = 0, r, t, s = "";
+  for (; o < e.length; )
+    (r = e[o++]) && (t = je(r)) && (s && (s += " "), s += t);
   return s;
 }, je = (e) => {
   if (typeof e == "string")
     return e;
-  let r, t = "";
-  for (let o = 0; o < e.length; o++)
-    e[o] && (r = je(e[o])) && (t && (t += " "), t += r);
-  return t;
-}, vr = (e, ...r) => {
-  let t, o, s, i;
-  const n = (l) => {
-    const f = r.reduce((b, k) => k(b), e());
-    return t = xr(f), o = t.cache.get, s = t.cache.set, i = m, m(l);
-  }, m = (l) => {
-    const f = o(l);
-    if (f)
-      return f;
-    const b = wr(l, t);
-    return s(l, b), b;
+  let o, r = "";
+  for (let t = 0; t < e.length; t++)
+    e[t] && (o = je(e[t])) && (r && (r += " "), r += o);
+  return r;
+}, kr = (e, ...o) => {
+  let r, t, s, c;
+  const n = (i) => {
+    const u = o.reduce((f, k) => k(f), e());
+    return r = xr(u), t = r.cache.get, s = r.cache.set, c = l, l(i);
+  }, l = (i) => {
+    const u = t(i);
+    if (u)
+      return u;
+    const f = wr(i, r);
+    return s(i, f), f;
   };
-  return i = n, (...l) => i(kr(...l));
-}, Nr = [], y = (e) => {
-  const r = (t) => t[e] || Nr;
-  return r.isThemeGetter = !0, r;
-}, Oe = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Le = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Cr = /^\d+\/\d+$/, zr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ar = /\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$/, Sr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ir = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Rr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, B = (e) => Cr.test(e), g = (e) => !!e && !Number.isNaN(Number(e)), M = (e) => !!e && Number.isInteger(Number(e)), ie = (e) => e.endsWith("%") && g(e.slice(0, -1)), R = (e) => zr.test(e), Mr = () => !0, Pr = (e) => (
+  return c = n, (...i) => c(vr(...i));
+}, Nr = [], C = (e) => {
+  const o = (r) => r[e] || Nr;
+  return o.isThemeGetter = !0, o;
+}, Oe = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ve = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Cr = /^\d+\/\d+$/, zr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Sr = /\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$/, Ar = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ir = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Rr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, B = (e) => Cr.test(e), b = (e) => !!e && !Number.isNaN(Number(e)), P = (e) => !!e && Number.isInteger(Number(e)), ie = (e) => e.endsWith("%") && b(e.slice(0, -1)), E = (e) => zr.test(e), Mr = () => !0, Er = (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.
-  Ar.test(e) && !Sr.test(e)
-), Ve = () => !1, Tr = (e) => Ir.test(e), Er = (e) => Rr.test(e), Gr = (e) => !c(e) && !d(e), jr = (e) => W(e, We, Ve), c = (e) => Oe.test(e), O = (e) => W(e, _e, Pr), ce = (e) => W(e, Br, g), Ae = (e) => W(e, Fe, Ve), Or = (e) => W(e, Be, Er), Z = (e) => W(e, De, Tr), d = (e) => Le.test(e), $ = (e) => _(e, _e), Lr = (e) => _(e, Wr), Se = (e) => _(e, Fe), Vr = (e) => _(e, We), Fr = (e) => _(e, Be), ee = (e) => _(e, De, !0), W = (e, r, t) => {
-  const o = Oe.exec(e);
-  return o ? o[1] ? r(o[1]) : t(o[2]) : !1;
-}, _ = (e, r, t = !1) => {
-  const o = Le.exec(e);
-  return o ? o[1] ? r(o[1]) : t : !1;
-}, Fe = (e) => e === "position" || e === "percentage", Be = (e) => e === "image" || e === "url", We = (e) => e === "length" || e === "size" || e === "bg-size", _e = (e) => e === "length", Br = (e) => e === "number", Wr = (e) => e === "family-name", De = (e) => e === "shadow", _r = () => {
-  const e = y("color"), r = y("font"), t = y("text"), o = y("font-weight"), s = y("tracking"), i = y("leading"), n = y("breakpoint"), m = y("container"), l = y("spacing"), f = y("radius"), b = y("shadow"), k = y("inset-shadow"), z = y("text-shadow"), P = y("drop-shadow"), T = y("blur"), A = y("perspective"), N = y("aspect"), E = y("ease"), Y = y("animate"), D = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], L = () => [
+  Sr.test(e) && !Ar.test(e)
+), Fe = () => !1, Pr = (e) => Ir.test(e), Tr = (e) => Rr.test(e), Gr = (e) => !d(e) && !m(e), jr = (e) => _(e, _e, Fe), d = (e) => Oe.test(e), O = (e) => _(e, We, Er), ce = (e) => _(e, Br, b), Se = (e) => _(e, Le, Fe), Or = (e) => _(e, Be, Tr), Z = (e) => _(e, De, Pr), m = (e) => Ve.test(e), $ = (e) => W(e, We), Vr = (e) => W(e, _r), Ae = (e) => W(e, Le), Fr = (e) => W(e, _e), Lr = (e) => W(e, Be), ee = (e) => W(e, De, !0), _ = (e, o, r) => {
+  const t = Oe.exec(e);
+  return t ? t[1] ? o(t[1]) : r(t[2]) : !1;
+}, W = (e, o, r = !1) => {
+  const t = Ve.exec(e);
+  return t ? t[1] ? o(t[1]) : r : !1;
+}, Le = (e) => e === "position" || e === "percentage", Be = (e) => e === "image" || e === "url", _e = (e) => e === "length" || e === "size" || e === "bg-size", We = (e) => e === "length", Br = (e) => e === "number", _r = (e) => e === "family-name", De = (e) => e === "shadow", Wr = () => {
+  const e = C("color"), o = C("font"), r = C("text"), t = C("font-weight"), s = C("tracking"), c = C("leading"), n = C("breakpoint"), l = C("container"), i = C("spacing"), u = C("radius"), f = C("shadow"), k = C("inset-shadow"), x = C("text-shadow"), N = C("drop-shadow"), y = C("blur"), v = C("perspective"), A = C("aspect"), T = C("ease"), Y = C("animate"), D = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], V = () => [
     "center",
     "top",
     "bottom",
@@ -319,51 +319,51 @@ const tr = (e, r) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], V = () => [...L(), d, c], G = () => ["auto", "hidden", "clip", "visible", "scroll"], U = () => ["auto", "contain", "none"], p = () => [d, c, l], S = () => [B, "full", "auto", ...p()], ge = () => [M, "none", "subgrid", d, c], be = () => ["auto", {
-    span: ["full", M, d, c]
-  }, M, d, c], q = () => [M, "auto", d, c], he = () => ["auto", "min", "max", "fr", d, c], ne = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], F = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], I = () => ["auto", ...p()], j = () => [B, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...p()], u = () => [e, d, c], xe = () => [...L(), Se, Ae, {
-    position: [d, c]
+  ], F = () => [...V(), m, d], G = () => ["auto", "hidden", "clip", "visible", "scroll"], U = () => ["auto", "contain", "none"], g = () => [m, d, i], R = () => [B, "full", "auto", ...g()], ge = () => [P, "none", "subgrid", m, d], be = () => ["auto", {
+    span: ["full", P, m, d]
+  }, P, m, d], q = () => [P, "auto", m, d], he = () => ["auto", "min", "max", "fr", m, d], ne = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], L = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], M = () => ["auto", ...g()], j = () => [B, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...g()], p = () => [e, m, d], xe = () => [...V(), Ae, Se, {
+    position: [m, d]
   }], ye = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], we = () => ["auto", "cover", "contain", Vr, jr, {
-    size: [d, c]
-  }], ae = () => [ie, $, O], v = () => [
+  }], we = () => ["auto", "cover", "contain", Fr, jr, {
+    size: [m, d]
+  }], ae = () => [ie, $, O], S = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
-    f,
-    d,
-    c
-  ], C = () => ["", g, $, O], J = () => ["solid", "dashed", "dotted", "double"], ke = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], w = () => [g, ie, Se, Ae], ve = () => [
+    u,
+    m,
+    d
+  ], I = () => ["", b, $, O], J = () => ["solid", "dashed", "dotted", "double"], ve = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], z = () => [b, ie, Ae, Se], ke = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    T,
-    d,
-    c
-  ], H = () => ["none", g, d, c], K = () => ["none", g, d, c], le = () => [g, d, c], Q = () => [B, "full", ...p()];
+    y,
+    m,
+    d
+  ], H = () => ["none", b, m, d], K = () => ["none", b, m, d], le = () => [b, m, d], Q = () => [B, "full", ...g()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [R],
-      breakpoint: [R],
+      blur: [E],
+      breakpoint: [E],
       color: [Mr],
-      container: [R],
-      "drop-shadow": [R],
+      container: [E],
+      "drop-shadow": [E],
       ease: ["in", "out", "in-out"],
       font: [Gr],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [R],
+      "inset-shadow": [E],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [R],
-      shadow: [R],
-      spacing: ["px", g],
-      text: [R],
-      "text-shadow": [R],
+      radius: [E],
+      shadow: [E],
+      spacing: ["px", b],
+      text: [E],
+      "text-shadow": [E],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -375,7 +375,7 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", B, c, d, N]
+        aspect: ["auto", "square", B, d, m, A]
       }],
       /**
        * Container
@@ -388,7 +388,7 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [g, c, d, m]
+        columns: [b, d, m, l]
       }],
       /**
        * Break After
@@ -466,7 +466,7 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: V()
+        object: F()
       }],
       /**
        * Overflow
@@ -520,63 +520,63 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: S()
+        inset: R()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": S()
+        "inset-x": R()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": S()
+        "inset-y": R()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: S()
+        start: R()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: S()
+        end: R()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: S()
+        top: R()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: S()
+        right: R()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: S()
+        bottom: R()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: S()
+        left: R()
       }],
       /**
        * Visibility
@@ -588,7 +588,7 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [M, "auto", d, c]
+        z: [P, "auto", m, d]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -598,7 +598,7 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [B, "full", "auto", m, ...p()]
+        basis: [B, "full", "auto", l, ...g()]
       }],
       /**
        * Flex Direction
@@ -619,28 +619,28 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [g, B, "auto", "initial", "none", c]
+        flex: [b, B, "auto", "initial", "none", d]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", g, d, c]
+        grow: ["", b, m, d]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", g, d, c]
+        shrink: ["", b, m, d]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [M, "first", "last", "none", d, c]
+        order: [P, "first", "last", "none", m, d]
       }],
       /**
        * Grid Template Columns
@@ -724,21 +724,21 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: p()
+        gap: g()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": p()
+        "gap-x": g()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": p()
+        "gap-y": g()
       }],
       /**
        * Justify Content
@@ -752,14 +752,14 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...F(), "normal"]
+        "justify-items": [...L(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...F()]
+        "justify-self": ["auto", ...L()]
       }],
       /**
        * Align Content
@@ -773,7 +773,7 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...F(), {
+        items: [...L(), {
           baseline: ["", "last"]
         }]
       }],
@@ -782,7 +782,7 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...F(), {
+        self: ["auto", ...L(), {
           baseline: ["", "last"]
         }]
       }],
@@ -798,14 +798,14 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...F(), "baseline"]
+        "place-items": [...L(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...F()]
+        "place-self": ["auto", ...L()]
       }],
       // Spacing
       /**
@@ -813,133 +813,133 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: p()
+        p: g()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: p()
+        px: g()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: p()
+        py: g()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: p()
+        ps: g()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: p()
+        pe: g()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: p()
+        pt: g()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: p()
+        pr: g()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: p()
+        pb: g()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: p()
+        pl: g()
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: I()
+        m: M()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: I()
+        mx: M()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: I()
+        my: M()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: I()
+        ms: M()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: I()
+        me: M()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: I()
+        mt: M()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: I()
+        mr: M()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: I()
+        mb: M()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: I()
+        ml: M()
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": p()
+        "space-x": g()
       }],
       /**
        * Space Between X Reverse
@@ -951,7 +951,7 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": p()
+        "space-y": g()
       }],
       /**
        * Space Between Y Reverse
@@ -973,7 +973,7 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [m, "screen", ...j()]
+        w: [l, "screen", ...j()]
       }],
       /**
        * Min-Width
@@ -981,7 +981,7 @@ const tr = (e, r) => {
        */
       "min-w": [{
         "min-w": [
-          m,
+          l,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
@@ -994,7 +994,7 @@ const tr = (e, r) => {
        */
       "max-w": [{
         "max-w": [
-          m,
+          l,
           "screen",
           "none",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
@@ -1035,7 +1035,7 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", t, $, O]
+        text: ["base", r, $, O]
       }],
       /**
        * Font Smoothing
@@ -1052,21 +1052,21 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [o, d, ce]
+        font: [t, m, ce]
       }],
       /**
        * Font Stretch
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", ie, c]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", ie, d]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Lr, c, r]
+        font: [Vr, d, o]
       }],
       /**
        * Font Variant Numeric
@@ -1103,14 +1103,14 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [s, d, c]
+        tracking: [s, m, d]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [g, "none", d, ce]
+        "line-clamp": [b, "none", m, ce]
       }],
       /**
        * Line Height
@@ -1119,8 +1119,8 @@ const tr = (e, r) => {
       leading: [{
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
-          i,
-          ...p()
+          c,
+          ...g()
         ]
       }],
       /**
@@ -1128,7 +1128,7 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", d, c]
+        "list-image": ["none", m, d]
       }],
       /**
        * List Style Position
@@ -1142,7 +1142,7 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", d, c]
+        list: ["disc", "decimal", "none", m, d]
       }],
       /**
        * Text Alignment
@@ -1157,14 +1157,14 @@ const tr = (e, r) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: u()
+        placeholder: p()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: u()
+        text: p()
       }],
       /**
        * Text Decoration
@@ -1183,21 +1183,21 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [g, "from-font", "auto", d, O]
+        decoration: [b, "from-font", "auto", m, O]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: u()
+        decoration: p()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [g, "auto", d, c]
+        "underline-offset": [b, "auto", m, d]
       }],
       /**
        * Text Transform
@@ -1221,14 +1221,14 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: p()
+        indent: g()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", d, c]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", m, d]
       }],
       /**
        * Whitespace
@@ -1263,7 +1263,7 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", d, c]
+        content: ["none", m, d]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -1318,17 +1318,17 @@ const tr = (e, r) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, M, d, c],
-          radial: ["", d, c],
-          conic: [M, d, c]
-        }, Fr, Or]
+          }, P, m, d],
+          radial: ["", m, d],
+          conic: [P, m, d]
+        }, Lr, Or]
       }],
       /**
        * Background Color
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: u()
+        bg: p()
       }],
       /**
        * Gradient Color Stops From Position
@@ -1356,21 +1356,21 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: u()
+        from: p()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: u()
+        via: p()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: u()
+        to: p()
       }],
       // ---------------
       // --- Borders ---
@@ -1380,175 +1380,175 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: v()
+        rounded: S()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": v()
+        "rounded-s": S()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": v()
+        "rounded-e": S()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": v()
+        "rounded-t": S()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": v()
+        "rounded-r": S()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": v()
+        "rounded-b": S()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": v()
+        "rounded-l": S()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": v()
+        "rounded-ss": S()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": v()
+        "rounded-se": S()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": v()
+        "rounded-ee": S()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": v()
+        "rounded-es": S()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": v()
+        "rounded-tl": S()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": v()
+        "rounded-tr": S()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": v()
+        "rounded-br": S()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": v()
+        "rounded-bl": S()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: C()
+        border: I()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": C()
+        "border-x": I()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": C()
+        "border-y": I()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": C()
+        "border-s": I()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": C()
+        "border-e": I()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": C()
+        "border-t": I()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": C()
+        "border-r": I()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": C()
+        "border-b": I()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": C()
+        "border-l": I()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": C()
+        "divide-x": I()
       }],
       /**
        * Divide Width X Reverse
@@ -1560,7 +1560,7 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": C()
+        "divide-y": I()
       }],
       /**
        * Divide Width Y Reverse
@@ -1586,70 +1586,70 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: u()
+        border: p()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": u()
+        "border-x": p()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": u()
+        "border-y": p()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": u()
+        "border-s": p()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": u()
+        "border-e": p()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": u()
+        "border-t": p()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": u()
+        "border-r": p()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": u()
+        "border-b": p()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": u()
+        "border-l": p()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: u()
+        divide: p()
       }],
       /**
        * Outline Style
@@ -1663,21 +1663,21 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [g, d, c]
+        "outline-offset": [b, m, d]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", g, $, O]
+        outline: ["", b, $, O]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: u()
+        outline: p()
       }],
       // ---------------
       // --- Effects ---
@@ -1691,7 +1691,7 @@ const tr = (e, r) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          b,
+          f,
           ee,
           Z
         ]
@@ -1701,7 +1701,7 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: u()
+        shadow: p()
       }],
       /**
        * Inset Box Shadow
@@ -1715,14 +1715,14 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": u()
+        "inset-shadow": p()
       }],
       /**
        * Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: C()
+        ring: I()
       }],
       /**
        * Ring Width Inset
@@ -1736,7 +1736,7 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: u()
+        ring: p()
       }],
       /**
        * Ring Offset Width
@@ -1745,7 +1745,7 @@ const tr = (e, r) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [g, O]
+        "ring-offset": [b, O]
       }],
       /**
        * Ring Offset Color
@@ -1754,56 +1754,56 @@ const tr = (e, r) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": u()
+        "ring-offset": p()
       }],
       /**
        * Inset Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": C()
+        "inset-ring": I()
       }],
       /**
        * Inset Ring Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": u()
+        "inset-ring": p()
       }],
       /**
        * Text Shadow
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", z, ee, Z]
+        "text-shadow": ["none", x, ee, Z]
       }],
       /**
        * Text Shadow Color
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": u()
+        "text-shadow": p()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [g, d, c]
+        opacity: [b, m, d]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...ke(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...ve(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": ke()
+        "bg-blend": ve()
       }],
       /**
        * Mask Clip
@@ -1824,106 +1824,106 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [g]
+        "mask-linear": [b]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": w()
+        "mask-linear-from": z()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": w()
+        "mask-linear-to": z()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": u()
+        "mask-linear-from": p()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": u()
+        "mask-linear-to": p()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": w()
+        "mask-t-from": z()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": w()
+        "mask-t-to": z()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": u()
+        "mask-t-from": p()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": u()
+        "mask-t-to": p()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": w()
+        "mask-r-from": z()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": w()
+        "mask-r-to": z()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": u()
+        "mask-r-from": p()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": u()
+        "mask-r-to": p()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": w()
+        "mask-b-from": z()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": w()
+        "mask-b-to": z()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": u()
+        "mask-b-from": p()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": u()
+        "mask-b-to": p()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": w()
+        "mask-l-from": z()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": w()
+        "mask-l-to": z()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": u()
+        "mask-l-from": p()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": u()
+        "mask-l-to": p()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": w()
+        "mask-x-from": z()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": w()
+        "mask-x-to": z()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": u()
+        "mask-x-from": p()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": u()
+        "mask-x-to": p()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": w()
+        "mask-y-from": z()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": w()
+        "mask-y-to": z()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": u()
+        "mask-y-from": p()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": u()
+        "mask-y-to": p()
       }],
       "mask-image-radial": [{
-        "mask-radial": [d, c]
+        "mask-radial": [m, d]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": w()
+        "mask-radial-from": z()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": w()
+        "mask-radial-to": z()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": u()
+        "mask-radial-from": p()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": u()
+        "mask-radial-to": p()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -1935,22 +1935,22 @@ const tr = (e, r) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": L()
+        "mask-radial-at": V()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [g]
+        "mask-conic": [b]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": w()
+        "mask-conic-from": z()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": w()
+        "mask-conic-to": z()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": u()
+        "mask-conic-from": p()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": u()
+        "mask-conic-to": p()
       }],
       /**
        * Mask Mode
@@ -1999,7 +1999,7 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", d, c]
+        mask: ["none", m, d]
       }],
       // ---------------
       // --- Filters ---
@@ -2013,8 +2013,8 @@ const tr = (e, r) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          d,
-          c
+          m,
+          d
         ]
       }],
       /**
@@ -2022,21 +2022,21 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: ve()
+        blur: ke()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [g, d, c]
+        brightness: [b, m, d]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [g, d, c]
+        contrast: [b, m, d]
       }],
       /**
        * Drop Shadow
@@ -2047,7 +2047,7 @@ const tr = (e, r) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          P,
+          N,
           ee,
           Z
         ]
@@ -2057,42 +2057,42 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": u()
+        "drop-shadow": p()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", g, d, c]
+        grayscale: ["", b, m, d]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [g, d, c]
+        "hue-rotate": [b, m, d]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", g, d, c]
+        invert: ["", b, m, d]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [g, d, c]
+        saturate: [b, m, d]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", g, d, c]
+        sepia: ["", b, m, d]
       }],
       /**
        * Backdrop Filter
@@ -2103,8 +2103,8 @@ const tr = (e, r) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          d,
-          c
+          m,
+          d
         ]
       }],
       /**
@@ -2112,63 +2112,63 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": ve()
+        "backdrop-blur": ke()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [g, d, c]
+        "backdrop-brightness": [b, m, d]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [g, d, c]
+        "backdrop-contrast": [b, m, d]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", g, d, c]
+        "backdrop-grayscale": ["", b, m, d]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [g, d, c]
+        "backdrop-hue-rotate": [b, m, d]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", g, d, c]
+        "backdrop-invert": ["", b, m, d]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [g, d, c]
+        "backdrop-opacity": [b, m, d]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [g, d, c]
+        "backdrop-saturate": [b, m, d]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", g, d, c]
+        "backdrop-sepia": ["", b, m, d]
       }],
       // --------------
       // --- Tables ---
@@ -2185,21 +2185,21 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": p()
+        "border-spacing": g()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": p()
+        "border-spacing-x": g()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": p()
+        "border-spacing-y": g()
       }],
       /**
        * Table Layout
@@ -2223,7 +2223,7 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", d, c]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", m, d]
       }],
       /**
        * Transition Behavior
@@ -2237,28 +2237,28 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [g, "initial", d, c]
+        duration: [b, "initial", m, d]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", E, d, c]
+        ease: ["linear", "initial", T, m, d]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [g, d, c]
+        delay: [b, m, d]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", Y, d, c]
+        animate: ["none", Y, m, d]
       }],
       // ------------------
       // --- Transforms ---
@@ -2275,14 +2275,14 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [A, d, c]
+        perspective: [v, m, d]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": V()
+        "perspective-origin": F()
       }],
       /**
        * Rotate
@@ -2371,14 +2371,14 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [d, c, "", "none", "gpu", "cpu"]
+        transform: [m, d, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: V()
+        origin: F()
       }],
       /**
        * Transform Style
@@ -2428,7 +2428,7 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: u()
+        accent: p()
       }],
       /**
        * Appearance
@@ -2442,7 +2442,7 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: u()
+        caret: p()
       }],
       /**
        * Color Scheme
@@ -2456,7 +2456,7 @@ const tr = (e, r) => {
        * @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", d, c]
+        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", m, d]
       }],
       /**
        * Field Sizing
@@ -2491,126 +2491,126 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": p()
+        "scroll-m": g()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": p()
+        "scroll-mx": g()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": p()
+        "scroll-my": g()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": p()
+        "scroll-ms": g()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": p()
+        "scroll-me": g()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": p()
+        "scroll-mt": g()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": p()
+        "scroll-mr": g()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": p()
+        "scroll-mb": g()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": p()
+        "scroll-ml": g()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": p()
+        "scroll-p": g()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": p()
+        "scroll-px": g()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": p()
+        "scroll-py": g()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": p()
+        "scroll-ps": g()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": p()
+        "scroll-pe": g()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": p()
+        "scroll-pt": g()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": p()
+        "scroll-pr": g()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": p()
+        "scroll-pb": g()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": p()
+        "scroll-pl": g()
       }],
       /**
        * Scroll Snap Align
@@ -2678,7 +2678,7 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", d, c]
+        "will-change": ["auto", "scroll", "contents", "transform", m, d]
       }],
       // -----------
       // --- SVG ---
@@ -2688,21 +2688,21 @@ const tr = (e, r) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...u()]
+        fill: ["none", ...p()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [g, $, O, ce]
+        stroke: [b, $, O, ce]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...u()]
+        stroke: ["none", ...p()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -2770,7 +2770,7 @@ const tr = (e, r) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Dr = /* @__PURE__ */ vr(_r);
+}, Dr = /* @__PURE__ */ kr(Wr);
 function h(...e) {
   return Dr(rr(e));
 }
@@ -2781,29 +2781,34 @@ const Ur = {
 };
 function $r({
   entity: e,
-  isSelected: r = !1,
-  onClick: t,
-  className: o
+  isSelected: o = !1,
+  onClick: r,
+  className: t,
+  onTrack: s,
+  trackingLabel: c,
+  componentName: n = "EntityCard"
 }) {
-  const s = e.entityType === "personal", i = s ? se : ue;
+  const l = e.entityType === "personal", i = l ? se : ue;
   return /* @__PURE__ */ a(
     "div",
     {
-      onClick: t,
+      onClick: r ? () => {
+        s?.({ action: "click", trackingLabel: c, componentName: n }), r?.();
+      } : void 0,
       className: h(
         "rounded-lg border p-4 transition-all",
-        t && "cursor-pointer hover:border-primary",
-        r && "border-primary bg-primary/5",
-        !r && "border-border bg-card",
-        o
+        r && "cursor-pointer hover:border-primary",
+        o && "border-primary bg-primary/5",
+        !o && "border-border bg-card",
+        t
       ),
-      children: /* @__PURE__ */ x("div", { className: "flex items-start gap-3", children: [
+      children: /* @__PURE__ */ w("div", { className: "flex items-start gap-3", children: [
         /* @__PURE__ */ a(
           "div",
           {
             className: h(
               "flex h-10 w-10 items-center justify-center rounded-full",
-              s ? "bg-blue-100 dark:bg-blue-900" : "bg-purple-100 dark:bg-purple-900"
+              l ? "bg-blue-100 dark:bg-blue-900" : "bg-purple-100 dark:bg-purple-900"
             ),
             children: e.avatarUrl ? /* @__PURE__ */ a(
               "img",
@@ -2817,14 +2822,14 @@ function $r({
               {
                 className: h(
                   "h-5 w-5",
-                  s ? "text-blue-600 dark:text-blue-400" : "text-purple-600 dark:text-purple-400"
+                  l ? "text-blue-600 dark:text-blue-400" : "text-purple-600 dark:text-purple-400"
                 )
               }
             )
           }
         ),
-        /* @__PURE__ */ x("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ x("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ w("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ w("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ a("h3", { className: "font-medium text-foreground truncate", children: e.displayName }),
             /* @__PURE__ */ a(
               "span",
@@ -2837,7 +2842,7 @@ function $r({
               }
             )
           ] }),
-          /* @__PURE__ */ a("p", { className: "text-sm text-muted-foreground", children: s ? "Personal workspace" : "Organization" }),
+          /* @__PURE__ */ a("p", { className: "text-sm text-muted-foreground", children: l ? "Personal workspace" : "Organization" }),
           e.description && /* @__PURE__ */ a("p", { className: "text-sm text-muted-foreground mt-1 line-clamp-2", children: e.description })
         ] })
       ] })
@@ -2846,47 +2851,64 @@ function $r({
 }
 function rt({
   entities: e,
-  selectedSlug: r,
-  onSelect: t,
-  isLoading: o = !1,
+  selectedSlug: o,
+  onSelect: r,
+  isLoading: t = !1,
   emptyMessage: s = "No workspaces found",
-  className: i
+  className: c,
+  onTrack: n,
+  trackingLabel: l,
+  componentName: i = "EntityList"
 }) {
-  return o ? /* @__PURE__ */ a("div", { className: h("space-y-3", i), children: [1, 2, 3].map((n) => /* @__PURE__ */ a(
-    "div",
-    {
-      className: "h-24 rounded-lg border border-border bg-muted animate-pulse"
-    },
-    n
-  )) }) : e.length === 0 ? /* @__PURE__ */ a("div", { className: h("text-center py-8 text-muted-foreground", i), children: s }) : /* @__PURE__ */ a("div", { className: h("space-y-3", i), children: e.map((n) => /* @__PURE__ */ a(
+  if (t)
+    return /* @__PURE__ */ a("div", { className: h("space-y-3", c), children: [1, 2, 3].map((f) => /* @__PURE__ */ a(
+      "div",
+      {
+        className: "h-24 rounded-lg border border-border bg-muted animate-pulse"
+      },
+      f
+    )) });
+  if (e.length === 0)
+    return /* @__PURE__ */ a("div", { className: h("text-center py-8 text-muted-foreground", c), children: s });
+  const u = (f) => {
+    n?.({ action: "select", trackingLabel: l, componentName: i }), r?.(f);
+  };
+  return /* @__PURE__ */ a("div", { className: h("space-y-3", c), children: e.map((f) => /* @__PURE__ */ a(
     $r,
     {
-      entity: n,
-      isSelected: n.entitySlug === r,
-      onClick: t ? () => t(n) : void 0
+      entity: f,
+      isSelected: f.entitySlug === o,
+      onClick: r ? () => u(f) : void 0,
+      onTrack: n,
+      trackingLabel: l
     },
-    n.id
+    f.id
   )) });
 }
 function tt({
   entities: e,
-  currentEntity: r,
-  onSelect: t,
-  onCreateNew: o,
+  currentEntity: o,
+  onSelect: r,
+  onCreateNew: t,
   isLoading: s = !1,
-  className: i
+  className: c,
+  onTrack: n,
+  trackingLabel: l,
+  componentName: i = "EntitySelector"
 }) {
-  const [n, m] = X(!1), l = (b) => {
-    t(b), m(!1);
-  }, f = () => {
-    o?.(), m(!1);
+  const [u, f] = X(!1), k = () => {
+    n?.({ action: "toggle", trackingLabel: l, componentName: i }), f(!u);
+  }, x = (y) => {
+    n?.({ action: "select", trackingLabel: l, componentName: i }), r(y), f(!1);
+  }, N = () => {
+    n?.({ action: "create_new", trackingLabel: l, componentName: i }), t?.(), f(!1);
   };
-  return /* @__PURE__ */ x("div", { className: h("relative", i), children: [
-    /* @__PURE__ */ x(
+  return /* @__PURE__ */ w("div", { className: h("relative", c), children: [
+    /* @__PURE__ */ w(
       "button",
       {
         type: "button",
-        onClick: () => m(!n),
+        onClick: k,
         disabled: s,
         className: h(
           "flex items-center gap-2 px-3 py-2 rounded-lg border",
@@ -2895,28 +2917,28 @@ function tt({
           s && "opacity-50 cursor-not-allowed"
         ),
         children: [
-          r ? /* @__PURE__ */ x(re, { children: [
-            r.entityType === "personal" ? /* @__PURE__ */ a(se, { className: "h-4 w-4 text-blue-600 dark:text-blue-400" }) : /* @__PURE__ */ a(ue, { className: "h-4 w-4 text-purple-600 dark:text-purple-400" }),
-            /* @__PURE__ */ a("span", { className: "font-medium text-sm truncate max-w-[150px]", children: r.displayName })
+          o ? /* @__PURE__ */ w(re, { children: [
+            o.entityType === "personal" ? /* @__PURE__ */ a(se, { className: "h-4 w-4 text-blue-600 dark:text-blue-400" }) : /* @__PURE__ */ a(ue, { className: "h-4 w-4 text-purple-600 dark:text-purple-400" }),
+            /* @__PURE__ */ a("span", { className: "font-medium text-sm truncate max-w-[150px]", children: o.displayName })
           ] }) : /* @__PURE__ */ a("span", { className: "text-sm text-muted-foreground", children: "Select workspace" }),
           /* @__PURE__ */ a(
             Re,
             {
               className: h(
                 "h-4 w-4 text-muted-foreground transition-transform",
-                n && "rotate-180"
+                u && "rotate-180"
               )
             }
           )
         ]
       }
     ),
-    n && /* @__PURE__ */ x(re, { children: [
+    u && /* @__PURE__ */ w(re, { children: [
       /* @__PURE__ */ a(
         "div",
         {
           className: "fixed inset-0 z-40",
-          onClick: () => m(!1)
+          onClick: () => f(!1)
         }
       ),
       /* @__PURE__ */ a(
@@ -2927,33 +2949,33 @@ function tt({
             "min-w-[220px] rounded-lg border bg-popover shadow-lg",
             "animate-in fade-in-0 zoom-in-95"
           ),
-          children: /* @__PURE__ */ x("div", { className: "p-1", children: [
-            e.filter((b) => b.entityType === "personal").map((b) => /* @__PURE__ */ a(
+          children: /* @__PURE__ */ w("div", { className: "p-1", children: [
+            e.filter((y) => y.entityType === "personal").map((y) => /* @__PURE__ */ a(
               Ie,
               {
-                entity: b,
-                isSelected: b.id === r?.id,
-                onClick: () => l(b)
+                entity: y,
+                isSelected: y.id === o?.id,
+                onClick: () => x(y)
               },
-              b.id
+              y.id
             )),
-            e.some((b) => b.entityType === "personal") && e.some((b) => b.entityType === "organization") && /* @__PURE__ */ a("div", { className: "my-1 h-px bg-border" }),
-            e.filter((b) => b.entityType === "organization").map((b) => /* @__PURE__ */ a(
+            e.some((y) => y.entityType === "personal") && e.some((y) => y.entityType === "organization") && /* @__PURE__ */ a("div", { className: "my-1 h-px bg-border" }),
+            e.filter((y) => y.entityType === "organization").map((y) => /* @__PURE__ */ a(
               Ie,
               {
-                entity: b,
-                isSelected: b.id === r?.id,
-                onClick: () => l(b)
+                entity: y,
+                isSelected: y.id === o?.id,
+                onClick: () => x(y)
               },
-              b.id
+              y.id
             )),
-            o && /* @__PURE__ */ x(re, { children: [
+            t && /* @__PURE__ */ w(re, { children: [
               /* @__PURE__ */ a("div", { className: "my-1 h-px bg-border" }),
-              /* @__PURE__ */ x(
+              /* @__PURE__ */ w(
                 "button",
                 {
                   type: "button",
-                  onClick: f,
+                  onClick: N,
                   className: h(
                     "flex items-center gap-2 w-full px-2 py-1.5 rounded",
                     "text-sm text-primary hover:bg-muted transition-colors"
@@ -2971,17 +2993,17 @@ function tt({
     ] })
   ] });
 }
-function Ie({ entity: e, isSelected: r, onClick: t }) {
-  const o = e.entityType === "personal", s = o ? se : ue;
-  return /* @__PURE__ */ x(
+function Ie({ entity: e, isSelected: o, onClick: r }) {
+  const t = e.entityType === "personal", s = t ? se : ue;
+  return /* @__PURE__ */ w(
     "button",
     {
       type: "button",
-      onClick: t,
+      onClick: r,
       className: h(
         "flex items-center gap-2 w-full px-2 py-1.5 rounded",
         "text-sm transition-colors",
-        r ? "bg-primary/10 text-primary" : "hover:bg-muted text-foreground"
+        o ? "bg-primary/10 text-primary" : "hover:bg-muted text-foreground"
       ),
       children: [
         /* @__PURE__ */ a(
@@ -2989,12 +3011,12 @@ function Ie({ entity: e, isSelected: r, onClick: t }) {
           {
             className: h(
               "h-4 w-4",
-              o ? "text-blue-600 dark:text-blue-400" : "text-purple-600 dark:text-purple-400"
+              t ? "text-blue-600 dark:text-blue-400" : "text-purple-600 dark:text-purple-400"
             )
           }
         ),
         /* @__PURE__ */ a("span", { className: "flex-1 text-left truncate", children: e.displayName }),
-        r && /* @__PURE__ */ a(pe, { className: "h-4 w-4" })
+        o && /* @__PURE__ */ a(pe, { className: "h-4 w-4" })
       ]
     }
   );
@@ -3024,41 +3046,46 @@ const de = [
 ];
 function Ue({
   value: e,
-  onChange: r,
-  disabled: t = !1,
-  className: o
+  onChange: o,
+  disabled: r = !1,
+  className: t,
+  onTrack: s,
+  trackingLabel: c,
+  componentName: n = "MemberRoleSelector"
 }) {
-  const [s, i] = X(!1), n = de.find((l) => l.value === e) || de[2], m = (l) => {
-    r(l), i(!1);
+  const [l, i] = X(!1), u = de.find((x) => x.value === e) || de[2], f = () => {
+    r || (s?.({ action: "toggle", trackingLabel: c, componentName: n }), i(!l));
+  }, k = (x) => {
+    s?.({ action: "select", trackingLabel: c, componentName: n }), o(x), i(!1);
   };
-  return /* @__PURE__ */ x("div", { className: h("relative", o), children: [
-    /* @__PURE__ */ x(
+  return /* @__PURE__ */ w("div", { className: h("relative", t), children: [
+    /* @__PURE__ */ w(
       "button",
       {
         type: "button",
-        onClick: () => !t && i(!s),
-        disabled: t,
+        onClick: f,
+        disabled: r,
         className: h(
           "flex items-center gap-1.5 px-2 py-1 rounded border text-sm",
           "bg-background transition-colors",
-          t ? "opacity-50 cursor-not-allowed" : "hover:bg-muted cursor-pointer"
+          r ? "opacity-50 cursor-not-allowed" : "hover:bg-muted cursor-pointer"
         ),
         children: [
-          /* @__PURE__ */ a(n.icon, { className: h("h-3.5 w-3.5", n.color) }),
-          /* @__PURE__ */ a("span", { children: n.label }),
+          /* @__PURE__ */ a(u.icon, { className: h("h-3.5 w-3.5", u.color) }),
+          /* @__PURE__ */ a("span", { children: u.label }),
           /* @__PURE__ */ a(
             Re,
             {
               className: h(
                 "h-3.5 w-3.5 text-muted-foreground transition-transform",
-                s && "rotate-180"
+                l && "rotate-180"
               )
             }
           )
         ]
       }
     ),
-    s && /* @__PURE__ */ x(re, { children: [
+    l && /* @__PURE__ */ w(re, { children: [
       /* @__PURE__ */ a(
         "div",
         {
@@ -3074,28 +3101,28 @@ function Ue({
             "min-w-[200px] rounded-lg border bg-popover shadow-lg p-1",
             "animate-in fade-in-0 zoom-in-95"
           ),
-          children: de.map((l) => /* @__PURE__ */ x(
+          children: de.map((x) => /* @__PURE__ */ w(
             "button",
             {
               type: "button",
-              onClick: () => m(l.value),
+              onClick: () => k(x.value),
               className: h(
                 "flex items-start gap-2 w-full px-2 py-2 rounded text-left",
                 "transition-colors",
-                l.value === e ? "bg-primary/10" : "hover:bg-muted"
+                x.value === e ? "bg-primary/10" : "hover:bg-muted"
               ),
               children: [
-                /* @__PURE__ */ a(l.icon, { className: h("h-4 w-4 mt-0.5", l.color) }),
-                /* @__PURE__ */ x("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ x("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ a("span", { className: "font-medium text-sm", children: l.label }),
-                    l.value === e && /* @__PURE__ */ a(pe, { className: "h-3.5 w-3.5 text-primary" })
+                /* @__PURE__ */ a(x.icon, { className: h("h-4 w-4 mt-0.5", x.color) }),
+                /* @__PURE__ */ w("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ w("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ a("span", { className: "font-medium text-sm", children: x.label }),
+                    x.value === e && /* @__PURE__ */ a(pe, { className: "h-3.5 w-3.5 text-primary" })
                   ] }),
-                  /* @__PURE__ */ a("p", { className: "text-xs text-muted-foreground", children: l.description })
+                  /* @__PURE__ */ a("p", { className: "text-xs text-muted-foreground", children: x.description })
                 ] })
               ]
             },
-            l.value
+            x.value
           ))
         }
       )
@@ -3109,54 +3136,66 @@ const Xr = {
 };
 function ot({
   members: e,
-  currentUserId: r,
-  canManage: t = !1,
-  onRoleChange: o,
+  currentUserId: o,
+  canManage: r = !1,
+  onRoleChange: t,
   onRemove: s,
-  isLoading: i = !1,
+  isLoading: c = !1,
   emptyMessage: n = "No members found",
-  className: m
+  className: l,
+  onTrack: i,
+  trackingLabel: u,
+  componentName: f = "MemberList"
 }) {
-  return i ? /* @__PURE__ */ a("div", { className: h("space-y-2", m), children: [1, 2, 3].map((l) => /* @__PURE__ */ a(
-    "div",
-    {
-      className: "h-16 rounded-lg border border-border bg-muted animate-pulse"
-    },
-    l
-  )) }) : e.length === 0 ? /* @__PURE__ */ a("div", { className: h("text-center py-8 text-muted-foreground", m), children: n }) : /* @__PURE__ */ a("div", { className: h("divide-y divide-border rounded-lg border", m), children: e.map((l) => /* @__PURE__ */ a(
+  if (c)
+    return /* @__PURE__ */ a("div", { className: h("space-y-2", l), children: [1, 2, 3].map((N) => /* @__PURE__ */ a(
+      "div",
+      {
+        className: "h-16 rounded-lg border border-border bg-muted animate-pulse"
+      },
+      N
+    )) });
+  if (e.length === 0)
+    return /* @__PURE__ */ a("div", { className: h("text-center py-8 text-muted-foreground", l), children: n });
+  const k = (N, y) => {
+    i?.({ action: "role_change", trackingLabel: u, componentName: f }), t?.(N, y);
+  }, x = (N) => {
+    i?.({ action: "remove", trackingLabel: u, componentName: f }), s?.(N);
+  };
+  return /* @__PURE__ */ a("div", { className: h("divide-y divide-border rounded-lg border", l), children: e.map((N) => /* @__PURE__ */ a(
     Yr,
     {
-      member: l,
-      isSelf: l.userId === r,
-      canManage: t,
-      onRoleChange: o,
-      onRemove: s
+      member: N,
+      isSelf: N.userId === o,
+      canManage: r,
+      onRoleChange: t ? k : void 0,
+      onRemove: s ? x : void 0
     },
-    l.id
+    N.id
   )) });
 }
 function Yr({
   member: e,
-  isSelf: r,
-  canManage: t,
-  onRoleChange: o,
+  isSelf: o,
+  canManage: r,
+  onRoleChange: t,
   onRemove: s
 }) {
-  const i = e.user?.displayName || e.user?.email || "Unknown user", n = e.user?.email;
-  return /* @__PURE__ */ x("div", { className: "flex items-center gap-3 p-3", children: [
+  const c = e.user?.displayName || e.user?.email || "Unknown user", n = e.user?.email;
+  return /* @__PURE__ */ w("div", { className: "flex items-center gap-3 p-3", children: [
     /* @__PURE__ */ a("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ a(se, { className: "h-5 w-5 text-muted-foreground" }) }),
-    /* @__PURE__ */ x("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ x("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ a("p", { className: "font-medium text-foreground truncate", children: i }),
-        r && /* @__PURE__ */ a("span", { className: "text-xs text-muted-foreground", children: "(you)" })
+    /* @__PURE__ */ w("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ w("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ a("p", { className: "font-medium text-foreground truncate", children: c }),
+        o && /* @__PURE__ */ a("span", { className: "text-xs text-muted-foreground", children: "(you)" })
       ] }),
       n && /* @__PURE__ */ a("p", { className: "text-sm text-muted-foreground truncate", children: n })
     ] }),
-    t && o && !r ? /* @__PURE__ */ a(
+    r && t && !o ? /* @__PURE__ */ a(
       Ue,
       {
         value: e.role,
-        onChange: (m) => o(e.userId, m)
+        onChange: (l) => t(e.userId, l)
       }
     ) : /* @__PURE__ */ a(
       "span",
@@ -3168,7 +3207,7 @@ function Yr({
         children: e.role
       }
     ),
-    t && s && !r && /* @__PURE__ */ a(
+    r && s && !o && /* @__PURE__ */ a(
       "button",
       {
         type: "button",
@@ -3185,43 +3224,47 @@ function Yr({
 }
 function st({
   onSubmit: e,
-  isSubmitting: r = !1,
-  defaultRole: t = te.VIEWER,
-  className: o
+  isSubmitting: o = !1,
+  defaultRole: r = te.VIEWER,
+  className: t,
+  onTrack: s,
+  trackingLabel: c,
+  componentName: n = "InvitationForm"
 }) {
-  const [s, i] = X(""), [n, m] = X(t), [l, f] = X(null);
-  return /* @__PURE__ */ x("form", { onSubmit: async (k) => {
-    if (k.preventDefault(), f(null), !s.trim()) {
-      f("Email is required");
+  const [l, i] = X(""), [u, f] = X(r), [k, x] = X(null);
+  return /* @__PURE__ */ w("form", { onSubmit: async (y) => {
+    if (y.preventDefault(), x(null), !l.trim()) {
+      x("Email is required");
       return;
     }
-    if (!qr(s)) {
-      f("Please enter a valid email address");
+    if (!qr(l)) {
+      x("Please enter a valid email address");
       return;
     }
+    s?.({ action: "submit", trackingLabel: c, componentName: n });
     try {
-      await e({ email: s.trim(), role: n }), i(""), m(t);
-    } catch (z) {
-      f(z.message || "Failed to send invitation");
+      await e({ email: l.trim(), role: u }), i(""), f(r);
+    } catch (v) {
+      x(v.message || "Failed to send invitation");
     }
-  }, className: h("space-y-4", o), children: [
-    /* @__PURE__ */ x("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ x("div", { className: "relative flex-1", children: [
+  }, className: h("space-y-4", t), children: [
+    /* @__PURE__ */ w("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ w("div", { className: "relative flex-1", children: [
         /* @__PURE__ */ a(Me, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
         /* @__PURE__ */ a(
           "input",
           {
             type: "email",
-            value: s,
-            onChange: (k) => i(k.target.value),
+            value: l,
+            onChange: (y) => i(y.target.value),
             placeholder: "Enter email address",
-            disabled: r,
+            disabled: o,
             className: h(
               "w-full pl-10 pr-3 py-2 rounded-lg border bg-background",
               "text-sm placeholder:text-muted-foreground",
               "focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent",
-              l && "border-destructive focus:ring-destructive",
-              r && "opacity-50 cursor-not-allowed"
+              k && "border-destructive focus:ring-destructive",
+              o && "opacity-50 cursor-not-allowed"
             )
           }
         )
@@ -3229,31 +3272,31 @@ function st({
       /* @__PURE__ */ a(
         Ue,
         {
-          value: n,
-          onChange: m,
-          disabled: r
+          value: u,
+          onChange: f,
+          disabled: o
         }
       ),
-      /* @__PURE__ */ x(
+      /* @__PURE__ */ w(
         "button",
         {
           type: "submit",
-          disabled: r || !s.trim(),
+          disabled: o || !l.trim(),
           className: h(
             "flex items-center gap-2 px-4 py-2 rounded-lg",
             "bg-primary text-primary-foreground font-medium text-sm",
             "hover:bg-primary/90 transition-colors",
             "focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2",
-            (r || !s.trim()) && "opacity-50 cursor-not-allowed"
+            (o || !l.trim()) && "opacity-50 cursor-not-allowed"
           ),
           children: [
-            r ? /* @__PURE__ */ a(He, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ a(Ke, { className: "h-4 w-4" }),
+            o ? /* @__PURE__ */ a(He, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ a(Ke, { className: "h-4 w-4" }),
             /* @__PURE__ */ a("span", { className: "hidden sm:inline", children: "Invite" })
           ]
         }
       )
     ] }),
-    l && /* @__PURE__ */ a("p", { className: "text-sm text-destructive", children: l })
+    k && /* @__PURE__ */ a("p", { className: "text-sm text-destructive", children: k })
   ] });
 }
 function qr(e) {
@@ -3266,50 +3309,64 @@ const Jr = {
 };
 function nt({
   invitations: e,
-  mode: r,
-  onCancel: t,
-  onAccept: o,
+  mode: o,
+  onCancel: r,
+  onAccept: t,
   onDecline: s,
-  isLoading: i = !1,
+  isLoading: c = !1,
   emptyMessage: n = "No pending invitations",
-  className: m
+  className: l,
+  onTrack: i,
+  trackingLabel: u,
+  componentName: f = "InvitationList"
 }) {
-  const l = e.filter(
-    (f) => f.status === "pending"
+  const k = e.filter(
+    (v) => v.status === "pending"
   );
-  return i ? /* @__PURE__ */ a("div", { className: h("space-y-2", m), children: [1, 2].map((f) => /* @__PURE__ */ a(
-    "div",
-    {
-      className: "h-16 rounded-lg border border-border bg-muted animate-pulse"
-    },
-    f
-  )) }) : l.length === 0 ? /* @__PURE__ */ a("div", { className: h("text-center py-8 text-muted-foreground", m), children: n }) : /* @__PURE__ */ a("div", { className: h("divide-y divide-border rounded-lg border", m), children: l.map((f) => /* @__PURE__ */ a(
+  if (c)
+    return /* @__PURE__ */ a("div", { className: h("space-y-2", l), children: [1, 2].map((v) => /* @__PURE__ */ a(
+      "div",
+      {
+        className: "h-16 rounded-lg border border-border bg-muted animate-pulse"
+      },
+      v
+    )) });
+  if (k.length === 0)
+    return /* @__PURE__ */ a("div", { className: h("text-center py-8 text-muted-foreground", l), children: n });
+  const x = (v) => {
+    i?.({ action: "cancel", trackingLabel: u, componentName: f }), r?.(v);
+  }, N = (v) => {
+    i?.({ action: "accept", trackingLabel: u, componentName: f }), t?.(v);
+  }, y = (v) => {
+    i?.({ action: "decline", trackingLabel: u, componentName: f }), s?.(v);
+  };
+  return /* @__PURE__ */ a("div", { className: h("divide-y divide-border rounded-lg border", l), children: k.map((v) => /* @__PURE__ */ a(
     Hr,
     {
-      invitation: f,
-      mode: r,
-      onCancel: t,
-      onAccept: o,
-      onDecline: s
+      invitation: v,
+      mode: o,
+      onCancel: r ? x : void 0,
+      onAccept: t ? N : void 0,
+      onDecline: s ? y : void 0
     },
-    f.id
+    v.id
   )) });
 }
 function Hr({
   invitation: e,
-  mode: r,
-  onCancel: t,
-  onAccept: o,
+  mode: o,
+  onCancel: r,
+  onAccept: t,
   onDecline: s
 }) {
-  const i = new Date(e.expiresAt), n = i < /* @__PURE__ */ new Date(), m = Math.ceil(
-    (i.getTime() - Date.now()) / (1e3 * 60 * 60 * 24)
+  const c = new Date(e.expiresAt), n = c < /* @__PURE__ */ new Date(), l = Math.ceil(
+    (c.getTime() - Date.now()) / (1e3 * 60 * 60 * 24)
   );
-  return /* @__PURE__ */ x("div", { className: "flex items-center gap-3 p-3", children: [
+  return /* @__PURE__ */ w("div", { className: "flex items-center gap-3 p-3", children: [
     /* @__PURE__ */ a("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ a(Me, { className: "h-5 w-5 text-muted-foreground" }) }),
-    /* @__PURE__ */ x("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ x("div", { className: "flex items-center gap-2", children: [
-        r === "user" && e.entity ? /* @__PURE__ */ a("p", { className: "font-medium text-foreground truncate", children: e.entity.displayName }) : /* @__PURE__ */ a("p", { className: "font-medium text-foreground truncate", children: e.email }),
+    /* @__PURE__ */ w("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ w("div", { className: "flex items-center gap-2", children: [
+        o === "user" && e.entity ? /* @__PURE__ */ a("p", { className: "font-medium text-foreground truncate", children: e.entity.displayName }) : /* @__PURE__ */ a("p", { className: "font-medium text-foreground truncate", children: e.email }),
         /* @__PURE__ */ a(
           "span",
           {
@@ -3321,20 +3378,20 @@ function Hr({
           }
         )
       ] }),
-      /* @__PURE__ */ x("div", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ w("div", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
         /* @__PURE__ */ a(Qe, { className: "h-3.5 w-3.5" }),
-        n ? /* @__PURE__ */ a("span", { className: "text-destructive", children: "Expired" }) : /* @__PURE__ */ x("span", { children: [
+        n ? /* @__PURE__ */ a("span", { className: "text-destructive", children: "Expired" }) : /* @__PURE__ */ w("span", { children: [
           "Expires in ",
-          m,
+          l,
           " days"
         ] })
       ] })
     ] }),
-    r === "admin" && t && /* @__PURE__ */ a(
+    o === "admin" && r && /* @__PURE__ */ a(
       "button",
       {
         type: "button",
-        onClick: () => t(e.id),
+        onClick: () => r(e.id),
         className: h(
           "p-1.5 rounded hover:bg-destructive/10 text-muted-foreground",
           "hover:text-destructive transition-colors"
@@ -3343,8 +3400,8 @@ function Hr({
         children: /* @__PURE__ */ a(Ze, { className: "h-4 w-4" })
       }
     ),
-    r === "user" && /* @__PURE__ */ x("div", { className: "flex items-center gap-2", children: [
-      s && /* @__PURE__ */ x(
+    o === "user" && /* @__PURE__ */ w("div", { className: "flex items-center gap-2", children: [
+      s && /* @__PURE__ */ w(
         "button",
         {
           type: "button",
@@ -3359,11 +3416,11 @@ function Hr({
           ]
         }
       ),
-      o && /* @__PURE__ */ x(
+      t && /* @__PURE__ */ w(
         "button",
         {
           type: "button",
-          onClick: () => o(e.token),
+          onClick: () => t(e.token),
           disabled: n,
           className: h(
             "flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-sm",