@sudobility/entity-components 1.0.9 → 1.0.11

package/dist/index.esm.js

@@ -1,50 +1,51 @@
-import { jsx as a, jsxs as w, Fragment as re } from "react/jsx-runtime";
-import { UserIcon as se, BuildingOffice2Icon as ue, ChevronDownIcon as Re, PlusIcon as $e, CheckIcon as pe, ShieldCheckIcon as Xe, BriefcaseIcon as Ye, EyeIcon as qe, TrashIcon as Je, EnvelopeIcon as Me, ArrowPathIcon as He, PaperAirplaneIcon as Ke, ClockIcon as Qe, XCircleIcon as Ze, XMarkIcon as er } from "@heroicons/react/24/outline";
-import { useState as X } from "react";
+import { jsx as a, jsxs as y, Fragment as re } from "react/jsx-runtime";
+import { UserIcon as se, BuildingOffice2Icon as ue, ChevronDownIcon as Se, PlusIcon as $e, CheckIcon as pe, ShieldCheckIcon as Xe, BriefcaseIcon as Ye, EyeIcon as qe, TrashIcon as Je, EnvelopeIcon as Me, ArrowPathIcon as He, PaperAirplaneIcon as Ke, ClockIcon as Qe, XCircleIcon as Ze, XMarkIcon as er } from "@heroicons/react/24/outline";
+import { useState as _, useRef as rr, useCallback as tr } from "react";
+import { createPortal as or } from "react-dom";
 import { EntityRole as te } from "@sudobility/types";
-function Ee(e) {
+function Pe(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 (o = 0; o < s; o++) e[o] && (r = Ee(e[o])) && (t && (t += " "), t += r);
+    for (o = 0; o < s; o++) e[o] && (r = Pe(e[o])) && (t && (t += " "), t += r);
   } else for (r in e) e[r] && (t && (t += " "), t += r);
   return t;
 }
-function rr() {
-  for (var e, o, r = 0, t = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (o = Ee(e)) && (t && (t += " "), t += o);
+function sr() {
+  for (var e, o, r = 0, t = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (o = Pe(e)) && (t && (t += " "), t += o);
   return t;
 }
-const tr = (e, o) => {
+const nr = (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) => ({
+}, ar = (e, o) => ({
   classGroupId: e,
   validator: o
-}), Pe = (e = /* @__PURE__ */ new Map(), o = null, r) => ({
+}), Ee = (e = /* @__PURE__ */ new Map(), o = null, r) => ({
   nextPart: e,
   validators: o,
   classGroupId: r
-}), oe = "-", Ne = [], sr = "arbitrary..", nr = (e) => {
-  const o = lr(e), {
+}), oe = "-", Ne = [], lr = "arbitrary..", ir = (e) => {
+  const o = dr(e), {
     conflictingClassGroups: r,
     conflictingClassGroupModifiers: t
   } = e;
   return {
     getClassGroupId: (n) => {
       if (n.startsWith("[") && n.endsWith("]"))
-        return ar(n);
+        return cr(n);
       const l = n.split(oe), i = l[0] === "" && l.length > 1 ? 1 : 0;
       return Te(l, i, o);
     },
     getConflictingClassGroupIds: (n, l) => {
       if (l) {
-        const i = t[n], u = r[n];
-        return i ? u ? tr(u, i) : i : u || Ne;
+        const i = t[n], p = r[n];
+        return i ? p ? nr(p, i) : i : p || Ne;
       }
       return r[n] || Ne;
     }
@@ -54,64 +55,64 @@ const tr = (e, o) => {
     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 p = Te(e, o + 1, c);
+    if (p) return p;
   }
   const n = r.validators;
   if (n === null)
     return;
   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;
+  for (let p = 0; p < i; p++) {
+    const g = n[p];
+    if (g.validator(l))
+      return g.classGroupId;
   }
-}, ar = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, cr = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const o = e.slice(1, -1), r = o.indexOf(":"), t = o.slice(0, r);
-  return t ? sr + t : void 0;
-})(), lr = (e) => {
+  return t ? lr + t : void 0;
+})(), dr = (e) => {
   const {
     theme: o,
     classGroups: r
   } = e;
-  return ir(r, o);
-}, ir = (e, o) => {
-  const r = Pe();
+  return mr(r, o);
+}, mr = (e, o) => {
+  const r = Ee();
   for (const t in e) {
     const s = e[t];
-    fe(s, r, t, o);
+    ge(s, r, t, o);
   }
   return r;
-}, fe = (e, o, r, t) => {
+}, ge = (e, o, r, t) => {
   const s = e.length;
   for (let c = 0; c < s; c++) {
     const n = e[c];
-    cr(n, o, r, t);
+    ur(n, o, r, t);
   }
-}, cr = (e, o, r, t) => {
+}, ur = (e, o, r, t) => {
   if (typeof e == "string") {
-    dr(e, o, r);
+    pr(e, o, r);
     return;
   }
   if (typeof e == "function") {
-    mr(e, o, r, t);
+    gr(e, o, r, t);
     return;
   }
-  ur(e, o, r, t);
-}, dr = (e, o, r) => {
+  fr(e, o, r, t);
+}, pr = (e, o, r) => {
   const t = e === "" ? o : Oe(o, e);
   t.classGroupId = r;
-}, mr = (e, o, r, t) => {
-  if (pr(e)) {
-    fe(e(t), o, r, t);
+}, gr = (e, o, r, t) => {
+  if (br(e)) {
+    ge(e(t), o, r, t);
     return;
   }
-  o.validators === null && (o.validators = []), o.validators.push(or(r, e));
-}, ur = (e, o, r, t) => {
+  o.validators === null && (o.validators = []), o.validators.push(ar(r, e));
+}, fr = (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, Oe(o, l), r, t);
+    ge(i, Oe(o, l), r, t);
   }
 }, Oe = (e, o) => {
   let r = e;
@@ -119,10 +120,10 @@ const tr = (e, o) => {
   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;
+    l || (l = Ee(), r.nextPart.set(n, l)), r = l;
   }
   return r;
-}, pr = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, fr = (e) => {
+}, br = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, hr = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -146,50 +147,50 @@ const tr = (e, o) => {
       c in r ? r[c] = n : s(c, n);
     }
   };
-}, me = "!", Ce = ":", gr = [], ze = (e, o, r, t, s) => ({
+}, me = "!", Ce = ":", xr = [], ze = (e, o, r, t, s) => ({
   modifiers: e,
   hasImportantModifier: o,
   baseClassName: r,
   maybePostfixModifierPosition: t,
   isExternal: s
-}), br = (e) => {
+}), yr = (e) => {
   const {
     prefix: o,
     experimentalParseClassName: r
   } = e;
   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];
+    let n = 0, l = 0, i = 0, p;
+    const g = s.length;
+    for (let v = 0; v < g; v++) {
+      const w = s[v];
       if (n === 0 && l === 0) {
-        if (A === Ce) {
+        if (w === Ce) {
           c.push(s.slice(i, v)), i = v + 1;
           continue;
         }
-        if (A === "/") {
-          u = v;
+        if (w === "/") {
+          p = v;
           continue;
         }
       }
-      A === "[" ? n++ : A === "]" ? n-- : A === "(" ? l++ : A === ")" && l--;
+      w === "[" ? n++ : w === "]" ? n-- : w === "(" ? l++ : w === ")" && l--;
     }
     const k = c.length === 0 ? s : s.slice(i);
-    let x = k, N = !1;
-    k.endsWith(me) ? (x = k.slice(0, -1), N = !0) : (
+    let N = k, C = !1;
+    k.endsWith(me) ? (N = k.slice(0, -1), C = !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) && (x = k.slice(1), N = !0)
+      k.startsWith(me) && (N = k.slice(1), C = !0)
     );
-    const y = u && u > i ? u - i : void 0;
-    return ze(c, N, x, y);
+    const h = p && p > i ? p - i : void 0;
+    return ze(c, C, N, h);
   };
   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);
+    t = (n) => n.startsWith(s) ? c(n.slice(s.length)) : ze(xr, !1, n, void 0, !0);
   }
   if (r) {
     const s = t;
@@ -199,7 +200,7 @@ const tr = (e, o) => {
     });
   }
   return t;
-}, hr = (e) => {
+}, wr = (e) => {
   const o = /* @__PURE__ */ new Map();
   return e.orderSensitiveModifiers.forEach((r, t) => {
     o.set(r, 1e6 + t);
@@ -212,56 +213,56 @@ const tr = (e, 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, o) => {
+}, vr = (e) => ({
+  cache: hr(e.cacheSize),
+  parseClassName: yr(e),
+  sortModifiers: wr(e),
+  ...ir(e)
+}), kr = /\s+/, Nr = (e, o) => {
   const {
     parseClassName: r,
     getClassGroupId: t,
     getConflictingClassGroupIds: s,
     sortModifiers: c
-  } = o, n = [], l = e.trim().split(yr);
+  } = o, n = [], l = e.trim().split(kr);
   let i = "";
-  for (let u = l.length - 1; u >= 0; u -= 1) {
-    const f = l[u], {
+  for (let p = l.length - 1; p >= 0; p -= 1) {
+    const g = l[p], {
       isExternal: k,
-      modifiers: x,
-      hasImportantModifier: N,
-      baseClassName: y,
+      modifiers: N,
+      hasImportantModifier: C,
+      baseClassName: h,
       maybePostfixModifierPosition: v
-    } = r(f);
+    } = r(g);
     if (k) {
-      i = f + (i.length > 0 ? " " + i : i);
+      i = g + (i.length > 0 ? " " + i : i);
       continue;
     }
-    let A = !!v, T = t(A ? y.substring(0, v) : y);
+    let w = !!v, T = t(w ? h.substring(0, v) : h);
     if (!T) {
-      if (!A) {
-        i = f + (i.length > 0 ? " " + i : i);
+      if (!w) {
+        i = g + (i.length > 0 ? " " + i : i);
         continue;
       }
-      if (T = t(y), !T) {
-        i = f + (i.length > 0 ? " " + i : i);
+      if (T = t(h), !T) {
+        i = g + (i.length > 0 ? " " + i : i);
         continue;
       }
-      A = !1;
+      w = !1;
     }
-    const Y = x.length === 0 ? "" : x.length === 1 ? x[0] : c(x).join(":"), D = N ? Y + me : Y, F = D + T;
-    if (n.indexOf(F) > -1)
+    const Y = N.length === 0 ? "" : N.length === 1 ? N[0] : c(N).join(":"), U = C ? Y + me : Y, B = U + T;
+    if (n.indexOf(B) > -1)
       continue;
-    n.push(F);
-    const B = s(T, A);
-    for (let O = 0; O < B.length; ++O) {
-      const U = B[O];
-      n.push(D + U);
+    n.push(B);
+    const F = s(T, w);
+    for (let O = 0; O < F.length; ++O) {
+      const $ = F[O];
+      n.push(U + $);
     }
-    i = f + (i.length > 0 ? " " + i : i);
+    i = g + (i.length > 0 ? " " + i : i);
   }
   return i;
-}, vr = (...e) => {
+}, Cr = (...e) => {
   let o = 0, r, t, s = "";
   for (; o < e.length; )
     (r = e[o++]) && (t = Ge(r)) && (s && (s += " "), s += t);
@@ -273,35 +274,35 @@ const tr = (e, o) => {
   for (let t = 0; t < e.length; t++)
     e[t] && (o = Ge(e[t])) && (r && (r += " "), r += o);
   return r;
-}, kr = (e, ...o) => {
+}, zr = (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);
+    const p = o.reduce((g, k) => k(g), e());
+    return r = vr(p), 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;
+    const p = t(i);
+    if (p)
+      return p;
+    const g = Nr(i, r);
+    return s(i, g), g;
   };
-  return c = n, (...i) => c(vr(...i));
-}, Nr = [], C = (e) => {
-  const o = (r) => r[e] || Nr;
+  return c = n, (...i) => c(Cr(...i));
+}, Ir = [], z = (e) => {
+  const o = (r) => r[e] || Ir;
   return o.isThemeGetter = !0, o;
-}, je = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Fe = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Cr = /^\d+\/\d+$/, zr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ir = /\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)\(.+\)$/, Sr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Rr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, V = (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) => (
+}, je = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Be = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Rr = /^\d+\/\d+$/, Ar = /^(\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$/, Mr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Pr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Er = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, V = (e) => Rr.test(e), b = (e) => !!e && !Number.isNaN(Number(e)), E = (e) => !!e && Number.isInteger(Number(e)), ie = (e) => e.endsWith("%") && b(e.slice(0, -1)), P = (e) => Ar.test(e), Tr = () => !0, Or = (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.
-  Ir.test(e) && !Ar.test(e)
-), Be = () => !1, Pr = (e) => Sr.test(e), Tr = (e) => Rr.test(e), Or = (e) => !d(e) && !m(e), Gr = (e) => _(e, _e, Be), d = (e) => je.test(e), j = (e) => _(e, We, Er), ce = (e) => _(e, Vr, b), Ie = (e) => _(e, Le, Be), jr = (e) => _(e, Ve, Tr), Z = (e) => _(e, De, Pr), m = (e) => Fe.test(e), $ = (e) => W(e, We), Fr = (e) => W(e, _r), Ae = (e) => W(e, Le), Br = (e) => W(e, _e), Lr = (e) => W(e, Ve), ee = (e) => W(e, De, !0), _ = (e, o, r) => {
+  Sr.test(e) && !Mr.test(e)
+), Fe = () => !1, Gr = (e) => Pr.test(e), jr = (e) => Er.test(e), Br = (e) => !d(e) && !m(e), Fr = (e) => W(e, _e, Fe), d = (e) => je.test(e), j = (e) => W(e, We, Or), ce = (e) => W(e, Dr, b), Ie = (e) => W(e, Le, Fe), Lr = (e) => W(e, Ve, jr), Z = (e) => W(e, De, Gr), m = (e) => Be.test(e), X = (e) => D(e, We), Vr = (e) => D(e, Ur), Re = (e) => D(e, Le), _r = (e) => D(e, _e), Wr = (e) => D(e, Ve), ee = (e) => D(e, De, !0), W = (e, o, r) => {
   const t = je.exec(e);
   return t ? t[1] ? o(t[1]) : r(t[2]) : !1;
-}, W = (e, o, r = !1) => {
-  const t = Fe.exec(e);
+}, D = (e, o, r = !1) => {
+  const t = Be.exec(e);
   return t ? t[1] ? o(t[1]) : r : !1;
-}, Le = (e) => e === "position" || e === "percentage", Ve = (e) => e === "image" || e === "url", _e = (e) => e === "length" || e === "size" || e === "bg-size", We = (e) => e === "length", Vr = (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"], F = () => [
+}, Le = (e) => e === "position" || e === "percentage", Ve = (e) => e === "image" || e === "url", _e = (e) => e === "length" || e === "size" || e === "bg-size", We = (e) => e === "length", Dr = (e) => e === "number", Ur = (e) => e === "family-name", De = (e) => e === "shadow", $r = () => {
+  const e = z("color"), o = z("font"), r = z("text"), t = z("font-weight"), s = z("tracking"), c = z("leading"), n = z("breakpoint"), l = z("container"), i = z("spacing"), p = z("radius"), g = z("shadow"), k = z("inset-shadow"), N = z("text-shadow"), C = z("drop-shadow"), h = z("blur"), v = z("perspective"), w = z("aspect"), T = z("ease"), Y = z("animate"), U = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], B = () => [
     "center",
     "top",
     "bottom",
@@ -319,51 +320,51 @@ const tr = (e, o) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], B = () => [...F(), m, d], O = () => ["auto", "hidden", "clip", "visible", "scroll"], U = () => ["auto", "contain", "none"], g = () => [m, d, i], R = () => [V, "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()], G = () => [V, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...g()], p = () => [e, m, d], xe = () => [...F(), Ae, Ie, {
+  ], F = () => [...B(), m, d], O = () => ["auto", "hidden", "clip", "visible", "scroll"], $ = () => ["auto", "contain", "none"], f = () => [m, d, i], S = () => [V, "full", "auto", ...f()], fe = () => [E, "none", "subgrid", m, d], be = () => ["auto", {
+    span: ["full", E, m, d]
+  }, E, m, d], q = () => [E, "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", ...f()], G = () => [V, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...f()], u = () => [e, m, d], xe = () => [...B(), Re, Ie, {
     position: [m, d]
   }], ye = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], we = () => ["auto", "cover", "contain", Br, Gr, {
+  }], we = () => ["auto", "cover", "contain", _r, Fr, {
     size: [m, d]
-  }], ae = () => [ie, $, j], I = () => [
+  }], ae = () => [ie, X, j], R = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
-    u,
+    p,
     m,
     d
-  ], S = () => ["", b, $, j], 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, Ie], ke = () => [
+  ], A = () => ["", b, X, j], 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"], I = () => [b, ie, Re, Ie], ke = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    y,
+    h,
     m,
     d
-  ], H = () => ["none", b, m, d], K = () => ["none", b, m, d], le = () => [b, m, d], Q = () => [V, "full", ...g()];
+  ], H = () => ["none", b, m, d], K = () => ["none", b, m, d], le = () => [b, m, d], Q = () => [V, "full", ...f()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [E],
-      breakpoint: [E],
-      color: [Mr],
-      container: [E],
-      "drop-shadow": [E],
+      blur: [P],
+      breakpoint: [P],
+      color: [Tr],
+      container: [P],
+      "drop-shadow": [P],
       ease: ["in", "out", "in-out"],
-      font: [Or],
+      font: [Br],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [E],
+      "inset-shadow": [P],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [E],
-      shadow: [E],
+      radius: [P],
+      shadow: [P],
       spacing: ["px", b],
-      text: [E],
-      "text-shadow": [E],
+      text: [P],
+      "text-shadow": [P],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -375,7 +376,7 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", V, d, m, A]
+        aspect: ["auto", "square", V, d, m, w]
       }],
       /**
        * Container
@@ -395,14 +396,14 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": D()
+        "break-after": U()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": D()
+        "break-before": U()
       }],
       /**
        * Break Inside
@@ -466,7 +467,7 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: B()
+        object: F()
       }],
       /**
        * Overflow
@@ -494,21 +495,21 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: U()
+        overscroll: $()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": U()
+        "overscroll-x": $()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": U()
+        "overscroll-y": $()
       }],
       /**
        * Position
@@ -520,63 +521,63 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: R()
+        inset: S()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": R()
+        "inset-x": S()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": R()
+        "inset-y": S()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: R()
+        start: S()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: R()
+        end: S()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: R()
+        top: S()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: R()
+        right: S()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: R()
+        bottom: S()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: R()
+        left: S()
       }],
       /**
        * Visibility
@@ -588,7 +589,7 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [P, "auto", m, d]
+        z: [E, "auto", m, d]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -598,7 +599,7 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [V, "full", "auto", l, ...g()]
+        basis: [V, "full", "auto", l, ...f()]
       }],
       /**
        * Flex Direction
@@ -640,14 +641,14 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [P, "first", "last", "none", m, d]
+        order: [E, "first", "last", "none", m, d]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": ge()
+        "grid-cols": fe()
       }],
       /**
        * Grid Column Start / End
@@ -675,7 +676,7 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": ge()
+        "grid-rows": fe()
       }],
       /**
        * Grid Row Start / End
@@ -724,21 +725,21 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: g()
+        gap: f()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": g()
+        "gap-x": f()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": g()
+        "gap-y": f()
       }],
       /**
        * Justify Content
@@ -813,63 +814,63 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: g()
+        p: f()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: g()
+        px: f()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: g()
+        py: f()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: g()
+        ps: f()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: g()
+        pe: f()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: g()
+        pt: f()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: g()
+        pr: f()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: g()
+        pb: f()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: g()
+        pl: f()
       }],
       /**
        * Margin
@@ -939,7 +940,7 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": g()
+        "space-x": f()
       }],
       /**
        * Space Between X Reverse
@@ -951,7 +952,7 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": g()
+        "space-y": f()
       }],
       /**
        * Space Between Y Reverse
@@ -1035,7 +1036,7 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", r, $, j]
+        text: ["base", r, X, j]
       }],
       /**
        * Font Smoothing
@@ -1066,7 +1067,7 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Fr, d, o]
+        font: [Vr, d, o]
       }],
       /**
        * Font Variant Numeric
@@ -1120,7 +1121,7 @@ const tr = (e, o) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           c,
-          ...g()
+          ...f()
         ]
       }],
       /**
@@ -1157,14 +1158,14 @@ const tr = (e, o) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: p()
+        placeholder: u()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: p()
+        text: u()
       }],
       /**
        * Text Decoration
@@ -1190,7 +1191,7 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: p()
+        decoration: u()
       }],
       /**
        * Text Underline Offset
@@ -1221,7 +1222,7 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: g()
+        indent: f()
       }],
       /**
        * Vertical Alignment
@@ -1318,17 +1319,17 @@ const tr = (e, o) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, P, m, d],
+          }, E, m, d],
           radial: ["", m, d],
-          conic: [P, m, d]
-        }, Lr, jr]
+          conic: [E, m, d]
+        }, Wr, Lr]
       }],
       /**
        * Background Color
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: p()
+        bg: u()
       }],
       /**
        * Gradient Color Stops From Position
@@ -1356,21 +1357,21 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: p()
+        from: u()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: p()
+        via: u()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: p()
+        to: u()
       }],
       // ---------------
       // --- Borders ---
@@ -1380,175 +1381,175 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: I()
+        rounded: R()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": I()
+        "rounded-s": R()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": I()
+        "rounded-e": R()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": I()
+        "rounded-t": R()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": I()
+        "rounded-r": R()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": I()
+        "rounded-b": R()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": I()
+        "rounded-l": R()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": I()
+        "rounded-ss": R()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": I()
+        "rounded-se": R()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": I()
+        "rounded-ee": R()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": I()
+        "rounded-es": R()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": I()
+        "rounded-tl": R()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": I()
+        "rounded-tr": R()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": I()
+        "rounded-br": R()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": I()
+        "rounded-bl": R()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: S()
+        border: A()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": S()
+        "border-x": A()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": S()
+        "border-y": A()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": S()
+        "border-s": A()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": S()
+        "border-e": A()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": S()
+        "border-t": A()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": S()
+        "border-r": A()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": S()
+        "border-b": A()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": S()
+        "border-l": A()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": S()
+        "divide-x": A()
       }],
       /**
        * Divide Width X Reverse
@@ -1560,7 +1561,7 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": S()
+        "divide-y": A()
       }],
       /**
        * Divide Width Y Reverse
@@ -1586,70 +1587,70 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: p()
+        border: u()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": p()
+        "border-x": u()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": p()
+        "border-y": u()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": p()
+        "border-s": u()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": p()
+        "border-e": u()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": p()
+        "border-t": u()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": p()
+        "border-r": u()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": p()
+        "border-b": u()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": p()
+        "border-l": u()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: p()
+        divide: u()
       }],
       /**
        * Outline Style
@@ -1670,14 +1671,14 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", b, $, j]
+        outline: ["", b, X, j]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: p()
+        outline: u()
       }],
       // ---------------
       // --- Effects ---
@@ -1691,7 +1692,7 @@ const tr = (e, o) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          f,
+          g,
           ee,
           Z
         ]
@@ -1701,7 +1702,7 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: p()
+        shadow: u()
       }],
       /**
        * Inset Box Shadow
@@ -1715,14 +1716,14 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": p()
+        "inset-shadow": u()
       }],
       /**
        * Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: S()
+        ring: A()
       }],
       /**
        * Ring Width Inset
@@ -1736,7 +1737,7 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: p()
+        ring: u()
       }],
       /**
        * Ring Offset Width
@@ -1754,35 +1755,35 @@ const tr = (e, o) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": p()
+        "ring-offset": u()
       }],
       /**
        * Inset Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": S()
+        "inset-ring": A()
       }],
       /**
        * Inset Ring Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": p()
+        "inset-ring": u()
       }],
       /**
        * Text Shadow
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", x, ee, Z]
+        "text-shadow": ["none", N, ee, Z]
       }],
       /**
        * Text Shadow Color
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": p()
+        "text-shadow": u()
       }],
       /**
        * Opacity
@@ -1827,103 +1828,103 @@ const tr = (e, o) => {
         "mask-linear": [b]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": z()
+        "mask-linear-from": I()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": z()
+        "mask-linear-to": I()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": p()
+        "mask-linear-from": u()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": p()
+        "mask-linear-to": u()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": z()
+        "mask-t-from": I()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": z()
+        "mask-t-to": I()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": p()
+        "mask-t-from": u()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": p()
+        "mask-t-to": u()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": z()
+        "mask-r-from": I()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": z()
+        "mask-r-to": I()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": p()
+        "mask-r-from": u()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": p()
+        "mask-r-to": u()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": z()
+        "mask-b-from": I()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": z()
+        "mask-b-to": I()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": p()
+        "mask-b-from": u()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": p()
+        "mask-b-to": u()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": z()
+        "mask-l-from": I()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": z()
+        "mask-l-to": I()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": p()
+        "mask-l-from": u()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": p()
+        "mask-l-to": u()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": z()
+        "mask-x-from": I()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": z()
+        "mask-x-to": I()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": p()
+        "mask-x-from": u()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": p()
+        "mask-x-to": u()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": z()
+        "mask-y-from": I()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": z()
+        "mask-y-to": I()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": p()
+        "mask-y-from": u()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": p()
+        "mask-y-to": u()
       }],
       "mask-image-radial": [{
         "mask-radial": [m, d]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": z()
+        "mask-radial-from": I()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": z()
+        "mask-radial-to": I()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": p()
+        "mask-radial-from": u()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": p()
+        "mask-radial-to": u()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -1935,22 +1936,22 @@ const tr = (e, o) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": F()
+        "mask-radial-at": B()
       }],
       "mask-image-conic-pos": [{
         "mask-conic": [b]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": z()
+        "mask-conic-from": I()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": z()
+        "mask-conic-to": I()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": p()
+        "mask-conic-from": u()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": p()
+        "mask-conic-to": u()
       }],
       /**
        * Mask Mode
@@ -2047,7 +2048,7 @@ const tr = (e, o) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          N,
+          C,
           ee,
           Z
         ]
@@ -2057,7 +2058,7 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": p()
+        "drop-shadow": u()
       }],
       /**
        * Grayscale
@@ -2185,21 +2186,21 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": g()
+        "border-spacing": f()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": g()
+        "border-spacing-x": f()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": g()
+        "border-spacing-y": f()
       }],
       /**
        * Table Layout
@@ -2282,7 +2283,7 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": B()
+        "perspective-origin": F()
       }],
       /**
        * Rotate
@@ -2378,7 +2379,7 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: B()
+        origin: F()
       }],
       /**
        * Transform Style
@@ -2428,7 +2429,7 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: p()
+        accent: u()
       }],
       /**
        * Appearance
@@ -2442,7 +2443,7 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: p()
+        caret: u()
       }],
       /**
        * Color Scheme
@@ -2491,126 +2492,126 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": g()
+        "scroll-m": f()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": g()
+        "scroll-mx": f()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": g()
+        "scroll-my": f()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": g()
+        "scroll-ms": f()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": g()
+        "scroll-me": f()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": g()
+        "scroll-mt": f()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": g()
+        "scroll-mr": f()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": g()
+        "scroll-mb": f()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": g()
+        "scroll-ml": f()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": g()
+        "scroll-p": f()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": g()
+        "scroll-px": f()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": g()
+        "scroll-py": f()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": g()
+        "scroll-ps": f()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": g()
+        "scroll-pe": f()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": g()
+        "scroll-pt": f()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": g()
+        "scroll-pr": f()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": g()
+        "scroll-pb": f()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": g()
+        "scroll-pl": f()
       }],
       /**
        * Scroll Snap Align
@@ -2688,21 +2689,21 @@ const tr = (e, o) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...p()]
+        fill: ["none", ...u()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [b, $, j, ce]
+        stroke: [b, X, j, ce]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...p()]
+        stroke: ["none", ...u()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -2770,16 +2771,16 @@ const tr = (e, o) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Dr = /* @__PURE__ */ kr(Wr);
-function h(...e) {
-  return Dr(rr(e));
+}, Xr = /* @__PURE__ */ zr($r);
+function x(...e) {
+  return Xr(sr(e));
 }
-const Ur = {
+const Yr = {
   owner: "bg-purple-100 text-purple-700 dark:bg-purple-900 dark:text-purple-300",
   manager: "bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300",
   member: "bg-gray-100 text-gray-700 dark:bg-gray-800 dark:text-gray-300"
 };
-function $r({
+function qr({
   entity: e,
   isSelected: o = !1,
   onClick: r,
@@ -2795,18 +2796,18 @@ function $r({
       onClick: r ? () => {
         s?.({ action: "click", trackingLabel: c, componentName: n }), r?.();
       } : void 0,
-      className: h(
+      className: x(
         "rounded-lg border p-4 transition-all",
         r && "cursor-pointer hover:border-primary",
         o && "border-primary bg-primary/5",
         !o && "border-border bg-card",
         t
       ),
-      children: /* @__PURE__ */ w("div", { className: "flex items-start gap-3", children: [
+      children: /* @__PURE__ */ y("div", { className: "flex items-start gap-3", children: [
         /* @__PURE__ */ a(
           "div",
           {
-            className: h(
+            className: x(
               "flex h-10 w-10 items-center justify-center rounded-full",
               l ? "bg-blue-100 dark:bg-blue-900" : "bg-purple-100 dark:bg-purple-900"
             ),
@@ -2820,7 +2821,7 @@ function $r({
             ) : /* @__PURE__ */ a(
               i,
               {
-                className: h(
+                className: x(
                   "h-5 w-5",
                   l ? "text-blue-600 dark:text-blue-400" : "text-purple-600 dark:text-purple-400"
                 )
@@ -2828,15 +2829,15 @@ function $r({
             )
           }
         ),
-        /* @__PURE__ */ w("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ w("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ y("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ y("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ a("h3", { className: "font-medium text-foreground truncate", children: e.displayName }),
             /* @__PURE__ */ a(
               "span",
               {
-                className: h(
+                className: x(
                   "text-xs px-2 py-0.5 rounded-full font-medium",
-                  Ur[e.userRole]
+                  Yr[e.userRole]
                 ),
                 children: e.userRole
               }
@@ -2849,7 +2850,7 @@ function $r({
     }
   );
 }
-function rt({
+function nt({
   entities: e,
   selectedSlug: o,
   onSelect: r,
@@ -2861,31 +2862,31 @@ function rt({
   componentName: i = "EntityList"
 }) {
   if (t)
-    return /* @__PURE__ */ a("div", { className: h("space-y-3", c), children: [1, 2, 3].map((f) => /* @__PURE__ */ a(
+    return /* @__PURE__ */ a("div", { className: x("space-y-3", c), children: [1, 2, 3].map((g) => /* @__PURE__ */ a(
       "div",
       {
         className: "h-24 rounded-lg border border-border bg-muted animate-pulse"
       },
-      f
+      g
     )) });
   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: x("text-center py-8 text-muted-foreground", c), children: s });
+  const p = (g) => {
+    n?.({ action: "select", trackingLabel: l, componentName: i }), r?.(g);
   };
-  return /* @__PURE__ */ a("div", { className: h("space-y-3", c), children: e.map((f) => /* @__PURE__ */ a(
-    $r,
+  return /* @__PURE__ */ a("div", { className: x("space-y-3", c), children: e.map((g) => /* @__PURE__ */ a(
+    qr,
     {
-      entity: f,
-      isSelected: f.entitySlug === o,
-      onClick: r ? () => u(f) : void 0,
+      entity: g,
+      isSelected: g.entitySlug === o,
+      onClick: r ? () => p(g) : void 0,
       onTrack: n,
       trackingLabel: l
     },
-    f.id
+    g.id
   )) });
 }
-function tt({
+function at({
   entities: e,
   currentEntity: o,
   onSelect: r,
@@ -2896,87 +2897,87 @@ function tt({
   trackingLabel: l,
   componentName: i = "EntitySelector"
 }) {
-  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);
+  const [p, g] = _(!1), k = () => {
+    n?.({ action: "toggle", trackingLabel: l, componentName: i }), g(!p);
+  }, N = (h) => {
+    n?.({ action: "select", trackingLabel: l, componentName: i }), r(h), g(!1);
+  }, C = () => {
+    n?.({ action: "create_new", trackingLabel: l, componentName: i }), t?.(), g(!1);
   };
-  return /* @__PURE__ */ w("div", { className: h("relative", c), children: [
-    /* @__PURE__ */ w(
+  return /* @__PURE__ */ y("div", { className: x("relative", c), children: [
+    /* @__PURE__ */ y(
       "button",
       {
         type: "button",
         onClick: k,
         disabled: s,
-        className: h(
+        className: x(
           "flex items-center gap-2 px-3 py-2 rounded-lg border",
           "bg-background hover:bg-muted transition-colors",
           "focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2",
           s && "opacity-50 cursor-not-allowed"
         ),
         children: [
-          o ? /* @__PURE__ */ w(re, { children: [
+          o ? /* @__PURE__ */ y(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,
+            Se,
             {
-              className: h(
+              className: x(
                 "h-4 w-4 text-muted-foreground transition-transform",
-                u && "rotate-180"
+                p && "rotate-180"
               )
             }
           )
         ]
       }
     ),
-    u && /* @__PURE__ */ w(re, { children: [
+    p && /* @__PURE__ */ y(re, { children: [
       /* @__PURE__ */ a(
         "div",
         {
           className: "fixed inset-0 z-40",
-          onClick: () => f(!1)
+          onClick: () => g(!1)
         }
       ),
       /* @__PURE__ */ a(
         "div",
         {
-          className: h(
+          className: x(
             "absolute top-full left-0 mt-1 z-50",
             "min-w-[220px] rounded-lg border bg-popover shadow-lg",
             "animate-in fade-in-0 zoom-in-95"
           ),
-          children: /* @__PURE__ */ w("div", { className: "p-1", children: [
-            e.filter((y) => y.entityType === "personal").map((y) => /* @__PURE__ */ a(
-              Se,
+          children: /* @__PURE__ */ y("div", { className: "p-1", children: [
+            e.filter((h) => h.entityType === "personal").map((h) => /* @__PURE__ */ a(
+              Ae,
               {
-                entity: y,
-                isSelected: y.id === o?.id,
-                onClick: () => x(y)
+                entity: h,
+                isSelected: h.id === o?.id,
+                onClick: () => N(h)
               },
-              y.id
+              h.id
             )),
-            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(
-              Se,
+            e.some((h) => h.entityType === "personal") && e.some((h) => h.entityType === "organization") && /* @__PURE__ */ a("div", { className: "my-1 h-px bg-border" }),
+            e.filter((h) => h.entityType === "organization").map((h) => /* @__PURE__ */ a(
+              Ae,
               {
-                entity: y,
-                isSelected: y.id === o?.id,
-                onClick: () => x(y)
+                entity: h,
+                isSelected: h.id === o?.id,
+                onClick: () => N(h)
               },
-              y.id
+              h.id
             )),
-            t && /* @__PURE__ */ w(re, { children: [
+            t && /* @__PURE__ */ y(re, { children: [
               /* @__PURE__ */ a("div", { className: "my-1 h-px bg-border" }),
-              /* @__PURE__ */ w(
+              /* @__PURE__ */ y(
                 "button",
                 {
                   type: "button",
-                  onClick: N,
-                  className: h(
+                  onClick: C,
+                  className: x(
                     "flex items-center gap-2 w-full px-2 py-1.5 rounded",
                     "text-sm text-primary hover:bg-muted transition-colors"
                   ),
@@ -2993,14 +2994,14 @@ function tt({
     ] })
   ] });
 }
-function Se({ entity: e, isSelected: o, onClick: r }) {
+function Ae({ entity: e, isSelected: o, onClick: r }) {
   const t = e.entityType === "personal", s = t ? se : ue;
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ y(
     "button",
     {
       type: "button",
       onClick: r,
-      className: h(
+      className: x(
         "flex items-center gap-2 w-full px-2 py-1.5 rounded",
         "text-sm transition-colors",
         o ? "bg-primary/10 text-primary" : "hover:bg-muted text-foreground"
@@ -3009,7 +3010,7 @@ function Se({ entity: e, isSelected: o, onClick: r }) {
         /* @__PURE__ */ a(
           s,
           {
-            className: h(
+            className: x(
               "h-4 w-4",
               t ? "text-blue-600 dark:text-blue-400" : "text-purple-600 dark:text-purple-400"
             )
@@ -3053,30 +3054,44 @@ function Ue({
   trackingLabel: c,
   componentName: n = "MemberRoleSelector"
 }) {
-  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);
+  const [l, i] = _(!1), [p, g] = _({
+    top: 0,
+    right: 0
+  }), k = rr(null), N = de.find((w) => w.value === e) || de[2], C = tr(() => {
+    if (k.current) {
+      const w = k.current.getBoundingClientRect();
+      g({
+        top: w.bottom + 4,
+        right: window.innerWidth - w.right
+      });
+    }
+  }, []), h = () => {
+    r || (s?.({ action: "toggle", trackingLabel: c, componentName: n }), l || C(), i(!l));
+  }, v = (w) => {
+    s?.({ action: "select", trackingLabel: c, componentName: n }), o(w), i(!1);
   };
-  return /* @__PURE__ */ w("div", { className: h("relative", t), children: [
-    /* @__PURE__ */ w(
+  return /* @__PURE__ */ y("div", { className: x("relative", t), children: [
+    /* @__PURE__ */ y(
       "button",
       {
+        ref: k,
         type: "button",
-        onClick: f,
+        onClick: h,
         disabled: r,
-        className: h(
+        className: x(
           "flex items-center gap-1.5 px-2 py-1 rounded border text-sm",
           "bg-background transition-colors",
           r ? "opacity-50 cursor-not-allowed" : "hover:bg-muted cursor-pointer"
         ),
+        "aria-expanded": l,
+        "aria-haspopup": "listbox",
         children: [
-          /* @__PURE__ */ a(u.icon, { className: h("h-3.5 w-3.5", u.color) }),
-          /* @__PURE__ */ a("span", { children: u.label }),
+          /* @__PURE__ */ a(N.icon, { className: x("h-3.5 w-3.5", N.color) }),
+          /* @__PURE__ */ a("span", { children: N.label }),
           /* @__PURE__ */ a(
-            Re,
+            Se,
             {
-              className: h(
+              className: x(
                 "h-3.5 w-3.5 text-muted-foreground transition-transform",
                 l && "rotate-180"
               )
@@ -3085,56 +3100,60 @@ function Ue({
         ]
       }
     ),
-    l && /* @__PURE__ */ w(re, { children: [
-      /* @__PURE__ */ a(
-        "div",
-        {
-          className: "fixed inset-0 z-40",
-          onClick: () => i(!1)
-        }
-      ),
-      /* @__PURE__ */ a(
-        "div",
-        {
-          className: h(
-            "absolute top-full right-0 mt-1 z-50",
-            "min-w-[200px] rounded-lg border bg-popover shadow-lg p-1",
-            "animate-in fade-in-0 zoom-in-95"
-          ),
-          children: de.map((x) => /* @__PURE__ */ w(
-            "button",
-            {
-              type: "button",
-              onClick: () => k(x.value),
-              className: h(
-                "flex items-start gap-2 w-full px-2 py-2 rounded text-left",
-                "transition-colors",
-                x.value === e ? "bg-primary/10" : "hover:bg-muted"
-              ),
-              children: [
-                /* @__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: x.description })
-                ] })
-              ]
-            },
-            x.value
-          ))
-        }
-      )
-    ] })
+    l && or(
+      /* @__PURE__ */ y(re, { children: [
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: "fixed inset-0 z-[999998]",
+            onClick: () => i(!1)
+          }
+        ),
+        /* @__PURE__ */ a(
+          "div",
+          {
+            className: "fixed z-[999999] w-52 bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 py-1",
+            style: { top: p.top, right: p.right },
+            role: "listbox",
+            "aria-label": "Roles",
+            children: de.map((w) => /* @__PURE__ */ y(
+              "button",
+              {
+                type: "button",
+                onClick: () => v(w.value),
+                className: x(
+                  "flex items-start gap-2 w-full px-3 py-2 text-left",
+                  "transition-colors cursor-pointer",
+                  w.value === e ? "bg-gray-100 dark:bg-gray-700" : "hover:bg-gray-50 dark:hover:bg-gray-700"
+                ),
+                role: "option",
+                "aria-selected": w.value === e,
+                children: [
+                  /* @__PURE__ */ a(w.icon, { className: x("h-4 w-4 mt-0.5", w.color) }),
+                  /* @__PURE__ */ y("div", { className: "flex-1 min-w-0", children: [
+                    /* @__PURE__ */ y("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ a("span", { className: "font-medium text-sm text-gray-900 dark:text-gray-100", children: w.label }),
+                      w.value === e && /* @__PURE__ */ a(pe, { className: "h-3.5 w-3.5 text-blue-600 dark:text-blue-400" })
+                    ] }),
+                    /* @__PURE__ */ a("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: w.description })
+                  ] })
+                ]
+              },
+              w.value
+            ))
+          }
+        )
+      ] }),
+      document.body
+    )
   ] });
 }
-const Xr = {
+const Jr = {
   owner: "bg-purple-100 text-purple-700 dark:bg-purple-900 dark:text-purple-300",
   manager: "bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300",
   member: "bg-gray-100 text-gray-700 dark:bg-gray-800 dark:text-gray-300"
 };
-function ot({
+function lt({
   members: e,
   currentUserId: o,
   canManage: r = !1,
@@ -3144,37 +3163,37 @@ function ot({
   emptyMessage: n = "No members found",
   className: l,
   onTrack: i,
-  trackingLabel: u,
-  componentName: f = "MemberList"
+  trackingLabel: p,
+  componentName: g = "MemberList"
 }) {
   if (c)
-    return /* @__PURE__ */ a("div", { className: h("space-y-2", l), children: [1, 2, 3].map((N) => /* @__PURE__ */ a(
+    return /* @__PURE__ */ a("div", { className: x("space-y-2", l), children: [1, 2, 3].map((C) => /* @__PURE__ */ a(
       "div",
       {
         className: "h-16 rounded-lg border border-border bg-muted animate-pulse"
       },
-      N
+      C
     )) });
   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: x("text-center py-8 text-muted-foreground", l), children: n });
+  const k = (C, h) => {
+    i?.({ action: "role_change", trackingLabel: p, componentName: g }), t?.(C, h);
+  }, N = (C) => {
+    i?.({ action: "remove", trackingLabel: p, componentName: g }), s?.(C);
   };
-  return /* @__PURE__ */ a("div", { className: h("divide-y divide-border rounded-lg border", l), children: e.map((N) => /* @__PURE__ */ a(
-    Yr,
+  return /* @__PURE__ */ a("div", { className: x("divide-y divide-border rounded-lg border", l), children: e.map((C) => /* @__PURE__ */ a(
+    Hr,
     {
-      member: N,
-      isSelf: N.userId === o,
+      member: C,
+      isSelf: C.userId === o,
       canManage: r,
       onRoleChange: t ? k : void 0,
-      onRemove: s ? x : void 0
+      onRemove: s ? N : void 0
     },
-    N.id
+    C.id
   )) });
 }
-function Yr({
+function Hr({
   member: e,
   isSelf: o,
   canManage: r,
@@ -3182,10 +3201,10 @@ function Yr({
   onRemove: s
 }) {
   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: [
+  return /* @__PURE__ */ y("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__ */ w("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ w("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ y("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ y("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)" })
       ] }),
@@ -3200,9 +3219,9 @@ function Yr({
     ) : /* @__PURE__ */ a(
       "span",
       {
-        className: h(
+        className: x(
           "text-xs px-2 py-1 rounded-full font-medium",
-          Xr[e.role]
+          Jr[e.role]
         ),
         children: e.role
       }
@@ -3212,7 +3231,7 @@ function Yr({
       {
         type: "button",
         onClick: () => s(e.userId),
-        className: h(
+        className: x(
           "p-1.5 rounded hover:bg-destructive/10 text-muted-foreground",
           "hover:text-destructive transition-colors"
         ),
@@ -3222,7 +3241,7 @@ function Yr({
     )
   ] });
 }
-function st({
+function it({
   onSubmit: e,
   isSubmitting: o = !1,
   defaultRole: r = te.MEMBER,
@@ -3231,35 +3250,35 @@ function st({
   trackingLabel: c,
   componentName: n = "InvitationForm"
 }) {
-  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");
+  const [l, i] = _(""), [p, g] = _(r), [k, N] = _(null);
+  return /* @__PURE__ */ y("form", { onSubmit: async (h) => {
+    if (h.preventDefault(), N(null), !l.trim()) {
+      N("Email is required");
       return;
     }
-    if (!qr(l)) {
-      x("Please enter a valid email address");
+    if (!Kr(l)) {
+      N("Please enter a valid email address");
       return;
     }
     s?.({ action: "submit", trackingLabel: c, componentName: n });
     try {
-      await e({ email: l.trim(), role: u }), i(""), f(r);
+      await e({ email: l.trim(), role: p }), i(""), g(r);
     } catch (v) {
-      x(v.message || "Failed to send invitation");
+      N(v.message || "Failed to send invitation");
     }
-  }, className: h("space-y-4", t), children: [
-    /* @__PURE__ */ w("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ w("div", { className: "relative flex-1", children: [
+  }, className: x("space-y-4", t), children: [
+    /* @__PURE__ */ y("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ y("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: l,
-            onChange: (y) => i(y.target.value),
+            onChange: (h) => i(h.target.value),
             placeholder: "Enter email address",
             disabled: o,
-            className: h(
+            className: x(
               "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",
@@ -3272,17 +3291,17 @@ function st({
       /* @__PURE__ */ a(
         Ue,
         {
-          value: u,
-          onChange: f,
+          value: p,
+          onChange: g,
           disabled: o
         }
       ),
-      /* @__PURE__ */ w(
+      /* @__PURE__ */ y(
         "button",
         {
           type: "submit",
           disabled: o || !l.trim(),
-          className: h(
+          className: x(
             "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",
@@ -3299,15 +3318,15 @@ function st({
     k && /* @__PURE__ */ a("p", { className: "text-sm text-destructive", children: k })
   ] });
 }
-function qr(e) {
+function Kr(e) {
   return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);
 }
-const Jr = {
+const Qr = {
   owner: "bg-purple-100 text-purple-700 dark:bg-purple-900 dark:text-purple-300",
   manager: "bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300",
   member: "bg-gray-100 text-gray-700 dark:bg-gray-800 dark:text-gray-300"
 };
-function nt({
+function ct({
   invitations: e,
   mode: o,
   onCancel: r,
@@ -3317,14 +3336,14 @@ function nt({
   emptyMessage: n = "No pending invitations",
   className: l,
   onTrack: i,
-  trackingLabel: u,
-  componentName: f = "InvitationList"
+  trackingLabel: p,
+  componentName: g = "InvitationList"
 }) {
   const k = e.filter(
     (v) => v.status === "pending"
   );
   if (c)
-    return /* @__PURE__ */ a("div", { className: h("space-y-2", l), children: [1, 2].map((v) => /* @__PURE__ */ a(
+    return /* @__PURE__ */ a("div", { className: x("space-y-2", l), children: [1, 2].map((v) => /* @__PURE__ */ a(
       "div",
       {
         className: "h-16 rounded-lg border border-border bg-muted animate-pulse"
@@ -3332,27 +3351,27 @@ function nt({
       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: x("text-center py-8 text-muted-foreground", l), children: n });
+  const N = (v) => {
+    i?.({ action: "cancel", trackingLabel: p, componentName: g }), r?.(v);
+  }, C = (v) => {
+    i?.({ action: "accept", trackingLabel: p, componentName: g }), t?.(v);
+  }, h = (v) => {
+    i?.({ action: "decline", trackingLabel: p, componentName: g }), s?.(v);
   };
-  return /* @__PURE__ */ a("div", { className: h("divide-y divide-border rounded-lg border", l), children: k.map((v) => /* @__PURE__ */ a(
-    Hr,
+  return /* @__PURE__ */ a("div", { className: x("divide-y divide-border rounded-lg border", l), children: k.map((v) => /* @__PURE__ */ a(
+    Zr,
     {
       invitation: v,
       mode: o,
-      onCancel: r ? x : void 0,
-      onAccept: t ? N : void 0,
-      onDecline: s ? y : void 0
+      onCancel: r ? N : void 0,
+      onAccept: t ? C : void 0,
+      onDecline: s ? h : void 0
     },
     v.id
   )) });
 }
-function Hr({
+function Zr({
   invitation: e,
   mode: o,
   onCancel: r,
@@ -3362,25 +3381,25 @@ function Hr({
   const c = new Date(e.expiresAt), n = c < /* @__PURE__ */ new Date(), l = Math.ceil(
     (c.getTime() - Date.now()) / (1e3 * 60 * 60 * 24)
   );
-  return /* @__PURE__ */ w("div", { className: "flex items-center gap-3 p-3", children: [
+  return /* @__PURE__ */ y("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__ */ w("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ w("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ y("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ y("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",
           {
-            className: h(
+            className: x(
               "text-xs px-2 py-0.5 rounded-full font-medium",
-              Jr[e.role]
+              Qr[e.role]
             ),
             children: e.role
           }
         )
       ] }),
-      /* @__PURE__ */ w("div", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ y("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__ */ w("span", { children: [
+        n ? /* @__PURE__ */ a("span", { className: "text-destructive", children: "Expired" }) : /* @__PURE__ */ y("span", { children: [
           "Expires in ",
           l,
           " days"
@@ -3392,7 +3411,7 @@ function Hr({
       {
         type: "button",
         onClick: () => r(e.id),
-        className: h(
+        className: x(
           "p-1.5 rounded hover:bg-destructive/10 text-muted-foreground",
           "hover:text-destructive transition-colors"
         ),
@@ -3400,13 +3419,13 @@ function Hr({
         children: /* @__PURE__ */ a(Ze, { className: "h-4 w-4" })
       }
     ),
-    o === "user" && /* @__PURE__ */ w("div", { className: "flex items-center gap-2", children: [
-      s && /* @__PURE__ */ w(
+    o === "user" && /* @__PURE__ */ y("div", { className: "flex items-center gap-2", children: [
+      s && /* @__PURE__ */ y(
         "button",
         {
           type: "button",
           onClick: () => s(e.token),
-          className: h(
+          className: x(
             "flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-sm",
             "border hover:bg-muted transition-colors"
           ),
@@ -3416,13 +3435,13 @@ function Hr({
           ]
         }
       ),
-      t && /* @__PURE__ */ w(
+      t && /* @__PURE__ */ y(
         "button",
         {
           type: "button",
           onClick: () => t(e.token),
           disabled: n,
-          className: h(
+          className: x(
             "flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-sm",
             "bg-primary text-primary-foreground",
             "hover:bg-primary/90 transition-colors",
@@ -3438,12 +3457,12 @@ function Hr({
   ] });
 }
 export {
-  $r as EntityCard,
-  rt as EntityList,
-  tt as EntitySelector,
-  st as InvitationForm,
-  nt as InvitationList,
-  ot as MemberList,
+  qr as EntityCard,
+  nt as EntityList,
+  at as EntitySelector,
+  it as InvitationForm,
+  ct as InvitationList,
+  lt as MemberList,
   Ue as MemberRoleSelector,
-  h as cn
+  x as cn
 };