@ptlm-azulejo/sidebar 0.0.1-alpha.94 → 0.0.1-alpha.99

package/dist/index.js

@@ -1,139 +1,143 @@
-var mt = Object.defineProperty;
-var Ee = Object.getOwnPropertySymbols;
-var pt = Object.prototype.hasOwnProperty, bt = Object.prototype.propertyIsEnumerable;
-var Ne = (e, t, o) => t in e ? mt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, Fe = (e, t) => {
+var ft = Object.defineProperty;
+var Fe = Object.getOwnPropertySymbols;
+var gt = Object.prototype.hasOwnProperty, ht = Object.prototype.propertyIsEnumerable;
+var Ve = (e, t, o) => t in e ? ft(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, We = (e, t) => {
   for (var o in t || (t = {}))
-    pt.call(t, o) && Ne(e, o, t[o]);
-  if (Ee)
-    for (var o of Ee(t))
-      bt.call(t, o) && Ne(e, o, t[o]);
+    gt.call(t, o) && Ve(e, o, t[o]);
+  if (Fe)
+    for (var o of Fe(t))
+      ht.call(t, o) && Ve(e, o, t[o]);
   return e;
 };
-import { defineComponent as Q, openBlock as v, createElementBlock as k, normalizeClass as g, createElementVNode as x, normalizeStyle as Ae, toDisplayString as R, createCommentVNode as F, Fragment as ee, renderList as Ce, reactive as ft, watch as Ve, unref as h, computed as Ze, createVNode as ze, ref as gt, renderSlot as ae, createBlock as ve, mergeDefaults as ht } from "vue";
+import { defineComponent as te, openBlock as k, createElementBlock as w, normalizeClass as b, createElementVNode as v, normalizeStyle as $e, toDisplayString as T, createCommentVNode as U, Fragment as re, renderList as ze, reactive as vt, watch as Ue, computed as Z, createBlock as q, unref as p, withCtx as Se, createVNode as Ie, ref as xt, renderSlot as ce, mergeDefaults as yt } from "vue";
 import "@ptlm-azulejo/icons/style.css";
-import { AzIconButton as xt } from "@ptlm-azulejo/icon-button";
+import { AzTooltip as kt } from "@ptlm-azulejo/tooltip";
+import { AzActionListBox as Ke } from "@ptlm-azulejo/action-list-box";
+import "@ptlm-azulejo/tooltip/style.css";
+import "@ptlm-azulejo/action-list-box/style.css";
+import { AzIconButton as wt } from "@ptlm-azulejo/icon-button";
 import "@ptlm-azulejo/icon-button/style.css";
-function Qe(e) {
+function et(e) {
   var t, o, r = "";
   if (typeof e == "string" || typeof e == "number") r += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var s = e.length;
-    for (t = 0; t < s; t++) e[t] && (o = Qe(e[t])) && (r && (r += " "), r += o);
+    for (t = 0; t < s; t++) e[t] && (o = et(e[t])) && (r && (r += " "), r += o);
   } else for (o in e) e[o] && (r && (r += " "), r += o);
   return r;
 }
-function vt() {
-  for (var e, t, o = 0, r = "", s = arguments.length; o < s; o++) (e = arguments[o]) && (t = Qe(e)) && (r && (r += " "), r += t);
+function Ct() {
+  for (var e, t, o = 0, r = "", s = arguments.length; o < s; o++) (e = arguments[o]) && (t = et(e)) && (r && (r += " "), r += t);
   return r;
 }
-const yt = (e, t) => {
+const zt = (e, t) => {
   const o = new Array(e.length + t.length);
   for (let r = 0; r < e.length; r++)
     o[r] = e[r];
   for (let r = 0; r < t.length; r++)
     o[e.length + r] = t[r];
   return o;
-}, wt = (e, t) => ({
+}, St = (e, t) => ({
   classGroupId: e,
   validator: t
-}), Ke = (e = /* @__PURE__ */ new Map(), t = null, o) => ({
+}), tt = (e = /* @__PURE__ */ new Map(), t = null, o) => ({
   nextPart: e,
   validators: t,
   classGroupId: o
-}), pe = "-", We = [], kt = "arbitrary..", Ct = (e) => {
-  const t = St(e), {
+}), fe = "-", He = [], It = "arbitrary..", Ot = (e) => {
+  const t = $t(e), {
     conflictingClassGroups: o,
     conflictingClassGroupModifiers: r
   } = e;
   return {
-    getClassGroupId: (l) => {
-      if (l.startsWith("[") && l.endsWith("]"))
-        return zt(l);
-      const p = l.split(pe), f = p[0] === "" && p.length > 1 ? 1 : 0;
-      return _e(p, f, t);
+    getClassGroupId: (c) => {
+      if (c.startsWith("[") && c.endsWith("]"))
+        return At(c);
+      const g = c.split(fe), y = g[0] === "" && g.length > 1 ? 1 : 0;
+      return ot(g, y, t);
     },
-    getConflictingClassGroupIds: (l, p) => {
-      if (p) {
-        const f = r[l], m = o[l];
-        return f ? m ? yt(m, f) : f : m || We;
+    getConflictingClassGroupIds: (c, g) => {
+      if (g) {
+        const y = r[c], m = o[c];
+        return y ? m ? zt(m, y) : y : m || He;
       }
-      return o[l] || We;
+      return o[c] || He;
     }
   };
-}, _e = (e, t, o) => {
+}, ot = (e, t, o) => {
   if (e.length - t === 0)
     return o.classGroupId;
   const s = e[t], a = o.nextPart.get(s);
   if (a) {
-    const m = _e(e, t + 1, a);
+    const m = ot(e, t + 1, a);
     if (m) return m;
   }
-  const l = o.validators;
-  if (l === null)
+  const c = o.validators;
+  if (c === null)
     return;
-  const p = t === 0 ? e.join(pe) : e.slice(t).join(pe), f = l.length;
-  for (let m = 0; m < f; m++) {
-    const S = l[m];
-    if (S.validator(p))
-      return S.classGroupId;
+  const g = t === 0 ? e.join(fe) : e.slice(t).join(fe), y = c.length;
+  for (let m = 0; m < y; m++) {
+    const C = c[m];
+    if (C.validator(g))
+      return C.classGroupId;
   }
-}, zt = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, At = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const t = e.slice(1, -1), o = t.indexOf(":"), r = t.slice(0, o);
-  return r ? kt + r : void 0;
-})(), St = (e) => {
+  return r ? It + r : void 0;
+})(), $t = (e) => {
   const {
     theme: t,
     classGroups: o
   } = e;
-  return It(o, t);
-}, It = (e, t) => {
-  const o = Ke();
+  return Gt(o, t);
+}, Gt = (e, t) => {
+  const o = tt();
   for (const r in e) {
     const s = e[r];
-    Oe(s, o, r, t);
+    Ge(s, o, r, t);
   }
   return o;
-}, Oe = (e, t, o, r) => {
+}, Ge = (e, t, o, r) => {
   const s = e.length;
   for (let a = 0; a < s; a++) {
-    const l = e[a];
-    At(l, t, o, r);
+    const c = e[a];
+    Mt(c, t, o, r);
   }
-}, At = (e, t, o, r) => {
+}, Mt = (e, t, o, r) => {
   if (typeof e == "string") {
-    Ot(e, t, o);
+    Pt(e, t, o);
     return;
   }
   if (typeof e == "function") {
-    Gt(e, t, o, r);
+    Lt(e, t, o, r);
     return;
   }
-  $t(e, t, o, r);
-}, Ot = (e, t, o) => {
-  const r = e === "" ? t : et(t, e);
+  Tt(e, t, o, r);
+}, Pt = (e, t, o) => {
+  const r = e === "" ? t : rt(t, e);
   r.classGroupId = o;
-}, Gt = (e, t, o, r) => {
-  if (Mt(e)) {
-    Oe(e(r), t, o, r);
+}, Lt = (e, t, o, r) => {
+  if (Bt(e)) {
+    Ge(e(r), t, o, r);
     return;
   }
-  t.validators === null && (t.validators = []), t.validators.push(wt(o, e));
-}, $t = (e, t, o, r) => {
+  t.validators === null && (t.validators = []), t.validators.push(St(o, e));
+}, Tt = (e, t, o, r) => {
   const s = Object.entries(e), a = s.length;
-  for (let l = 0; l < a; l++) {
-    const [p, f] = s[l];
-    Oe(f, et(t, p), o, r);
+  for (let c = 0; c < a; c++) {
+    const [g, y] = s[c];
+    Ge(y, rt(t, g), o, r);
   }
-}, et = (e, t) => {
+}, rt = (e, t) => {
   let o = e;
-  const r = t.split(pe), s = r.length;
+  const r = t.split(fe), s = r.length;
   for (let a = 0; a < s; a++) {
-    const l = r[a];
-    let p = o.nextPart.get(l);
-    p || (p = Ke(), o.nextPart.set(l, p)), o = p;
+    const c = r[a];
+    let g = o.nextPart.get(c);
+    g || (g = tt(), o.nextPart.set(c, g)), o = g;
   }
   return o;
-}, Mt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Pt = (e) => {
+}, Bt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Rt = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -142,65 +146,65 @@ const yt = (e, t) => {
       }
     };
   let t = 0, o = /* @__PURE__ */ Object.create(null), r = /* @__PURE__ */ Object.create(null);
-  const s = (a, l) => {
-    o[a] = l, t++, t > e && (t = 0, r = o, o = /* @__PURE__ */ Object.create(null));
+  const s = (a, c) => {
+    o[a] = c, t++, t > e && (t = 0, r = o, o = /* @__PURE__ */ Object.create(null));
   };
   return {
     get(a) {
-      let l = o[a];
-      if (l !== void 0)
-        return l;
-      if ((l = r[a]) !== void 0)
-        return s(a, l), l;
+      let c = o[a];
+      if (c !== void 0)
+        return c;
+      if ((c = r[a]) !== void 0)
+        return s(a, c), c;
     },
-    set(a, l) {
-      a in o ? o[a] = l : s(a, l);
+    set(a, c) {
+      a in o ? o[a] = c : s(a, c);
     }
   };
-}, Se = "!", He = ":", Lt = [], De = (e, t, o, r, s) => ({
+}, Oe = "!", De = ":", jt = [], _e = (e, t, o, r, s) => ({
   modifiers: e,
   hasImportantModifier: t,
   baseClassName: o,
   maybePostfixModifierPosition: r,
   isExternal: s
-}), Rt = (e) => {
+}), Et = (e) => {
   const {
     prefix: t,
     experimentalParseClassName: o
   } = e;
   let r = (s) => {
     const a = [];
-    let l = 0, p = 0, f = 0, m;
-    const S = s.length;
-    for (let u = 0; u < S; u++) {
-      const $ = s[u];
-      if (l === 0 && p === 0) {
-        if ($ === He) {
-          a.push(s.slice(f, u)), f = u + 1;
+    let c = 0, g = 0, y = 0, m;
+    const C = s.length;
+    for (let A = 0; A < C; A++) {
+      const x = s[A];
+      if (c === 0 && g === 0) {
+        if (x === De) {
+          a.push(s.slice(y, A)), y = A + 1;
           continue;
         }
-        if ($ === "/") {
-          m = u;
+        if (x === "/") {
+          m = A;
           continue;
         }
       }
-      $ === "[" ? l++ : $ === "]" ? l-- : $ === "(" ? p++ : $ === ")" && p--;
+      x === "[" ? c++ : x === "]" ? c-- : x === "(" ? g++ : x === ")" && g--;
     }
-    const I = a.length === 0 ? s : s.slice(f);
-    let T = I, y = !1;
-    I.endsWith(Se) ? (T = I.slice(0, -1), y = !0) : (
+    const h = a.length === 0 ? s : s.slice(y);
+    let I = h, O = !1;
+    h.endsWith(Oe) ? (I = h.slice(0, -1), O = !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
        */
-      I.startsWith(Se) && (T = I.slice(1), y = !0)
+      h.startsWith(Oe) && (I = h.slice(1), O = !0)
     );
-    const P = m && m > f ? m - f : void 0;
-    return De(a, y, T, P);
+    const j = m && m > y ? m - y : void 0;
+    return _e(a, O, I, j);
   };
   if (t) {
-    const s = t + He, a = r;
-    r = (l) => l.startsWith(s) ? a(l.slice(s.length)) : De(Lt, !1, l, void 0, !0);
+    const s = t + De, a = r;
+    r = (c) => c.startsWith(s) ? a(c.slice(s.length)) : _e(jt, !1, c, void 0, !0);
   }
   if (o) {
     const s = r;
@@ -210,7 +214,7 @@ const yt = (e, t) => {
     });
   }
   return r;
-}, Tt = (e) => {
+}, Nt = (e) => {
   const t = /* @__PURE__ */ new Map();
   return e.orderSensitiveModifiers.forEach((o, r) => {
     t.set(o, 1e6 + r);
@@ -218,115 +222,115 @@ const yt = (e, t) => {
     const r = [];
     let s = [];
     for (let a = 0; a < o.length; a++) {
-      const l = o[a], p = l[0] === "[", f = t.has(l);
-      p || f ? (s.length > 0 && (s.sort(), r.push(...s), s = []), r.push(l)) : s.push(l);
+      const c = o[a], g = c[0] === "[", y = t.has(c);
+      g || y ? (s.length > 0 && (s.sort(), r.push(...s), s = []), r.push(c)) : s.push(c);
     }
     return s.length > 0 && (s.sort(), r.push(...s)), r;
   };
-}, jt = (e) => Fe({
-  cache: Pt(e.cacheSize),
-  parseClassName: Rt(e),
-  sortModifiers: Tt(e),
-  postfixLookupClassGroupIds: Bt(e)
-}, Ct(e)), Bt = (e) => {
+}, Ft = (e) => We({
+  cache: Rt(e.cacheSize),
+  parseClassName: Et(e),
+  sortModifiers: Nt(e),
+  postfixLookupClassGroupIds: Vt(e)
+}, Ot(e)), Vt = (e) => {
   const t = /* @__PURE__ */ Object.create(null), o = e.postfixLookupClassGroups;
   if (o)
     for (let r = 0; r < o.length; r++)
       t[o[r]] = !0;
   return t;
-}, Et = /\s+/, Nt = (e, t) => {
+}, Wt = /\s+/, Ut = (e, t) => {
   const {
     parseClassName: o,
     getClassGroupId: r,
     getConflictingClassGroupIds: s,
     sortModifiers: a,
-    postfixLookupClassGroupIds: l
-  } = t, p = [], f = e.trim().split(Et);
+    postfixLookupClassGroupIds: c
+  } = t, g = [], y = e.trim().split(Wt);
   let m = "";
-  for (let S = f.length - 1; S >= 0; S -= 1) {
-    const I = f[S], {
-      isExternal: T,
-      modifiers: y,
-      hasImportantModifier: P,
-      baseClassName: u,
-      maybePostfixModifierPosition: $
-    } = o(I);
-    if (T) {
-      m = I + (m.length > 0 ? " " + m : m);
+  for (let C = y.length - 1; C >= 0; C -= 1) {
+    const h = y[C], {
+      isExternal: I,
+      modifiers: O,
+      hasImportantModifier: j,
+      baseClassName: A,
+      maybePostfixModifierPosition: x
+    } = o(h);
+    if (I) {
+      m = h + (m.length > 0 ? " " + m : m);
       continue;
     }
-    let j = !!$, w;
-    if (j) {
-      const E = u.substring(0, $);
-      w = r(E);
-      const c = w && l[w] ? r(u) : void 0;
-      c && c !== w && (w = c, j = !1);
+    let $ = !!x, n;
+    if ($) {
+      const V = A.substring(0, x);
+      n = r(V);
+      const d = n && c[n] ? r(A) : void 0;
+      d && d !== n && (n = d, $ = !1);
     } else
-      w = r(u);
-    if (!w) {
-      if (!j) {
-        m = I + (m.length > 0 ? " " + m : m);
+      n = r(A);
+    if (!n) {
+      if (!$) {
+        m = h + (m.length > 0 ? " " + m : m);
         continue;
       }
-      if (w = r(u), !w) {
-        m = I + (m.length > 0 ? " " + m : m);
+      if (n = r(A), !n) {
+        m = h + (m.length > 0 ? " " + m : m);
         continue;
       }
-      j = !1;
+      $ = !1;
     }
-    const K = y.length === 0 ? "" : y.length === 1 ? y[0] : a(y).join(":"), Y = P ? K + Se : K, q = Y + w;
-    if (p.indexOf(q) > -1)
+    const N = O.length === 0 ? "" : O.length === 1 ? O[0] : a(O).join(":"), R = j ? N + Oe : N, z = R + n;
+    if (g.indexOf(z) > -1)
       continue;
-    p.push(q);
-    const J = s(w, j);
-    for (let E = 0; E < J.length; ++E) {
-      const c = J[E];
-      p.push(Y + c);
+    g.push(z);
+    const X = s(n, $);
+    for (let V = 0; V < X.length; ++V) {
+      const d = X[V];
+      g.push(R + d);
     }
-    m = I + (m.length > 0 ? " " + m : m);
+    m = h + (m.length > 0 ? " " + m : m);
   }
   return m;
-}, Ft = (...e) => {
+}, Ht = (...e) => {
   let t = 0, o, r, s = "";
   for (; t < e.length; )
-    (o = e[t++]) && (r = tt(o)) && (s && (s += " "), s += r);
+    (o = e[t++]) && (r = st(o)) && (s && (s += " "), s += r);
   return s;
-}, tt = (e) => {
+}, st = (e) => {
   if (typeof e == "string")
     return e;
   let t, o = "";
   for (let r = 0; r < e.length; r++)
-    e[r] && (t = tt(e[r])) && (o && (o += " "), o += t);
+    e[r] && (t = st(e[r])) && (o && (o += " "), o += t);
   return o;
-}, Ue = (e, ...t) => {
+}, Ye = (e, ...t) => {
   let o, r, s, a;
-  const l = (f) => {
-    const m = t.reduce((S, I) => I(S), e());
-    return o = jt(m), r = o.cache.get, s = o.cache.set, a = p, p(f);
-  }, p = (f) => {
-    const m = r(f);
+  const c = (y) => {
+    const m = t.reduce((C, h) => h(C), e());
+    return o = Ft(m), r = o.cache.get, s = o.cache.set, a = g, g(y);
+  }, g = (y) => {
+    const m = r(y);
     if (m)
       return m;
-    const S = Nt(f, o);
-    return s(f, S), S;
+    const C = Ut(y, o);
+    return s(y, C), C;
   };
-  return a = l, (...f) => a(Ft(...f));
-}, Vt = [], C = (e) => {
-  const t = (o) => o[e] || Vt;
+  return a = c, (...y) => a(Ht(...y));
+}, Dt = [], G = (e) => {
+  const t = (o) => o[e] || Dt;
   return t.isThemeGetter = !0, t;
-}, ot = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, rt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Wt = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Ht = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Dt = /\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$/, Ut = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Yt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, qt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, V = (e) => Wt.test(e), b = (e) => !!e && !Number.isNaN(Number(e)), B = (e) => !!e && Number.isInteger(Number(e)), ye = (e) => e.endsWith("%") && b(e.slice(0, -1)), N = (e) => Ht.test(e), st = () => !0, Jt = (e) => (
+}, nt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, at = /^\((?:(\w[\w-]*):)?(.+)\)$/i, _t = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Yt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Zt = /\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$/, qt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Jt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Xt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, H = (e) => _t.test(e), f = (e) => !!e && !Number.isNaN(Number(e)), F = (e) => !!e && Number.isInteger(Number(e)), ke = (e) => e.endsWith("%") && f(e.slice(0, -1)), W = (e) => Yt.test(e), it = () => !0, Qt = (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.
-  Dt.test(e) && !Ut.test(e)
-), Ge = () => !1, Xt = (e) => Yt.test(e), Zt = (e) => qt.test(e), Qt = (e) => !n(e) && !i(e), Kt = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), _t = (e) => W(e, it, Ge), n = (e) => ot.test(e), D = (e) => W(e, lt, Jt), Ye = (e) => W(e, io, b), eo = (e) => W(e, dt, st), to = (e) => W(e, ct, Ge), qe = (e) => W(e, nt, Ge), oo = (e) => W(e, at, Zt), ie = (e) => W(e, ut, Xt), i = (e) => rt.test(e), _ = (e) => U(e, lt), ro = (e) => U(e, ct), Je = (e) => U(e, nt), so = (e) => U(e, it), no = (e) => U(e, at), le = (e) => U(e, ut, !0), ao = (e) => U(e, dt, !0), W = (e, t, o) => {
-  const r = ot.exec(e);
+  Zt.test(e) && !qt.test(e)
+), Me = () => !1, Kt = (e) => Jt.test(e), eo = (e) => Xt.test(e), to = (e) => !i(e) && !l(e), oo = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), ro = (e) => D(e, dt, Me), i = (e) => nt.test(e), Y = (e) => D(e, ut, Qt), Ze = (e) => D(e, po, f), so = (e) => D(e, mt, it), no = (e) => D(e, pt, Me), qe = (e) => D(e, lt, Me), ao = (e) => D(e, ct, eo), de = (e) => D(e, bt, Kt), l = (e) => at.test(e), oe = (e) => J(e, ut), io = (e) => J(e, pt), Je = (e) => J(e, lt), lo = (e) => J(e, dt), co = (e) => J(e, ct), ue = (e) => J(e, bt, !0), uo = (e) => J(e, mt, !0), D = (e, t, o) => {
+  const r = nt.exec(e);
   return r ? r[1] ? t(r[1]) : o(r[2]) : !1;
-}, U = (e, t, o = !1) => {
-  const r = rt.exec(e);
+}, J = (e, t, o = !1) => {
+  const r = at.exec(e);
   return r ? r[1] ? t(r[1]) : o : !1;
-}, nt = (e) => e === "position" || e === "percentage", at = (e) => e === "image" || e === "url", it = (e) => e === "length" || e === "size" || e === "bg-size", lt = (e) => e === "length", io = (e) => e === "number", ct = (e) => e === "family-name", dt = (e) => e === "number" || e === "weight", ut = (e) => e === "shadow", Xe = () => {
-  const e = C("color"), t = C("font"), o = C("text"), r = C("font-weight"), s = C("tracking"), a = C("leading"), l = C("breakpoint"), p = C("container"), f = C("spacing"), m = C("radius"), S = C("shadow"), I = C("inset-shadow"), T = C("text-shadow"), y = C("drop-shadow"), P = C("blur"), u = C("perspective"), $ = C("aspect"), j = C("ease"), w = C("animate"), K = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], Y = () => [
+}, lt = (e) => e === "position" || e === "percentage", ct = (e) => e === "image" || e === "url", dt = (e) => e === "length" || e === "size" || e === "bg-size", ut = (e) => e === "length", po = (e) => e === "number", pt = (e) => e === "family-name", mt = (e) => e === "number" || e === "weight", bt = (e) => e === "shadow", Xe = () => {
+  const e = G("color"), t = G("font"), o = G("text"), r = G("font-weight"), s = G("tracking"), a = G("leading"), c = G("breakpoint"), g = G("container"), y = G("spacing"), m = G("radius"), C = G("shadow"), h = G("inset-shadow"), I = G("text-shadow"), O = G("drop-shadow"), j = G("blur"), A = G("perspective"), x = G("aspect"), $ = G("ease"), n = G("animate"), N = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], R = () => [
     "center",
     "top",
     "bottom",
@@ -344,51 +348,51 @@ const yt = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], q = () => [...Y(), i, n], J = () => ["auto", "hidden", "clip", "visible", "scroll"], E = () => ["auto", "contain", "none"], c = () => [i, n, f], M = () => [V, "full", "auto", ...c()], $e = () => [B, "none", "subgrid", i, n], Me = () => ["auto", {
-    span: ["full", B, i, n]
-  }, B, i, n], te = () => [B, "auto", i, n], Pe = () => ["auto", "min", "max", "fr", i, n], be = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], X = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], L = () => ["auto", ...c()], H = () => [V, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...c()], fe = () => [V, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...c()], ge = () => [V, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...c()], d = () => [e, i, n], Le = () => [...Y(), Je, qe, {
-    position: [i, n]
+  ], z = () => [...R(), l, i], X = () => ["auto", "hidden", "clip", "visible", "scroll"], V = () => ["auto", "contain", "none"], d = () => [l, i, y], B = () => [H, "full", "auto", ...d()], Pe = () => [F, "none", "subgrid", l, i], Le = () => ["auto", {
+    span: ["full", F, l, i]
+  }, F, l, i], se = () => [F, "auto", l, i], Te = () => ["auto", "min", "max", "fr", l, i], ge = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], Q = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], E = () => ["auto", ...d()], _ = () => [H, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...d()], he = () => [H, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...d()], ve = () => [H, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...d()], u = () => [e, l, i], Be = () => [...R(), Je, qe, {
+    position: [l, i]
   }], Re = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], Te = () => ["auto", "cover", "contain", so, _t, {
-    size: [i, n]
-  }], he = () => [ye, _, D], O = () => [
+  }], je = () => ["auto", "cover", "contain", lo, ro, {
+    size: [l, i]
+  }], xe = () => [ke, oe, Y], P = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
     m,
-    i,
-    n
-  ], G = () => ["", b, _, D], oe = () => ["solid", "dashed", "dotted", "double"], je = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], z = () => [b, ye, Je, qe], Be = () => [
+    l,
+    i
+  ], L = () => ["", f, oe, Y], ne = () => ["solid", "dashed", "dotted", "double"], Ee = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], M = () => [f, ke, Je, qe], Ne = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    P,
-    i,
-    n
-  ], re = () => ["none", b, i, n], se = () => ["none", b, i, n], xe = () => [b, i, n], ne = () => [V, "full", ...c()];
+    j,
+    l,
+    i
+  ], ae = () => ["none", f, l, i], ie = () => ["none", f, l, i], ye = () => [f, l, i], le = () => [H, "full", ...d()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [N],
-      breakpoint: [N],
-      color: [st],
-      container: [N],
-      "drop-shadow": [N],
+      blur: [W],
+      breakpoint: [W],
+      color: [it],
+      container: [W],
+      "drop-shadow": [W],
       ease: ["in", "out", "in-out"],
-      font: [Qt],
+      font: [to],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [N],
+      "inset-shadow": [W],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [N],
-      shadow: [N],
-      spacing: ["px", b],
-      text: [N],
-      "text-shadow": [N],
+      radius: [W],
+      shadow: [W],
+      spacing: ["px", f],
+      text: [W],
+      "text-shadow": [W],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -400,7 +404,7 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", V, n, i, $]
+        aspect: ["auto", "square", H, i, l, x]
       }],
       /**
        * Container
@@ -413,33 +417,33 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/responsive-design#container-queries
        */
       "container-type": [{
-        "@container": ["", "normal", "size", i, n]
+        "@container": ["", "normal", "size", l, i]
       }],
       /**
        * Container Name
        * @see https://tailwindcss.com/docs/responsive-design#named-containers
        */
-      "container-named": [Kt],
+      "container-named": [oo],
       /**
        * Columns
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [b, n, i, p]
+        columns: [f, i, l, g]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": K()
+        "break-after": N()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": K()
+        "break-before": N()
       }],
       /**
        * Break Inside
@@ -503,49 +507,49 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: q()
+        object: z()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: J()
+        overflow: X()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": J()
+        "overflow-x": X()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": J()
+        "overflow-y": X()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: E()
+        overscroll: V()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": E()
+        "overscroll-x": V()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": E()
+        "overscroll-y": V()
       }],
       /**
        * Position
@@ -557,21 +561,21 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: M()
+        inset: B()
       }],
       /**
        * Inset Inline
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": M()
+        "inset-x": B()
       }],
       /**
        * Inset Block
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": M()
+        "inset-y": B()
       }],
       /**
        * Inset Inline Start
@@ -579,12 +583,12 @@ const yt = (e, t) => {
        * @todo class group will be renamed to `inset-s` in next major release
        */
       start: [{
-        "inset-s": M(),
+        "inset-s": B(),
         /**
          * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-s-*` utilities.
          * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
          */
-        start: M()
+        start: B()
       }],
       /**
        * Inset Inline End
@@ -592,54 +596,54 @@ const yt = (e, t) => {
        * @todo class group will be renamed to `inset-e` in next major release
        */
       end: [{
-        "inset-e": M(),
+        "inset-e": B(),
         /**
          * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-e-*` utilities.
          * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
          */
-        end: M()
+        end: B()
       }],
       /**
        * Inset Block Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-bs": [{
-        "inset-bs": M()
+        "inset-bs": B()
       }],
       /**
        * Inset Block End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-be": [{
-        "inset-be": M()
+        "inset-be": B()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: M()
+        top: B()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: M()
+        right: B()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: M()
+        bottom: B()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: M()
+        left: B()
       }],
       /**
        * Visibility
@@ -651,7 +655,7 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [B, "auto", i, n]
+        z: [F, "auto", l, i]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -661,7 +665,7 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [V, "full", "auto", p, ...c()]
+        basis: [H, "full", "auto", g, ...d()]
       }],
       /**
        * Flex Direction
@@ -682,84 +686,84 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [b, V, "auto", "initial", "none", n]
+        flex: [f, H, "auto", "initial", "none", i]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", b, i, n]
+        grow: ["", f, l, i]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", b, i, n]
+        shrink: ["", f, l, i]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [B, "first", "last", "none", i, n]
+        order: [F, "first", "last", "none", l, i]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": $e()
+        "grid-cols": Pe()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: Me()
+        col: Le()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": te()
+        "col-start": se()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": te()
+        "col-end": se()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": $e()
+        "grid-rows": Pe()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: Me()
+        row: Le()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": te()
+        "row-start": se()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": te()
+        "row-end": se()
       }],
       /**
        * Grid Auto Flow
@@ -773,70 +777,70 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": Pe()
+        "auto-cols": Te()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": Pe()
+        "auto-rows": Te()
       }],
       /**
        * Gap
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: c()
+        gap: d()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": c()
+        "gap-x": d()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": c()
+        "gap-y": d()
       }],
       /**
        * Justify Content
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...be(), "normal"]
+        justify: [...ge(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...X(), "normal"]
+        "justify-items": [...Q(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...X()]
+        "justify-self": ["auto", ...Q()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...be()]
+        content: ["normal", ...ge()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...X(), {
+        items: [...Q(), {
           baseline: ["", "last"]
         }]
       }],
@@ -845,7 +849,7 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...X(), {
+        self: ["auto", ...Q(), {
           baseline: ["", "last"]
         }]
       }],
@@ -854,21 +858,21 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": be()
+        "place-content": ge()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...X(), "baseline"]
+        "place-items": [...Q(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...X()]
+        "place-self": ["auto", ...Q()]
       }],
       // Spacing
       /**
@@ -876,161 +880,161 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: c()
+        p: d()
       }],
       /**
        * Padding Inline
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: c()
+        px: d()
       }],
       /**
        * Padding Block
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: c()
+        py: d()
       }],
       /**
        * Padding Inline Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: c()
+        ps: d()
       }],
       /**
        * Padding Inline End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: c()
+        pe: d()
       }],
       /**
        * Padding Block Start
        * @see https://tailwindcss.com/docs/padding
        */
       pbs: [{
-        pbs: c()
+        pbs: d()
       }],
       /**
        * Padding Block End
        * @see https://tailwindcss.com/docs/padding
        */
       pbe: [{
-        pbe: c()
+        pbe: d()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: c()
+        pt: d()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: c()
+        pr: d()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: c()
+        pb: d()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: c()
+        pl: d()
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: L()
+        m: E()
       }],
       /**
        * Margin Inline
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: L()
+        mx: E()
       }],
       /**
        * Margin Block
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: L()
+        my: E()
       }],
       /**
        * Margin Inline Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: L()
+        ms: E()
       }],
       /**
        * Margin Inline End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: L()
+        me: E()
       }],
       /**
        * Margin Block Start
        * @see https://tailwindcss.com/docs/margin
        */
       mbs: [{
-        mbs: L()
+        mbs: E()
       }],
       /**
        * Margin Block End
        * @see https://tailwindcss.com/docs/margin
        */
       mbe: [{
-        mbe: L()
+        mbe: E()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: L()
+        mt: E()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: L()
+        mr: E()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: L()
+        mb: E()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: L()
+        ml: E()
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": c()
+        "space-x": d()
       }],
       /**
        * Space Between X Reverse
@@ -1042,7 +1046,7 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": c()
+        "space-y": d()
       }],
       /**
        * Space Between Y Reverse
@@ -1057,56 +1061,56 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: H()
+        size: _()
       }],
       /**
        * Inline Size
        * @see https://tailwindcss.com/docs/width
        */
       "inline-size": [{
-        inline: ["auto", ...fe()]
+        inline: ["auto", ...he()]
       }],
       /**
        * Min-Inline Size
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-inline-size": [{
-        "min-inline": ["auto", ...fe()]
+        "min-inline": ["auto", ...he()]
       }],
       /**
        * Max-Inline Size
        * @see https://tailwindcss.com/docs/max-width
        */
       "max-inline-size": [{
-        "max-inline": ["none", ...fe()]
+        "max-inline": ["none", ...he()]
       }],
       /**
        * Block Size
        * @see https://tailwindcss.com/docs/height
        */
       "block-size": [{
-        block: ["auto", ...ge()]
+        block: ["auto", ...ve()]
       }],
       /**
        * Min-Block Size
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-block-size": [{
-        "min-block": ["auto", ...ge()]
+        "min-block": ["auto", ...ve()]
       }],
       /**
        * Max-Block Size
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-block-size": [{
-        "max-block": ["none", ...ge()]
+        "max-block": ["none", ...ve()]
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [p, "screen", ...H()]
+        w: [g, "screen", ..._()]
       }],
       /**
        * Min-Width
@@ -1114,11 +1118,11 @@ const yt = (e, t) => {
        */
       "min-w": [{
         "min-w": [
-          p,
+          g,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...H()
+          ..._()
         ]
       }],
       /**
@@ -1127,16 +1131,16 @@ const yt = (e, t) => {
        */
       "max-w": [{
         "max-w": [
-          p,
+          g,
           "screen",
           "none",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "prose",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           {
-            screen: [l]
+            screen: [c]
           },
-          ...H()
+          ..._()
         ]
       }],
       /**
@@ -1144,21 +1148,21 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...H()]
+        h: ["screen", "lh", ..._()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...H()]
+        "min-h": ["screen", "lh", "none", ..._()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...H()]
+        "max-h": ["screen", "lh", ..._()]
       }],
       // ------------------
       // --- Typography ---
@@ -1168,7 +1172,7 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", o, _, D]
+        text: ["base", o, oe, Y]
       }],
       /**
        * Font Smoothing
@@ -1185,28 +1189,28 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [r, ao, eo]
+        font: [r, uo, so]
       }],
       /**
        * 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", ye, n]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", ke, i]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [ro, to, t]
+        font: [io, no, t]
       }],
       /**
        * Font Feature Settings
        * @see https://tailwindcss.com/docs/font-feature-settings
        */
       "font-features": [{
-        "font-features": [n]
+        "font-features": [i]
       }],
       /**
        * Font Variant Numeric
@@ -1243,14 +1247,14 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [s, i, n]
+        tracking: [s, l, i]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [b, "none", i, Ye]
+        "line-clamp": [f, "none", l, Ze]
       }],
       /**
        * Line Height
@@ -1260,7 +1264,7 @@ const yt = (e, t) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           a,
-          ...c()
+          ...d()
         ]
       }],
       /**
@@ -1268,7 +1272,7 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", i, n]
+        "list-image": ["none", l, i]
       }],
       /**
        * List Style Position
@@ -1282,7 +1286,7 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", i, n]
+        list: ["disc", "decimal", "none", l, i]
       }],
       /**
        * Text Alignment
@@ -1297,14 +1301,14 @@ const yt = (e, t) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: d()
+        placeholder: u()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: d()
+        text: u()
       }],
       /**
        * Text Decoration
@@ -1316,28 +1320,28 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...oe(), "wavy"]
+        decoration: [...ne(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [b, "from-font", "auto", i, D]
+        decoration: [f, "from-font", "auto", l, Y]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: d()
+        decoration: u()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [b, "auto", i, n]
+        "underline-offset": [f, "auto", l, i]
       }],
       /**
        * Text Transform
@@ -1361,21 +1365,21 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: c()
+        indent: d()
       }],
       /**
        * Tab Size
        * @see https://tailwindcss.com/docs/tab-size
        */
       "tab-size": [{
-        tab: [B, i, n]
+        tab: [F, l, i]
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", i, n]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", l, i]
       }],
       /**
        * Whitespace
@@ -1410,7 +1414,7 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", i, n]
+        content: ["none", l, i]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -1441,7 +1445,7 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: Le()
+        bg: Be()
       }],
       /**
        * Background Repeat
@@ -1455,7 +1459,7 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: Te()
+        bg: je()
       }],
       /**
        * Background Image
@@ -1465,59 +1469,59 @@ const yt = (e, t) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, B, i, n],
-          radial: ["", i, n],
-          conic: [B, i, n]
-        }, no, oo]
+          }, F, l, i],
+          radial: ["", l, i],
+          conic: [F, l, i]
+        }, co, ao]
       }],
       /**
        * Background Color
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: d()
+        bg: u()
       }],
       /**
        * Gradient Color Stops From Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: he()
+        from: xe()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: he()
+        via: xe()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: he()
+        to: xe()
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: d()
+        from: u()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: d()
+        via: u()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: d()
+        to: u()
       }],
       // ---------------
       // --- Borders ---
@@ -1527,189 +1531,189 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: O()
+        rounded: P()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": O()
+        "rounded-s": P()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": O()
+        "rounded-e": P()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": O()
+        "rounded-t": P()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": O()
+        "rounded-r": P()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": O()
+        "rounded-b": P()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": O()
+        "rounded-l": P()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": O()
+        "rounded-ss": P()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": O()
+        "rounded-se": P()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": O()
+        "rounded-ee": P()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": O()
+        "rounded-es": P()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": O()
+        "rounded-tl": P()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": O()
+        "rounded-tr": P()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": O()
+        "rounded-br": P()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": O()
+        "rounded-bl": P()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: G()
+        border: L()
       }],
       /**
        * Border Width Inline
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": G()
+        "border-x": L()
       }],
       /**
        * Border Width Block
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": G()
+        "border-y": L()
       }],
       /**
        * Border Width Inline Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": G()
+        "border-s": L()
       }],
       /**
        * Border Width Inline End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": G()
+        "border-e": L()
       }],
       /**
        * Border Width Block Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-bs": [{
-        "border-bs": G()
+        "border-bs": L()
       }],
       /**
        * Border Width Block End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-be": [{
-        "border-be": G()
+        "border-be": L()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": G()
+        "border-t": L()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": G()
+        "border-r": L()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": G()
+        "border-b": L()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": G()
+        "border-l": L()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": G()
+        "divide-x": L()
       }],
       /**
        * Divide Width X Reverse
@@ -1721,7 +1725,7 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": G()
+        "divide-y": L()
       }],
       /**
        * Divide Width Y Reverse
@@ -1733,126 +1737,126 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...oe(), "hidden", "none"]
+        border: [...ne(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...oe(), "hidden", "none"]
+        divide: [...ne(), "hidden", "none"]
       }],
       /**
        * Border Color
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: d()
+        border: u()
       }],
       /**
        * Border Color Inline
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": d()
+        "border-x": u()
       }],
       /**
        * Border Color Block
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": d()
+        "border-y": u()
       }],
       /**
        * Border Color Inline Start
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": d()
+        "border-s": u()
       }],
       /**
        * Border Color Inline End
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": d()
+        "border-e": u()
       }],
       /**
        * Border Color Block Start
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-bs": [{
-        "border-bs": d()
+        "border-bs": u()
       }],
       /**
        * Border Color Block End
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-be": [{
-        "border-be": d()
+        "border-be": u()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": d()
+        "border-t": u()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": d()
+        "border-r": u()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": d()
+        "border-b": u()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": d()
+        "border-l": u()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: d()
+        divide: u()
       }],
       /**
        * Outline Style
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...oe(), "none", "hidden"]
+        outline: [...ne(), "none", "hidden"]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [b, i, n]
+        "outline-offset": [f, l, i]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", b, _, D]
+        outline: ["", f, oe, Y]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: d()
+        outline: u()
       }],
       // ---------------
       // --- Effects ---
@@ -1866,9 +1870,9 @@ const yt = (e, t) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          S,
-          le,
-          ie
+          C,
+          ue,
+          de
         ]
       }],
       /**
@@ -1876,28 +1880,28 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: d()
+        shadow: u()
       }],
       /**
        * Inset Box Shadow
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", I, le, ie]
+        "inset-shadow": ["none", h, ue, de]
       }],
       /**
        * Inset Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": d()
+        "inset-shadow": u()
       }],
       /**
        * Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: G()
+        ring: L()
       }],
       /**
        * Ring Width Inset
@@ -1911,7 +1915,7 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: d()
+        ring: u()
       }],
       /**
        * Ring Offset Width
@@ -1920,7 +1924,7 @@ const yt = (e, t) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [b, D]
+        "ring-offset": [f, Y]
       }],
       /**
        * Ring Offset Color
@@ -1929,56 +1933,56 @@ const yt = (e, t) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": d()
+        "ring-offset": u()
       }],
       /**
        * Inset Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": G()
+        "inset-ring": L()
       }],
       /**
        * Inset Ring Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": d()
+        "inset-ring": u()
       }],
       /**
        * Text Shadow
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", T, le, ie]
+        "text-shadow": ["none", I, ue, de]
       }],
       /**
        * Text Shadow Color
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": d()
+        "text-shadow": u()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [b, i, n]
+        opacity: [f, l, i]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...je(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...Ee(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": je()
+        "bg-blend": Ee()
       }],
       /**
        * Mask Clip
@@ -1999,106 +2003,106 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [b]
+        "mask-linear": [f]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": z()
+        "mask-linear-from": M()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": z()
+        "mask-linear-to": M()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": d()
+        "mask-linear-from": u()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": d()
+        "mask-linear-to": u()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": z()
+        "mask-t-from": M()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": z()
+        "mask-t-to": M()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": d()
+        "mask-t-from": u()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": d()
+        "mask-t-to": u()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": z()
+        "mask-r-from": M()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": z()
+        "mask-r-to": M()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": d()
+        "mask-r-from": u()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": d()
+        "mask-r-to": u()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": z()
+        "mask-b-from": M()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": z()
+        "mask-b-to": M()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": d()
+        "mask-b-from": u()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": d()
+        "mask-b-to": u()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": z()
+        "mask-l-from": M()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": z()
+        "mask-l-to": M()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": d()
+        "mask-l-from": u()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": d()
+        "mask-l-to": u()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": z()
+        "mask-x-from": M()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": z()
+        "mask-x-to": M()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": d()
+        "mask-x-from": u()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": d()
+        "mask-x-to": u()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": z()
+        "mask-y-from": M()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": z()
+        "mask-y-to": M()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": d()
+        "mask-y-from": u()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": d()
+        "mask-y-to": u()
       }],
       "mask-image-radial": [{
-        "mask-radial": [i, n]
+        "mask-radial": [l, i]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": z()
+        "mask-radial-from": M()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": z()
+        "mask-radial-to": M()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": d()
+        "mask-radial-from": u()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": d()
+        "mask-radial-to": u()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -2110,22 +2114,22 @@ const yt = (e, t) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": Y()
+        "mask-radial-at": R()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [b]
+        "mask-conic": [f]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": z()
+        "mask-conic-from": M()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": z()
+        "mask-conic-to": M()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": d()
+        "mask-conic-from": u()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": d()
+        "mask-conic-to": u()
       }],
       /**
        * Mask Mode
@@ -2146,7 +2150,7 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: Le()
+        mask: Be()
       }],
       /**
        * Mask Repeat
@@ -2160,7 +2164,7 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: Te()
+        mask: je()
       }],
       /**
        * Mask Type
@@ -2174,7 +2178,7 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", i, n]
+        mask: ["none", l, i]
       }],
       // ---------------
       // --- Filters ---
@@ -2188,8 +2192,8 @@ const yt = (e, t) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          i,
-          n
+          l,
+          i
         ]
       }],
       /**
@@ -2197,21 +2201,21 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: Be()
+        blur: Ne()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [b, i, n]
+        brightness: [f, l, i]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [b, i, n]
+        contrast: [f, l, i]
       }],
       /**
        * Drop Shadow
@@ -2222,9 +2226,9 @@ const yt = (e, t) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          y,
-          le,
-          ie
+          O,
+          ue,
+          de
         ]
       }],
       /**
@@ -2232,42 +2236,42 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": d()
+        "drop-shadow": u()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", b, i, n]
+        grayscale: ["", f, l, i]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [b, i, n]
+        "hue-rotate": [f, l, i]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", b, i, n]
+        invert: ["", f, l, i]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [b, i, n]
+        saturate: [f, l, i]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", b, i, n]
+        sepia: ["", f, l, i]
       }],
       /**
        * Backdrop Filter
@@ -2278,8 +2282,8 @@ const yt = (e, t) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          i,
-          n
+          l,
+          i
         ]
       }],
       /**
@@ -2287,63 +2291,63 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": Be()
+        "backdrop-blur": Ne()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [b, i, n]
+        "backdrop-brightness": [f, l, i]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [b, i, n]
+        "backdrop-contrast": [f, l, i]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", b, i, n]
+        "backdrop-grayscale": ["", f, l, i]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [b, i, n]
+        "backdrop-hue-rotate": [f, l, i]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", b, i, n]
+        "backdrop-invert": ["", f, l, i]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [b, i, n]
+        "backdrop-opacity": [f, l, i]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [b, i, n]
+        "backdrop-saturate": [f, l, i]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", b, i, n]
+        "backdrop-sepia": ["", f, l, i]
       }],
       // --------------
       // --- Tables ---
@@ -2360,21 +2364,21 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": c()
+        "border-spacing": d()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": c()
+        "border-spacing-x": d()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": c()
+        "border-spacing-y": d()
       }],
       /**
        * Table Layout
@@ -2398,7 +2402,7 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", i, n]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", l, i]
       }],
       /**
        * Transition Behavior
@@ -2412,28 +2416,28 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [b, "initial", i, n]
+        duration: [f, "initial", l, i]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", j, i, n]
+        ease: ["linear", "initial", $, l, i]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [b, i, n]
+        delay: [f, l, i]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", w, i, n]
+        animate: ["none", n, l, i]
       }],
       // ------------------
       // --- Transforms ---
@@ -2450,70 +2454,70 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [u, i, n]
+        perspective: [A, l, i]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": q()
+        "perspective-origin": z()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: re()
+        rotate: ae()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": re()
+        "rotate-x": ae()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": re()
+        "rotate-y": ae()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": re()
+        "rotate-z": ae()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: se()
+        scale: ie()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": se()
+        "scale-x": ie()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": se()
+        "scale-y": ie()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": se()
+        "scale-z": ie()
       }],
       /**
        * Scale 3D
@@ -2525,35 +2529,35 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: xe()
+        skew: ye()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": xe()
+        "skew-x": ye()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": xe()
+        "skew-y": ye()
       }],
       /**
        * Transform
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [i, n, "", "none", "gpu", "cpu"]
+        transform: [l, i, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: q()
+        origin: z()
       }],
       /**
        * Transform Style
@@ -2567,28 +2571,28 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: ne()
+        translate: le()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": ne()
+        "translate-x": le()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": ne()
+        "translate-y": le()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": ne()
+        "translate-z": le()
       }],
       /**
        * Translate None
@@ -2600,7 +2604,7 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/zoom
        */
       zoom: [{
-        zoom: [B, i, n]
+        zoom: [F, l, i]
       }],
       // ---------------------
       // --- Interactivity ---
@@ -2610,7 +2614,7 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: d()
+        accent: u()
       }],
       /**
        * Appearance
@@ -2624,7 +2628,7 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: d()
+        caret: u()
       }],
       /**
        * Color Scheme
@@ -2638,7 +2642,7 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", i, n]
+        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", l, i]
       }],
       /**
        * Field Sizing
@@ -2673,14 +2677,14 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/scrollbar-color
        */
       "scrollbar-thumb-color": [{
-        "scrollbar-thumb": d()
+        "scrollbar-thumb": u()
       }],
       /**
        * Scrollbar Track Color
        * @see https://tailwindcss.com/docs/scrollbar-color
        */
       "scrollbar-track-color": [{
-        "scrollbar-track": d()
+        "scrollbar-track": u()
       }],
       /**
        * Scrollbar Gutter
@@ -2701,154 +2705,154 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": c()
+        "scroll-m": d()
       }],
       /**
        * Scroll Margin Inline
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": c()
+        "scroll-mx": d()
       }],
       /**
        * Scroll Margin Block
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": c()
+        "scroll-my": d()
       }],
       /**
        * Scroll Margin Inline Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": c()
+        "scroll-ms": d()
       }],
       /**
        * Scroll Margin Inline End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": c()
+        "scroll-me": d()
       }],
       /**
        * Scroll Margin Block Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mbs": [{
-        "scroll-mbs": c()
+        "scroll-mbs": d()
       }],
       /**
        * Scroll Margin Block End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mbe": [{
-        "scroll-mbe": c()
+        "scroll-mbe": d()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": c()
+        "scroll-mt": d()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": c()
+        "scroll-mr": d()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": c()
+        "scroll-mb": d()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": c()
+        "scroll-ml": d()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": c()
+        "scroll-p": d()
       }],
       /**
        * Scroll Padding Inline
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": c()
+        "scroll-px": d()
       }],
       /**
        * Scroll Padding Block
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": c()
+        "scroll-py": d()
       }],
       /**
        * Scroll Padding Inline Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": c()
+        "scroll-ps": d()
       }],
       /**
        * Scroll Padding Inline End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": c()
+        "scroll-pe": d()
       }],
       /**
        * Scroll Padding Block Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pbs": [{
-        "scroll-pbs": c()
+        "scroll-pbs": d()
       }],
       /**
        * Scroll Padding Block End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pbe": [{
-        "scroll-pbe": c()
+        "scroll-pbe": d()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": c()
+        "scroll-pt": d()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": c()
+        "scroll-pr": d()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": c()
+        "scroll-pb": d()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": c()
+        "scroll-pl": d()
       }],
       /**
        * Scroll Snap Align
@@ -2916,7 +2920,7 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", i, n]
+        "will-change": ["auto", "scroll", "contents", "transform", l, i]
       }],
       // -----------
       // --- SVG ---
@@ -2926,21 +2930,21 @@ const yt = (e, t) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...d()]
+        fill: ["none", ...u()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [b, _, D, Ye]
+        stroke: [f, oe, Y, Ze]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...d()]
+        stroke: ["none", ...u()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -3010,26 +3014,26 @@ const yt = (e, t) => {
     postfixLookupClassGroups: ["container-type"],
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, lo = (e, {
+}, mo = (e, {
   cacheSize: t,
   prefix: o,
   experimentalParseClassName: r,
   extend: s = {},
   override: a = {}
-}) => (Z(e, "cacheSize", t), Z(e, "prefix", o), Z(e, "experimentalParseClassName", r), ce(e.theme, a.theme), ce(e.classGroups, a.classGroups), ce(e.conflictingClassGroups, a.conflictingClassGroups), ce(e.conflictingClassGroupModifiers, a.conflictingClassGroupModifiers), Z(e, "postfixLookupClassGroups", a.postfixLookupClassGroups), Z(e, "orderSensitiveModifiers", a.orderSensitiveModifiers), de(e.theme, s.theme), de(e.classGroups, s.classGroups), de(e.conflictingClassGroups, s.conflictingClassGroups), de(e.conflictingClassGroupModifiers, s.conflictingClassGroupModifiers), Ie(e, s, "postfixLookupClassGroups"), Ie(e, s, "orderSensitiveModifiers"), e), Z = (e, t, o) => {
+}) => (ee(e, "cacheSize", t), ee(e, "prefix", o), ee(e, "experimentalParseClassName", r), pe(e.theme, a.theme), pe(e.classGroups, a.classGroups), pe(e.conflictingClassGroups, a.conflictingClassGroups), pe(e.conflictingClassGroupModifiers, a.conflictingClassGroupModifiers), ee(e, "postfixLookupClassGroups", a.postfixLookupClassGroups), ee(e, "orderSensitiveModifiers", a.orderSensitiveModifiers), me(e.theme, s.theme), me(e.classGroups, s.classGroups), me(e.conflictingClassGroups, s.conflictingClassGroups), me(e.conflictingClassGroupModifiers, s.conflictingClassGroupModifiers), Ae(e, s, "postfixLookupClassGroups"), Ae(e, s, "orderSensitiveModifiers"), e), ee = (e, t, o) => {
   o !== void 0 && (e[t] = o);
-}, ce = (e, t) => {
+}, pe = (e, t) => {
   if (t)
     for (const o in t)
-      Z(e, o, t[o]);
-}, de = (e, t) => {
+      ee(e, o, t[o]);
+}, me = (e, t) => {
   if (t)
     for (const o in t)
-      Ie(e, t, o);
-}, Ie = (e, t, o) => {
+      Ae(e, t, o);
+}, Ae = (e, t, o) => {
   const r = t[o];
   r !== void 0 && (e[o] = e[o] ? e[o].concat(r) : r);
-}, co = (e, ...t) => typeof e == "function" ? Ue(Xe, e, ...t) : Ue(() => lo(Xe(), e), ...t), uo = co({
+}, bo = (e, ...t) => typeof e == "function" ? Ye(Xe, e, ...t) : Ye(() => mo(Xe(), e), ...t), fo = bo({
   extend: {
     theme: {
       color: [
@@ -3052,10 +3056,10 @@ const yt = (e, t) => {
     }
   }
 });
-function A(...e) {
-  return uo(vt(e));
+function S(...e) {
+  return fo(Ct(e));
 }
-const mo = ["src", "alt"], po = /* @__PURE__ */ Q({
+const go = ["src", "alt"], ho = /* @__PURE__ */ te({
   __name: "SidebarHeader",
   props: {
     isCollapsed: { type: Boolean },
@@ -3067,30 +3071,30 @@ const mo = ["src", "alt"], po = /* @__PURE__ */ Q({
       sidebarHeaderLogo: "w-10 h-10 rounded flex-shrink-0",
       sidebarHeaderTitle: "overflow-hidden whitespace-nowrap transition-all duration-300 font-200 font-semibold whitespace-nowrap"
     };
-    return (o, r) => (v(), k("div", {
-      class: g(t.sidebarHeaderContainer)
+    return (o, r) => (k(), w("div", {
+      class: b(t.sidebarHeaderContainer)
     }, [
-      x("img", {
-        class: g(t.sidebarHeaderLogo),
-        style: Ae(`background-color:${e.headerOptions.logoBgColor}`),
+      v("img", {
+        class: b(t.sidebarHeaderLogo),
+        style: $e(`background-color:${e.headerOptions.logoBgColor}`),
         src: e.headerOptions.logoSrc,
         alt: e.headerOptions.logoAlt
-      }, null, 14, mo),
-      e.isCollapsed ? F("", !0) : (v(), k("h2", {
+      }, null, 14, go),
+      e.isCollapsed ? U("", !0) : (k(), w("h2", {
         key: 0,
-        class: g(t.sidebarHeaderTitle)
-      }, R(e.headerOptions.sidebarTitle), 3))
+        class: b(t.sidebarHeaderTitle)
+      }, T(e.headerOptions.sidebarTitle), 3))
     ], 2));
   }
-}), bo = (e, t) => {
+}), vo = (e, t) => {
   const o = e.__vccOpts || e;
   for (const [r, s] of t)
     o[r] = s;
   return o;
-}, fo = /* @__PURE__ */ bo(po, [["__scopeId", "data-v-1be64a50"]]), go = { key: 0 }, ho = {
+}, xo = /* @__PURE__ */ vo(ho, [["__scopeId", "data-v-1be64a50"]]), yo = { key: 0 }, ko = {
   role: "navigation",
   "aria-label": "sidebar shortcut items"
-}, xo = ["id", "href", "target"], vo = ["id"], yo = /* @__PURE__ */ Q({
+}, wo = ["id", "href", "target"], Co = ["id"], zo = /* @__PURE__ */ te({
   __name: "SidebarShortcuts",
   props: {
     isCollapsed: { type: Boolean },
@@ -3103,103 +3107,129 @@ const mo = ["src", "alt"], po = /* @__PURE__ */ Q({
       shortcutItemIcon: "text-[24px] az az-",
       shortcutItemLabel: "font-semibold text-[10px]"
     };
-    return (o, r) => e.shortcutOptions.items && e.shortcutOptions.items.length > 0 ? (v(), k("section", go, [
-      x("nav", ho, [
-        x("ul", {
+    return (o, r) => e.shortcutOptions.items && e.shortcutOptions.items.length > 0 ? (k(), w("section", yo, [
+      v("nav", ko, [
+        v("ul", {
           role: "menu",
-          class: g(t.shortcutList)
+          class: b(t.shortcutList)
         }, [
-          (v(!0), k(ee, null, Ce(e.shortcutOptions.items, (s) => (v(), k("div", {
+          (k(!0), w(re, null, ze(e.shortcutOptions.items, (s) => (k(), w("div", {
             key: s.id,
             class: ""
           }, [
-            s.type === "link" ? (v(), k("a", {
+            s.type === "link" ? (k(), w("a", {
               key: 0,
               id: `shortcut-${s.id}`,
               href: s.link,
               target: s.target
             }, [
-              x("div", {
-                class: g(t.shortcutItem)
+              v("div", {
+                class: b(t.shortcutItem)
               }, [
-                x("i", {
-                  class: g(`${t.shortcutItemIcon}${s.icon}`)
+                v("i", {
+                  class: b(`${t.shortcutItemIcon}${s.icon}`)
                 }, null, 2),
-                x("span", {
-                  class: g([
+                v("span", {
+                  class: b([
                     "inline-block overflow-hidden whitespace-nowrap transition-all duration-300",
                     e.isCollapsed ? "max-w-0 opacity-0" : "max-w-xs opacity-100"
                   ])
                 }, [
-                  x("p", {
-                    class: g(t.shortcutItemLabel)
-                  }, R(s.label), 3)
+                  v("p", {
+                    class: b(t.shortcutItemLabel)
+                  }, T(s.label), 3)
                 ], 2)
               ], 2)
-            ], 8, xo)) : F("", !0),
-            s.type === "button" ? (v(), k("button", {
+            ], 8, wo)) : U("", !0),
+            s.type === "button" ? (k(), w("button", {
               key: 1,
               id: `shortcut-${s.id}`
             }, [
-              x("div", {
-                class: g(t.shortcutItem)
+              v("div", {
+                class: b(t.shortcutItem)
               }, [
-                x("i", {
-                  class: g(`${t.shortcutItemIcon}${s.icon}`)
+                v("i", {
+                  class: b(`${t.shortcutItemIcon}${s.icon}`)
                 }, null, 2),
-                x("span", {
-                  class: g([
+                v("span", {
+                  class: b([
                     "inline-block overflow-hidden whitespace-nowrap transition-all duration-300",
                     e.isCollapsed ? "max-w-0 opacity-0" : "max-w-xs opacity-100"
                   ])
                 }, [
-                  x("p", {
-                    class: g(t.shortcutItemLabel)
-                  }, R(s.label), 3)
+                  v("p", {
+                    class: b(t.shortcutItemLabel)
+                  }, T(s.label), 3)
                 ], 2)
               ], 2)
-            ], 8, vo)) : F("", !0)
+            ], 8, Co)) : U("", !0)
           ]))), 128))
         ], 2)
       ])
-    ])) : F("", !0);
+    ])) : U("", !0);
   }
-}), wo = ["id", "aria-expanded", "aria-controls", "aria-label", "title", "onClick"], ko = ["aria-hidden"], Co = ["id", "aria-hidden"], zo = ["id", "href", "target", "aria-current"], So = ["id", "aria-current", "onClick"], Io = ["id", "href", "target", "aria-current", "aria-label", "title"], Ao = ["aria-hidden"], Oo = ["id", "aria-current", "aria-label", "title", "onClick"], Go = ["aria-hidden"], we = "justify-center gap-0 px-2", ue = "max-w-[12rem] opacity-100 translate-x-0", me = "max-w-0 opacity-0 -translate-x-1 pointer-events-none", ke = "flex-1 truncate leading-tight", $o = "max-h-96 opacity-100 py-1", Mo = "max-h-0 opacity-0 py-0 pointer-events-none", Po = /* @__PURE__ */ Q({
+}), So = ["id", "aria-label"], Io = ["id", "href", "target", "aria-current", "aria-label"], Oo = ["id", "aria-current", "aria-label", "onClick"], Ao = ["id", "aria-expanded", "aria-controls", "onClick"], $o = ["id", "aria-hidden"], Go = ["id", "href", "target", "aria-current"], Mo = ["id", "aria-current", "onClick"], Po = ["id", "href", "target", "aria-current"], Lo = ["id", "aria-current", "onClick"], we = "justify-center gap-0 px-2", be = "max-w-[12rem] opacity-100 translate-x-0", Ce = "max-w-0 opacity-0 -translate-x-1 pointer-events-none", K = "flex-1 truncate leading-tight", To = "max-h-96 opacity-100 py-1", Bo = "max-h-0 opacity-0 py-0 pointer-events-none", Ro = /* @__PURE__ */ te({
   __name: "SidebarNavigationItems",
   props: {
     isCollapsed: { type: Boolean },
     navigationOptions: {}
   },
   setup(e) {
-    const t = e, o = ft(/* @__PURE__ */ new Set());
-    function r(y) {
-      var P;
-      return !!((P = y.subItems) != null && P.length);
+    const t = e, o = vt(/* @__PURE__ */ new Set());
+    function r(x) {
+      var $;
+      return !!(($ = x.subItems) != null && $.length);
     }
-    function s(y) {
-      return o.has(y);
+    function s(x) {
+      return o.has(x);
     }
-    function a(y) {
-      o.has(y) ? o.delete(y) : o.add(y);
+    function a(x) {
+      o.has(x) ? o.delete(x) : o.add(x);
     }
-    function l() {
-      for (const y of t.navigationOptions.items) {
-        if (!r(y)) continue;
-        const P = y.subItems.some((u) => u.current);
-        (y.current || P) && o.add(y.id);
+    function c() {
+      for (const x of t.navigationOptions.items) {
+        if (!r(x)) continue;
+        const $ = x.subItems.some((n) => n.current);
+        (x.current || $) && o.add(x.id);
       }
     }
-    Ve(
+    Ue(
       () => t.navigationOptions.items,
-      () => l(),
+      () => c(),
       { immediate: !0, deep: !0 }
-    ), Ve(
+    ), Ue(
       () => t.isCollapsed,
-      (y) => {
-        y && o.clear();
+      (x) => {
+        x && o.clear();
       }
     );
-    const p = [
+    function g(x) {
+      var $;
+      return (($ = x.subItems) != null ? $ : []).map((n) => ({
+        id: n.id,
+        label: n.label
+      }));
+    }
+    function y(x, $) {
+      var N;
+      const n = (N = x.subItems) == null ? void 0 : N.find(
+        (R, z) => R.id !== void 0 ? R.id === $ : z === $
+      );
+      if (n) {
+        if (n.type === "button") {
+          n.onClick();
+          return;
+        }
+        if (n.link) {
+          if (n.target === "_blank") {
+            window.open(n.link, "_blank", "noopener,noreferrer");
+            return;
+          }
+          window.location.assign(n.link);
+        }
+      }
+    }
+    const m = [
       "group flex w-full min-h-12 items-center gap-3 rounded-xl px-3 py-2.5",
       "font-sans text-sm font-semibold no-underline border-0 bg-transparent",
       "text-[color:var(--color-text-primary)] cursor-pointer text-left",
@@ -3210,23 +3240,23 @@ const mo = ["src", "alt"], po = /* @__PURE__ */ Q({
       "aria-[expanded=true]:bg-[color-mix(in_srgb,var(--color-text-primary)_4%,transparent)]",
       "transition-[padding,gap,background-color] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]",
       "motion-reduce:transition-none"
-    ].join(" "), f = [
+    ].join(" "), C = [
       "inline-flex min-w-0 items-center overflow-hidden whitespace-nowrap",
       "transition-[max-width,opacity,transform,margin] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]",
       "motion-reduce:transition-none"
-    ].join(" "), m = [
+    ].join(" "), h = [
       "az text-[1.5rem] leading-none shrink-0 text-[color:var(--color-text-primary)]",
       "transition-transform duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]",
       "motion-reduce:transition-none"
-    ].join(" "), S = [
+    ].join(" "), I = [
       "az az-ui-chevron-down text-[1rem] leading-none shrink-0 text-[color:var(--color-text-secondary)]",
       "transition-transform duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]",
       "motion-reduce:transition-none"
-    ].join(" "), I = [
+    ].join(" "), O = [
       "m-0 flex list-none flex-col gap-0.5 overflow-hidden pl-4",
       "transition-[max-height,opacity,padding] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]",
       "motion-reduce:transition-none"
-    ].join(" "), T = [
+    ].join(" "), j = [
       "flex w-full min-h-10 items-center rounded-lg px-3 py-2",
       "font-sans text-sm font-medium no-underline border-0 bg-transparent",
       "text-[color:var(--color-text-secondary)] cursor-pointer text-left",
@@ -3234,127 +3264,202 @@ const mo = ["src", "alt"], po = /* @__PURE__ */ Q({
       "focus-visible:outline focus-visible:outline-[length:var(--border-m)]",
       "focus-visible:outline-[color:var(--color-text-accent)] focus-visible:outline-offset-[length:var(--border-m)]",
       "aria-[current=page]:bg-[#F3EDE3] aria-[current=page]:text-[color:var(--color-text-primary)]"
-    ].join(" ");
-    return (y, P) => (v(!0), k(ee, null, Ce(e.navigationOptions.items, (u, $) => {
-      var j;
-      return v(), k("li", {
-        key: (j = u.id) != null ? j : $,
+    ].join(" "), A = Z(() => ({
+      tooltip: {
+        root: "flex w-full [--tooltip-z-index:50]"
+      },
+      listBox: {
+        root: "w-full",
+        activator: "w-full",
+        panel: "z-50"
+      }
+    }));
+    return (x, $) => (k(!0), w(re, null, ze(e.navigationOptions.items, (n, N) => {
+      var R;
+      return k(), w("li", {
+        key: (R = n.id) != null ? R : N,
         "data-testid": "sidebar-nav-item",
         class: "list-none"
       }, [
-        r(u) ? (v(), k(ee, { key: 0 }, [
-          x("button", {
-            id: `navigation-${u.id}`,
+        e.isCollapsed && r(n) ? (k(), q(p(Ke), {
+          key: 0,
+          items: g(n),
+          position: "right",
+          trigger: "hover",
+          "aria-label": n.label,
+          ui: A.value.listBox,
+          onAction: (z) => y(n, z)
+        }, {
+          activator: Se(() => [
+            v("button", {
+              id: `navigation-${n.id}`,
+              type: "button",
+              "data-testid": "sidebar-nav-expand",
+              class: b(p(S)(p(m), we)),
+              "aria-label": n.label,
+              "aria-haspopup": !0
+            }, [
+              v("i", {
+                "data-testid": "sidebar-nav-icon",
+                class: b(p(S)(p(h), `az-${n.icon}`)),
+                "aria-hidden": "true"
+              }, null, 2),
+              v("span", {
+                "data-testid": "sidebar-nav-label",
+                class: b(p(S)(p(C), K, Ce)),
+                "aria-hidden": "true"
+              }, T(n.label), 3)
+            ], 10, So)
+          ]),
+          _: 2
+        }, 1032, ["items", "aria-label", "ui", "onAction"])) : e.isCollapsed ? (k(), q(p(kt), {
+          key: 1,
+          id: `sidebar-tooltip-${n.id}`,
+          text: n.label,
+          position: "right",
+          ui: A.value.tooltip
+        }, {
+          default: Se(() => [
+            n.type === "link" ? (k(), w("a", {
+              key: 0,
+              id: `navigation-${n.id}`,
+              "data-testid": "sidebar-nav-link",
+              class: b(p(S)(p(m), we)),
+              href: n.link,
+              target: n.target,
+              "aria-current": n.current ? "page" : void 0,
+              "aria-label": n.label
+            }, [
+              v("i", {
+                "data-testid": "sidebar-nav-icon",
+                class: b(p(S)(p(h), `az-${n.icon}`)),
+                "aria-hidden": "true"
+              }, null, 2),
+              v("span", {
+                "data-testid": "sidebar-nav-label",
+                class: b(p(S)(p(C), K, Ce)),
+                "aria-hidden": "true"
+              }, T(n.label), 3)
+            ], 10, Io)) : (k(), w("button", {
+              key: 1,
+              id: `navigation-${n.id}`,
+              type: "button",
+              "data-testid": "sidebar-nav-button",
+              class: b(p(S)(p(m), we)),
+              "aria-current": n.current ? "page" : void 0,
+              "aria-label": n.label,
+              onClick: n.onClick
+            }, [
+              v("i", {
+                "data-testid": "sidebar-nav-icon",
+                class: b(p(S)(p(h), `az-${n.icon}`)),
+                "aria-hidden": "true"
+              }, null, 2),
+              v("span", {
+                "data-testid": "sidebar-nav-label",
+                class: b(p(S)(p(C), K, Ce)),
+                "aria-hidden": "true"
+              }, T(n.label), 3)
+            ], 10, Oo))
+          ]),
+          _: 2
+        }, 1032, ["id", "text", "ui"])) : r(n) ? (k(), w(re, { key: 2 }, [
+          v("button", {
+            id: `navigation-${n.id}`,
             type: "button",
             "data-testid": "sidebar-nav-expand",
-            class: g(h(A)(h(p), e.isCollapsed && we)),
-            "aria-expanded": s(u.id),
-            "aria-controls": `navigation-submenu-${u.id}`,
-            "aria-label": e.isCollapsed ? u.label : void 0,
-            title: e.isCollapsed ? u.label : void 0,
-            onClick: (w) => a(u.id)
+            class: b(p(m)),
+            "aria-expanded": s(n.id),
+            "aria-controls": `navigation-submenu-${n.id}`,
+            onClick: (z) => a(n.id)
           }, [
-            x("i", {
+            v("i", {
               "data-testid": "sidebar-nav-icon",
-              class: g(h(A)(h(m), `az-${u.icon}`)),
+              class: b(p(S)(p(h), `az-${n.icon}`)),
               "aria-hidden": "true"
             }, null, 2),
-            x("span", {
+            v("span", {
               "data-testid": "sidebar-nav-label",
-              class: g(h(A)(h(f), ke, e.isCollapsed ? me : ue)),
-              "aria-hidden": e.isCollapsed || void 0
-            }, R(u.label), 11, ko),
-            x("i", {
+              class: b(p(S)(p(C), K, be))
+            }, T(n.label), 3),
+            v("i", {
               "data-testid": "sidebar-nav-chevron",
-              class: g(
-                h(A)(
-                  h(f),
-                  h(S),
-                  e.isCollapsed ? me : ue,
-                  s(u.id) && "rotate-180"
-                )
-              ),
+              class: b(p(S)(p(C), p(I), be, s(n.id) && "rotate-180")),
               "aria-hidden": "true"
             }, null, 2)
-          ], 10, wo),
-          x("ul", {
-            id: `navigation-submenu-${u.id}`,
+          ], 10, Ao),
+          v("ul", {
+            id: `navigation-submenu-${n.id}`,
             "data-testid": "sidebar-nav-submenu",
-            class: g(h(A)(h(I), !e.isCollapsed && s(u.id) ? $o : Mo)),
-            "aria-hidden": e.isCollapsed || !s(u.id) || void 0
+            class: b(p(S)(p(O), s(n.id) ? To : Bo)),
+            "aria-hidden": !s(n.id) || void 0
           }, [
-            (v(!0), k(ee, null, Ce(u.subItems, (w) => (v(), k("li", {
-              key: w.id,
+            (k(!0), w(re, null, ze(n.subItems, (z) => (k(), w("li", {
+              key: z.id,
               class: "list-none"
             }, [
-              w.type === "link" ? (v(), k("a", {
+              z.type === "link" ? (k(), w("a", {
                 key: 0,
-                id: `navigation-${w.id}`,
+                id: `navigation-${z.id}`,
                 "data-testid": "sidebar-nav-sublink",
-                class: g(h(T)),
-                href: w.link,
-                target: w.target,
-                "aria-current": w.current ? "page" : void 0
-              }, R(w.label), 11, zo)) : (v(), k("button", {
+                class: b(p(j)),
+                href: z.link,
+                target: z.target,
+                "aria-current": z.current ? "page" : void 0
+              }, T(z.label), 11, Go)) : (k(), w("button", {
                 key: 1,
-                id: `navigation-${w.id}`,
+                id: `navigation-${z.id}`,
                 type: "button",
                 "data-testid": "sidebar-nav-subbutton",
-                class: g(h(T)),
-                "aria-current": w.current ? "page" : void 0,
-                onClick: w.onClick
-              }, R(w.label), 11, So))
+                class: b(p(j)),
+                "aria-current": z.current ? "page" : void 0,
+                onClick: z.onClick
+              }, T(z.label), 11, Mo))
             ]))), 128))
-          ], 10, Co)
-        ], 64)) : (v(), k(ee, { key: 1 }, [
-          u.type === "link" ? (v(), k("a", {
+          ], 10, $o)
+        ], 64)) : (k(), w(re, { key: 3 }, [
+          n.type === "link" ? (k(), w("a", {
             key: 0,
-            id: `navigation-${u.id}`,
+            id: `navigation-${n.id}`,
             "data-testid": "sidebar-nav-link",
-            class: g(h(A)(h(p), e.isCollapsed && we)),
-            href: u.link,
-            target: u.target,
-            "aria-current": u.current ? "page" : void 0,
-            "aria-label": e.isCollapsed ? u.label : void 0,
-            title: e.isCollapsed ? u.label : void 0
+            class: b(p(m)),
+            href: n.link,
+            target: n.target,
+            "aria-current": n.current ? "page" : void 0
           }, [
-            x("i", {
+            v("i", {
               "data-testid": "sidebar-nav-icon",
-              class: g(h(A)(h(m), `az-${u.icon}`)),
+              class: b(p(S)(p(h), `az-${n.icon}`)),
               "aria-hidden": "true"
             }, null, 2),
-            x("span", {
+            v("span", {
               "data-testid": "sidebar-nav-label",
-              class: g(h(A)(h(f), ke, e.isCollapsed ? me : ue)),
-              "aria-hidden": e.isCollapsed || void 0
-            }, R(u.label), 11, Ao)
-          ], 10, Io)) : (v(), k("button", {
+              class: b(p(S)(p(C), K, be))
+            }, T(n.label), 3)
+          ], 10, Po)) : (k(), w("button", {
             key: 1,
-            id: `navigation-${u.id}`,
+            id: `navigation-${n.id}`,
             type: "button",
             "data-testid": "sidebar-nav-button",
-            class: g(h(A)(h(p), e.isCollapsed && we)),
-            "aria-current": u.current ? "page" : void 0,
-            "aria-label": e.isCollapsed ? u.label : void 0,
-            title: e.isCollapsed ? u.label : void 0,
-            onClick: u.onClick
+            class: b(p(m)),
+            "aria-current": n.current ? "page" : void 0,
+            onClick: n.onClick
           }, [
-            x("i", {
+            v("i", {
               "data-testid": "sidebar-nav-icon",
-              class: g(h(A)(h(m), `az-${u.icon}`)),
+              class: b(p(S)(p(h), `az-${n.icon}`)),
               "aria-hidden": "true"
             }, null, 2),
-            x("span", {
+            v("span", {
               "data-testid": "sidebar-nav-label",
-              class: g(h(A)(h(f), ke, e.isCollapsed ? me : ue)),
-              "aria-hidden": e.isCollapsed || void 0
-            }, R(u.label), 11, Go)
-          ], 10, Oo))
+              class: b(p(S)(p(C), K, be))
+            }, T(n.label), 3)
+          ], 10, Lo))
         ], 64))
       ]);
     }), 128));
   }
-}), Lo = ["src", "alt", "aria-hidden"], Ro = /* @__PURE__ */ Q({
+}), jo = ["src", "alt", "aria-hidden"], Qe = /* @__PURE__ */ te({
   __name: "SidebarFooterAvatar",
   props: {
     avatarUrl: {},
@@ -3367,30 +3472,30 @@ const mo = ["src", "alt"], po = /* @__PURE__ */ Q({
       root: "h-10 w-10 shrink-0 overflow-hidden rounded-full ring-1 ring-[color:var(--color-border-primary)]",
       img: "h-full w-full object-cover",
       initials: "flex h-full w-full items-center justify-center text-xs font-semibold text-[color:var(--color-text-primary-inverse)]"
-    }, r = Ze(() => ({
+    }, r = Z(() => ({
       backgroundColor: t.initialsBG || "var(--color-blue-grey-600, #525252)"
     }));
-    return (s, a) => (v(), k("div", {
+    return (s, a) => (k(), w("div", {
       "data-testid": "sidebar-avatar",
-      class: g(o.root)
+      class: b(o.root)
     }, [
-      e.avatarUrl ? (v(), k("img", {
+      e.avatarUrl ? (k(), w("img", {
         key: 0,
         "data-testid": "sidebar-avatar-img",
-        class: g(o.img),
+        class: b(o.img),
         src: e.avatarUrl,
         alt: e.name ? `${e.name} avatar` : "",
         "aria-hidden": e.name ? void 0 : !0
-      }, null, 10, Lo)) : (v(), k("span", {
+      }, null, 10, jo)) : (k(), w("span", {
         key: 1,
         "data-testid": "sidebar-avatar-initials",
-        class: g(o.initials),
-        style: Ae(r.value),
+        class: b(o.initials),
+        style: $e(r.value),
         "aria-hidden": "true"
-      }, R(e.initials), 7))
+      }, T(e.initials), 7))
     ], 2));
   }
-}), To = ["aria-hidden"], jo = /* @__PURE__ */ Q({
+}), Eo = ["aria-label"], No = ["aria-hidden"], Fo = "right-top", Vo = /* @__PURE__ */ te({
   __name: "SidebarFooter",
   props: {
     isCollapsed: { type: Boolean },
@@ -3398,7 +3503,7 @@ const mo = ["src", "alt"], po = /* @__PURE__ */ Q({
   },
   emits: ["toggleSidebarCollapsed"],
   setup(e, { emit: t }) {
-    const o = t, r = {
+    const o = e, r = t, s = {
       root: [
         "w-full flex items-center gap-2",
         "transition-[flex-direction,gap] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]",
@@ -3424,52 +3529,112 @@ const mo = ["src", "alt"], po = /* @__PURE__ */ Q({
       collapseBtn: [
         "transition-transform duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]",
         "motion-reduce:transition-none"
+      ].join(" "),
+      avatarTrigger: [
+        "inline-flex shrink-0 rounded-full border-0 bg-transparent p-0 cursor-pointer",
+        "focus-visible:outline focus-visible:outline-[length:var(--border-m)]",
+        "focus-visible:outline-[color:var(--color-text-accent)] focus-visible:outline-offset-[length:var(--border-m)]"
       ].join(" ")
-    };
-    return (s, a) => {
-      var l, p, f;
-      return v(), k("div", {
+    }, a = Z(
+      () => {
+        var h;
+        return (h = o.footerOptions.profileMenuItems) != null ? h : [];
+      }
+    ), c = Z(() => a.value.length > 0), g = Z(
+      () => a.value.map((h) => ({
+        id: h.id,
+        label: h.label,
+        disabled: h.disabled,
+        appearance: h.appearance,
+        divider: h.divider
+      }))
+    ), y = Z(() => ({
+      root: "shrink-0",
+      activator: "inline-flex",
+      panel: "z-50"
+    }));
+    function m(h) {
+      return a.value.find(
+        (I, O) => I.id !== void 0 ? I.id === h : O === h
+      );
+    }
+    function C(h) {
+      var I, O;
+      (O = (I = m(h)) == null ? void 0 : I.onClick) == null || O.call(I);
+    }
+    return (h, I) => {
+      var O, j, A;
+      return k(), w("div", {
         "data-testid": "sidebar-footer",
-        class: g(h(A)(r.root, e.isCollapsed ? r.rootCollapsed : r.rootExpanded))
+        class: b(p(S)(s.root, e.isCollapsed ? s.rootCollapsed : s.rootExpanded))
       }, [
-        x("div", {
-          class: g(h(A)(r.identity, !e.isCollapsed && r.identityExpanded))
+        v("div", {
+          class: b(p(S)(s.identity, !e.isCollapsed && s.identityExpanded))
         }, [
-          ze(Ro, {
+          c.value ? (k(), q(p(Ke), {
+            key: 0,
+            items: g.value,
+            position: Fo,
+            trigger: "hover",
+            "aria-label": e.footerOptions.name ? `${e.footerOptions.name} menu` : "User menu",
+            ui: y.value,
+            onAction: C
+          }, {
+            activator: Se(() => {
+              var x;
+              return [
+                v("button", {
+                  type: "button",
+                  "data-testid": "sidebar-profile-trigger",
+                  class: b(s.avatarTrigger),
+                  "aria-label": e.footerOptions.name ? `${e.footerOptions.name} menu` : "User menu"
+                }, [
+                  Ie(Qe, {
+                    "avatar-url": e.footerOptions.avatarUrl,
+                    name: e.footerOptions.name,
+                    initials: (x = e.footerOptions.initials) != null ? x : "AZ",
+                    "initials-b-g": e.footerOptions.initialsBG
+                  }, null, 8, ["avatar-url", "name", "initials", "initials-b-g"])
+                ], 10, Eo)
+              ];
+            }),
+            _: 1
+          }, 8, ["items", "aria-label", "ui"])) : (k(), q(Qe, {
+            key: 1,
             "avatar-url": e.footerOptions.avatarUrl,
             name: e.footerOptions.name,
-            initials: (l = e.footerOptions.initials) != null ? l : "AZ",
+            initials: (O = e.footerOptions.initials) != null ? O : "AZ",
             "initials-b-g": e.footerOptions.initialsBG
-          }, null, 8, ["avatar-url", "name", "initials", "initials-b-g"]),
-          x("div", {
+          }, null, 8, ["avatar-url", "name", "initials", "initials-b-g"])),
+          v("div", {
             "data-testid": "sidebar-user-text",
-            class: g(h(A)(r.text, e.isCollapsed ? r.textClosed : r.textOpen)),
+            class: b(p(S)(s.text, e.isCollapsed ? s.textClosed : s.textOpen)),
             "aria-hidden": e.isCollapsed || void 0
           }, [
-            x("p", {
+            v("p", {
               "data-testid": "sidebar-user-name",
-              class: g(r.name)
-            }, R((p = e.footerOptions.name) != null ? p : "First Last"), 3),
-            x("p", {
+              class: b(s.name)
+            }, T((j = e.footerOptions.name) != null ? j : "First Last"), 3),
+            v("p", {
               "data-testid": "sidebar-user-title",
-              class: g(r.jobTitle)
-            }, R((f = e.footerOptions.jobTitle) != null ? f : "Job Title"), 3)
-          ], 10, To)
+              class: b(s.jobTitle)
+            }, T((A = e.footerOptions.jobTitle) != null ? A : "Job Title"), 3)
+          ], 10, No)
         ], 2),
-        ze(h(xt), {
+        Ie(p(wt), {
           "data-testid": "sidebar-collapse",
           ghost: "",
           appearance: "standard",
           size: "s",
-          class: g(h(A)(r.collapseBtn, e.isCollapsed && "rotate-180")),
+          class: b(p(S)(s.collapseBtn, e.isCollapsed && "rotate-180")),
           "aria-label": e.isCollapsed ? "Expand sidebar" : "Collapse sidebar",
           "icon-class": "az-ui-sidebar-collapse",
-          onClick: a[0] || (a[0] = (m) => o("toggleSidebarCollapsed"))
+          onClick: I[0] || (I[0] = (x) => r("toggleSidebarCollapsed"))
         }, null, 8, ["class", "aria-label"])
       ], 2);
     };
   }
-}), Bo = {
+}), Wo = {
   showHeader: !0,
   classes: "",
   headerOptions: () => ({
@@ -3483,18 +3648,18 @@ const mo = ["src", "alt"], po = /* @__PURE__ */ Q({
   shortcutOptions: () => ({ items: [] }),
   navigationOptions: () => ({ items: [] }),
   footerOptions: () => ({ initials: "AZ" })
-}, Eo = ["aria-expanded"], No = {
+}, Uo = ["aria-expanded"], Ho = {
   key: 0,
   "data-testid": "sidebar-header-slot"
-}, Fo = {
+}, Do = {
   key: 1,
   "data-testid": "sidebar-shortcuts-slot"
-}, Vo = {
+}, _o = {
   "data-testid": "sidebar-nav",
   "aria-label": "Main"
-}, qo = /* @__PURE__ */ Q({
+}, or = /* @__PURE__ */ te({
   __name: "index",
-  props: /* @__PURE__ */ ht({
+  props: /* @__PURE__ */ yt({
     showHeader: { type: Boolean },
     classes: {},
     headerOptions: {},
@@ -3502,76 +3667,92 @@ const mo = ["src", "alt"], po = /* @__PURE__ */ Q({
     shortcutOptions: {},
     navigationOptions: {},
     footerOptions: {}
-  }, Bo),
+  }, Wo),
   setup(e) {
-    const t = gt(!1), o = Ze(() => t.value ? "4.5rem" : "17.5rem"), r = {
+    const t = xt(!1), o = Z(() => t.value ? "4.5rem" : "17.5rem"), r = {
       sidebarContainer: [
         "font-sans h-full min-h-full self-stretch flex flex-col gap-4 p-4",
         "bg-surface text-fg border-r border-edge",
         "transition-[width,padding] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]",
         "motion-reduce:transition-none",
-        "overflow-hidden will-change-[width]"
+        "will-change-[width]"
       ].join(" "),
-      navSection: "flex-1 min-h-0 overflow-y-auto overflow-x-hidden",
+      /** Expanded clips content; collapsed stays visible so tooltips / action menus escape the rail. */
+      sidebarOverflowExpanded: "overflow-hidden",
+      sidebarOverflowCollapsed: "overflow-visible",
+      navSection: "flex-1 min-h-0",
+      navSectionExpanded: "overflow-y-auto overflow-x-hidden",
+      navSectionCollapsed: "overflow-visible",
       navList: "flex flex-col gap-1 m-0 p-0 list-none",
       footer: "mt-auto pt-4 flex items-center border-t border-edge shrink-0"
     };
     function s() {
       t.value = !t.value;
     }
-    return (a, l) => (v(), k("aside", {
+    return (a, c) => (k(), w("aside", {
       "data-testid": "sidebar",
-      class: g(h(A)(r.sidebarContainer, e.classes)),
-      style: Ae({ width: o.value }),
+      class: b(
+        p(S)(
+          r.sidebarContainer,
+          t.value ? r.sidebarOverflowCollapsed : r.sidebarOverflowExpanded,
+          e.classes
+        )
+      ),
+      style: $e({ width: o.value }),
       "aria-expanded": !t.value
     }, [
-      e.showHeader || a.$slots.header ? (v(), k("div", No, [
-        ae(a.$slots, "header"),
-        e.showHeader && !a.$slots.header ? (v(), ve(fo, {
+      e.showHeader || a.$slots.header ? (k(), w("div", Ho, [
+        ce(a.$slots, "header"),
+        e.showHeader && !a.$slots.header ? (k(), q(xo, {
           key: 0,
           "is-collapsed": t.value,
           "header-options": e.headerOptions
-        }, null, 8, ["is-collapsed", "header-options"])) : F("", !0)
-      ])) : F("", !0),
-      e.showShortcuts || a.$slots.shortcuts ? (v(), k("div", Fo, [
-        ae(a.$slots, "shortcuts"),
-        e.showShortcuts && !a.$slots.shortcuts ? (v(), ve(yo, {
+        }, null, 8, ["is-collapsed", "header-options"])) : U("", !0)
+      ])) : U("", !0),
+      e.showShortcuts || a.$slots.shortcuts ? (k(), w("div", Do, [
+        ce(a.$slots, "shortcuts"),
+        e.showShortcuts && !a.$slots.shortcuts ? (k(), q(zo, {
           key: 0,
           "is-collapsed": t.value,
           "shortcut-options": e.shortcutOptions
-        }, null, 8, ["is-collapsed", "shortcut-options"])) : F("", !0)
-      ])) : F("", !0),
-      x("section", {
-        class: g(r.navSection)
+        }, null, 8, ["is-collapsed", "shortcut-options"])) : U("", !0)
+      ])) : U("", !0),
+      v("section", {
+        class: b(
+          p(S)(
+            r.navSection,
+            t.value ? r.navSectionCollapsed : r.navSectionExpanded
+          )
+        )
       }, [
-        x("nav", Vo, [
-          x("ul", {
+        v("nav", _o, [
+          v("ul", {
             "data-testid": "sidebar-nav-list",
-            class: g(r.navList)
+            class: b(r.navList)
           }, [
-            ze(Po, {
+            Ie(Ro, {
               "is-collapsed": t.value,
               "navigation-options": e.navigationOptions
             }, null, 8, ["is-collapsed", "navigation-options"]),
-            ae(a.$slots, "nav")
+            ce(a.$slots, "nav")
           ], 2)
         ])
       ], 2),
-      x("div", {
+      v("div", {
         "data-testid": "sidebar-footer-slot",
-        class: g(r.footer)
+        class: b(r.footer)
       }, [
-        ae(a.$slots, "footer"),
-        a.$slots.footer ? F("", !0) : (v(), ve(jo, {
+        ce(a.$slots, "footer"),
+        a.$slots.footer ? U("", !0) : (k(), q(Vo, {
           key: 0,
           "is-collapsed": t.value,
           "footer-options": e.footerOptions,
           onToggleSidebarCollapsed: s
         }, null, 8, ["is-collapsed", "footer-options"]))
       ], 2)
-    ], 14, Eo));
+    ], 14, Uo));
   }
 });
 export {
-  qo as AzSidebar
+  or as AzSidebar
 };