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

package/dist/index.js

@@ -1,138 +1,143 @@
-var no = Object.defineProperty;
-var Oe = Object.getOwnPropertySymbols;
-var ao = Object.prototype.hasOwnProperty, io = Object.prototype.propertyIsEnumerable;
-var Me = (e, o, t) => o in e ? no(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t, Pe = (e, o) => {
-  for (var t in o || (o = {}))
-    ao.call(o, t) && Me(e, t, o[t]);
-  if (Oe)
-    for (var t of Oe(o))
-      io.call(o, t) && Me(e, t, o[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 = {}))
+    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 J, openBlock as x, createElementBlock as w, normalizeClass as f, createElementVNode as g, normalizeStyle as xe, toDisplayString as B, createCommentVNode as R, Fragment as Ee, renderList as Fe, createVNode as q, unref as Ve, ref as lo, computed as co, renderSlot as se, mergeDefaults as uo } from "vue";
-import { AzIconButton as po } from "@ptlm-azulejo/icon-button";
+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 { 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 We(e) {
-  var o, t, r = "";
+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 (o = 0; o < s; o++) e[o] && (t = We(e[o])) && (r && (r += " "), r += t);
-  } else for (t in e) e[t] && (r && (r += " "), r += t);
+    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 mo() {
-  for (var e, o, t = 0, r = "", s = arguments.length; t < s; t++) (e = arguments[t]) && (o = We(e)) && (r && (r += " "), r += o);
+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 bo = (e, o) => {
-  const t = new Array(e.length + o.length);
+const zt = (e, t) => {
+  const o = new Array(e.length + t.length);
   for (let r = 0; r < e.length; r++)
-    t[r] = e[r];
-  for (let r = 0; r < o.length; r++)
-    t[e.length + r] = o[r];
-  return t;
-}, fo = (e, o) => ({
+    o[r] = e[r];
+  for (let r = 0; r < t.length; r++)
+    o[e.length + r] = t[r];
+  return o;
+}, St = (e, t) => ({
   classGroupId: e,
-  validator: o
-}), He = (e = /* @__PURE__ */ new Map(), o = null, t) => ({
+  validator: t
+}), tt = (e = /* @__PURE__ */ new Map(), t = null, o) => ({
   nextPart: e,
-  validators: o,
-  classGroupId: t
-}), ce = "-", $e = [], go = "arbitrary..", ho = (e) => {
-  const o = wo(e), {
-    conflictingClassGroups: t,
+  validators: t,
+  classGroupId: o
+}), fe = "-", He = [], It = "arbitrary..", Ot = (e) => {
+  const t = $t(e), {
+    conflictingClassGroups: o,
     conflictingClassGroupModifiers: r
   } = e;
   return {
-    getClassGroupId: (l) => {
-      if (l.startsWith("[") && l.endsWith("]"))
-        return xo(l);
-      const m = l.split(ce), b = m[0] === "" && m.length > 1 ? 1 : 0;
-      return Ue(m, b, o);
+    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, m) => {
-      if (m) {
-        const b = r[l], u = t[l];
-        return b ? u ? bo(u, b) : b : u || $e;
+    getConflictingClassGroupIds: (c, g) => {
+      if (g) {
+        const y = r[c], m = o[c];
+        return y ? m ? zt(m, y) : y : m || He;
       }
-      return t[l] || $e;
+      return o[c] || He;
     }
   };
-}, Ue = (e, o, t) => {
-  if (e.length - o === 0)
-    return t.classGroupId;
-  const s = e[o], i = t.nextPart.get(s);
-  if (i) {
-    const u = Ue(e, o + 1, i);
-    if (u) return u;
+}, 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 = ot(e, t + 1, a);
+    if (m) return m;
   }
-  const l = t.validators;
-  if (l === null)
+  const c = o.validators;
+  if (c === null)
     return;
-  const m = o === 0 ? e.join(ce) : e.slice(o).join(ce), b = l.length;
-  for (let u = 0; u < b; u++) {
-    const y = l[u];
-    if (y.validator(m))
-      return y.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;
   }
-}, xo = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
-  const o = e.slice(1, -1), t = o.indexOf(":"), r = o.slice(0, t);
-  return r ? go + r : void 0;
-})(), wo = (e) => {
+}, 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 ? It + r : void 0;
+})(), $t = (e) => {
   const {
-    theme: o,
-    classGroups: t
+    theme: t,
+    classGroups: o
   } = e;
-  return ko(t, o);
-}, ko = (e, o) => {
-  const t = He();
+  return Gt(o, t);
+}, Gt = (e, t) => {
+  const o = tt();
   for (const r in e) {
     const s = e[r];
-    we(s, t, r, o);
+    Ge(s, o, r, t);
   }
-  return t;
-}, we = (e, o, t, r) => {
+  return o;
+}, Ge = (e, t, o, r) => {
   const s = e.length;
-  for (let i = 0; i < s; i++) {
-    const l = e[i];
-    yo(l, o, t, r);
+  for (let a = 0; a < s; a++) {
+    const c = e[a];
+    Mt(c, t, o, r);
   }
-}, yo = (e, o, t, r) => {
+}, Mt = (e, t, o, r) => {
   if (typeof e == "string") {
-    vo(e, o, t);
+    Pt(e, t, o);
     return;
   }
   if (typeof e == "function") {
-    Co(e, o, t, r);
+    Lt(e, t, o, r);
     return;
   }
-  zo(e, o, t, r);
-}, vo = (e, o, t) => {
-  const r = e === "" ? o : De(o, e);
-  r.classGroupId = t;
-}, Co = (e, o, t, r) => {
-  if (So(e)) {
-    we(e(r), o, t, r);
+  Tt(e, t, o, r);
+}, Pt = (e, t, o) => {
+  const r = e === "" ? t : rt(t, e);
+  r.classGroupId = o;
+}, Lt = (e, t, o, r) => {
+  if (Bt(e)) {
+    Ge(e(r), t, o, r);
     return;
   }
-  o.validators === null && (o.validators = []), o.validators.push(fo(t, e));
-}, zo = (e, o, t, r) => {
-  const s = Object.entries(e), i = s.length;
-  for (let l = 0; l < i; l++) {
-    const [m, b] = s[l];
-    we(b, De(o, m), t, 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 c = 0; c < a; c++) {
+    const [g, y] = s[c];
+    Ge(y, rt(t, g), o, r);
   }
-}, De = (e, o) => {
-  let t = e;
-  const r = o.split(ce), s = r.length;
-  for (let i = 0; i < s; i++) {
-    const l = r[i];
-    let m = t.nextPart.get(l);
-    m || (m = He(), t.nextPart.set(l, m)), t = m;
+}, rt = (e, t) => {
+  let o = e;
+  const r = t.split(fe), s = r.length;
+  for (let a = 0; a < s; a++) {
+    const c = r[a];
+    let g = o.nextPart.get(c);
+    g || (g = tt(), o.nextPart.set(c, g)), o = g;
   }
-  return t;
-}, So = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Io = (e) => {
+  return o;
+}, Bt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Rt = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -140,192 +145,192 @@ const bo = (e, o) => {
       set: () => {
       }
     };
-  let o = 0, t = /* @__PURE__ */ Object.create(null), r = /* @__PURE__ */ Object.create(null);
-  const s = (i, l) => {
-    t[i] = l, o++, o > e && (o = 0, r = t, t = /* @__PURE__ */ Object.create(null));
+  let t = 0, o = /* @__PURE__ */ Object.create(null), r = /* @__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(i) {
-      let l = t[i];
-      if (l !== void 0)
-        return l;
-      if ((l = r[i]) !== void 0)
-        return s(i, l), l;
+    get(a) {
+      let c = o[a];
+      if (c !== void 0)
+        return c;
+      if ((c = r[a]) !== void 0)
+        return s(a, c), c;
     },
-    set(i, l) {
-      i in t ? t[i] = l : s(i, l);
+    set(a, c) {
+      a in o ? o[a] = c : s(a, c);
     }
   };
-}, ge = "!", Le = ":", Ao = [], Re = (e, o, t, r, s) => ({
+}, Oe = "!", De = ":", jt = [], _e = (e, t, o, r, s) => ({
   modifiers: e,
-  hasImportantModifier: o,
-  baseClassName: t,
+  hasImportantModifier: t,
+  baseClassName: o,
   maybePostfixModifierPosition: r,
   isExternal: s
-}), Go = (e) => {
+}), Et = (e) => {
   const {
-    prefix: o,
-    experimentalParseClassName: t
+    prefix: t,
+    experimentalParseClassName: o
   } = e;
   let r = (s) => {
-    const i = [];
-    let l = 0, m = 0, b = 0, u;
-    const y = s.length;
-    for (let S = 0; S < y; S++) {
-      const G = s[S];
-      if (l === 0 && m === 0) {
-        if (G === Le) {
-          i.push(s.slice(b, S)), b = S + 1;
+    const a = [];
+    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 (G === "/") {
-          u = S;
+        if (x === "/") {
+          m = A;
           continue;
         }
       }
-      G === "[" ? l++ : G === "]" ? l-- : G === "(" ? m++ : G === ")" && m--;
+      x === "[" ? c++ : x === "]" ? c-- : x === "(" ? g++ : x === ")" && g--;
     }
-    const v = i.length === 0 ? s : s.slice(b);
-    let _ = v, M = !1;
-    v.endsWith(ge) ? (_ = v.slice(0, -1), M = !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
        */
-      v.startsWith(ge) && (_ = v.slice(1), M = !0)
+      h.startsWith(Oe) && (I = h.slice(1), O = !0)
     );
-    const X = u && u > b ? u - b : void 0;
-    return Re(i, M, _, X);
+    const j = m && m > y ? m - y : void 0;
+    return _e(a, O, I, j);
   };
-  if (o) {
-    const s = o + Le, i = r;
-    r = (l) => l.startsWith(s) ? i(l.slice(s.length)) : Re(Ao, !1, l, void 0, !0);
-  }
   if (t) {
+    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;
-    r = (i) => t({
-      className: i,
+    r = (a) => o({
+      className: a,
       parseClassName: s
     });
   }
   return r;
-}, Oo = (e) => {
-  const o = /* @__PURE__ */ new Map();
-  return e.orderSensitiveModifiers.forEach((t, r) => {
-    o.set(t, 1e6 + r);
-  }), (t) => {
+}, Nt = (e) => {
+  const t = /* @__PURE__ */ new Map();
+  return e.orderSensitiveModifiers.forEach((o, r) => {
+    t.set(o, 1e6 + r);
+  }), (o) => {
     const r = [];
     let s = [];
-    for (let i = 0; i < t.length; i++) {
-      const l = t[i], m = l[0] === "[", b = o.has(l);
-      m || b ? (s.length > 0 && (s.sort(), r.push(...s), s = []), r.push(l)) : s.push(l);
+    for (let a = 0; a < o.length; a++) {
+      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;
   };
-}, Mo = (e) => Pe({
-  cache: Io(e.cacheSize),
-  parseClassName: Go(e),
-  sortModifiers: Oo(e),
-  postfixLookupClassGroupIds: Po(e)
-}, ho(e)), Po = (e) => {
-  const o = /* @__PURE__ */ Object.create(null), t = e.postfixLookupClassGroups;
-  if (t)
-    for (let r = 0; r < t.length; r++)
-      o[t[r]] = !0;
-  return o;
-}, $o = /\s+/, Lo = (e, o) => {
+}, 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;
+}, Wt = /\s+/, Ut = (e, t) => {
   const {
-    parseClassName: t,
+    parseClassName: o,
     getClassGroupId: r,
     getConflictingClassGroupIds: s,
-    sortModifiers: i,
-    postfixLookupClassGroupIds: l
-  } = o, m = [], b = e.trim().split($o);
-  let u = "";
-  for (let y = b.length - 1; y >= 0; y -= 1) {
-    const v = b[y], {
-      isExternal: _,
-      modifiers: M,
-      hasImportantModifier: X,
-      baseClassName: S,
-      maybePostfixModifierPosition: G
-    } = t(v);
-    if (_) {
-      u = v + (u.length > 0 ? " " + u : u);
+    sortModifiers: a,
+    postfixLookupClassGroupIds: c
+  } = t, g = [], y = e.trim().split(Wt);
+  let 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 = !!G, I;
-    if (j) {
-      const $ = S.substring(0, G);
-      I = r($);
-      const c = I && l[I] ? r(S) : void 0;
-      c && c !== I && (I = 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
-      I = r(S);
-    if (!I) {
-      if (!j) {
-        u = v + (u.length > 0 ? " " + u : u);
+      n = r(A);
+    if (!n) {
+      if (!$) {
+        m = h + (m.length > 0 ? " " + m : m);
         continue;
       }
-      if (I = r(S), !I) {
-        u = v + (u.length > 0 ? " " + u : u);
+      if (n = r(A), !n) {
+        m = h + (m.length > 0 ? " " + m : m);
         continue;
       }
-      j = !1;
+      $ = !1;
     }
-    const Z = M.length === 0 ? "" : M.length === 1 ? M[0] : i(M).join(":"), W = X ? Z + ge : Z, H = W + I;
-    if (m.indexOf(H) > -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;
-    m.push(H);
-    const U = s(I, j);
-    for (let $ = 0; $ < U.length; ++$) {
-      const c = U[$];
-      m.push(W + c);
+    g.push(z);
+    const X = s(n, $);
+    for (let V = 0; V < X.length; ++V) {
+      const d = X[V];
+      g.push(R + d);
     }
-    u = v + (u.length > 0 ? " " + u : u);
+    m = h + (m.length > 0 ? " " + m : m);
   }
-  return u;
-}, Ro = (...e) => {
-  let o = 0, t, r, s = "";
-  for (; o < e.length; )
-    (t = e[o++]) && (r = Ye(t)) && (s && (s += " "), s += r);
+  return m;
+}, Ht = (...e) => {
+  let t = 0, o, r, s = "";
+  for (; t < e.length; )
+    (o = e[t++]) && (r = st(o)) && (s && (s += " "), s += r);
   return s;
-}, Ye = (e) => {
+}, st = (e) => {
   if (typeof e == "string")
     return e;
-  let o, t = "";
+  let t, o = "";
   for (let r = 0; r < e.length; r++)
-    e[r] && (o = Ye(e[r])) && (t && (t += " "), t += o);
-  return t;
-}, Te = (e, ...o) => {
-  let t, r, s, i;
-  const l = (b) => {
-    const u = o.reduce((y, v) => v(y), e());
-    return t = Mo(u), r = t.cache.get, s = t.cache.set, i = m, m(b);
-  }, m = (b) => {
-    const u = r(b);
-    if (u)
-      return u;
-    const y = Lo(b, t);
-    return s(b, y), y;
+    e[r] && (t = st(e[r])) && (o && (o += " "), o += t);
+  return o;
+}, Ye = (e, ...t) => {
+  let o, r, s, a;
+  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 C = Ut(y, o);
+    return s(y, C), C;
   };
-  return i = l, (...b) => i(Ro(...b));
-}, To = [], h = (e) => {
-  const o = (t) => t[e] || To;
-  return o.isThemeGetter = !0, o;
-}, qe = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Je = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Bo = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, No = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, _o = /\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$/, jo = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Eo = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Fo = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, T = (e) => Bo.test(e), p = (e) => !!e && !Number.isNaN(Number(e)), P = (e) => !!e && Number.isInteger(Number(e)), fe = (e) => e.endsWith("%") && p(e.slice(0, -1)), L = (e) => No.test(e), Xe = () => !0, Vo = (e) => (
+  return a = c, (...y) => a(Ht(...y));
+}, Dt = [], G = (e) => {
+  const t = (o) => o[e] || Dt;
+  return t.isThemeGetter = !0, t;
+}, 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.
-  _o.test(e) && !jo.test(e)
-), ke = () => !1, Wo = (e) => Eo.test(e), Ho = (e) => Fo.test(e), Uo = (e) => !n(e) && !a(e), Do = (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)), Yo = (e) => N(e, Ke, ke), n = (e) => qe.test(e), F = (e) => N(e, eo, Vo), Be = (e) => N(e, ot, p), qo = (e) => N(e, to, Xe), Jo = (e) => N(e, oo, ke), Ne = (e) => N(e, Ze, ke), Xo = (e) => N(e, Qe, Ho), ne = (e) => N(e, ro, Wo), a = (e) => Je.test(e), Q = (e) => V(e, eo), Zo = (e) => V(e, oo), _e = (e) => V(e, Ze), Qo = (e) => V(e, Ke), Ko = (e) => V(e, Qe), ae = (e) => V(e, ro, !0), et = (e) => V(e, to, !0), N = (e, o, t) => {
-  const r = qe.exec(e);
-  return r ? r[1] ? o(r[1]) : t(r[2]) : !1;
-}, V = (e, o, t = !1) => {
-  const r = Je.exec(e);
-  return r ? r[1] ? o(r[1]) : t : !1;
-}, Ze = (e) => e === "position" || e === "percentage", Qe = (e) => e === "image" || e === "url", Ke = (e) => e === "length" || e === "size" || e === "bg-size", eo = (e) => e === "length", ot = (e) => e === "number", oo = (e) => e === "family-name", to = (e) => e === "number" || e === "weight", ro = (e) => e === "shadow", je = () => {
-  const e = h("color"), o = h("font"), t = h("text"), r = h("font-weight"), s = h("tracking"), i = h("leading"), l = h("breakpoint"), m = h("container"), b = h("spacing"), u = h("radius"), y = h("shadow"), v = h("inset-shadow"), _ = h("text-shadow"), M = h("drop-shadow"), X = h("blur"), S = h("perspective"), G = h("aspect"), j = h("ease"), I = h("animate"), Z = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], W = () => [
+  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;
+}, J = (e, t, o = !1) => {
+  const r = at.exec(e);
+  return r ? r[1] ? t(r[1]) : o : !1;
+}, 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",
@@ -343,51 +348,51 @@ const bo = (e, o) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], H = () => [...W(), a, n], U = () => ["auto", "hidden", "clip", "visible", "scroll"], $ = () => ["auto", "contain", "none"], c = () => [a, n, b], A = () => [T, "full", "auto", ...c()], ye = () => [P, "none", "subgrid", a, n], ve = () => ["auto", {
-    span: ["full", P, a, n]
-  }, P, a, n], K = () => [P, "auto", a, n], Ce = () => ["auto", "min", "max", "fr", a, n], de = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], D = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], O = () => ["auto", ...c()], E = () => [T, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...c()], ue = () => [T, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...c()], pe = () => [T, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...c()], d = () => [e, a, n], ze = () => [...W(), _e, Ne, {
-    position: [a, n]
-  }], Se = () => ["no-repeat", {
+  ], 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"]
-  }], Ie = () => ["auto", "cover", "contain", Qo, Yo, {
-    size: [a, n]
-  }], me = () => [fe, Q, F], C = () => [
+  }], je = () => ["auto", "cover", "contain", lo, ro, {
+    size: [l, i]
+  }], xe = () => [ke, oe, Y], P = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
-    u,
-    a,
-    n
-  ], z = () => ["", p, Q, F], ee = () => ["solid", "dashed", "dotted", "double"], Ae = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], k = () => [p, fe, _e, Ne], Ge = () => [
+    m,
+    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",
-    X,
-    a,
-    n
-  ], oe = () => ["none", p, a, n], te = () => ["none", p, a, n], be = () => [p, a, n], re = () => [T, "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: [L],
-      breakpoint: [L],
-      color: [Xe],
-      container: [L],
-      "drop-shadow": [L],
+      blur: [W],
+      breakpoint: [W],
+      color: [it],
+      container: [W],
+      "drop-shadow": [W],
       ease: ["in", "out", "in-out"],
-      font: [Uo],
+      font: [to],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [L],
+      "inset-shadow": [W],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [L],
-      shadow: [L],
-      spacing: ["px", p],
-      text: [L],
-      "text-shadow": [L],
+      radius: [W],
+      shadow: [W],
+      spacing: ["px", f],
+      text: [W],
+      "text-shadow": [W],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -399,7 +404,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", T, n, a, G]
+        aspect: ["auto", "square", H, i, l, x]
       }],
       /**
        * Container
@@ -412,33 +417,33 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/responsive-design#container-queries
        */
       "container-type": [{
-        "@container": ["", "normal", "size", a, n]
+        "@container": ["", "normal", "size", l, i]
       }],
       /**
        * Container Name
        * @see https://tailwindcss.com/docs/responsive-design#named-containers
        */
-      "container-named": [Do],
+      "container-named": [oo],
       /**
        * Columns
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [p, n, a, m]
+        columns: [f, i, l, g]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": Z()
+        "break-after": N()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": Z()
+        "break-before": N()
       }],
       /**
        * Break Inside
@@ -502,49 +507,49 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: H()
+        object: z()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: U()
+        overflow: X()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": U()
+        "overflow-x": X()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": U()
+        "overflow-y": X()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: $()
+        overscroll: V()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": $()
+        "overscroll-x": V()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": $()
+        "overscroll-y": V()
       }],
       /**
        * Position
@@ -556,21 +561,21 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: A()
+        inset: B()
       }],
       /**
        * Inset Inline
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": A()
+        "inset-x": B()
       }],
       /**
        * Inset Block
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": A()
+        "inset-y": B()
       }],
       /**
        * Inset Inline Start
@@ -578,12 +583,12 @@ const bo = (e, o) => {
        * @todo class group will be renamed to `inset-s` in next major release
        */
       start: [{
-        "inset-s": A(),
+        "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: A()
+        start: B()
       }],
       /**
        * Inset Inline End
@@ -591,54 +596,54 @@ const bo = (e, o) => {
        * @todo class group will be renamed to `inset-e` in next major release
        */
       end: [{
-        "inset-e": A(),
+        "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: A()
+        end: B()
       }],
       /**
        * Inset Block Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-bs": [{
-        "inset-bs": A()
+        "inset-bs": B()
       }],
       /**
        * Inset Block End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-be": [{
-        "inset-be": A()
+        "inset-be": B()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: A()
+        top: B()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: A()
+        right: B()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: A()
+        bottom: B()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: A()
+        left: B()
       }],
       /**
        * Visibility
@@ -650,7 +655,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [P, "auto", a, n]
+        z: [F, "auto", l, i]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -660,7 +665,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [T, "full", "auto", m, ...c()]
+        basis: [H, "full", "auto", g, ...d()]
       }],
       /**
        * Flex Direction
@@ -681,84 +686,84 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [p, T, "auto", "initial", "none", n]
+        flex: [f, H, "auto", "initial", "none", i]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", p, a, n]
+        grow: ["", f, l, i]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", p, a, n]
+        shrink: ["", f, l, i]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [P, "first", "last", "none", a, n]
+        order: [F, "first", "last", "none", l, i]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": ye()
+        "grid-cols": Pe()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: ve()
+        col: Le()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": K()
+        "col-start": se()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": K()
+        "col-end": se()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": ye()
+        "grid-rows": Pe()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: ve()
+        row: Le()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": K()
+        "row-start": se()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": K()
+        "row-end": se()
       }],
       /**
        * Grid Auto Flow
@@ -772,70 +777,70 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": Ce()
+        "auto-cols": Te()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": Ce()
+        "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: [...de(), "normal"]
+        justify: [...ge(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...D(), "normal"]
+        "justify-items": [...Q(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...D()]
+        "justify-self": ["auto", ...Q()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...de()]
+        content: ["normal", ...ge()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...D(), {
+        items: [...Q(), {
           baseline: ["", "last"]
         }]
       }],
@@ -844,7 +849,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...D(), {
+        self: ["auto", ...Q(), {
           baseline: ["", "last"]
         }]
       }],
@@ -853,21 +858,21 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": de()
+        "place-content": ge()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...D(), "baseline"]
+        "place-items": [...Q(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...D()]
+        "place-self": ["auto", ...Q()]
       }],
       // Spacing
       /**
@@ -875,161 +880,161 @@ const bo = (e, o) => {
        * @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: O()
+        m: E()
       }],
       /**
        * Margin Inline
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: O()
+        mx: E()
       }],
       /**
        * Margin Block
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: O()
+        my: E()
       }],
       /**
        * Margin Inline Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: O()
+        ms: E()
       }],
       /**
        * Margin Inline End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: O()
+        me: E()
       }],
       /**
        * Margin Block Start
        * @see https://tailwindcss.com/docs/margin
        */
       mbs: [{
-        mbs: O()
+        mbs: E()
       }],
       /**
        * Margin Block End
        * @see https://tailwindcss.com/docs/margin
        */
       mbe: [{
-        mbe: O()
+        mbe: E()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: O()
+        mt: E()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: O()
+        mr: E()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: O()
+        mb: E()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: O()
+        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
@@ -1041,7 +1046,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": c()
+        "space-y": d()
       }],
       /**
        * Space Between Y Reverse
@@ -1056,56 +1061,56 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: E()
+        size: _()
       }],
       /**
        * Inline Size
        * @see https://tailwindcss.com/docs/width
        */
       "inline-size": [{
-        inline: ["auto", ...ue()]
+        inline: ["auto", ...he()]
       }],
       /**
        * Min-Inline Size
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-inline-size": [{
-        "min-inline": ["auto", ...ue()]
+        "min-inline": ["auto", ...he()]
       }],
       /**
        * Max-Inline Size
        * @see https://tailwindcss.com/docs/max-width
        */
       "max-inline-size": [{
-        "max-inline": ["none", ...ue()]
+        "max-inline": ["none", ...he()]
       }],
       /**
        * Block Size
        * @see https://tailwindcss.com/docs/height
        */
       "block-size": [{
-        block: ["auto", ...pe()]
+        block: ["auto", ...ve()]
       }],
       /**
        * Min-Block Size
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-block-size": [{
-        "min-block": ["auto", ...pe()]
+        "min-block": ["auto", ...ve()]
       }],
       /**
        * Max-Block Size
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-block-size": [{
-        "max-block": ["none", ...pe()]
+        "max-block": ["none", ...ve()]
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [m, "screen", ...E()]
+        w: [g, "screen", ..._()]
       }],
       /**
        * Min-Width
@@ -1113,11 +1118,11 @@ const bo = (e, o) => {
        */
       "min-w": [{
         "min-w": [
-          m,
+          g,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...E()
+          ..._()
         ]
       }],
       /**
@@ -1126,16 +1131,16 @@ const bo = (e, o) => {
        */
       "max-w": [{
         "max-w": [
-          m,
+          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]
           },
-          ...E()
+          ..._()
         ]
       }],
       /**
@@ -1143,21 +1148,21 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...E()]
+        h: ["screen", "lh", ..._()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...E()]
+        "min-h": ["screen", "lh", "none", ..._()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...E()]
+        "max-h": ["screen", "lh", ..._()]
       }],
       // ------------------
       // --- Typography ---
@@ -1167,7 +1172,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", t, Q, F]
+        text: ["base", o, oe, Y]
       }],
       /**
        * Font Smoothing
@@ -1184,28 +1189,28 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [r, et, qo]
+        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", fe, 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: [Zo, Jo, o]
+        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
@@ -1242,14 +1247,14 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [s, a, n]
+        tracking: [s, l, i]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [p, "none", a, Be]
+        "line-clamp": [f, "none", l, Ze]
       }],
       /**
        * Line Height
@@ -1258,8 +1263,8 @@ const bo = (e, o) => {
       leading: [{
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
-          i,
-          ...c()
+          a,
+          ...d()
         ]
       }],
       /**
@@ -1267,7 +1272,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", a, n]
+        "list-image": ["none", l, i]
       }],
       /**
        * List Style Position
@@ -1281,7 +1286,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", a, n]
+        list: ["disc", "decimal", "none", l, i]
       }],
       /**
        * Text Alignment
@@ -1296,14 +1301,14 @@ const bo = (e, o) => {
        * @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
@@ -1315,28 +1320,28 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...ee(), "wavy"]
+        decoration: [...ne(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [p, "from-font", "auto", a, F]
+        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": [p, "auto", a, n]
+        "underline-offset": [f, "auto", l, i]
       }],
       /**
        * Text Transform
@@ -1360,21 +1365,21 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: c()
+        indent: d()
       }],
       /**
        * Tab Size
        * @see https://tailwindcss.com/docs/tab-size
        */
       "tab-size": [{
-        tab: [P, a, 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", a, n]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", l, i]
       }],
       /**
        * Whitespace
@@ -1409,7 +1414,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", a, n]
+        content: ["none", l, i]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -1440,21 +1445,21 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: ze()
+        bg: Be()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: Se()
+        bg: Re()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: Ie()
+        bg: je()
       }],
       /**
        * Background Image
@@ -1464,59 +1469,59 @@ const bo = (e, o) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, P, a, n],
-          radial: ["", a, n],
-          conic: [P, a, n]
-        }, Ko, Xo]
+          }, 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: me()
+        from: xe()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: me()
+        via: xe()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: me()
+        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 ---
@@ -1526,189 +1531,189 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: C()
+        rounded: P()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": C()
+        "rounded-s": P()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": C()
+        "rounded-e": P()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": C()
+        "rounded-t": P()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": C()
+        "rounded-r": P()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": C()
+        "rounded-b": P()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": C()
+        "rounded-l": P()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": C()
+        "rounded-ss": P()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": C()
+        "rounded-se": P()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": C()
+        "rounded-ee": P()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": C()
+        "rounded-es": P()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": C()
+        "rounded-tl": P()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": C()
+        "rounded-tr": P()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": C()
+        "rounded-br": P()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": C()
+        "rounded-bl": P()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: z()
+        border: L()
       }],
       /**
        * Border Width Inline
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": z()
+        "border-x": L()
       }],
       /**
        * Border Width Block
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": z()
+        "border-y": L()
       }],
       /**
        * Border Width Inline Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": z()
+        "border-s": L()
       }],
       /**
        * Border Width Inline End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": z()
+        "border-e": L()
       }],
       /**
        * Border Width Block Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-bs": [{
-        "border-bs": z()
+        "border-bs": L()
       }],
       /**
        * Border Width Block End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-be": [{
-        "border-be": z()
+        "border-be": L()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": z()
+        "border-t": L()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": z()
+        "border-r": L()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": z()
+        "border-b": L()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": z()
+        "border-l": L()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": z()
+        "divide-x": L()
       }],
       /**
        * Divide Width X Reverse
@@ -1720,7 +1725,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": z()
+        "divide-y": L()
       }],
       /**
        * Divide Width Y Reverse
@@ -1732,126 +1737,126 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...ee(), "hidden", "none"]
+        border: [...ne(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...ee(), "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: [...ee(), "none", "hidden"]
+        outline: [...ne(), "none", "hidden"]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [p, a, n]
+        "outline-offset": [f, l, i]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", p, Q, F]
+        outline: ["", f, oe, Y]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: d()
+        outline: u()
       }],
       // ---------------
       // --- Effects ---
@@ -1865,9 +1870,9 @@ const bo = (e, o) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          y,
-          ae,
-          ne
+          C,
+          ue,
+          de
         ]
       }],
       /**
@@ -1875,28 +1880,28 @@ const bo = (e, o) => {
        * @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", v, ae, ne]
+        "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: z()
+        ring: L()
       }],
       /**
        * Ring Width Inset
@@ -1910,7 +1915,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: d()
+        ring: u()
       }],
       /**
        * Ring Offset Width
@@ -1919,7 +1924,7 @@ const bo = (e, o) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [p, F]
+        "ring-offset": [f, Y]
       }],
       /**
        * Ring Offset Color
@@ -1928,56 +1933,56 @@ const bo = (e, o) => {
        * @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": z()
+        "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", _, ae, ne]
+        "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: [p, a, n]
+        opacity: [f, l, i]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...Ae(), "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": Ae()
+        "bg-blend": Ee()
       }],
       /**
        * Mask Clip
@@ -1998,106 +2003,106 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [p]
+        "mask-linear": [f]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": k()
+        "mask-linear-from": M()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": k()
+        "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": k()
+        "mask-t-from": M()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": k()
+        "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": k()
+        "mask-r-from": M()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": k()
+        "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": k()
+        "mask-b-from": M()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": k()
+        "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": k()
+        "mask-l-from": M()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": k()
+        "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": k()
+        "mask-x-from": M()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": k()
+        "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": k()
+        "mask-y-from": M()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": k()
+        "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": [a, n]
+        "mask-radial": [l, i]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": k()
+        "mask-radial-from": M()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": k()
+        "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"]
@@ -2109,22 +2114,22 @@ const bo = (e, o) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": W()
+        "mask-radial-at": R()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [p]
+        "mask-conic": [f]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": k()
+        "mask-conic-from": M()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": k()
+        "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
@@ -2145,21 +2150,21 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: ze()
+        mask: Be()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: Se()
+        mask: Re()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: Ie()
+        mask: je()
       }],
       /**
        * Mask Type
@@ -2173,7 +2178,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", a, n]
+        mask: ["none", l, i]
       }],
       // ---------------
       // --- Filters ---
@@ -2187,8 +2192,8 @@ const bo = (e, o) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          a,
-          n
+          l,
+          i
         ]
       }],
       /**
@@ -2196,21 +2201,21 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: Ge()
+        blur: Ne()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [p, a, n]
+        brightness: [f, l, i]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [p, a, n]
+        contrast: [f, l, i]
       }],
       /**
        * Drop Shadow
@@ -2221,9 +2226,9 @@ const bo = (e, o) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          M,
-          ae,
-          ne
+          O,
+          ue,
+          de
         ]
       }],
       /**
@@ -2231,42 +2236,42 @@ const bo = (e, o) => {
        * @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: ["", p, a, n]
+        grayscale: ["", f, l, i]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [p, a, n]
+        "hue-rotate": [f, l, i]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", p, a, n]
+        invert: ["", f, l, i]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [p, a, n]
+        saturate: [f, l, i]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", p, a, n]
+        sepia: ["", f, l, i]
       }],
       /**
        * Backdrop Filter
@@ -2277,8 +2282,8 @@ const bo = (e, o) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          a,
-          n
+          l,
+          i
         ]
       }],
       /**
@@ -2286,63 +2291,63 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": Ge()
+        "backdrop-blur": Ne()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [p, a, n]
+        "backdrop-brightness": [f, l, i]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [p, a, n]
+        "backdrop-contrast": [f, l, i]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", p, a, n]
+        "backdrop-grayscale": ["", f, l, i]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [p, a, n]
+        "backdrop-hue-rotate": [f, l, i]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", p, a, n]
+        "backdrop-invert": ["", f, l, i]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [p, a, n]
+        "backdrop-opacity": [f, l, i]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [p, a, n]
+        "backdrop-saturate": [f, l, i]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", p, a, n]
+        "backdrop-sepia": ["", f, l, i]
       }],
       // --------------
       // --- Tables ---
@@ -2359,21 +2364,21 @@ const bo = (e, o) => {
        * @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
@@ -2397,7 +2402,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", a, n]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", l, i]
       }],
       /**
        * Transition Behavior
@@ -2411,28 +2416,28 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [p, "initial", a, n]
+        duration: [f, "initial", l, i]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", j, a, n]
+        ease: ["linear", "initial", $, l, i]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [p, a, n]
+        delay: [f, l, i]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", I, a, n]
+        animate: ["none", n, l, i]
       }],
       // ------------------
       // --- Transforms ---
@@ -2449,70 +2454,70 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [S, a, n]
+        perspective: [A, l, i]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": H()
+        "perspective-origin": z()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: oe()
+        rotate: ae()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": oe()
+        "rotate-x": ae()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": oe()
+        "rotate-y": ae()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": oe()
+        "rotate-z": ae()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: te()
+        scale: ie()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": te()
+        "scale-x": ie()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": te()
+        "scale-y": ie()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": te()
+        "scale-z": ie()
       }],
       /**
        * Scale 3D
@@ -2524,35 +2529,35 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: be()
+        skew: ye()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": be()
+        "skew-x": ye()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": be()
+        "skew-y": ye()
       }],
       /**
        * Transform
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [a, n, "", "none", "gpu", "cpu"]
+        transform: [l, i, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: H()
+        origin: z()
       }],
       /**
        * Transform Style
@@ -2566,28 +2571,28 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: re()
+        translate: le()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": re()
+        "translate-x": le()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": re()
+        "translate-y": le()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": re()
+        "translate-z": le()
       }],
       /**
        * Translate None
@@ -2599,7 +2604,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/zoom
        */
       zoom: [{
-        zoom: [P, a, n]
+        zoom: [F, l, i]
       }],
       // ---------------------
       // --- Interactivity ---
@@ -2609,7 +2614,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: d()
+        accent: u()
       }],
       /**
        * Appearance
@@ -2623,7 +2628,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: d()
+        caret: u()
       }],
       /**
        * Color Scheme
@@ -2637,7 +2642,7 @@ const bo = (e, o) => {
        * @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", a, 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
@@ -2672,14 +2677,14 @@ const bo = (e, o) => {
        * @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
@@ -2700,154 +2705,154 @@ const bo = (e, o) => {
        * @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
@@ -2915,7 +2920,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", a, n]
+        "will-change": ["auto", "scroll", "contents", "transform", l, i]
       }],
       // -----------
       // --- SVG ---
@@ -2925,21 +2930,21 @@ const bo = (e, o) => {
        * @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: [p, Q, F, Be]
+        stroke: [f, oe, Y, Ze]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...d()]
+        stroke: ["none", ...u()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -3009,26 +3014,26 @@ const bo = (e, o) => {
     postfixLookupClassGroups: ["container-type"],
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, tt = (e, {
-  cacheSize: o,
-  prefix: t,
+}, mo = (e, {
+  cacheSize: t,
+  prefix: o,
   experimentalParseClassName: r,
   extend: s = {},
-  override: i = {}
-}) => (Y(e, "cacheSize", o), Y(e, "prefix", t), Y(e, "experimentalParseClassName", r), ie(e.theme, i.theme), ie(e.classGroups, i.classGroups), ie(e.conflictingClassGroups, i.conflictingClassGroups), ie(e.conflictingClassGroupModifiers, i.conflictingClassGroupModifiers), Y(e, "postfixLookupClassGroups", i.postfixLookupClassGroups), Y(e, "orderSensitiveModifiers", i.orderSensitiveModifiers), le(e.theme, s.theme), le(e.classGroups, s.classGroups), le(e.conflictingClassGroups, s.conflictingClassGroups), le(e.conflictingClassGroupModifiers, s.conflictingClassGroupModifiers), he(e, s, "postfixLookupClassGroups"), he(e, s, "orderSensitiveModifiers"), e), Y = (e, o, t) => {
-  t !== void 0 && (e[o] = t);
-}, ie = (e, o) => {
-  if (o)
-    for (const t in o)
-      Y(e, t, o[t]);
-}, le = (e, o) => {
-  if (o)
-    for (const t in o)
-      he(e, o, t);
-}, he = (e, o, t) => {
-  const r = o[t];
-  r !== void 0 && (e[t] = e[t] ? e[t].concat(r) : r);
-}, rt = (e, ...o) => typeof e == "function" ? Te(je, e, ...o) : Te(() => tt(je(), e), ...o), st = rt({
+  override: a = {}
+}) => (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);
+}, pe = (e, t) => {
+  if (t)
+    for (const o in t)
+      ee(e, o, t[o]);
+}, me = (e, t) => {
+  if (t)
+    for (const o in t)
+      Ae(e, t, o);
+}, Ae = (e, t, o) => {
+  const r = t[o];
+  r !== void 0 && (e[o] = e[o] ? e[o].concat(r) : r);
+}, bo = (e, ...t) => typeof e == "function" ? Ye(Xe, e, ...t) : Ye(() => mo(Xe(), e), ...t), fo = bo({
   extend: {
     theme: {
       color: [
@@ -3051,178 +3056,410 @@ const bo = (e, o) => {
     }
   }
 });
-function nt(...e) {
-  return st(mo(e));
+function S(...e) {
+  return fo(Ct(e));
 }
-const at = ["src", "alt"], it = /* @__PURE__ */ J({
+const go = ["src", "alt"], ho = /* @__PURE__ */ te({
   __name: "SidebarHeader",
   props: {
     isCollapsed: { type: Boolean },
     headerOptions: {}
   },
   setup(e) {
-    const o = {
+    const t = {
       sidebarHeaderContainer: "flex items-center gap-2",
       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 (t, r) => (x(), w("div", {
-      class: f(o.sidebarHeaderContainer)
+    return (o, r) => (k(), w("div", {
+      class: b(t.sidebarHeaderContainer)
     }, [
-      g("img", {
-        class: f(o.sidebarHeaderLogo),
-        style: xe(`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, at),
-      e.isCollapsed ? R("", !0) : (x(), w("h2", {
+      }, null, 14, go),
+      e.isCollapsed ? U("", !0) : (k(), w("h2", {
         key: 0,
-        class: f(o.sidebarHeaderTitle)
-      }, B(e.headerOptions.sidebarTitle), 3))
+        class: b(t.sidebarHeaderTitle)
+      }, T(e.headerOptions.sidebarTitle), 3))
     ], 2));
   }
-}), so = (e, o) => {
-  const t = e.__vccOpts || e;
-  for (const [r, s] of o)
-    t[r] = s;
-  return t;
-}, lt = /* @__PURE__ */ so(it, [["__scopeId", "data-v-1be64a50"]]), ct = { key: 0 }, dt = {
+}), vo = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [r, s] of t)
+    o[r] = s;
+  return o;
+}, xo = /* @__PURE__ */ vo(ho, [["__scopeId", "data-v-1be64a50"]]), yo = { key: 0 }, ko = {
   role: "navigation",
   "aria-label": "sidebar shortcut items"
-}, ut = ["id", "href", "target"], pt = ["id"], mt = /* @__PURE__ */ J({
+}, wo = ["id", "href", "target"], Co = ["id"], zo = /* @__PURE__ */ te({
   __name: "SidebarShortcuts",
   props: {
     isCollapsed: { type: Boolean },
     shortcutOptions: {}
   },
   setup(e) {
-    const o = {
+    const t = {
       shortcutList: "h-12 flex items-center justify-start",
       shortcutItem: "h-12 w-[70px] flex flex-col items-center justify-start gap-1",
       shortcutItemIcon: "text-[24px] az az-",
       shortcutItemLabel: "font-semibold text-[10px]"
     };
-    return (t, r) => e.shortcutOptions.items && e.shortcutOptions.items.length > 0 ? (x(), w("section", ct, [
-      g("nav", dt, [
-        g("ul", {
+    return (o, r) => e.shortcutOptions.items && e.shortcutOptions.items.length > 0 ? (k(), w("section", yo, [
+      v("nav", ko, [
+        v("ul", {
           role: "menu",
-          class: f(o.shortcutList)
+          class: b(t.shortcutList)
         }, [
-          (x(!0), w(Ee, null, Fe(e.shortcutOptions.items, (s) => (x(), w("div", {
+          (k(!0), w(re, null, ze(e.shortcutOptions.items, (s) => (k(), w("div", {
             key: s.id,
             class: ""
           }, [
-            s.type === "link" ? (x(), w("a", {
+            s.type === "link" ? (k(), w("a", {
               key: 0,
               id: `shortcut-${s.id}`,
               href: s.link,
               target: s.target
             }, [
-              g("div", {
-                class: f(o.shortcutItem)
+              v("div", {
+                class: b(t.shortcutItem)
               }, [
-                g("i", {
-                  class: f(`${o.shortcutItemIcon}${s.icon}`)
+                v("i", {
+                  class: b(`${t.shortcutItemIcon}${s.icon}`)
                 }, null, 2),
-                g("span", {
-                  class: f([
+                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"
                   ])
                 }, [
-                  g("p", {
-                    class: f(o.shortcutItemLabel)
-                  }, B(s.label), 3)
+                  v("p", {
+                    class: b(t.shortcutItemLabel)
+                  }, T(s.label), 3)
                 ], 2)
               ], 2)
-            ], 8, ut)) : R("", !0),
-            s.type === "button" ? (x(), w("button", {
+            ], 8, wo)) : U("", !0),
+            s.type === "button" ? (k(), w("button", {
               key: 1,
               id: `shortcut-${s.id}`
             }, [
-              g("div", {
-                class: f(o.shortcutItem)
+              v("div", {
+                class: b(t.shortcutItem)
               }, [
-                g("i", {
-                  class: f(`${o.shortcutItemIcon}${s.icon}`)
+                v("i", {
+                  class: b(`${t.shortcutItemIcon}${s.icon}`)
                 }, null, 2),
-                g("span", {
-                  class: f([
+                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"
                   ])
                 }, [
-                  g("p", {
-                    class: f(o.shortcutItemLabel)
-                  }, B(s.label), 3)
+                  v("p", {
+                    class: b(t.shortcutItemLabel)
+                  }, T(s.label), 3)
                 ], 2)
               ], 2)
-            ], 8, pt)) : R("", !0)
+            ], 8, Co)) : U("", !0)
           ]))), 128))
         ], 2)
       ])
-    ])) : R("", !0);
+    ])) : U("", !0);
   }
-}), bt = ["id", "href", "target"], ft = ["onClick"], gt = /* @__PURE__ */ J({
+}), 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 o = {
-      container: "h-10 px-2 flex items-center justify-between",
-      containerExpanded: "",
-      containerCollapsed: "",
-      itemContainer: "flex items-center justify-start gap-2 text-[#404040] cursor-pointer",
-      icon: "text-[24px] az az-",
-      label: "font-semibold text-[14px]"
-    };
-    return (t, r) => (x(!0), w(Ee, null, Fe(e.navigationOptions.items, (s, i) => {
-      var l;
-      return x(), w("li", {
-        key: (l = s.id) != null ? l : i,
-        class: f([
-          o.container,
-          e.isCollapsed ? o.containerCollapsed : o.containerExpanded
-        ])
+    const t = e, o = vt(/* @__PURE__ */ new Set());
+    function r(x) {
+      var $;
+      return !!(($ = x.subItems) != null && $.length);
+    }
+    function s(x) {
+      return o.has(x);
+    }
+    function a(x) {
+      o.has(x) ? o.delete(x) : o.add(x);
+    }
+    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);
+      }
+    }
+    Ue(
+      () => t.navigationOptions.items,
+      () => c(),
+      { immediate: !0, deep: !0 }
+    ), Ue(
+      () => t.isCollapsed,
+      (x) => {
+        x && o.clear();
+      }
+    );
+    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",
+      "hover:bg-[color-mix(in_srgb,var(--color-text-primary)_5%,transparent)]",
+      "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]:hover:bg-[#F3EDE3]",
+      "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(" "), 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(" "), 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(" "), 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(" "), 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(" "), 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",
+      "hover:bg-[color-mix(in_srgb,var(--color-text-primary)_5%,transparent)] hover:text-[color:var(--color-text-primary)]",
+      "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(" "), 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"
       }, [
-        s.type === "link" ? (x(), w("a", {
+        e.isCollapsed && r(n) ? (k(), q(p(Ke), {
           key: 0,
-          id: `navigation-${s.id}`,
-          href: s.link,
-          target: s.target
-        }, [
-          g("div", {
-            class: f(o.itemContainer)
+          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: b(p(m)),
+            "aria-expanded": s(n.id),
+            "aria-controls": `navigation-submenu-${n.id}`,
+            onClick: (z) => a(n.id)
           }, [
-            g("i", {
-              class: f(`${o.icon}${s.icon}`)
+            v("i", {
+              "data-testid": "sidebar-nav-icon",
+              class: b(p(S)(p(h), `az-${n.icon}`)),
+              "aria-hidden": "true"
             }, null, 2),
-            g("p", {
-              class: f(o.label)
-            }, B(s.label), 3)
-          ], 2)
-        ], 8, bt)) : R("", !0),
-        s.type === "button" ? (x(), w("button", {
-          key: 1,
-          onClick: s.onClick
-        }, [
-          g("div", {
-            class: f(o.itemContainer)
+            v("span", {
+              "data-testid": "sidebar-nav-label",
+              class: b(p(S)(p(C), K, be))
+            }, T(n.label), 3),
+            v("i", {
+              "data-testid": "sidebar-nav-chevron",
+              class: b(p(S)(p(C), p(I), be, s(n.id) && "rotate-180")),
+              "aria-hidden": "true"
+            }, null, 2)
+          ], 10, Ao),
+          v("ul", {
+            id: `navigation-submenu-${n.id}`,
+            "data-testid": "sidebar-nav-submenu",
+            class: b(p(S)(p(O), s(n.id) ? To : Bo)),
+            "aria-hidden": !s(n.id) || void 0
+          }, [
+            (k(!0), w(re, null, ze(n.subItems, (z) => (k(), w("li", {
+              key: z.id,
+              class: "list-none"
+            }, [
+              z.type === "link" ? (k(), w("a", {
+                key: 0,
+                id: `navigation-${z.id}`,
+                "data-testid": "sidebar-nav-sublink",
+                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-${z.id}`,
+                type: "button",
+                "data-testid": "sidebar-nav-subbutton",
+                class: b(p(j)),
+                "aria-current": z.current ? "page" : void 0,
+                onClick: z.onClick
+              }, T(z.label), 11, Mo))
+            ]))), 128))
+          ], 10, $o)
+        ], 64)) : (k(), w(re, { key: 3 }, [
+          n.type === "link" ? (k(), w("a", {
+            key: 0,
+            id: `navigation-${n.id}`,
+            "data-testid": "sidebar-nav-link",
+            class: b(p(m)),
+            href: n.link,
+            target: n.target,
+            "aria-current": n.current ? "page" : void 0
           }, [
-            g("i", {
-              class: f(`${o.icon}${s.icon}`)
+            v("i", {
+              "data-testid": "sidebar-nav-icon",
+              class: b(p(S)(p(h), `az-${n.icon}`)),
+              "aria-hidden": "true"
             }, null, 2),
-            g("p", {
-              class: f(o.label)
-            }, B(s.label), 3)
-          ], 2)
-        ], 8, ft)) : R("", !0)
-      ], 2);
+            v("span", {
+              "data-testid": "sidebar-nav-label",
+              class: b(p(S)(p(C), K, be))
+            }, T(n.label), 3)
+          ], 10, Po)) : (k(), w("button", {
+            key: 1,
+            id: `navigation-${n.id}`,
+            type: "button",
+            "data-testid": "sidebar-nav-button",
+            class: b(p(m)),
+            "aria-current": n.current ? "page" : void 0,
+            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, be))
+            }, T(n.label), 3)
+          ], 10, Lo))
+        ], 64))
+      ]);
     }), 128));
   }
-}), ht = ["src", "alt"], xt = /* @__PURE__ */ J({
+}), jo = ["src", "alt", "aria-hidden"], Qe = /* @__PURE__ */ te({
   __name: "SidebarFooterAvatar",
   props: {
     avatarUrl: {},
@@ -3231,92 +3468,173 @@ const at = ["src", "alt"], it = /* @__PURE__ */ J({
     initialsBG: {}
   },
   setup(e) {
-    const o = {
-      container: "h-8 w-8 rounded-full",
-      avatarImg: "h-8 w-8 rounded-full",
-      avatarInitials: "h-full w-full flex items-center justify-center rounded-full"
-    };
-    return (t, r) => {
-      var s;
-      return x(), w("div", {
-        class: f(o.container)
-      }, [
-        e.avatarUrl ? (x(), w("img", {
-          key: 0,
-          class: f(o.avatarImg),
-          src: e.avatarUrl,
-          alt: (s = e.name) != null ? s : "User avatar"
-        }, null, 10, ht)) : (x(), w("p", {
-          key: 1,
-          class: f(o.avatarInitials),
-          style: xe(`background-color: ${e.initialsBG}`)
-        }, B(e.initials), 7))
-      ], 2);
-    };
+    const t = e, o = {
+      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 = Z(() => ({
+      backgroundColor: t.initialsBG || "var(--color-blue-grey-600, #525252)"
+    }));
+    return (s, a) => (k(), w("div", {
+      "data-testid": "sidebar-avatar",
+      class: b(o.root)
+    }, [
+      e.avatarUrl ? (k(), w("img", {
+        key: 0,
+        "data-testid": "sidebar-avatar-img",
+        class: b(o.img),
+        src: e.avatarUrl,
+        alt: e.name ? `${e.name} avatar` : "",
+        "aria-hidden": e.name ? void 0 : !0
+      }, null, 10, jo)) : (k(), w("span", {
+        key: 1,
+        "data-testid": "sidebar-avatar-initials",
+        class: b(o.initials),
+        style: $e(r.value),
+        "aria-hidden": "true"
+      }, T(e.initials), 7))
+    ], 2));
   }
-}), wt = { class: "w-8" }, kt = /* @__PURE__ */ J({
+}), Eo = ["aria-label"], No = ["aria-hidden"], Fo = "right-top", Vo = /* @__PURE__ */ te({
   __name: "SidebarFooter",
   props: {
     isCollapsed: { type: Boolean },
     footerOptions: {}
   },
   emits: ["toggleSidebarCollapsed"],
-  setup(e, { emit: o }) {
-    const t = o, r = {
-      containerExpanded: "w-full flex justify-between items-center",
-      containerCollapsed: "flex flex-col items-center",
-      avatarNameContainer: "flex gap-2",
-      nameContainer: "flex-1",
-      name: "p-0 font-semibold text-[12px]",
-      jobTitle: "p-0 text-[12px] text-gray-500",
-      collapseButton: "cursor-pointer",
-      collapsedCollapseButton: "!w-8 rotate-180 transition-transform duration-300",
-      expandedCollapsedButton: "w-10"
-    };
-    return (s, i) => {
-      var l, m, b;
-      return x(), w("div", {
-        class: f(
-          r[e.isCollapsed ? "containerCollapsed" : "containerExpanded"]
-        )
+  setup(e, { emit: t }) {
+    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)]",
+        "motion-reduce:transition-none"
+      ].join(" "),
+      rootExpanded: "flex-row justify-between",
+      rootCollapsed: "flex-col items-center",
+      identity: [
+        "flex min-w-0 items-center gap-3",
+        "transition-[flex-grow] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]",
+        "motion-reduce:transition-none"
+      ].join(" "),
+      identityExpanded: "flex-1",
+      text: [
+        "min-w-0 flex flex-col overflow-hidden whitespace-nowrap",
+        "transition-[max-width,opacity,transform] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]",
+        "motion-reduce:transition-none"
+      ].join(" "),
+      textOpen: "max-w-[10rem] opacity-100 translate-x-0",
+      textClosed: "max-w-0 opacity-0 -translate-x-1 pointer-events-none",
+      name: "m-0 truncate font-sans text-sm font-semibold leading-tight text-[color:var(--color-text-primary)]",
+      jobTitle: "m-0 truncate font-sans text-xs leading-tight text-[color:var(--color-text-tertiary)]",
+      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(" ")
+    }, 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: b(p(S)(s.root, e.isCollapsed ? s.rootCollapsed : s.rootExpanded))
       }, [
-        g("div", {
-          class: f(r.avatarNameContainer)
+        v("div", {
+          class: b(p(S)(s.identity, !e.isCollapsed && s.identityExpanded))
         }, [
-          q(xt, {
+          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,
-            initials: (l = e.footerOptions.initials) != null ? l : "AZ",
+            name: e.footerOptions.name,
+            initials: (O = e.footerOptions.initials) != null ? O : "AZ",
             "initials-b-g": e.footerOptions.initialsBG
-          }, null, 8, ["avatar-url", "initials", "initials-b-g"]),
-          e.isCollapsed ? R("", !0) : (x(), w("div", {
-            key: 0,
-            class: f(r.nameContainer)
+          }, null, 8, ["avatar-url", "name", "initials", "initials-b-g"])),
+          v("div", {
+            "data-testid": "sidebar-user-text",
+            class: b(p(S)(s.text, e.isCollapsed ? s.textClosed : s.textOpen)),
+            "aria-hidden": e.isCollapsed || void 0
           }, [
-            g("p", {
-              class: f(r.name)
-            }, B((m = e.footerOptions.name) != null ? m : "First Last"), 3),
-            g("p", {
-              class: f(r.jobTitle)
-            }, B((b = e.footerOptions.jobTitle) != null ? b : "Job Title"), 3)
-          ], 2))
+            v("p", {
+              "data-testid": "sidebar-user-name",
+              class: b(s.name)
+            }, T((j = e.footerOptions.name) != null ? j : "First Last"), 3),
+            v("p", {
+              "data-testid": "sidebar-user-title",
+              class: b(s.jobTitle)
+            }, T((A = e.footerOptions.jobTitle) != null ? A : "Job Title"), 3)
+          ], 10, No)
         ], 2),
-        g("div", wt, [
-          q(Ve(po), {
-            class: f([
-              r.collapseButton,
-              e.isCollapsed ? r.collapsedCollapseButton : r.expandedCollapsedButton
-            ]),
-            ghost: "",
-            appearance: "inverse",
-            "aria-label": "Sidebar close button",
-            "icon-class": "az-ui-sidebar-collapse",
-            onClick: i[0] || (i[0] = () => t("toggleSidebarCollapsed"))
-          }, null, 8, ["class"])
-        ])
+        Ie(p(wt), {
+          "data-testid": "sidebar-collapse",
+          ghost: "",
+          appearance: "standard",
+          size: "s",
+          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: I[0] || (I[0] = (x) => r("toggleSidebarCollapsed"))
+        }, null, 8, ["class", "aria-label"])
       ], 2);
     };
   }
-}), yt = {
+}), Wo = {
   showHeader: !0,
   classes: "",
   headerOptions: () => ({
@@ -3326,43 +3644,22 @@ const at = ["src", "alt"], it = /* @__PURE__ */ J({
     logoBgColor: "",
     sidebarTitle: "Product name"
   }),
-  showShortcuts: !0,
-  shortcutOptions: {
-    items: [
-      {
-        id: "dashboard",
-        label: "Dashboard",
-        icon: "ui-chevron-left",
-        type: "button",
-        onClick: () => console.log("dashboard")
-      }
-    ]
-  },
-  navigationOptions: {
-    items: [
-      {
-        id: "dashboard",
-        label: "Dashboard",
-        icon: "ui-chevron-left",
-        type: "button",
-        onClick: () => console.log("dashboard")
-      }
-    ]
-  },
-  footerOptions: { initials: "AZ" }
-}, vt = { class: "" }, Ct = {
+  showShortcuts: !1,
+  shortcutOptions: () => ({ items: [] }),
+  navigationOptions: () => ({ items: [] }),
+  footerOptions: () => ({ initials: "AZ" })
+}, Uo = ["aria-expanded"], Ho = {
   key: 0,
-  class: ""
-}, zt = {
-  key: 0,
-  class: ""
-}, St = { class: "" }, It = {
-  class: "",
-  role: "navigation",
-  "aria-label": "navigation items"
-}, At = { class: "" }, Gt = /* @__PURE__ */ J({
+  "data-testid": "sidebar-header-slot"
+}, Do = {
+  key: 1,
+  "data-testid": "sidebar-shortcuts-slot"
+}, _o = {
+  "data-testid": "sidebar-nav",
+  "aria-label": "Main"
+}, or = /* @__PURE__ */ te({
   __name: "index",
-  props: /* @__PURE__ */ uo({
+  props: /* @__PURE__ */ yt({
     showHeader: { type: Boolean },
     classes: {},
     headerOptions: {},
@@ -3370,61 +3667,92 @@ const at = ["src", "alt"], it = /* @__PURE__ */ J({
     shortcutOptions: {},
     navigationOptions: {},
     footerOptions: {}
-  }, yt),
+  }, Wo),
   setup(e) {
-    const o = lo(!1), t = co(() => o.value ? "4rem" : "300px"), r = {
-      sidebarContainer: "h-full flex flex-col gap-3 p-3 bg-white border-r transition-[width] duration-500 ease-in-out overflow-hidden whitespace-nowrap",
-      footer: "pt-2 flex items-center justify-between border-t border-[#999999]"
+    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",
+        "will-change-[width]"
+      ].join(" "),
+      /** 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() {
-      o.value = !o.value;
+      t.value = !t.value;
     }
-    return (i, l) => (x(), w("aside", {
-      class: f(Ve(nt)([r.sidebarContainer, e.classes])),
-      style: xe({ width: t.value })
+    return (a, c) => (k(), w("aside", {
+      "data-testid": "sidebar",
+      class: b(
+        p(S)(
+          r.sidebarContainer,
+          t.value ? r.sidebarOverflowCollapsed : r.sidebarOverflowExpanded,
+          e.classes
+        )
+      ),
+      style: $e({ width: o.value }),
+      "aria-expanded": !t.value
     }, [
-      g("div", vt, [
-        se(i.$slots, "header", {}, void 0, !0),
-        e.showHeader ? (x(), w("div", Ct, [
-          q(lt, {
-            "is-collapsed": o.value,
-            "header-options": e.headerOptions
-          }, null, 8, ["is-collapsed", "header-options"])
-        ])) : R("", !0)
-      ]),
-      g("div", null, [
-        se(i.$slots, "shortcuts", {}, void 0, !0),
-        e.showShortcuts ? (x(), w("div", zt, [
-          q(mt, {
-            "is-collapsed": o.value,
-            "shortcut-options": e.shortcutOptions
-          }, null, 8, ["is-collapsed", "shortcut-options"])
-        ])) : R("", !0)
-      ]),
-      g("section", St, [
-        g("nav", It, [
-          g("ul", At, [
-            q(gt, {
-              "is-collapsed": o.value,
-              navigationOptions: e.navigationOptions
-            }, null, 8, ["is-collapsed", "navigationOptions"]),
-            se(i.$slots, "nav", {}, void 0, !0)
-          ])
+      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"])) : 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"])) : U("", !0)
+      ])) : U("", !0),
+      v("section", {
+        class: b(
+          p(S)(
+            r.navSection,
+            t.value ? r.navSectionCollapsed : r.navSectionExpanded
+          )
+        )
+      }, [
+        v("nav", _o, [
+          v("ul", {
+            "data-testid": "sidebar-nav-list",
+            class: b(r.navList)
+          }, [
+            Ie(Ro, {
+              "is-collapsed": t.value,
+              "navigation-options": e.navigationOptions
+            }, null, 8, ["is-collapsed", "navigation-options"]),
+            ce(a.$slots, "nav")
+          ], 2)
         ])
-      ]),
-      g("div", {
-        class: f(r.footer)
+      ], 2),
+      v("div", {
+        "data-testid": "sidebar-footer-slot",
+        class: b(r.footer)
       }, [
-        se(i.$slots, "footer", {}, void 0, !0),
-        q(kt, {
-          "is-collapsed": o.value,
+        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"])
+        }, null, 8, ["is-collapsed", "footer-options"]))
       ], 2)
-    ], 6));
+    ], 14, Uo));
   }
-}), Lt = /* @__PURE__ */ so(Gt, [["__scopeId", "data-v-aca061d9"]]);
+});
 export {
-  Lt as AzSidebar
+  or as AzSidebar
 };