npm - @ptlm-azulejo/sidebar - Versions diffs - 0.0.1-alpha.91 → 0.0.1-alpha.94 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/dist/index.js CHANGED Viewed

@@ -1,138 +1,139 @@
-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 mt = Object.defineProperty;
+var Ee = Object.getOwnPropertySymbols;
+var pt = Object.prototype.hasOwnProperty, bt = Object.prototype.propertyIsEnumerable;
+var Ne = (e, t, o) => t in e ? mt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, Fe = (e, t) => {
+  for (var o in t || (t = {}))
+    pt.call(t, o) && Ne(e, o, t[o]);
+  if (Ee)
+    for (var o of Ee(t))
+      bt.call(t, o) && Ne(e, o, t[o]);
   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 Q, openBlock as v, createElementBlock as k, normalizeClass as g, createElementVNode as x, normalizeStyle as Ae, toDisplayString as R, createCommentVNode as F, Fragment as ee, renderList as Ce, reactive as ft, watch as Ve, unref as h, computed as Ze, createVNode as ze, ref as gt, renderSlot as ae, createBlock as ve, mergeDefaults as ht } from "vue";
+import "@ptlm-azulejo/icons/style.css";
+import { AzIconButton as xt } from "@ptlm-azulejo/icon-button";
 import "@ptlm-azulejo/icon-button/style.css";
-function We(e) {
-  var o, t, r = "";
+function Qe(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 = Qe(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 vt() {
+  for (var e, t, o = 0, r = "", s = arguments.length; o < s; o++) (e = arguments[o]) && (t = Qe(e)) && (r && (r += " "), r += t);
   return r;
 }
-const bo = (e, o) => {
-  const t = new Array(e.length + o.length);
+const yt = (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;
+}, wt = (e, t) => ({
   classGroupId: e,
-  validator: o
-}), He = (e = /* @__PURE__ */ new Map(), o = null, t) => ({
+  validator: t
+}), Ke = (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
+}), pe = "-", We = [], kt = "arbitrary..", Ct = (e) => {
+  const t = St(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);
+        return zt(l);
+      const p = l.split(pe), f = p[0] === "" && p.length > 1 ? 1 : 0;
+      return _e(p, f, t);
     },
-    getConflictingClassGroupIds: (l, m) => {
-      if (m) {
-        const b = r[l], u = t[l];
-        return b ? u ? bo(u, b) : b : u || $e;
+    getConflictingClassGroupIds: (l, p) => {
+      if (p) {
+        const f = r[l], m = o[l];
+        return f ? m ? yt(m, f) : f : m || We;
       }
-      return t[l] || $e;
+      return o[l] || We;
     }
   };
-}, 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;
+}, _e = (e, t, o) => {
+  if (e.length - t === 0)
+    return o.classGroupId;
+  const s = e[t], a = o.nextPart.get(s);
+  if (a) {
+    const m = _e(e, t + 1, a);
+    if (m) return m;
   }
-  const l = t.validators;
+  const l = o.validators;
   if (l === 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 p = t === 0 ? e.join(pe) : e.slice(t).join(pe), f = l.length;
+  for (let m = 0; m < f; m++) {
+    const S = l[m];
+    if (S.validator(p))
+      return S.classGroupId;
   }
-}, 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) => {
+}, zt = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+  const t = e.slice(1, -1), o = t.indexOf(":"), r = t.slice(0, o);
+  return r ? kt + r : void 0;
+})(), St = (e) => {
   const {
-    theme: o,
-    classGroups: t
+    theme: t,
+    classGroups: o
   } = e;
-  return ko(t, o);
-}, ko = (e, o) => {
-  const t = He();
+  return It(o, t);
+}, It = (e, t) => {
+  const o = Ke();
   for (const r in e) {
     const s = e[r];
-    we(s, t, r, o);
+    Oe(s, o, r, t);
   }
-  return t;
-}, we = (e, o, t, r) => {
+  return o;
+}, Oe = (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 l = e[a];
+    At(l, t, o, r);
   }
-}, yo = (e, o, t, r) => {
+}, At = (e, t, o, r) => {
   if (typeof e == "string") {
-    vo(e, o, t);
+    Ot(e, t, o);
     return;
   }
   if (typeof e == "function") {
-    Co(e, o, t, r);
+    Gt(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);
+  $t(e, t, o, r);
+}, Ot = (e, t, o) => {
+  const r = e === "" ? t : et(t, e);
+  r.classGroupId = o;
+}, Gt = (e, t, o, r) => {
+  if (Mt(e)) {
+    Oe(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(wt(o, e));
+}, $t = (e, t, o, r) => {
+  const s = Object.entries(e), a = s.length;
+  for (let l = 0; l < a; l++) {
+    const [p, f] = s[l];
+    Oe(f, et(t, p), o, r);
   }
-}, 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;
+}, et = (e, t) => {
+  let o = e;
+  const r = t.split(pe), s = r.length;
+  for (let a = 0; a < s; a++) {
+    const l = r[a];
+    let p = o.nextPart.get(l);
+    p || (p = Ke(), o.nextPart.set(l, p)), o = p;
   }
-  return t;
-}, So = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Io = (e) => {
+  return o;
+}, Mt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Pt = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -140,192 +141,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, l) => {
+    o[a] = l, t++, t > e && (t = 0, r = o, o = /* @__PURE__ */ Object.create(null));
   };
   return {
-    get(i) {
-      let l = t[i];
+    get(a) {
+      let l = o[a];
       if (l !== void 0)
         return l;
-      if ((l = r[i]) !== void 0)
-        return s(i, l), l;
+      if ((l = r[a]) !== void 0)
+        return s(a, l), l;
     },
-    set(i, l) {
-      i in t ? t[i] = l : s(i, l);
+    set(a, l) {
+      a in o ? o[a] = l : s(a, l);
     }
   };
-}, ge = "!", Le = ":", Ao = [], Re = (e, o, t, r, s) => ({
+}, Se = "!", He = ":", Lt = [], De = (e, t, o, r, s) => ({
   modifiers: e,
-  hasImportantModifier: o,
-  baseClassName: t,
+  hasImportantModifier: t,
+  baseClassName: o,
   maybePostfixModifierPosition: r,
   isExternal: s
-}), Go = (e) => {
+}), Rt = (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 l = 0, p = 0, f = 0, m;
+    const S = s.length;
+    for (let u = 0; u < S; u++) {
+      const $ = s[u];
+      if (l === 0 && p === 0) {
+        if ($ === He) {
+          a.push(s.slice(f, u)), f = u + 1;
           continue;
         }
-        if (G === "/") {
-          u = S;
+        if ($ === "/") {
+          m = u;
           continue;
         }
       }
-      G === "[" ? l++ : G === "]" ? l-- : G === "(" ? m++ : G === ")" && m--;
+      $ === "[" ? l++ : $ === "]" ? l-- : $ === "(" ? p++ : $ === ")" && p--;
     }
-    const v = i.length === 0 ? s : s.slice(b);
-    let _ = v, M = !1;
-    v.endsWith(ge) ? (_ = v.slice(0, -1), M = !0) : (
+    const I = a.length === 0 ? s : s.slice(f);
+    let T = I, y = !1;
+    I.endsWith(Se) ? (T = I.slice(0, -1), y = !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)
+      I.startsWith(Se) && (T = I.slice(1), y = !0)
     );
-    const X = u && u > b ? u - b : void 0;
-    return Re(i, M, _, X);
+    const P = m && m > f ? m - f : void 0;
+    return De(a, y, T, P);
   };
-  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 + He, a = r;
+    r = (l) => l.startsWith(s) ? a(l.slice(s.length)) : De(Lt, !1, l, 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) => {
+}, Tt = (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 l = o[a], p = l[0] === "[", f = t.has(l);
+      p || f ? (s.length > 0 && (s.sort(), r.push(...s), s = []), r.push(l)) : s.push(l);
     }
     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) => {
+}, jt = (e) => Fe({
+  cache: Pt(e.cacheSize),
+  parseClassName: Rt(e),
+  sortModifiers: Tt(e),
+  postfixLookupClassGroupIds: Bt(e)
+}, Ct(e)), Bt = (e) => {
+  const t = /* @__PURE__ */ Object.create(null), o = e.postfixLookupClassGroups;
+  if (o)
+    for (let r = 0; r < o.length; r++)
+      t[o[r]] = !0;
+  return t;
+}, Et = /\s+/, Nt = (e, t) => {
   const {
-    parseClassName: t,
+    parseClassName: o,
     getClassGroupId: r,
     getConflictingClassGroupIds: s,
-    sortModifiers: i,
+    sortModifiers: a,
     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);
+  } = t, p = [], f = e.trim().split(Et);
+  let m = "";
+  for (let S = f.length - 1; S >= 0; S -= 1) {
+    const I = f[S], {
+      isExternal: T,
+      modifiers: y,
+      hasImportantModifier: P,
+      baseClassName: u,
+      maybePostfixModifierPosition: $
+    } = o(I);
+    if (T) {
+      m = I + (m.length > 0 ? " " + m : m);
       continue;
     }
-    let j = !!G, I;
+    let j = !!$, w;
     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);
+      const E = u.substring(0, $);
+      w = r(E);
+      const c = w && l[w] ? r(u) : void 0;
+      c && c !== w && (w = c, j = !1);
     } else
-      I = r(S);
-    if (!I) {
+      w = r(u);
+    if (!w) {
       if (!j) {
-        u = v + (u.length > 0 ? " " + u : u);
+        m = I + (m.length > 0 ? " " + m : m);
         continue;
       }
-      if (I = r(S), !I) {
-        u = v + (u.length > 0 ? " " + u : u);
+      if (w = r(u), !w) {
+        m = I + (m.length > 0 ? " " + m : m);
         continue;
       }
       j = !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 K = y.length === 0 ? "" : y.length === 1 ? y[0] : a(y).join(":"), Y = P ? K + Se : K, q = Y + w;
+    if (p.indexOf(q) > -1)
       continue;
-    m.push(H);
-    const U = s(I, j);
-    for (let $ = 0; $ < U.length; ++$) {
-      const c = U[$];
-      m.push(W + c);
+    p.push(q);
+    const J = s(w, j);
+    for (let E = 0; E < J.length; ++E) {
+      const c = J[E];
+      p.push(Y + c);
     }
-    u = v + (u.length > 0 ? " " + u : u);
+    m = I + (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;
+}, Ft = (...e) => {
+  let t = 0, o, r, s = "";
+  for (; t < e.length; )
+    (o = e[t++]) && (r = tt(o)) && (s && (s += " "), s += r);
   return s;
-}, Ye = (e) => {
+}, tt = (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 = tt(e[r])) && (o && (o += " "), o += t);
+  return o;
+}, Ue = (e, ...t) => {
+  let o, r, s, a;
+  const l = (f) => {
+    const m = t.reduce((S, I) => I(S), e());
+    return o = jt(m), r = o.cache.get, s = o.cache.set, a = p, p(f);
+  }, p = (f) => {
+    const m = r(f);
+    if (m)
+      return m;
+    const S = Nt(f, o);
+    return s(f, S), S;
   };
-  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 = l, (...f) => a(Ft(...f));
+}, Vt = [], C = (e) => {
+  const t = (o) => o[e] || Vt;
+  return t.isThemeGetter = !0, t;
+}, ot = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, rt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Wt = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Ht = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Dt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Ut = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Yt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, qt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, V = (e) => Wt.test(e), b = (e) => !!e && !Number.isNaN(Number(e)), B = (e) => !!e && Number.isInteger(Number(e)), ye = (e) => e.endsWith("%") && b(e.slice(0, -1)), N = (e) => Ht.test(e), st = () => !0, Jt = (e) => (
   // `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 = () => [
+  Dt.test(e) && !Ut.test(e)
+), Ge = () => !1, Xt = (e) => Yt.test(e), Zt = (e) => qt.test(e), Qt = (e) => !n(e) && !i(e), Kt = (e) => e.startsWith("@container") && (e[10] === "/" && e[11] !== void 0 || e[11] === "s" && e[16] !== void 0 && e.startsWith("-size/", 10) || e[11] === "n" && e[18] !== void 0 && e.startsWith("-normal/", 10)), _t = (e) => W(e, it, Ge), n = (e) => ot.test(e), D = (e) => W(e, lt, Jt), Ye = (e) => W(e, io, b), eo = (e) => W(e, dt, st), to = (e) => W(e, ct, Ge), qe = (e) => W(e, nt, Ge), oo = (e) => W(e, at, Zt), ie = (e) => W(e, ut, Xt), i = (e) => rt.test(e), _ = (e) => U(e, lt), ro = (e) => U(e, ct), Je = (e) => U(e, nt), so = (e) => U(e, it), no = (e) => U(e, at), le = (e) => U(e, ut, !0), ao = (e) => U(e, dt, !0), W = (e, t, o) => {
+  const r = ot.exec(e);
+  return r ? r[1] ? t(r[1]) : o(r[2]) : !1;
+}, U = (e, t, o = !1) => {
+  const r = rt.exec(e);
+  return r ? r[1] ? t(r[1]) : o : !1;
+}, nt = (e) => e === "position" || e === "percentage", at = (e) => e === "image" || e === "url", it = (e) => e === "length" || e === "size" || e === "bg-size", lt = (e) => e === "length", io = (e) => e === "number", ct = (e) => e === "family-name", dt = (e) => e === "number" || e === "weight", ut = (e) => e === "shadow", Xe = () => {
+  const e = C("color"), t = C("font"), o = C("text"), r = C("font-weight"), s = C("tracking"), a = C("leading"), l = C("breakpoint"), p = C("container"), f = C("spacing"), m = C("radius"), S = C("shadow"), I = C("inset-shadow"), T = C("text-shadow"), y = C("drop-shadow"), P = C("blur"), u = C("perspective"), $ = C("aspect"), j = C("ease"), w = C("animate"), K = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], Y = () => [
     "center",
     "top",
     "bottom",
@@ -343,51 +344,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", {
+  ], q = () => [...Y(), i, n], J = () => ["auto", "hidden", "clip", "visible", "scroll"], E = () => ["auto", "contain", "none"], c = () => [i, n, f], M = () => [V, "full", "auto", ...c()], $e = () => [B, "none", "subgrid", i, n], Me = () => ["auto", {
+    span: ["full", B, i, n]
+  }, B, i, n], te = () => [B, "auto", i, n], Pe = () => ["auto", "min", "max", "fr", i, n], be = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], X = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], L = () => ["auto", ...c()], H = () => [V, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...c()], fe = () => [V, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...c()], ge = () => [V, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...c()], d = () => [e, i, n], Le = () => [...Y(), Je, qe, {
+    position: [i, n]
+  }], Re = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], Ie = () => ["auto", "cover", "contain", Qo, Yo, {
-    size: [a, n]
-  }], me = () => [fe, Q, F], C = () => [
+  }], Te = () => ["auto", "cover", "contain", so, _t, {
+    size: [i, n]
+  }], he = () => [ye, _, D], O = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
-    u,
-    a,
+    m,
+    i,
     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 = () => [
+  ], G = () => ["", b, _, D], oe = () => ["solid", "dashed", "dotted", "double"], je = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], z = () => [b, ye, Je, qe], Be = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    X,
-    a,
+    P,
+    i,
     n
-  ], oe = () => ["none", p, a, n], te = () => ["none", p, a, n], be = () => [p, a, n], re = () => [T, "full", ...c()];
+  ], re = () => ["none", b, i, n], se = () => ["none", b, i, n], xe = () => [b, i, n], ne = () => [V, "full", ...c()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [L],
-      breakpoint: [L],
-      color: [Xe],
-      container: [L],
-      "drop-shadow": [L],
+      blur: [N],
+      breakpoint: [N],
+      color: [st],
+      container: [N],
+      "drop-shadow": [N],
       ease: ["in", "out", "in-out"],
-      font: [Uo],
+      font: [Qt],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [L],
+      "inset-shadow": [N],
       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: [N],
+      shadow: [N],
+      spacing: ["px", b],
+      text: [N],
+      "text-shadow": [N],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -399,7 +400,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", T, n, a, G]
+        aspect: ["auto", "square", V, n, i, $]
       }],
       /**
        * Container
@@ -412,33 +413,33 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/responsive-design#container-queries
        */
       "container-type": [{
-        "@container": ["", "normal", "size", a, n]
+        "@container": ["", "normal", "size", i, n]
       }],
       /**
        * Container Name
        * @see https://tailwindcss.com/docs/responsive-design#named-containers
        */
-      "container-named": [Do],
+      "container-named": [Kt],
       /**
        * Columns
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [p, n, a, m]
+        columns: [b, n, i, p]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": Z()
+        "break-after": K()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": Z()
+        "break-before": K()
       }],
       /**
        * Break Inside
@@ -502,49 +503,49 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: H()
+        object: q()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: U()
+        overflow: J()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": U()
+        "overflow-x": J()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": U()
+        "overflow-y": J()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: $()
+        overscroll: E()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": $()
+        "overscroll-x": E()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": $()
+        "overscroll-y": E()
       }],
       /**
        * Position
@@ -556,21 +557,21 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: A()
+        inset: M()
       }],
       /**
        * Inset Inline
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": A()
+        "inset-x": M()
       }],
       /**
        * Inset Block
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": A()
+        "inset-y": M()
       }],
       /**
        * Inset Inline Start
@@ -578,12 +579,12 @@ const bo = (e, o) => {
        * @todo class group will be renamed to `inset-s` in next major release
        */
       start: [{
-        "inset-s": A(),
+        "inset-s": M(),
         /**
          * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-s-*` utilities.
          * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
          */
-        start: A()
+        start: M()
       }],
       /**
        * Inset Inline End
@@ -591,54 +592,54 @@ const bo = (e, o) => {
        * @todo class group will be renamed to `inset-e` in next major release
        */
       end: [{
-        "inset-e": A(),
+        "inset-e": M(),
         /**
          * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-e-*` utilities.
          * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
          */
-        end: A()
+        end: M()
       }],
       /**
        * Inset Block Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-bs": [{
-        "inset-bs": A()
+        "inset-bs": M()
       }],
       /**
        * Inset Block End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-be": [{
-        "inset-be": A()
+        "inset-be": M()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: A()
+        top: M()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: A()
+        right: M()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: A()
+        bottom: M()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: A()
+        left: M()
       }],
       /**
        * Visibility
@@ -650,7 +651,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [P, "auto", a, n]
+        z: [B, "auto", i, n]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -660,7 +661,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [T, "full", "auto", m, ...c()]
+        basis: [V, "full", "auto", p, ...c()]
       }],
       /**
        * Flex Direction
@@ -681,84 +682,84 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [p, T, "auto", "initial", "none", n]
+        flex: [b, V, "auto", "initial", "none", n]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", p, a, n]
+        grow: ["", b, i, n]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", p, a, n]
+        shrink: ["", b, i, n]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [P, "first", "last", "none", a, n]
+        order: [B, "first", "last", "none", i, n]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": ye()
+        "grid-cols": $e()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: ve()
+        col: Me()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": K()
+        "col-start": te()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": K()
+        "col-end": te()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": ye()
+        "grid-rows": $e()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: ve()
+        row: Me()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": K()
+        "row-start": te()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": K()
+        "row-end": te()
       }],
       /**
        * Grid Auto Flow
@@ -772,14 +773,14 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": Ce()
+        "auto-cols": Pe()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": Ce()
+        "auto-rows": Pe()
       }],
       /**
        * Gap
@@ -807,35 +808,35 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...de(), "normal"]
+        justify: [...be(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...D(), "normal"]
+        "justify-items": [...X(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...D()]
+        "justify-self": ["auto", ...X()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...de()]
+        content: ["normal", ...be()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...D(), {
+        items: [...X(), {
           baseline: ["", "last"]
         }]
       }],
@@ -844,7 +845,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...D(), {
+        self: ["auto", ...X(), {
           baseline: ["", "last"]
         }]
       }],
@@ -853,21 +854,21 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": de()
+        "place-content": be()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...D(), "baseline"]
+        "place-items": [...X(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...D()]
+        "place-self": ["auto", ...X()]
       }],
       // Spacing
       /**
@@ -952,77 +953,77 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: O()
+        m: L()
       }],
       /**
        * Margin Inline
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: O()
+        mx: L()
       }],
       /**
        * Margin Block
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: O()
+        my: L()
       }],
       /**
        * Margin Inline Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: O()
+        ms: L()
       }],
       /**
        * Margin Inline End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: O()
+        me: L()
       }],
       /**
        * Margin Block Start
        * @see https://tailwindcss.com/docs/margin
        */
       mbs: [{
-        mbs: O()
+        mbs: L()
       }],
       /**
        * Margin Block End
        * @see https://tailwindcss.com/docs/margin
        */
       mbe: [{
-        mbe: O()
+        mbe: L()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: O()
+        mt: L()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: O()
+        mr: L()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: O()
+        mb: L()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: O()
+        ml: L()
       }],
       /**
        * Space Between X
@@ -1056,56 +1057,56 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: E()
+        size: H()
       }],
       /**
        * Inline Size
        * @see https://tailwindcss.com/docs/width
        */
       "inline-size": [{
-        inline: ["auto", ...ue()]
+        inline: ["auto", ...fe()]
       }],
       /**
        * Min-Inline Size
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-inline-size": [{
-        "min-inline": ["auto", ...ue()]
+        "min-inline": ["auto", ...fe()]
       }],
       /**
        * Max-Inline Size
        * @see https://tailwindcss.com/docs/max-width
        */
       "max-inline-size": [{
-        "max-inline": ["none", ...ue()]
+        "max-inline": ["none", ...fe()]
       }],
       /**
        * Block Size
        * @see https://tailwindcss.com/docs/height
        */
       "block-size": [{
-        block: ["auto", ...pe()]
+        block: ["auto", ...ge()]
       }],
       /**
        * Min-Block Size
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-block-size": [{
-        "min-block": ["auto", ...pe()]
+        "min-block": ["auto", ...ge()]
       }],
       /**
        * Max-Block Size
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-block-size": [{
-        "max-block": ["none", ...pe()]
+        "max-block": ["none", ...ge()]
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [m, "screen", ...E()]
+        w: [p, "screen", ...H()]
       }],
       /**
        * Min-Width
@@ -1113,11 +1114,11 @@ const bo = (e, o) => {
        */
       "min-w": [{
         "min-w": [
-          m,
+          p,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...E()
+          ...H()
         ]
       }],
       /**
@@ -1126,7 +1127,7 @@ const bo = (e, o) => {
        */
       "max-w": [{
         "max-w": [
-          m,
+          p,
           "screen",
           "none",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
@@ -1135,7 +1136,7 @@ const bo = (e, o) => {
           {
             screen: [l]
           },
-          ...E()
+          ...H()
         ]
       }],
       /**
@@ -1143,21 +1144,21 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...E()]
+        h: ["screen", "lh", ...H()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...E()]
+        "min-h": ["screen", "lh", "none", ...H()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...E()]
+        "max-h": ["screen", "lh", ...H()]
       }],
       // ------------------
       // --- Typography ---
@@ -1167,7 +1168,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", t, Q, F]
+        text: ["base", o, _, D]
       }],
       /**
        * Font Smoothing
@@ -1184,21 +1185,21 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [r, et, qo]
+        font: [r, ao, eo]
       }],
       /**
        * 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", ye, n]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Zo, Jo, o]
+        font: [ro, to, t]
       }],
       /**
        * Font Feature Settings
@@ -1242,14 +1243,14 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [s, a, n]
+        tracking: [s, i, n]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [p, "none", a, Be]
+        "line-clamp": [b, "none", i, Ye]
       }],
       /**
        * Line Height
@@ -1258,7 +1259,7 @@ 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,
+          a,
           ...c()
         ]
       }],
@@ -1267,7 +1268,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", a, n]
+        "list-image": ["none", i, n]
       }],
       /**
        * List Style Position
@@ -1281,7 +1282,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", i, n]
       }],
       /**
        * Text Alignment
@@ -1315,14 +1316,14 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...ee(), "wavy"]
+        decoration: [...oe(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [p, "from-font", "auto", a, F]
+        decoration: [b, "from-font", "auto", i, D]
       }],
       /**
        * Text Decoration Color
@@ -1336,7 +1337,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [p, "auto", a, n]
+        "underline-offset": [b, "auto", i, n]
       }],
       /**
        * Text Transform
@@ -1367,14 +1368,14 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/tab-size
        */
       "tab-size": [{
-        tab: [P, a, n]
+        tab: [B, i, n]
       }],
       /**
        * 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", i, n]
       }],
       /**
        * Whitespace
@@ -1409,7 +1410,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", a, n]
+        content: ["none", i, n]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -1440,21 +1441,21 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: ze()
+        bg: Le()
       }],
       /**
        * 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: Te()
       }],
       /**
        * Background Image
@@ -1464,10 +1465,10 @@ 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]
+          }, B, i, n],
+          radial: ["", i, n],
+          conic: [B, i, n]
+        }, no, oo]
       }],
       /**
        * Background Color
@@ -1481,21 +1482,21 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: me()
+        from: he()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: me()
+        via: he()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: me()
+        to: he()
       }],
       /**
        * Gradient Color Stops From
@@ -1526,189 +1527,189 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: C()
+        rounded: O()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": C()
+        "rounded-s": O()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": C()
+        "rounded-e": O()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": C()
+        "rounded-t": O()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": C()
+        "rounded-r": O()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": C()
+        "rounded-b": O()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": C()
+        "rounded-l": O()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": C()
+        "rounded-ss": O()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": C()
+        "rounded-se": O()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": C()
+        "rounded-ee": O()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": C()
+        "rounded-es": O()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": C()
+        "rounded-tl": O()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": C()
+        "rounded-tr": O()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": C()
+        "rounded-br": O()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": C()
+        "rounded-bl": O()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: z()
+        border: G()
       }],
       /**
        * Border Width Inline
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": z()
+        "border-x": G()
       }],
       /**
        * Border Width Block
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": z()
+        "border-y": G()
       }],
       /**
        * Border Width Inline Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": z()
+        "border-s": G()
       }],
       /**
        * Border Width Inline End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": z()
+        "border-e": G()
       }],
       /**
        * Border Width Block Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-bs": [{
-        "border-bs": z()
+        "border-bs": G()
       }],
       /**
        * Border Width Block End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-be": [{
-        "border-be": z()
+        "border-be": G()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": z()
+        "border-t": G()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": z()
+        "border-r": G()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": z()
+        "border-b": G()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": z()
+        "border-l": G()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": z()
+        "divide-x": G()
       }],
       /**
        * Divide Width X Reverse
@@ -1720,7 +1721,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": z()
+        "divide-y": G()
       }],
       /**
        * Divide Width Y Reverse
@@ -1732,14 +1733,14 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...ee(), "hidden", "none"]
+        border: [...oe(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...ee(), "hidden", "none"]
+        divide: [...oe(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -1830,21 +1831,21 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...ee(), "none", "hidden"]
+        outline: [...oe(), "none", "hidden"]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [p, a, n]
+        "outline-offset": [b, i, n]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", p, Q, F]
+        outline: ["", b, _, D]
       }],
       /**
        * Outline Color
@@ -1865,9 +1866,9 @@ const bo = (e, o) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          y,
-          ae,
-          ne
+          S,
+          le,
+          ie
         ]
       }],
       /**
@@ -1882,7 +1883,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", v, ae, ne]
+        "inset-shadow": ["none", I, le, ie]
       }],
       /**
        * Inset Box Shadow Color
@@ -1896,7 +1897,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: z()
+        ring: G()
       }],
       /**
        * Ring Width Inset
@@ -1919,7 +1920,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": [b, D]
       }],
       /**
        * Ring Offset Color
@@ -1935,7 +1936,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": z()
+        "inset-ring": G()
       }],
       /**
        * Inset Ring Color
@@ -1949,7 +1950,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", _, ae, ne]
+        "text-shadow": ["none", T, le, ie]
       }],
       /**
        * Text Shadow Color
@@ -1963,21 +1964,21 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [p, a, n]
+        opacity: [b, i, n]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...Ae(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...je(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": Ae()
+        "bg-blend": je()
       }],
       /**
        * Mask Clip
@@ -1998,13 +1999,13 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [p]
+        "mask-linear": [b]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": k()
+        "mask-linear-from": z()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": k()
+        "mask-linear-to": z()
       }],
       "mask-image-linear-from-color": [{
         "mask-linear-from": d()
@@ -2013,10 +2014,10 @@ const bo = (e, o) => {
         "mask-linear-to": d()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": k()
+        "mask-t-from": z()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": k()
+        "mask-t-to": z()
       }],
       "mask-image-t-from-color": [{
         "mask-t-from": d()
@@ -2025,10 +2026,10 @@ const bo = (e, o) => {
         "mask-t-to": d()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": k()
+        "mask-r-from": z()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": k()
+        "mask-r-to": z()
       }],
       "mask-image-r-from-color": [{
         "mask-r-from": d()
@@ -2037,10 +2038,10 @@ const bo = (e, o) => {
         "mask-r-to": d()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": k()
+        "mask-b-from": z()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": k()
+        "mask-b-to": z()
       }],
       "mask-image-b-from-color": [{
         "mask-b-from": d()
@@ -2049,10 +2050,10 @@ const bo = (e, o) => {
         "mask-b-to": d()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": k()
+        "mask-l-from": z()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": k()
+        "mask-l-to": z()
       }],
       "mask-image-l-from-color": [{
         "mask-l-from": d()
@@ -2061,10 +2062,10 @@ const bo = (e, o) => {
         "mask-l-to": d()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": k()
+        "mask-x-from": z()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": k()
+        "mask-x-to": z()
       }],
       "mask-image-x-from-color": [{
         "mask-x-from": d()
@@ -2073,10 +2074,10 @@ const bo = (e, o) => {
         "mask-x-to": d()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": k()
+        "mask-y-from": z()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": k()
+        "mask-y-to": z()
       }],
       "mask-image-y-from-color": [{
         "mask-y-from": d()
@@ -2085,13 +2086,13 @@ const bo = (e, o) => {
         "mask-y-to": d()
       }],
       "mask-image-radial": [{
-        "mask-radial": [a, n]
+        "mask-radial": [i, n]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": k()
+        "mask-radial-from": z()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": k()
+        "mask-radial-to": z()
       }],
       "mask-image-radial-from-color": [{
         "mask-radial-from": d()
@@ -2109,16 +2110,16 @@ const bo = (e, o) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": W()
+        "mask-radial-at": Y()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [p]
+        "mask-conic": [b]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": k()
+        "mask-conic-from": z()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": k()
+        "mask-conic-to": z()
       }],
       "mask-image-conic-from-color": [{
         "mask-conic-from": d()
@@ -2145,21 +2146,21 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: ze()
+        mask: Le()
       }],
       /**
        * 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: Te()
       }],
       /**
        * Mask Type
@@ -2173,7 +2174,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", a, n]
+        mask: ["none", i, n]
       }],
       // ---------------
       // --- Filters ---
@@ -2187,7 +2188,7 @@ const bo = (e, o) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          a,
+          i,
           n
         ]
       }],
@@ -2196,21 +2197,21 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: Ge()
+        blur: Be()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [p, a, n]
+        brightness: [b, i, n]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [p, a, n]
+        contrast: [b, i, n]
       }],
       /**
        * Drop Shadow
@@ -2221,9 +2222,9 @@ const bo = (e, o) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          M,
-          ae,
-          ne
+          y,
+          le,
+          ie
         ]
       }],
       /**
@@ -2238,35 +2239,35 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", p, a, n]
+        grayscale: ["", b, i, n]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [p, a, n]
+        "hue-rotate": [b, i, n]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", p, a, n]
+        invert: ["", b, i, n]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [p, a, n]
+        saturate: [b, i, n]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", p, a, n]
+        sepia: ["", b, i, n]
       }],
       /**
        * Backdrop Filter
@@ -2277,7 +2278,7 @@ const bo = (e, o) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          a,
+          i,
           n
         ]
       }],
@@ -2286,63 +2287,63 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": Ge()
+        "backdrop-blur": Be()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [p, a, n]
+        "backdrop-brightness": [b, i, n]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [p, a, n]
+        "backdrop-contrast": [b, i, n]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", p, a, n]
+        "backdrop-grayscale": ["", b, i, n]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [p, a, n]
+        "backdrop-hue-rotate": [b, i, n]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", p, a, n]
+        "backdrop-invert": ["", b, i, n]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [p, a, n]
+        "backdrop-opacity": [b, i, n]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [p, a, n]
+        "backdrop-saturate": [b, i, n]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", p, a, n]
+        "backdrop-sepia": ["", b, i, n]
       }],
       // --------------
       // --- Tables ---
@@ -2397,7 +2398,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", i, n]
       }],
       /**
        * Transition Behavior
@@ -2411,28 +2412,28 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [p, "initial", a, n]
+        duration: [b, "initial", i, n]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", j, a, n]
+        ease: ["linear", "initial", j, i, n]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [p, a, n]
+        delay: [b, i, n]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", I, a, n]
+        animate: ["none", w, i, n]
       }],
       // ------------------
       // --- Transforms ---
@@ -2449,70 +2450,70 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [S, a, n]
+        perspective: [u, i, n]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": H()
+        "perspective-origin": q()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: oe()
+        rotate: re()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": oe()
+        "rotate-x": re()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": oe()
+        "rotate-y": re()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": oe()
+        "rotate-z": re()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: te()
+        scale: se()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": te()
+        "scale-x": se()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": te()
+        "scale-y": se()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": te()
+        "scale-z": se()
       }],
       /**
        * Scale 3D
@@ -2524,35 +2525,35 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: be()
+        skew: xe()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": be()
+        "skew-x": xe()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": be()
+        "skew-y": xe()
       }],
       /**
        * Transform
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [a, n, "", "none", "gpu", "cpu"]
+        transform: [i, n, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: H()
+        origin: q()
       }],
       /**
        * Transform Style
@@ -2566,28 +2567,28 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: re()
+        translate: ne()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": re()
+        "translate-x": ne()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": re()
+        "translate-y": ne()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": re()
+        "translate-z": ne()
       }],
       /**
        * Translate None
@@ -2599,7 +2600,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/zoom
        */
       zoom: [{
-        zoom: [P, a, n]
+        zoom: [B, i, n]
       }],
       // ---------------------
       // --- Interactivity ---
@@ -2637,7 +2638,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", i, n]
       }],
       /**
        * Field Sizing
@@ -2915,7 +2916,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", i, n]
       }],
       // -----------
       // --- SVG ---
@@ -2932,7 +2933,7 @@ const bo = (e, o) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [p, Q, F, Be]
+        stroke: [b, _, D, Ye]
       }],
       /**
        * Stroke
@@ -3009,26 +3010,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,
+}, lo = (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 = {}
+}) => (Z(e, "cacheSize", t), Z(e, "prefix", o), Z(e, "experimentalParseClassName", r), ce(e.theme, a.theme), ce(e.classGroups, a.classGroups), ce(e.conflictingClassGroups, a.conflictingClassGroups), ce(e.conflictingClassGroupModifiers, a.conflictingClassGroupModifiers), Z(e, "postfixLookupClassGroups", a.postfixLookupClassGroups), Z(e, "orderSensitiveModifiers", a.orderSensitiveModifiers), de(e.theme, s.theme), de(e.classGroups, s.classGroups), de(e.conflictingClassGroups, s.conflictingClassGroups), de(e.conflictingClassGroupModifiers, s.conflictingClassGroupModifiers), Ie(e, s, "postfixLookupClassGroups"), Ie(e, s, "orderSensitiveModifiers"), e), Z = (e, t, o) => {
+  o !== void 0 && (e[t] = o);
+}, ce = (e, t) => {
+  if (t)
+    for (const o in t)
+      Z(e, o, t[o]);
+}, de = (e, t) => {
+  if (t)
+    for (const o in t)
+      Ie(e, t, o);
+}, Ie = (e, t, o) => {
+  const r = t[o];
+  r !== void 0 && (e[o] = e[o] ? e[o].concat(r) : r);
+}, co = (e, ...t) => typeof e == "function" ? Ue(Xe, e, ...t) : Ue(() => lo(Xe(), e), ...t), uo = co({
   extend: {
     theme: {
       color: [
@@ -3051,178 +3052,309 @@ const bo = (e, o) => {
     }
   }
 });
-function nt(...e) {
-  return st(mo(e));
+function A(...e) {
+  return uo(vt(e));
 }
-const at = ["src", "alt"], it = /* @__PURE__ */ J({
+const mo = ["src", "alt"], po = /* @__PURE__ */ Q({
   __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) => (v(), k("div", {
+      class: g(t.sidebarHeaderContainer)
     }, [
-      g("img", {
-        class: f(o.sidebarHeaderLogo),
-        style: xe(`background-color:${e.headerOptions.logoBgColor}`),
+      x("img", {
+        class: g(t.sidebarHeaderLogo),
+        style: Ae(`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, mo),
+      e.isCollapsed ? F("", !0) : (v(), k("h2", {
         key: 0,
-        class: f(o.sidebarHeaderTitle)
-      }, B(e.headerOptions.sidebarTitle), 3))
+        class: g(t.sidebarHeaderTitle)
+      }, R(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 = {
+}), bo = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [r, s] of t)
+    o[r] = s;
+  return o;
+}, fo = /* @__PURE__ */ bo(po, [["__scopeId", "data-v-1be64a50"]]), go = { key: 0 }, ho = {
   role: "navigation",
   "aria-label": "sidebar shortcut items"
-}, ut = ["id", "href", "target"], pt = ["id"], mt = /* @__PURE__ */ J({
+}, xo = ["id", "href", "target"], vo = ["id"], yo = /* @__PURE__ */ Q({
   __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 ? (v(), k("section", go, [
+      x("nav", ho, [
+        x("ul", {
           role: "menu",
-          class: f(o.shortcutList)
+          class: g(t.shortcutList)
         }, [
-          (x(!0), w(Ee, null, Fe(e.shortcutOptions.items, (s) => (x(), w("div", {
+          (v(!0), k(ee, null, Ce(e.shortcutOptions.items, (s) => (v(), k("div", {
             key: s.id,
             class: ""
           }, [
-            s.type === "link" ? (x(), w("a", {
+            s.type === "link" ? (v(), k("a", {
               key: 0,
               id: `shortcut-${s.id}`,
               href: s.link,
               target: s.target
             }, [
-              g("div", {
-                class: f(o.shortcutItem)
+              x("div", {
+                class: g(t.shortcutItem)
               }, [
-                g("i", {
-                  class: f(`${o.shortcutItemIcon}${s.icon}`)
+                x("i", {
+                  class: g(`${t.shortcutItemIcon}${s.icon}`)
                 }, null, 2),
-                g("span", {
-                  class: f([
+                x("span", {
+                  class: g([
                     "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)
+                  x("p", {
+                    class: g(t.shortcutItemLabel)
+                  }, R(s.label), 3)
                 ], 2)
               ], 2)
-            ], 8, ut)) : R("", !0),
-            s.type === "button" ? (x(), w("button", {
+            ], 8, xo)) : F("", !0),
+            s.type === "button" ? (v(), k("button", {
               key: 1,
               id: `shortcut-${s.id}`
             }, [
-              g("div", {
-                class: f(o.shortcutItem)
+              x("div", {
+                class: g(t.shortcutItem)
               }, [
-                g("i", {
-                  class: f(`${o.shortcutItemIcon}${s.icon}`)
+                x("i", {
+                  class: g(`${t.shortcutItemIcon}${s.icon}`)
                 }, null, 2),
-                g("span", {
-                  class: f([
+                x("span", {
+                  class: g([
                     "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)
+                  x("p", {
+                    class: g(t.shortcutItemLabel)
+                  }, R(s.label), 3)
                 ], 2)
               ], 2)
-            ], 8, pt)) : R("", !0)
+            ], 8, vo)) : F("", !0)
           ]))), 128))
         ], 2)
       ])
-    ])) : R("", !0);
+    ])) : F("", !0);
   }
-}), bt = ["id", "href", "target"], ft = ["onClick"], gt = /* @__PURE__ */ J({
+}), wo = ["id", "aria-expanded", "aria-controls", "aria-label", "title", "onClick"], ko = ["aria-hidden"], Co = ["id", "aria-hidden"], zo = ["id", "href", "target", "aria-current"], So = ["id", "aria-current", "onClick"], Io = ["id", "href", "target", "aria-current", "aria-label", "title"], Ao = ["aria-hidden"], Oo = ["id", "aria-current", "aria-label", "title", "onClick"], Go = ["aria-hidden"], we = "justify-center gap-0 px-2", ue = "max-w-[12rem] opacity-100 translate-x-0", me = "max-w-0 opacity-0 -translate-x-1 pointer-events-none", ke = "flex-1 truncate leading-tight", $o = "max-h-96 opacity-100 py-1", Mo = "max-h-0 opacity-0 py-0 pointer-events-none", Po = /* @__PURE__ */ Q({
   __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 = ft(/* @__PURE__ */ new Set());
+    function r(y) {
+      var P;
+      return !!((P = y.subItems) != null && P.length);
+    }
+    function s(y) {
+      return o.has(y);
+    }
+    function a(y) {
+      o.has(y) ? o.delete(y) : o.add(y);
+    }
+    function l() {
+      for (const y of t.navigationOptions.items) {
+        if (!r(y)) continue;
+        const P = y.subItems.some((u) => u.current);
+        (y.current || P) && o.add(y.id);
+      }
+    }
+    Ve(
+      () => t.navigationOptions.items,
+      () => l(),
+      { immediate: !0, deep: !0 }
+    ), Ve(
+      () => t.isCollapsed,
+      (y) => {
+        y && o.clear();
+      }
+    );
+    const p = [
+      "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(" "), f = [
+      "inline-flex min-w-0 items-center overflow-hidden whitespace-nowrap",
+      "transition-[max-width,opacity,transform,margin] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]",
+      "motion-reduce:transition-none"
+    ].join(" "), m = [
+      "az text-[1.5rem] leading-none shrink-0 text-[color:var(--color-text-primary)]",
+      "transition-transform duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]",
+      "motion-reduce:transition-none"
+    ].join(" "), S = [
+      "az az-ui-chevron-down text-[1rem] leading-none shrink-0 text-[color:var(--color-text-secondary)]",
+      "transition-transform duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]",
+      "motion-reduce:transition-none"
+    ].join(" "), I = [
+      "m-0 flex list-none flex-col gap-0.5 overflow-hidden pl-4",
+      "transition-[max-height,opacity,padding] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]",
+      "motion-reduce:transition-none"
+    ].join(" "), T = [
+      "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(" ");
+    return (y, P) => (v(!0), k(ee, null, Ce(e.navigationOptions.items, (u, $) => {
+      var j;
+      return v(), k("li", {
+        key: (j = u.id) != null ? j : $,
+        "data-testid": "sidebar-nav-item",
+        class: "list-none"
       }, [
-        s.type === "link" ? (x(), w("a", {
-          key: 0,
-          id: `navigation-${s.id}`,
-          href: s.link,
-          target: s.target
-        }, [
-          g("div", {
-            class: f(o.itemContainer)
+        r(u) ? (v(), k(ee, { key: 0 }, [
+          x("button", {
+            id: `navigation-${u.id}`,
+            type: "button",
+            "data-testid": "sidebar-nav-expand",
+            class: g(h(A)(h(p), e.isCollapsed && we)),
+            "aria-expanded": s(u.id),
+            "aria-controls": `navigation-submenu-${u.id}`,
+            "aria-label": e.isCollapsed ? u.label : void 0,
+            title: e.isCollapsed ? u.label : void 0,
+            onClick: (w) => a(u.id)
           }, [
-            g("i", {
-              class: f(`${o.icon}${s.icon}`)
+            x("i", {
+              "data-testid": "sidebar-nav-icon",
+              class: g(h(A)(h(m), `az-${u.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)
+            x("span", {
+              "data-testid": "sidebar-nav-label",
+              class: g(h(A)(h(f), ke, e.isCollapsed ? me : ue)),
+              "aria-hidden": e.isCollapsed || void 0
+            }, R(u.label), 11, ko),
+            x("i", {
+              "data-testid": "sidebar-nav-chevron",
+              class: g(
+                h(A)(
+                  h(f),
+                  h(S),
+                  e.isCollapsed ? me : ue,
+                  s(u.id) && "rotate-180"
+                )
+              ),
+              "aria-hidden": "true"
+            }, null, 2)
+          ], 10, wo),
+          x("ul", {
+            id: `navigation-submenu-${u.id}`,
+            "data-testid": "sidebar-nav-submenu",
+            class: g(h(A)(h(I), !e.isCollapsed && s(u.id) ? $o : Mo)),
+            "aria-hidden": e.isCollapsed || !s(u.id) || void 0
+          }, [
+            (v(!0), k(ee, null, Ce(u.subItems, (w) => (v(), k("li", {
+              key: w.id,
+              class: "list-none"
+            }, [
+              w.type === "link" ? (v(), k("a", {
+                key: 0,
+                id: `navigation-${w.id}`,
+                "data-testid": "sidebar-nav-sublink",
+                class: g(h(T)),
+                href: w.link,
+                target: w.target,
+                "aria-current": w.current ? "page" : void 0
+              }, R(w.label), 11, zo)) : (v(), k("button", {
+                key: 1,
+                id: `navigation-${w.id}`,
+                type: "button",
+                "data-testid": "sidebar-nav-subbutton",
+                class: g(h(T)),
+                "aria-current": w.current ? "page" : void 0,
+                onClick: w.onClick
+              }, R(w.label), 11, So))
+            ]))), 128))
+          ], 10, Co)
+        ], 64)) : (v(), k(ee, { key: 1 }, [
+          u.type === "link" ? (v(), k("a", {
+            key: 0,
+            id: `navigation-${u.id}`,
+            "data-testid": "sidebar-nav-link",
+            class: g(h(A)(h(p), e.isCollapsed && we)),
+            href: u.link,
+            target: u.target,
+            "aria-current": u.current ? "page" : void 0,
+            "aria-label": e.isCollapsed ? u.label : void 0,
+            title: e.isCollapsed ? u.label : void 0
           }, [
-            g("i", {
-              class: f(`${o.icon}${s.icon}`)
+            x("i", {
+              "data-testid": "sidebar-nav-icon",
+              class: g(h(A)(h(m), `az-${u.icon}`)),
+              "aria-hidden": "true"
             }, null, 2),
-            g("p", {
-              class: f(o.label)
-            }, B(s.label), 3)
-          ], 2)
-        ], 8, ft)) : R("", !0)
-      ], 2);
+            x("span", {
+              "data-testid": "sidebar-nav-label",
+              class: g(h(A)(h(f), ke, e.isCollapsed ? me : ue)),
+              "aria-hidden": e.isCollapsed || void 0
+            }, R(u.label), 11, Ao)
+          ], 10, Io)) : (v(), k("button", {
+            key: 1,
+            id: `navigation-${u.id}`,
+            type: "button",
+            "data-testid": "sidebar-nav-button",
+            class: g(h(A)(h(p), e.isCollapsed && we)),
+            "aria-current": u.current ? "page" : void 0,
+            "aria-label": e.isCollapsed ? u.label : void 0,
+            title: e.isCollapsed ? u.label : void 0,
+            onClick: u.onClick
+          }, [
+            x("i", {
+              "data-testid": "sidebar-nav-icon",
+              class: g(h(A)(h(m), `az-${u.icon}`)),
+              "aria-hidden": "true"
+            }, null, 2),
+            x("span", {
+              "data-testid": "sidebar-nav-label",
+              class: g(h(A)(h(f), ke, e.isCollapsed ? me : ue)),
+              "aria-hidden": e.isCollapsed || void 0
+            }, R(u.label), 11, Go)
+          ], 10, Oo))
+        ], 64))
+      ]);
     }), 128));
   }
-}), ht = ["src", "alt"], xt = /* @__PURE__ */ J({
+}), Lo = ["src", "alt", "aria-hidden"], Ro = /* @__PURE__ */ Q({
   __name: "SidebarFooterAvatar",
   props: {
     avatarUrl: {},
@@ -3231,92 +3363,113 @@ 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 = Ze(() => ({
+      backgroundColor: t.initialsBG || "var(--color-blue-grey-600, #525252)"
+    }));
+    return (s, a) => (v(), k("div", {
+      "data-testid": "sidebar-avatar",
+      class: g(o.root)
+    }, [
+      e.avatarUrl ? (v(), k("img", {
+        key: 0,
+        "data-testid": "sidebar-avatar-img",
+        class: g(o.img),
+        src: e.avatarUrl,
+        alt: e.name ? `${e.name} avatar` : "",
+        "aria-hidden": e.name ? void 0 : !0
+      }, null, 10, Lo)) : (v(), k("span", {
+        key: 1,
+        "data-testid": "sidebar-avatar-initials",
+        class: g(o.initials),
+        style: Ae(r.value),
+        "aria-hidden": "true"
+      }, R(e.initials), 7))
+    ], 2));
   }
-}), wt = { class: "w-8" }, kt = /* @__PURE__ */ J({
+}), To = ["aria-hidden"], jo = /* @__PURE__ */ Q({
   __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"
+  setup(e, { emit: t }) {
+    const o = t, r = {
+      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(" ")
     };
-    return (s, i) => {
-      var l, m, b;
-      return x(), w("div", {
-        class: f(
-          r[e.isCollapsed ? "containerCollapsed" : "containerExpanded"]
-        )
+    return (s, a) => {
+      var l, p, f;
+      return v(), k("div", {
+        "data-testid": "sidebar-footer",
+        class: g(h(A)(r.root, e.isCollapsed ? r.rootCollapsed : r.rootExpanded))
       }, [
-        g("div", {
-          class: f(r.avatarNameContainer)
+        x("div", {
+          class: g(h(A)(r.identity, !e.isCollapsed && r.identityExpanded))
         }, [
-          q(xt, {
+          ze(Ro, {
             "avatar-url": e.footerOptions.avatarUrl,
+            name: e.footerOptions.name,
             initials: (l = e.footerOptions.initials) != null ? l : "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"]),
+          x("div", {
+            "data-testid": "sidebar-user-text",
+            class: g(h(A)(r.text, e.isCollapsed ? r.textClosed : r.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))
+            x("p", {
+              "data-testid": "sidebar-user-name",
+              class: g(r.name)
+            }, R((p = e.footerOptions.name) != null ? p : "First Last"), 3),
+            x("p", {
+              "data-testid": "sidebar-user-title",
+              class: g(r.jobTitle)
+            }, R((f = e.footerOptions.jobTitle) != null ? f : "Job Title"), 3)
+          ], 10, To)
         ], 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"])
-        ])
+        ze(h(xt), {
+          "data-testid": "sidebar-collapse",
+          ghost: "",
+          appearance: "standard",
+          size: "s",
+          class: g(h(A)(r.collapseBtn, e.isCollapsed && "rotate-180")),
+          "aria-label": e.isCollapsed ? "Expand sidebar" : "Collapse sidebar",
+          "icon-class": "az-ui-sidebar-collapse",
+          onClick: a[0] || (a[0] = (m) => o("toggleSidebarCollapsed"))
+        }, null, 8, ["class", "aria-label"])
       ], 2);
     };
   }
-}), yt = {
+}), Bo = {
   showHeader: !0,
   classes: "",
   headerOptions: () => ({
@@ -3326,43 +3479,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" })
+}, Eo = ["aria-expanded"], No = {
   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"
+}, Fo = {
+  key: 1,
+  "data-testid": "sidebar-shortcuts-slot"
+}, Vo = {
+  "data-testid": "sidebar-nav",
+  "aria-label": "Main"
+}, qo = /* @__PURE__ */ Q({
   __name: "index",
-  props: /* @__PURE__ */ uo({
+  props: /* @__PURE__ */ ht({
     showHeader: { type: Boolean },
     classes: {},
     headerOptions: {},
@@ -3370,61 +3502,76 @@ const at = ["src", "alt"], it = /* @__PURE__ */ J({
     shortcutOptions: {},
     navigationOptions: {},
     footerOptions: {}
-  }, yt),
+  }, Bo),
   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 = gt(!1), o = Ze(() => t.value ? "4.5rem" : "17.5rem"), r = {
+      sidebarContainer: [
+        "font-sans h-full min-h-full self-stretch flex flex-col gap-4 p-4",
+        "bg-surface text-fg border-r border-edge",
+        "transition-[width,padding] duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]",
+        "motion-reduce:transition-none",
+        "overflow-hidden will-change-[width]"
+      ].join(" "),
+      navSection: "flex-1 min-h-0 overflow-y-auto overflow-x-hidden",
+      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, l) => (v(), k("aside", {
+      "data-testid": "sidebar",
+      class: g(h(A)(r.sidebarContainer, e.classes)),
+      style: Ae({ 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 ? (v(), k("div", No, [
+        ae(a.$slots, "header"),
+        e.showHeader && !a.$slots.header ? (v(), ve(fo, {
+          key: 0,
+          "is-collapsed": t.value,
+          "header-options": e.headerOptions
+        }, null, 8, ["is-collapsed", "header-options"])) : F("", !0)
+      ])) : F("", !0),
+      e.showShortcuts || a.$slots.shortcuts ? (v(), k("div", Fo, [
+        ae(a.$slots, "shortcuts"),
+        e.showShortcuts && !a.$slots.shortcuts ? (v(), ve(yo, {
+          key: 0,
+          "is-collapsed": t.value,
+          "shortcut-options": e.shortcutOptions
+        }, null, 8, ["is-collapsed", "shortcut-options"])) : F("", !0)
+      ])) : F("", !0),
+      x("section", {
+        class: g(r.navSection)
+      }, [
+        x("nav", Vo, [
+          x("ul", {
+            "data-testid": "sidebar-nav-list",
+            class: g(r.navList)
+          }, [
+            ze(Po, {
+              "is-collapsed": t.value,
+              "navigation-options": e.navigationOptions
+            }, null, 8, ["is-collapsed", "navigation-options"]),
+            ae(a.$slots, "nav")
+          ], 2)
         ])
-      ]),
-      g("div", {
-        class: f(r.footer)
+      ], 2),
+      x("div", {
+        "data-testid": "sidebar-footer-slot",
+        class: g(r.footer)
       }, [
-        se(i.$slots, "footer", {}, void 0, !0),
-        q(kt, {
-          "is-collapsed": o.value,
+        ae(a.$slots, "footer"),
+        a.$slots.footer ? F("", !0) : (v(), ve(jo, {
+          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, Eo));
   }
-}), Lt = /* @__PURE__ */ so(Gt, [["__scopeId", "data-v-aca061d9"]]);
+});
 export {
-  Lt as AzSidebar
+  qo as AzSidebar
 };