@ptlm-azulejo/sidebar 0.0.1-alpha.161 → 0.0.1-alpha.172

package/dist/index.js

@@ -1,10 +1,10 @@
-import { Fragment as te, computed as L, createBlock as D, createCommentVNode as q, createElementBlock as z, createElementVNode as g, createVNode as Oe, defineComponent as re, mergeDefaults as ft, normalizeClass as c, normalizeStyle as Ie, openBlock as y, reactive as vt, ref as gt, renderList as $e, renderSlot as de, toDisplayString as G, unref as m, watch as Fe, withCtx as ve } from "vue";
+import { Fragment as te, computed as T, createBlock as H, createCommentVNode as W, createElementBlock as S, createElementVNode as y, createVNode as Oe, defineComponent as re, mergeDefaults as ft, normalizeClass as d, normalizeStyle as Ie, openBlock as w, reactive as vt, ref as gt, renderList as $e, renderSlot as ce, toDisplayString as G, unref as v, useSlots as ht, watch as Fe, withCtx as ve } from "vue";
 import "@ptlm-azulejo/icons/style.css";
 import { AzTooltip as Xe } from "@ptlm-azulejo/tooltip";
 import "@ptlm-azulejo/tooltip/style.css";
 import { AzActionListBox as Qe } from "@ptlm-azulejo/action-list-box";
 import "@ptlm-azulejo/action-list-box/style.css";
-import { AzIconButton as ht } from "@ptlm-azulejo/icon-button";
+import { AzIconButton as xt } from "@ptlm-azulejo/icon-button";
 import "@ptlm-azulejo/icon-button/style.css";
 function et(e) {
   var r, t, o = "";
@@ -15,7 +15,7 @@ function et(e) {
   } else for (t in e) e[t] && (o && (o += " "), o += t);
   return o;
 }
-function xt() {
+function yt() {
   for (var e, r, t = 0, o = "", a = arguments.length; t < a; t++) (e = arguments[t]) && (r = et(e)) && (o && (o += " "), o += r);
   return o;
 }
@@ -27,7 +27,7 @@ function ae(e) {
     return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
   }, ae(e);
 }
-function yt(e, r) {
+function kt(e, r) {
   if (ae(e) != "object" || !e) return e;
   var t = e[Symbol.toPrimitive];
   if (t !== void 0) {
@@ -37,12 +37,12 @@ function yt(e, r) {
   }
   return (r === "string" ? String : Number)(e);
 }
-function kt(e) {
-  var r = yt(e, "string");
+function wt(e) {
+  var r = kt(e, "string");
   return ae(r) == "symbol" ? r : r + "";
 }
-function wt(e, r, t) {
-  return (r = kt(r)) in e ? Object.defineProperty(e, r, {
+function Ct(e, r, t) {
+  return (r = wt(r)) in e ? Object.defineProperty(e, r, {
     value: t,
     enumerable: !0,
     configurable: !0,
@@ -59,11 +59,11 @@ function Ve(e, r) {
   }
   return t;
 }
-function Ct(e) {
+function St(e) {
   for (var r = 1; r < arguments.length; r++) {
     var t = arguments[r] != null ? arguments[r] : {};
     r % 2 ? Ve(Object(t), !0).forEach(function(o) {
-      wt(e, o, t[o]);
+      Ct(e, o, t[o]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Ve(Object(t)).forEach(function(o) {
       Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(t, o));
     });
@@ -75,50 +75,50 @@ var zt = (e, r) => {
   for (let o = 0; o < e.length; o++) t[o] = e[o];
   for (let o = 0; o < r.length; o++) t[e.length + o] = r[o];
   return t;
-}, St = (e, r) => ({
+}, Ot = (e, r) => ({
   classGroupId: e,
   validator: r
 }), tt = (e = /* @__PURE__ */ new Map(), r = null, t) => ({
   nextPart: e,
   validators: r,
   classGroupId: t
-}), ge = "-", Ue = [], Ot = "arbitrary..", $t = (e) => {
-  const r = At(e), { conflictingClassGroups: t, conflictingClassGroupModifiers: o } = e;
+}), ge = "-", De = [], $t = "arbitrary..", _t = (e) => {
+  const r = It(e), { conflictingClassGroups: t, conflictingClassGroupModifiers: o } = e;
   return {
-    getClassGroupId: (d) => {
-      if (d.startsWith("[") && d.endsWith("]")) return _t(d);
-      const h = d.split(ge), v = h[0] === "" && h.length > 1 ? 1 : 0;
-      return rt(h, v, r);
+    getClassGroupId: (c) => {
+      if (c.startsWith("[") && c.endsWith("]")) return At(c);
+      const x = c.split(ge), p = x[0] === "" && x.length > 1 ? 1 : 0;
+      return rt(x, p, r);
     },
-    getConflictingClassGroupIds: (d, h) => {
-      if (h) {
-        const v = o[d], f = t[d];
-        return v ? f ? zt(f, v) : v : f || Ue;
+    getConflictingClassGroupIds: (c, x) => {
+      if (x) {
+        const p = o[c], g = t[c];
+        return p ? g ? zt(g, p) : p : g || De;
       }
-      return t[d] || Ue;
+      return t[c] || De;
     }
   };
 }, rt = (e, r, t) => {
   if (e.length - r === 0) return t.classGroupId;
   const o = e[r], a = t.nextPart.get(o);
   if (a) {
-    const v = rt(e, r + 1, a);
-    if (v) return v;
+    const p = rt(e, r + 1, a);
+    if (p) return p;
   }
-  const s = t.validators;
-  if (s === null) return;
-  const d = r === 0 ? e.join(ge) : e.slice(r).join(ge), h = s.length;
-  for (let v = 0; v < h; v++) {
-    const f = s[v];
-    if (f.validator(d)) return f.classGroupId;
+  const l = t.validators;
+  if (l === null) return;
+  const c = r === 0 ? e.join(ge) : e.slice(r).join(ge), x = l.length;
+  for (let p = 0; p < x; p++) {
+    const g = l[p];
+    if (g.validator(c)) return g.classGroupId;
   }
-}, _t = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, At = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const r = e.slice(1, -1), t = r.indexOf(":"), o = r.slice(0, t);
-  return o ? Ot + o : void 0;
-})(), At = (e) => {
+  return o ? $t + o : void 0;
+})(), It = (e) => {
   const { theme: r, classGroups: t } = e;
-  return It(t, r);
-}, It = (e, r) => {
+  return jt(t, r);
+}, jt = (e, r) => {
   const t = tt();
   for (const o in e) {
     const a = e[o];
@@ -127,45 +127,45 @@ var zt = (e, r) => {
   return t;
 }, je = (e, r, t, o) => {
   const a = e.length;
-  for (let s = 0; s < a; s++) {
-    const d = e[s];
-    jt(d, r, t, o);
+  for (let l = 0; l < a; l++) {
+    const c = e[l];
+    Pt(c, r, t, o);
   }
-}, jt = (e, r, t, o) => {
+}, Pt = (e, r, t, o) => {
   if (typeof e == "string") {
-    Pt(e, r, t);
+    Gt(e, r, t);
     return;
   }
   if (typeof e == "function") {
-    Gt(e, r, t, o);
+    Tt(e, r, t, o);
     return;
   }
-  Tt(e, r, t, o);
-}, Pt = (e, r, t) => {
+  Mt(e, r, t, o);
+}, Gt = (e, r, t) => {
   const o = e === "" ? r : ot(r, e);
   o.classGroupId = t;
-}, Gt = (e, r, t, o) => {
-  if (Mt(e)) {
+}, Tt = (e, r, t, o) => {
+  if (Bt(e)) {
     je(e(o), r, t, o);
     return;
   }
-  r.validators === null && (r.validators = []), r.validators.push(St(t, e));
-}, Tt = (e, r, t, o) => {
-  const a = Object.entries(e), s = a.length;
-  for (let d = 0; d < s; d++) {
-    const [h, v] = a[d];
-    je(v, ot(r, h), t, o);
+  r.validators === null && (r.validators = []), r.validators.push(Ot(t, e));
+}, Mt = (e, r, t, o) => {
+  const a = Object.entries(e), l = a.length;
+  for (let c = 0; c < l; c++) {
+    const [x, p] = a[c];
+    je(p, ot(r, x), t, o);
   }
 }, ot = (e, r) => {
   let t = e;
   const o = r.split(ge), a = o.length;
-  for (let s = 0; s < a; s++) {
-    const d = o[s];
-    let h = t.nextPart.get(d);
-    h || (h = tt(), t.nextPart.set(d, h)), t = h;
+  for (let l = 0; l < a; l++) {
+    const c = o[l];
+    let x = t.nextPart.get(c);
+    x || (x = tt(), t.nextPart.set(c, x)), t = x;
   }
   return t;
-}, Mt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Bt = (e) => {
+}, Bt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Et = (e) => {
   if (e < 1) return {
     get: () => {
     },
@@ -173,123 +173,123 @@ var zt = (e, r) => {
     }
   };
   let r = 0, t = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
-  const a = (s, d) => {
-    t[s] = d, r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ Object.create(null));
+  const a = (l, c) => {
+    t[l] = c, r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ Object.create(null));
   };
   return {
-    get(s) {
-      let d = t[s];
-      if (d !== void 0) return d;
-      if ((d = o[s]) !== void 0)
-        return a(s, d), d;
+    get(l) {
+      let c = t[l];
+      if (c !== void 0) return c;
+      if ((c = o[l]) !== void 0)
+        return a(l, c), c;
     },
-    set(s, d) {
-      s in t ? t[s] = d : a(s, d);
+    set(l, c) {
+      l in t ? t[l] = c : a(l, c);
     }
   };
-}, _e = "!", We = ":", Et = [], De = (e, r, t, o, a) => ({
+}, _e = "!", Ue = ":", Rt = [], We = (e, r, t, o, a) => ({
   modifiers: e,
   hasImportantModifier: r,
   baseClassName: t,
   maybePostfixModifierPosition: o,
   isExternal: a
-}), Rt = (e) => {
+}), Lt = (e) => {
   const { prefix: r, experimentalParseClassName: t } = e;
   let o = (a) => {
-    const s = [];
-    let d = 0, h = 0, v = 0, f;
-    const w = a.length;
-    for (let A = 0; A < w; A++) {
-      const k = a[A];
-      if (d === 0 && h === 0) {
-        if (k === We) {
-          s.push(a.slice(v, A)), v = A + 1;
+    const l = [];
+    let c = 0, x = 0, p = 0, g;
+    const b = a.length;
+    for (let A = 0; A < b; A++) {
+      const C = a[A];
+      if (c === 0 && x === 0) {
+        if (C === Ue) {
+          l.push(a.slice(p, A)), p = A + 1;
           continue;
         }
-        if (k === "/") {
-          f = A;
+        if (C === "/") {
+          g = A;
           continue;
         }
       }
-      k === "[" ? d++ : k === "]" ? d-- : k === "(" ? h++ : k === ")" && h--;
+      C === "[" ? c++ : C === "]" ? c-- : C === "(" ? x++ : C === ")" && x--;
     }
-    const C = s.length === 0 ? a : a.slice(v);
-    let u = C, $ = !1;
-    C.endsWith(_e) ? (u = C.slice(0, -1), $ = !0) : C.startsWith(_e) && (u = C.slice(1), $ = !0);
-    const j = f && f > v ? f - v : void 0;
-    return De(s, $, u, j);
+    const h = l.length === 0 ? a : a.slice(p);
+    let u = h, $ = !1;
+    h.endsWith(_e) ? (u = h.slice(0, -1), $ = !0) : h.startsWith(_e) && (u = h.slice(1), $ = !0);
+    const j = g && g > p ? g - p : void 0;
+    return We(l, $, u, j);
   };
   if (r) {
-    const a = r + We, s = o;
-    o = (d) => d.startsWith(a) ? s(d.slice(a.length)) : De(Et, !1, d, void 0, !0);
+    const a = r + Ue, l = o;
+    o = (c) => c.startsWith(a) ? l(c.slice(a.length)) : We(Rt, !1, c, void 0, !0);
   }
   if (t) {
     const a = o;
-    o = (s) => t({
-      className: s,
+    o = (l) => t({
+      className: l,
       parseClassName: a
     });
   }
   return o;
-}, Lt = (e) => {
+}, Nt = (e) => {
   const r = /* @__PURE__ */ new Map();
   return e.orderSensitiveModifiers.forEach((t, o) => {
     r.set(t, 1e6 + o);
   }), (t) => {
     const o = [];
     let a = [];
-    for (let s = 0; s < t.length; s++) {
-      const d = t[s], h = d[0] === "[", v = r.has(d);
-      h || v ? (a.length > 0 && (a.sort(), o.push(...a), a = []), o.push(d)) : a.push(d);
+    for (let l = 0; l < t.length; l++) {
+      const c = t[l], x = c[0] === "[", p = r.has(c);
+      x || p ? (a.length > 0 && (a.sort(), o.push(...a), a = []), o.push(c)) : a.push(c);
     }
     return a.length > 0 && (a.sort(), o.push(...a)), o;
   };
-}, Nt = (e) => Ct({
-  cache: Bt(e.cacheSize),
-  parseClassName: Rt(e),
-  sortModifiers: Lt(e),
-  postfixLookupClassGroupIds: Ft(e)
-}, $t(e)), Ft = (e) => {
+}, Ft = (e) => St({
+  cache: Et(e.cacheSize),
+  parseClassName: Lt(e),
+  sortModifiers: Nt(e),
+  postfixLookupClassGroupIds: Vt(e)
+}, _t(e)), Vt = (e) => {
   const r = /* @__PURE__ */ Object.create(null), t = e.postfixLookupClassGroups;
   if (t) for (let o = 0; o < t.length; o++) r[t[o]] = !0;
   return r;
-}, Vt = /\s+/, Ut = (e, r) => {
-  const { parseClassName: t, getClassGroupId: o, getConflictingClassGroupIds: a, sortModifiers: s, postfixLookupClassGroupIds: d } = r, h = [], v = e.trim().split(Vt);
-  let f = "";
-  for (let w = v.length - 1; w >= 0; w -= 1) {
-    const C = v[w], { isExternal: u, modifiers: $, hasImportantModifier: j, baseClassName: A, maybePostfixModifierPosition: k } = t(C);
+}, Dt = /\s+/, Ut = (e, r) => {
+  const { parseClassName: t, getClassGroupId: o, getConflictingClassGroupIds: a, sortModifiers: l, postfixLookupClassGroupIds: c } = r, x = [], p = e.trim().split(Dt);
+  let g = "";
+  for (let b = p.length - 1; b >= 0; b -= 1) {
+    const h = p[b], { isExternal: u, modifiers: $, hasImportantModifier: j, baseClassName: A, maybePostfixModifierPosition: C } = t(h);
     if (u) {
-      f = C + (f.length > 0 ? " " + f : f);
+      g = h + (g.length > 0 ? " " + g : g);
       continue;
     }
-    let S = !!k, i;
-    if (S) {
-      i = o(A.substring(0, k));
-      const N = i && d[i] ? o(A) : void 0;
-      N && N !== i && (i = N, S = !1);
+    let z = !!C, i;
+    if (z) {
+      i = o(A.substring(0, C));
+      const N = i && c[i] ? o(A) : void 0;
+      N && N !== i && (i = N, z = !1);
     } else i = o(A);
     if (!i) {
-      if (!S) {
-        f = C + (f.length > 0 ? " " + f : f);
+      if (!z) {
+        g = h + (g.length > 0 ? " " + g : g);
         continue;
       }
       if (i = o(A), !i) {
-        f = C + (f.length > 0 ? " " + f : f);
+        g = h + (g.length > 0 ? " " + g : g);
         continue;
       }
-      S = !1;
+      z = !1;
     }
-    const T = $.length === 0 ? "" : $.length === 1 ? $[0] : s($).join(":"), E = j ? T + _e : T, _ = E + i;
-    if (h.indexOf(_) > -1) continue;
-    h.push(_);
-    const K = a(i, S);
+    const M = $.length === 0 ? "" : $.length === 1 ? $[0] : l($).join(":"), R = j ? M + _e : M, _ = R + i;
+    if (x.indexOf(_) > -1) continue;
+    x.push(_);
+    const K = a(i, z);
     for (let N = 0; N < K.length; ++N) {
-      const p = K[N];
-      h.push(E + p);
+      const m = K[N];
+      x.push(R + m);
     }
-    f = C + (f.length > 0 ? " " + f : f);
+    g = h + (g.length > 0 ? " " + g : g);
   }
-  return f;
+  return g;
 }, Wt = (...e) => {
   let r = 0, t, o, a = "";
   for (; r < e.length; ) (t = e[r++]) && (o = at(t)) && (a && (a += " "), a += o);
@@ -300,28 +300,28 @@ var zt = (e, r) => {
   for (let o = 0; o < e.length; o++) e[o] && (r = at(e[o])) && (t && (t += " "), t += r);
   return t;
 }, He = (e, ...r) => {
-  let t, o, a, s;
-  const d = (v) => {
-    const f = r.reduce((w, C) => C(w), e());
-    return t = Nt(f), o = t.cache.get, a = t.cache.set, s = h, h(v);
-  }, h = (v) => {
-    const f = o(v);
-    if (f) return f;
-    const w = Ut(v, t);
-    return a(v, w), w;
+  let t, o, a, l;
+  const c = (p) => {
+    const g = r.reduce((b, h) => h(b), e());
+    return t = Ft(g), o = t.cache.get, a = t.cache.set, l = x, x(p);
+  }, x = (p) => {
+    const g = o(p);
+    if (g) return g;
+    const b = Ut(p, t);
+    return a(p, b), b;
   };
-  return s = d, (...v) => s(Wt(...v));
-}, Dt = [], I = (e) => {
-  const r = (t) => t[e] || Dt;
+  return l = c, (...p) => l(Wt(...p));
+}, Ht = [], I = (e) => {
+  const r = (t) => t[e] || Ht;
   return r.isThemeGetter = !0, r;
-}, it = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, st = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Ht = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Yt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Zt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, qt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Jt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Kt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, W = (e) => Ht.test(e), x = (e) => !!e && !Number.isNaN(Number(e)), V = (e) => !!e && Number.isInteger(Number(e)), Ce = (e) => e.endsWith("%") && x(e.slice(0, -1)), U = (e) => Yt.test(e), nt = () => !0, Xt = (e) => Zt.test(e) && !qt.test(e), Pe = () => !1, Qt = (e) => Jt.test(e), er = (e) => Kt.test(e), tr = (e) => !n(e) && !l(e), rr = (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)), or = (e) => H(e, dt, Pe), n = (e) => it.test(e), Z = (e) => H(e, ut, Xt), Ye = (e) => H(e, ur, x), ar = (e) => H(e, bt, nt), ir = (e) => H(e, pt, Pe), Ze = (e) => H(e, lt, Pe), sr = (e) => H(e, ct, er), ue = (e) => H(e, mt, Qt), l = (e) => st.test(e), oe = (e) => J(e, ut), nr = (e) => J(e, pt), qe = (e) => J(e, lt), lr = (e) => J(e, dt), cr = (e) => J(e, ct), pe = (e) => J(e, mt, !0), dr = (e) => J(e, bt, !0), H = (e, r, t) => {
+}, it = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, st = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Yt = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Zt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, qt = /\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$/, Jt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Kt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Xt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, U = (e) => Yt.test(e), k = (e) => !!e && !Number.isNaN(Number(e)), V = (e) => !!e && Number.isInteger(Number(e)), Ce = (e) => e.endsWith("%") && k(e.slice(0, -1)), D = (e) => Zt.test(e), nt = () => !0, Qt = (e) => qt.test(e) && !Jt.test(e), Pe = () => !1, er = (e) => Kt.test(e), tr = (e) => Xt.test(e), rr = (e) => !s(e) && !n(e), or = (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)), ar = (e) => Y(e, ct, Pe), s = (e) => it.test(e), q = (e) => Y(e, ut, Qt), Ye = (e) => Y(e, pr, k), ir = (e) => Y(e, bt, nt), sr = (e) => Y(e, pt, Pe), Ze = (e) => Y(e, lt, Pe), nr = (e) => Y(e, dt, tr), ue = (e) => Y(e, mt, er), n = (e) => st.test(e), oe = (e) => J(e, ut), lr = (e) => J(e, pt), qe = (e) => J(e, lt), dr = (e) => J(e, ct), cr = (e) => J(e, dt), pe = (e) => J(e, mt, !0), ur = (e) => J(e, bt, !0), Y = (e, r, t) => {
   const o = it.exec(e);
   return o ? o[1] ? r(o[1]) : t(o[2]) : !1;
 }, J = (e, r, t = !1) => {
   const o = st.exec(e);
   return o ? o[1] ? r(o[1]) : t : !1;
-}, lt = (e) => e === "position" || e === "percentage", ct = (e) => e === "image" || e === "url", dt = (e) => e === "length" || e === "size" || e === "bg-size", ut = (e) => e === "length", ur = (e) => e === "number", pt = (e) => e === "family-name", bt = (e) => e === "number" || e === "weight", mt = (e) => e === "shadow", Je = () => {
-  const e = I("color"), r = I("font"), t = I("text"), o = I("font-weight"), a = I("tracking"), s = I("leading"), d = I("breakpoint"), h = I("container"), v = I("spacing"), f = I("radius"), w = I("shadow"), C = I("inset-shadow"), u = I("text-shadow"), $ = I("drop-shadow"), j = I("blur"), A = I("perspective"), k = I("aspect"), S = I("ease"), i = I("animate"), T = () => [
+}, lt = (e) => e === "position" || e === "percentage", dt = (e) => e === "image" || e === "url", ct = (e) => e === "length" || e === "size" || e === "bg-size", ut = (e) => e === "length", pr = (e) => e === "number", pt = (e) => e === "family-name", bt = (e) => e === "number" || e === "weight", mt = (e) => e === "shadow", Je = () => {
+  const e = I("color"), r = I("font"), t = I("text"), o = I("font-weight"), a = I("tracking"), l = I("leading"), c = I("breakpoint"), x = I("container"), p = I("spacing"), g = I("radius"), b = I("shadow"), h = I("inset-shadow"), u = I("text-shadow"), $ = I("drop-shadow"), j = I("blur"), A = I("perspective"), C = I("aspect"), z = I("ease"), i = I("animate"), M = () => [
     "auto",
     "avoid",
     "all",
@@ -330,7 +330,7 @@ var zt = (e, r) => {
     "left",
     "right",
     "column"
-  ], E = () => [
+  ], R = () => [
     "center",
     "top",
     "bottom",
@@ -345,9 +345,9 @@ var zt = (e, r) => {
     "bottom-left",
     "left-bottom"
   ], _ = () => [
-    ...E(),
-    l,
-    n
+    ...R(),
+    n,
+    s
   ], K = () => [
     "auto",
     "hidden",
@@ -358,44 +358,44 @@ var zt = (e, r) => {
     "auto",
     "contain",
     "none"
-  ], p = () => [
-    l,
+  ], m = () => [
     n,
-    v
-  ], R = () => [
-    W,
+    s,
+    p
+  ], L = () => [
+    U,
     "full",
     "auto",
-    ...p()
+    ...m()
   ], Ge = () => [
     V,
     "none",
     "subgrid",
-    l,
-    n
+    n,
+    s
   ], Te = () => [
     "auto",
     { span: [
       "full",
       V,
-      l,
-      n
+      n,
+      s
     ] },
     V,
-    l,
-    n
+    n,
+    s
   ], ie = () => [
     V,
     "auto",
-    l,
-    n
+    n,
+    s
   ], Me = () => [
     "auto",
     "min",
     "max",
     "fr",
-    l,
-    n
+    n,
+    s
   ], he = () => [
     "start",
     "end",
@@ -414,8 +414,8 @@ var zt = (e, r) => {
     "stretch",
     "center-safe",
     "end-safe"
-  ], F = () => ["auto", ...p()], Y = () => [
-    W,
+  ], F = () => ["auto", ...m()], Z = () => [
+    U,
     "auto",
     "full",
     "dvw",
@@ -427,9 +427,9 @@ var zt = (e, r) => {
     "min",
     "max",
     "fit",
-    ...p()
+    ...m()
   ], xe = () => [
-    W,
+    U,
     "screen",
     "full",
     "dvw",
@@ -438,9 +438,9 @@ var zt = (e, r) => {
     "min",
     "max",
     "fit",
-    ...p()
+    ...m()
   ], ye = () => [
-    W,
+    U,
     "screen",
     "full",
     "lh",
@@ -450,16 +450,16 @@ var zt = (e, r) => {
     "min",
     "max",
     "fit",
-    ...p()
-  ], b = () => [
+    ...m()
+  ], f = () => [
     e,
-    l,
-    n
+    n,
+    s
   ], Be = () => [
-    ...E(),
+    ...R(),
     qe,
     Ze,
-    { position: [l, n] }
+    { position: [n, s] }
   ], Ee = () => ["no-repeat", { repeat: [
     "",
     "x",
@@ -470,25 +470,25 @@ var zt = (e, r) => {
     "auto",
     "cover",
     "contain",
-    lr,
-    or,
-    { size: [l, n] }
+    dr,
+    ar,
+    { size: [n, s] }
   ], ke = () => [
     Ce,
     oe,
-    Z
-  ], M = () => [
+    q
+  ], B = () => [
     "",
     "none",
     "full",
-    f,
-    l,
-    n
-  ], B = () => [
+    g,
+    n,
+    s
+  ], E = () => [
     "",
-    x,
+    k,
     oe,
-    Z
+    q
   ], se = () => [
     "solid",
     "dashed",
@@ -512,7 +512,7 @@ var zt = (e, r) => {
     "color",
     "luminosity"
   ], P = () => [
-    x,
+    k,
     Ce,
     qe,
     Ze
@@ -520,26 +520,26 @@ var zt = (e, r) => {
     "",
     "none",
     j,
-    l,
-    n
+    n,
+    s
   ], ne = () => [
     "none",
-    x,
-    l,
-    n
+    k,
+    n,
+    s
   ], le = () => [
     "none",
-    x,
-    l,
-    n
+    k,
+    n,
+    s
   ], we = () => [
-    x,
-    l,
-    n
-  ], ce = () => [
-    W,
+    k,
+    n,
+    s
+  ], de = () => [
+    U,
     "full",
-    ...p()
+    ...m()
   ];
   return {
     cacheSize: 500,
@@ -551,17 +551,17 @@ var zt = (e, r) => {
         "bounce"
       ],
       aspect: ["video"],
-      blur: [U],
-      breakpoint: [U],
+      blur: [D],
+      breakpoint: [D],
       color: [nt],
-      container: [U],
-      "drop-shadow": [U],
+      container: [D],
+      "drop-shadow": [D],
       ease: [
         "in",
         "out",
         "in-out"
       ],
-      font: [tr],
+      font: [rr],
       "font-weight": [
         "thin",
         "extralight",
@@ -573,7 +573,7 @@ var zt = (e, r) => {
         "extrabold",
         "black"
       ],
-      "inset-shadow": [U],
+      "inset-shadow": [D],
       leading: [
         "none",
         "tight",
@@ -590,11 +590,11 @@ var zt = (e, r) => {
         "distant",
         "none"
       ],
-      radius: [U],
-      shadow: [U],
-      spacing: ["px", x],
-      text: [U],
-      "text-shadow": [U],
+      radius: [D],
+      shadow: [D],
+      spacing: ["px", k],
+      text: [D],
+      "text-shadow": [D],
       tracking: [
         "tighter",
         "tight",
@@ -608,28 +608,28 @@ var zt = (e, r) => {
       aspect: [{ aspect: [
         "auto",
         "square",
-        W,
+        U,
+        s,
         n,
-        l,
-        k
+        C
       ] }],
       container: ["container"],
       "container-type": [{ "@container": [
         "",
         "normal",
         "size",
-        l,
-        n
+        n,
+        s
       ] }],
-      "container-named": [rr],
+      "container-named": [or],
       columns: [{ columns: [
-        x,
+        k,
+        s,
         n,
-        l,
-        h
+        x
       ] }],
-      "break-after": [{ "break-after": T() }],
-      "break-before": [{ "break-before": T() }],
+      "break-after": [{ "break-after": M() }],
+      "break-before": [{ "break-before": M() }],
       "break-inside": [{ "break-inside": [
         "auto",
         "avoid",
@@ -699,23 +699,23 @@ var zt = (e, r) => {
         "relative",
         "sticky"
       ],
-      inset: [{ inset: R() }],
-      "inset-x": [{ "inset-x": R() }],
-      "inset-y": [{ "inset-y": R() }],
+      inset: [{ inset: L() }],
+      "inset-x": [{ "inset-x": L() }],
+      "inset-y": [{ "inset-y": L() }],
       start: [{
-        "inset-s": R(),
-        start: R()
+        "inset-s": L(),
+        start: L()
       }],
       end: [{
-        "inset-e": R(),
-        end: R()
+        "inset-e": L(),
+        end: L()
       }],
-      "inset-bs": [{ "inset-bs": R() }],
-      "inset-be": [{ "inset-be": R() }],
-      top: [{ top: R() }],
-      right: [{ right: R() }],
-      bottom: [{ bottom: R() }],
-      left: [{ left: R() }],
+      "inset-bs": [{ "inset-bs": L() }],
+      "inset-be": [{ "inset-be": L() }],
+      top: [{ top: L() }],
+      right: [{ right: L() }],
+      bottom: [{ bottom: L() }],
+      left: [{ left: L() }],
       visibility: [
         "visible",
         "invisible",
@@ -724,15 +724,15 @@ var zt = (e, r) => {
       z: [{ z: [
         V,
         "auto",
-        l,
-        n
+        n,
+        s
       ] }],
       basis: [{ basis: [
-        W,
+        U,
         "full",
         "auto",
-        h,
-        ...p()
+        x,
+        ...m()
       ] }],
       "flex-direction": [{ flex: [
         "row",
@@ -746,32 +746,32 @@ var zt = (e, r) => {
         "wrap-reverse"
       ] }],
       flex: [{ flex: [
-        x,
-        W,
+        k,
+        U,
         "auto",
         "initial",
         "none",
-        n
+        s
       ] }],
       grow: [{ grow: [
         "",
-        x,
-        l,
-        n
+        k,
+        n,
+        s
       ] }],
       shrink: [{ shrink: [
         "",
-        x,
-        l,
-        n
+        k,
+        n,
+        s
       ] }],
       order: [{ order: [
         V,
         "first",
         "last",
         "none",
-        l,
-        n
+        n,
+        s
       ] }],
       "grid-cols": [{ "grid-cols": Ge() }],
       "col-start-end": [{ col: Te() }],
@@ -790,9 +790,9 @@ var zt = (e, r) => {
       ] }],
       "auto-cols": [{ "auto-cols": Me() }],
       "auto-rows": [{ "auto-rows": Me() }],
-      gap: [{ gap: p() }],
-      "gap-x": [{ "gap-x": p() }],
-      "gap-y": [{ "gap-y": p() }],
+      gap: [{ gap: m() }],
+      "gap-x": [{ "gap-x": m() }],
+      "gap-y": [{ "gap-y": m() }],
       "justify-content": [{ justify: [...he(), "normal"] }],
       "justify-items": [{ "justify-items": [...X(), "normal"] }],
       "justify-self": [{ "justify-self": ["auto", ...X()] }],
@@ -806,17 +806,17 @@ var zt = (e, r) => {
       "place-content": [{ "place-content": he() }],
       "place-items": [{ "place-items": [...X(), "baseline"] }],
       "place-self": [{ "place-self": ["auto", ...X()] }],
-      p: [{ p: p() }],
-      px: [{ px: p() }],
-      py: [{ py: p() }],
-      ps: [{ ps: p() }],
-      pe: [{ pe: p() }],
-      pbs: [{ pbs: p() }],
-      pbe: [{ pbe: p() }],
-      pt: [{ pt: p() }],
-      pr: [{ pr: p() }],
-      pb: [{ pb: p() }],
-      pl: [{ pl: p() }],
+      p: [{ p: m() }],
+      px: [{ px: m() }],
+      py: [{ py: m() }],
+      ps: [{ ps: m() }],
+      pe: [{ pe: m() }],
+      pbs: [{ pbs: m() }],
+      pbe: [{ pbe: m() }],
+      pt: [{ pt: m() }],
+      pr: [{ pr: m() }],
+      pb: [{ pb: m() }],
+      pl: [{ pl: m() }],
       m: [{ m: F() }],
       mx: [{ mx: F() }],
       my: [{ my: F() }],
@@ -828,11 +828,11 @@ var zt = (e, r) => {
       mr: [{ mr: F() }],
       mb: [{ mb: F() }],
       ml: [{ ml: F() }],
-      "space-x": [{ "space-x": p() }],
+      "space-x": [{ "space-x": m() }],
       "space-x-reverse": ["space-x-reverse"],
-      "space-y": [{ "space-y": p() }],
+      "space-y": [{ "space-y": m() }],
       "space-y-reverse": ["space-y-reverse"],
-      size: [{ size: Y() }],
+      size: [{ size: Z() }],
       "inline-size": [{ inline: ["auto", ...xe()] }],
       "min-inline-size": [{ "min-inline": ["auto", ...xe()] }],
       "max-inline-size": [{ "max-inline": ["none", ...xe()] }],
@@ -840,52 +840,52 @@ var zt = (e, r) => {
       "min-block-size": [{ "min-block": ["auto", ...ye()] }],
       "max-block-size": [{ "max-block": ["none", ...ye()] }],
       w: [{ w: [
-        h,
+        x,
         "screen",
-        ...Y()
+        ...Z()
       ] }],
       "min-w": [{ "min-w": [
-        h,
+        x,
         "screen",
         "none",
-        ...Y()
+        ...Z()
       ] }],
       "max-w": [{ "max-w": [
-        h,
+        x,
         "screen",
         "none",
         "prose",
-        { screen: [d] },
-        ...Y()
+        { screen: [c] },
+        ...Z()
       ] }],
       h: [{ h: [
         "screen",
         "lh",
-        ...Y()
+        ...Z()
       ] }],
       "min-h": [{ "min-h": [
         "screen",
         "lh",
         "none",
-        ...Y()
+        ...Z()
       ] }],
       "max-h": [{ "max-h": [
         "screen",
         "lh",
-        ...Y()
+        ...Z()
       ] }],
       "font-size": [{ text: [
         "base",
         t,
         oe,
-        Z
+        q
       ] }],
       "font-smoothing": ["antialiased", "subpixel-antialiased"],
       "font-style": ["italic", "not-italic"],
       "font-weight": [{ font: [
         o,
-        dr,
-        ar
+        ur,
+        ir
       ] }],
       "font-stretch": [{ "font-stretch": [
         "ultra-condensed",
@@ -898,14 +898,14 @@ var zt = (e, r) => {
         "extra-expanded",
         "ultra-expanded",
         Ce,
-        n
+        s
       ] }],
       "font-family": [{ font: [
-        nr,
-        ir,
+        lr,
+        sr,
         r
       ] }],
-      "font-features": [{ "font-features": [n] }],
+      "font-features": [{ "font-features": [s] }],
       "fvn-normal": ["normal-nums"],
       "fvn-ordinal": ["ordinal"],
       "fvn-slashed-zero": ["slashed-zero"],
@@ -914,28 +914,28 @@ var zt = (e, r) => {
       "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
       tracking: [{ tracking: [
         a,
-        l,
-        n
+        n,
+        s
       ] }],
       "line-clamp": [{ "line-clamp": [
-        x,
+        k,
         "none",
-        l,
+        n,
         Ye
       ] }],
-      leading: [{ leading: [s, ...p()] }],
+      leading: [{ leading: [l, ...m()] }],
       "list-image": [{ "list-image": [
         "none",
-        l,
-        n
+        n,
+        s
       ] }],
       "list-style-position": [{ list: ["inside", "outside"] }],
       "list-style-type": [{ list: [
         "disc",
         "decimal",
         "none",
-        l,
-        n
+        n,
+        s
       ] }],
       "text-alignment": [{ text: [
         "left",
@@ -945,8 +945,8 @@ var zt = (e, r) => {
         "start",
         "end"
       ] }],
-      "placeholder-color": [{ placeholder: b() }],
-      "text-color": [{ text: b() }],
+      "placeholder-color": [{ placeholder: f() }],
+      "text-color": [{ text: f() }],
       "text-decoration": [
         "underline",
         "overline",
@@ -955,18 +955,18 @@ var zt = (e, r) => {
       ],
       "text-decoration-style": [{ decoration: [...se(), "wavy"] }],
       "text-decoration-thickness": [{ decoration: [
-        x,
+        k,
         "from-font",
         "auto",
-        l,
-        Z
+        n,
+        q
       ] }],
-      "text-decoration-color": [{ decoration: b() }],
+      "text-decoration-color": [{ decoration: f() }],
       "underline-offset": [{ "underline-offset": [
-        x,
+        k,
         "auto",
-        l,
-        n
+        n,
+        s
       ] }],
       "text-transform": [
         "uppercase",
@@ -985,11 +985,11 @@ var zt = (e, r) => {
         "balance",
         "pretty"
       ] }],
-      indent: [{ indent: p() }],
+      indent: [{ indent: m() }],
       "tab-size": [{ tab: [
         V,
-        l,
-        n
+        n,
+        s
       ] }],
       "vertical-align": [{ align: [
         "baseline",
@@ -1000,8 +1000,8 @@ var zt = (e, r) => {
         "text-bottom",
         "sub",
         "super",
-        l,
-        n
+        n,
+        s
       ] }],
       whitespace: [{ whitespace: [
         "normal",
@@ -1029,8 +1029,8 @@ var zt = (e, r) => {
       ] }],
       content: [{ content: [
         "none",
-        l,
-        n
+        n,
+        s
       ] }],
       "bg-attachment": [{ bg: [
         "fixed",
@@ -1066,59 +1066,59 @@ var zt = (e, r) => {
               "tl"
             ] },
             V,
-            l,
-            n
+            n,
+            s
           ],
           radial: [
             "",
-            l,
-            n
+            n,
+            s
           ],
           conic: [
             V,
-            l,
-            n
+            n,
+            s
           ]
         },
         cr,
-        sr
+        nr
       ] }],
-      "bg-color": [{ bg: b() }],
+      "bg-color": [{ bg: f() }],
       "gradient-from-pos": [{ from: ke() }],
       "gradient-via-pos": [{ via: ke() }],
       "gradient-to-pos": [{ to: ke() }],
-      "gradient-from": [{ from: b() }],
-      "gradient-via": [{ via: b() }],
-      "gradient-to": [{ to: b() }],
-      rounded: [{ rounded: M() }],
-      "rounded-s": [{ "rounded-s": M() }],
-      "rounded-e": [{ "rounded-e": M() }],
-      "rounded-t": [{ "rounded-t": M() }],
-      "rounded-r": [{ "rounded-r": M() }],
-      "rounded-b": [{ "rounded-b": M() }],
-      "rounded-l": [{ "rounded-l": M() }],
-      "rounded-ss": [{ "rounded-ss": M() }],
-      "rounded-se": [{ "rounded-se": M() }],
-      "rounded-ee": [{ "rounded-ee": M() }],
-      "rounded-es": [{ "rounded-es": M() }],
-      "rounded-tl": [{ "rounded-tl": M() }],
-      "rounded-tr": [{ "rounded-tr": M() }],
-      "rounded-br": [{ "rounded-br": M() }],
-      "rounded-bl": [{ "rounded-bl": M() }],
-      "border-w": [{ border: B() }],
-      "border-w-x": [{ "border-x": B() }],
-      "border-w-y": [{ "border-y": B() }],
-      "border-w-s": [{ "border-s": B() }],
-      "border-w-e": [{ "border-e": B() }],
-      "border-w-bs": [{ "border-bs": B() }],
-      "border-w-be": [{ "border-be": B() }],
-      "border-w-t": [{ "border-t": B() }],
-      "border-w-r": [{ "border-r": B() }],
-      "border-w-b": [{ "border-b": B() }],
-      "border-w-l": [{ "border-l": B() }],
-      "divide-x": [{ "divide-x": B() }],
+      "gradient-from": [{ from: f() }],
+      "gradient-via": [{ via: f() }],
+      "gradient-to": [{ to: f() }],
+      rounded: [{ rounded: B() }],
+      "rounded-s": [{ "rounded-s": B() }],
+      "rounded-e": [{ "rounded-e": B() }],
+      "rounded-t": [{ "rounded-t": B() }],
+      "rounded-r": [{ "rounded-r": B() }],
+      "rounded-b": [{ "rounded-b": B() }],
+      "rounded-l": [{ "rounded-l": B() }],
+      "rounded-ss": [{ "rounded-ss": B() }],
+      "rounded-se": [{ "rounded-se": B() }],
+      "rounded-ee": [{ "rounded-ee": B() }],
+      "rounded-es": [{ "rounded-es": B() }],
+      "rounded-tl": [{ "rounded-tl": B() }],
+      "rounded-tr": [{ "rounded-tr": B() }],
+      "rounded-br": [{ "rounded-br": B() }],
+      "rounded-bl": [{ "rounded-bl": B() }],
+      "border-w": [{ border: E() }],
+      "border-w-x": [{ "border-x": E() }],
+      "border-w-y": [{ "border-y": E() }],
+      "border-w-s": [{ "border-s": E() }],
+      "border-w-e": [{ "border-e": E() }],
+      "border-w-bs": [{ "border-bs": E() }],
+      "border-w-be": [{ "border-be": E() }],
+      "border-w-t": [{ "border-t": E() }],
+      "border-w-r": [{ "border-r": E() }],
+      "border-w-b": [{ "border-b": E() }],
+      "border-w-l": [{ "border-l": E() }],
+      "divide-x": [{ "divide-x": E() }],
       "divide-x-reverse": ["divide-x-reverse"],
-      "divide-y": [{ "divide-y": B() }],
+      "divide-y": [{ "divide-y": E() }],
       "divide-y-reverse": ["divide-y-reverse"],
       "border-style": [{ border: [
         ...se(),
@@ -1130,68 +1130,68 @@ var zt = (e, r) => {
         "hidden",
         "none"
       ] }],
-      "border-color": [{ border: b() }],
-      "border-color-x": [{ "border-x": b() }],
-      "border-color-y": [{ "border-y": b() }],
-      "border-color-s": [{ "border-s": b() }],
-      "border-color-e": [{ "border-e": b() }],
-      "border-color-bs": [{ "border-bs": b() }],
-      "border-color-be": [{ "border-be": b() }],
-      "border-color-t": [{ "border-t": b() }],
-      "border-color-r": [{ "border-r": b() }],
-      "border-color-b": [{ "border-b": b() }],
-      "border-color-l": [{ "border-l": b() }],
-      "divide-color": [{ divide: b() }],
+      "border-color": [{ border: f() }],
+      "border-color-x": [{ "border-x": f() }],
+      "border-color-y": [{ "border-y": f() }],
+      "border-color-s": [{ "border-s": f() }],
+      "border-color-e": [{ "border-e": f() }],
+      "border-color-bs": [{ "border-bs": f() }],
+      "border-color-be": [{ "border-be": f() }],
+      "border-color-t": [{ "border-t": f() }],
+      "border-color-r": [{ "border-r": f() }],
+      "border-color-b": [{ "border-b": f() }],
+      "border-color-l": [{ "border-l": f() }],
+      "divide-color": [{ divide: f() }],
       "outline-style": [{ outline: [
         ...se(),
         "none",
         "hidden"
       ] }],
       "outline-offset": [{ "outline-offset": [
-        x,
-        l,
-        n
+        k,
+        n,
+        s
       ] }],
       "outline-w": [{ outline: [
         "",
-        x,
+        k,
         oe,
-        Z
+        q
       ] }],
-      "outline-color": [{ outline: b() }],
+      "outline-color": [{ outline: f() }],
       shadow: [{ shadow: [
         "",
         "none",
-        w,
+        b,
         pe,
         ue
       ] }],
-      "shadow-color": [{ shadow: b() }],
+      "shadow-color": [{ shadow: f() }],
       "inset-shadow": [{ "inset-shadow": [
         "none",
-        C,
+        h,
         pe,
         ue
       ] }],
-      "inset-shadow-color": [{ "inset-shadow": b() }],
-      "ring-w": [{ ring: B() }],
+      "inset-shadow-color": [{ "inset-shadow": f() }],
+      "ring-w": [{ ring: E() }],
       "ring-w-inset": ["ring-inset"],
-      "ring-color": [{ ring: b() }],
-      "ring-offset-w": [{ "ring-offset": [x, Z] }],
-      "ring-offset-color": [{ "ring-offset": b() }],
-      "inset-ring-w": [{ "inset-ring": B() }],
-      "inset-ring-color": [{ "inset-ring": b() }],
+      "ring-color": [{ ring: f() }],
+      "ring-offset-w": [{ "ring-offset": [k, q] }],
+      "ring-offset-color": [{ "ring-offset": f() }],
+      "inset-ring-w": [{ "inset-ring": E() }],
+      "inset-ring-color": [{ "inset-ring": f() }],
       "text-shadow": [{ "text-shadow": [
         "none",
         u,
         pe,
         ue
       ] }],
-      "text-shadow-color": [{ "text-shadow": b() }],
+      "text-shadow-color": [{ "text-shadow": f() }],
       opacity: [{ opacity: [
-        x,
-        l,
-        n
+        k,
+        n,
+        s
       ] }],
       "mix-blend": [{ "mix-blend": [
         ...Le(),
@@ -1213,51 +1213,51 @@ var zt = (e, r) => {
         "intersect",
         "exclude"
       ] }],
-      "mask-image-linear-pos": [{ "mask-linear": [x] }],
+      "mask-image-linear-pos": [{ "mask-linear": [k] }],
       "mask-image-linear-from-pos": [{ "mask-linear-from": P() }],
       "mask-image-linear-to-pos": [{ "mask-linear-to": P() }],
-      "mask-image-linear-from-color": [{ "mask-linear-from": b() }],
-      "mask-image-linear-to-color": [{ "mask-linear-to": b() }],
+      "mask-image-linear-from-color": [{ "mask-linear-from": f() }],
+      "mask-image-linear-to-color": [{ "mask-linear-to": f() }],
       "mask-image-t-from-pos": [{ "mask-t-from": P() }],
       "mask-image-t-to-pos": [{ "mask-t-to": P() }],
-      "mask-image-t-from-color": [{ "mask-t-from": b() }],
-      "mask-image-t-to-color": [{ "mask-t-to": b() }],
+      "mask-image-t-from-color": [{ "mask-t-from": f() }],
+      "mask-image-t-to-color": [{ "mask-t-to": f() }],
       "mask-image-r-from-pos": [{ "mask-r-from": P() }],
       "mask-image-r-to-pos": [{ "mask-r-to": P() }],
-      "mask-image-r-from-color": [{ "mask-r-from": b() }],
-      "mask-image-r-to-color": [{ "mask-r-to": b() }],
+      "mask-image-r-from-color": [{ "mask-r-from": f() }],
+      "mask-image-r-to-color": [{ "mask-r-to": f() }],
       "mask-image-b-from-pos": [{ "mask-b-from": P() }],
       "mask-image-b-to-pos": [{ "mask-b-to": P() }],
-      "mask-image-b-from-color": [{ "mask-b-from": b() }],
-      "mask-image-b-to-color": [{ "mask-b-to": b() }],
+      "mask-image-b-from-color": [{ "mask-b-from": f() }],
+      "mask-image-b-to-color": [{ "mask-b-to": f() }],
       "mask-image-l-from-pos": [{ "mask-l-from": P() }],
       "mask-image-l-to-pos": [{ "mask-l-to": P() }],
-      "mask-image-l-from-color": [{ "mask-l-from": b() }],
-      "mask-image-l-to-color": [{ "mask-l-to": b() }],
+      "mask-image-l-from-color": [{ "mask-l-from": f() }],
+      "mask-image-l-to-color": [{ "mask-l-to": f() }],
       "mask-image-x-from-pos": [{ "mask-x-from": P() }],
       "mask-image-x-to-pos": [{ "mask-x-to": P() }],
-      "mask-image-x-from-color": [{ "mask-x-from": b() }],
-      "mask-image-x-to-color": [{ "mask-x-to": b() }],
+      "mask-image-x-from-color": [{ "mask-x-from": f() }],
+      "mask-image-x-to-color": [{ "mask-x-to": f() }],
       "mask-image-y-from-pos": [{ "mask-y-from": P() }],
       "mask-image-y-to-pos": [{ "mask-y-to": P() }],
-      "mask-image-y-from-color": [{ "mask-y-from": b() }],
-      "mask-image-y-to-color": [{ "mask-y-to": b() }],
-      "mask-image-radial": [{ "mask-radial": [l, n] }],
+      "mask-image-y-from-color": [{ "mask-y-from": f() }],
+      "mask-image-y-to-color": [{ "mask-y-to": f() }],
+      "mask-image-radial": [{ "mask-radial": [n, s] }],
       "mask-image-radial-from-pos": [{ "mask-radial-from": P() }],
       "mask-image-radial-to-pos": [{ "mask-radial-to": P() }],
-      "mask-image-radial-from-color": [{ "mask-radial-from": b() }],
-      "mask-image-radial-to-color": [{ "mask-radial-to": b() }],
+      "mask-image-radial-from-color": [{ "mask-radial-from": f() }],
+      "mask-image-radial-to-color": [{ "mask-radial-to": f() }],
       "mask-image-radial-shape": [{ "mask-radial": ["circle", "ellipse"] }],
       "mask-image-radial-size": [{ "mask-radial": [{
         closest: ["side", "corner"],
         farthest: ["side", "corner"]
       }] }],
-      "mask-image-radial-pos": [{ "mask-radial-at": E() }],
-      "mask-image-conic-pos": [{ "mask-conic": [x] }],
+      "mask-image-radial-pos": [{ "mask-radial-at": R() }],
+      "mask-image-conic-pos": [{ "mask-conic": [k] }],
       "mask-image-conic-from-pos": [{ "mask-conic-from": P() }],
       "mask-image-conic-to-pos": [{ "mask-conic-to": P() }],
-      "mask-image-conic-from-color": [{ "mask-conic-from": b() }],
-      "mask-image-conic-to-color": [{ "mask-conic-to": b() }],
+      "mask-image-conic-from-color": [{ "mask-conic-from": f() }],
+      "mask-image-conic-to-color": [{ "mask-conic-to": f() }],
       "mask-mode": [{ mask: [
         "alpha",
         "luminance",
@@ -1277,25 +1277,25 @@ var zt = (e, r) => {
       "mask-type": [{ "mask-type": ["alpha", "luminance"] }],
       "mask-image": [{ mask: [
         "none",
-        l,
-        n
+        n,
+        s
       ] }],
       filter: [{ filter: [
         "",
         "none",
-        l,
-        n
+        n,
+        s
       ] }],
       blur: [{ blur: Ne() }],
       brightness: [{ brightness: [
-        x,
-        l,
-        n
+        k,
+        n,
+        s
       ] }],
       contrast: [{ contrast: [
-        x,
-        l,
-        n
+        k,
+        n,
+        s
       ] }],
       "drop-shadow": [{ "drop-shadow": [
         "",
@@ -1304,89 +1304,89 @@ var zt = (e, r) => {
         pe,
         ue
       ] }],
-      "drop-shadow-color": [{ "drop-shadow": b() }],
+      "drop-shadow-color": [{ "drop-shadow": f() }],
       grayscale: [{ grayscale: [
         "",
-        x,
-        l,
-        n
+        k,
+        n,
+        s
       ] }],
       "hue-rotate": [{ "hue-rotate": [
-        x,
-        l,
-        n
+        k,
+        n,
+        s
       ] }],
       invert: [{ invert: [
         "",
-        x,
-        l,
-        n
+        k,
+        n,
+        s
       ] }],
       saturate: [{ saturate: [
-        x,
-        l,
-        n
+        k,
+        n,
+        s
       ] }],
       sepia: [{ sepia: [
         "",
-        x,
-        l,
-        n
+        k,
+        n,
+        s
       ] }],
       "backdrop-filter": [{ "backdrop-filter": [
         "",
         "none",
-        l,
-        n
+        n,
+        s
       ] }],
       "backdrop-blur": [{ "backdrop-blur": Ne() }],
       "backdrop-brightness": [{ "backdrop-brightness": [
-        x,
-        l,
-        n
+        k,
+        n,
+        s
       ] }],
       "backdrop-contrast": [{ "backdrop-contrast": [
-        x,
-        l,
-        n
+        k,
+        n,
+        s
       ] }],
       "backdrop-grayscale": [{ "backdrop-grayscale": [
         "",
-        x,
-        l,
-        n
+        k,
+        n,
+        s
       ] }],
       "backdrop-hue-rotate": [{ "backdrop-hue-rotate": [
-        x,
-        l,
-        n
+        k,
+        n,
+        s
       ] }],
       "backdrop-invert": [{ "backdrop-invert": [
         "",
-        x,
-        l,
-        n
+        k,
+        n,
+        s
       ] }],
       "backdrop-opacity": [{ "backdrop-opacity": [
-        x,
-        l,
-        n
+        k,
+        n,
+        s
       ] }],
       "backdrop-saturate": [{ "backdrop-saturate": [
-        x,
-        l,
-        n
+        k,
+        n,
+        s
       ] }],
       "backdrop-sepia": [{ "backdrop-sepia": [
         "",
-        x,
-        l,
-        n
+        k,
+        n,
+        s
       ] }],
       "border-collapse": [{ border: ["collapse", "separate"] }],
-      "border-spacing": [{ "border-spacing": p() }],
-      "border-spacing-x": [{ "border-spacing-x": p() }],
-      "border-spacing-y": [{ "border-spacing-y": p() }],
+      "border-spacing": [{ "border-spacing": m() }],
+      "border-spacing-x": [{ "border-spacing-x": m() }],
+      "border-spacing-y": [{ "border-spacing-y": m() }],
       "table-layout": [{ table: ["auto", "fixed"] }],
       caption: [{ caption: ["top", "bottom"] }],
       transition: [{ transition: [
@@ -1397,39 +1397,39 @@ var zt = (e, r) => {
         "shadow",
         "transform",
         "none",
-        l,
-        n
+        n,
+        s
       ] }],
       "transition-behavior": [{ transition: ["normal", "discrete"] }],
       duration: [{ duration: [
-        x,
+        k,
         "initial",
-        l,
-        n
+        n,
+        s
       ] }],
       ease: [{ ease: [
         "linear",
         "initial",
-        S,
-        l,
-        n
+        z,
+        n,
+        s
       ] }],
       delay: [{ delay: [
-        x,
-        l,
-        n
+        k,
+        n,
+        s
       ] }],
       animate: [{ animate: [
         "none",
         i,
-        l,
-        n
+        n,
+        s
       ] }],
       backface: [{ backface: ["hidden", "visible"] }],
       perspective: [{ perspective: [
         A,
-        l,
-        n
+        n,
+        s
       ] }],
       "perspective-origin": [{ "perspective-origin": _() }],
       rotate: [{ rotate: ne() }],
@@ -1445,8 +1445,8 @@ var zt = (e, r) => {
       "skew-x": [{ "skew-x": we() }],
       "skew-y": [{ "skew-y": we() }],
       transform: [{ transform: [
-        l,
         n,
+        s,
         "",
         "none",
         "gpu",
@@ -1454,19 +1454,19 @@ var zt = (e, r) => {
       ] }],
       "transform-origin": [{ origin: _() }],
       "transform-style": [{ transform: ["3d", "flat"] }],
-      translate: [{ translate: ce() }],
-      "translate-x": [{ "translate-x": ce() }],
-      "translate-y": [{ "translate-y": ce() }],
-      "translate-z": [{ "translate-z": ce() }],
+      translate: [{ translate: de() }],
+      "translate-x": [{ "translate-x": de() }],
+      "translate-y": [{ "translate-y": de() }],
+      "translate-z": [{ "translate-z": de() }],
       "translate-none": ["translate-none"],
       zoom: [{ zoom: [
         V,
-        l,
-        n
+        n,
+        s
       ] }],
-      accent: [{ accent: b() }],
+      accent: [{ accent: f() }],
       appearance: [{ appearance: ["none", "auto"] }],
-      "caret-color": [{ caret: b() }],
+      "caret-color": [{ caret: f() }],
       "color-scheme": [{ scheme: [
         "normal",
         "dark",
@@ -1512,8 +1512,8 @@ var zt = (e, r) => {
         "nwse-resize",
         "zoom-in",
         "zoom-out",
-        l,
-        n
+        n,
+        s
       ] }],
       "field-sizing": [{ "field-sizing": ["fixed", "content"] }],
       "pointer-events": [{ "pointer-events": ["auto", "none"] }],
@@ -1524,8 +1524,8 @@ var zt = (e, r) => {
         "x"
       ] }],
       "scroll-behavior": [{ scroll: ["auto", "smooth"] }],
-      "scrollbar-thumb-color": [{ "scrollbar-thumb": b() }],
-      "scrollbar-track-color": [{ "scrollbar-track": b() }],
+      "scrollbar-thumb-color": [{ "scrollbar-thumb": f() }],
+      "scrollbar-track-color": [{ "scrollbar-track": f() }],
       "scrollbar-gutter": [{ "scrollbar-gutter": [
         "auto",
         "stable",
@@ -1536,28 +1536,28 @@ var zt = (e, r) => {
         "thin",
         "none"
       ] }],
-      "scroll-m": [{ "scroll-m": p() }],
-      "scroll-mx": [{ "scroll-mx": p() }],
-      "scroll-my": [{ "scroll-my": p() }],
-      "scroll-ms": [{ "scroll-ms": p() }],
-      "scroll-me": [{ "scroll-me": p() }],
-      "scroll-mbs": [{ "scroll-mbs": p() }],
-      "scroll-mbe": [{ "scroll-mbe": p() }],
-      "scroll-mt": [{ "scroll-mt": p() }],
-      "scroll-mr": [{ "scroll-mr": p() }],
-      "scroll-mb": [{ "scroll-mb": p() }],
-      "scroll-ml": [{ "scroll-ml": p() }],
-      "scroll-p": [{ "scroll-p": p() }],
-      "scroll-px": [{ "scroll-px": p() }],
-      "scroll-py": [{ "scroll-py": p() }],
-      "scroll-ps": [{ "scroll-ps": p() }],
-      "scroll-pe": [{ "scroll-pe": p() }],
-      "scroll-pbs": [{ "scroll-pbs": p() }],
-      "scroll-pbe": [{ "scroll-pbe": p() }],
-      "scroll-pt": [{ "scroll-pt": p() }],
-      "scroll-pr": [{ "scroll-pr": p() }],
-      "scroll-pb": [{ "scroll-pb": p() }],
-      "scroll-pl": [{ "scroll-pl": p() }],
+      "scroll-m": [{ "scroll-m": m() }],
+      "scroll-mx": [{ "scroll-mx": m() }],
+      "scroll-my": [{ "scroll-my": m() }],
+      "scroll-ms": [{ "scroll-ms": m() }],
+      "scroll-me": [{ "scroll-me": m() }],
+      "scroll-mbs": [{ "scroll-mbs": m() }],
+      "scroll-mbe": [{ "scroll-mbe": m() }],
+      "scroll-mt": [{ "scroll-mt": m() }],
+      "scroll-mr": [{ "scroll-mr": m() }],
+      "scroll-mb": [{ "scroll-mb": m() }],
+      "scroll-ml": [{ "scroll-ml": m() }],
+      "scroll-p": [{ "scroll-p": m() }],
+      "scroll-px": [{ "scroll-px": m() }],
+      "scroll-py": [{ "scroll-py": m() }],
+      "scroll-ps": [{ "scroll-ps": m() }],
+      "scroll-pe": [{ "scroll-pe": m() }],
+      "scroll-pbs": [{ "scroll-pbs": m() }],
+      "scroll-pbe": [{ "scroll-pbe": m() }],
+      "scroll-pt": [{ "scroll-pt": m() }],
+      "scroll-pr": [{ "scroll-pr": m() }],
+      "scroll-pb": [{ "scroll-pb": m() }],
+      "scroll-pl": [{ "scroll-pl": m() }],
       "snap-align": [{ snap: [
         "start",
         "end",
@@ -1599,17 +1599,17 @@ var zt = (e, r) => {
         "scroll",
         "contents",
         "transform",
-        l,
-        n
+        n,
+        s
       ] }],
-      fill: [{ fill: ["none", ...b()] }],
+      fill: [{ fill: ["none", ...f()] }],
       "stroke-w": [{ stroke: [
-        x,
+        k,
         oe,
-        Z,
+        q,
         Ye
       ] }],
-      stroke: [{ stroke: ["none", ...b()] }],
+      stroke: [{ stroke: ["none", ...f()] }],
       "forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
     },
     conflictingClassGroups: {
@@ -1795,7 +1795,7 @@ var zt = (e, r) => {
       "selection"
     ]
   };
-}, pr = (e, { cacheSize: r, prefix: t, experimentalParseClassName: o, extend: a = {}, override: s = {} }) => (ee(e, "cacheSize", r), ee(e, "prefix", t), ee(e, "experimentalParseClassName", o), be(e.theme, s.theme), be(e.classGroups, s.classGroups), be(e.conflictingClassGroups, s.conflictingClassGroups), be(e.conflictingClassGroupModifiers, s.conflictingClassGroupModifiers), ee(e, "postfixLookupClassGroups", s.postfixLookupClassGroups), ee(e, "orderSensitiveModifiers", s.orderSensitiveModifiers), me(e.theme, a.theme), me(e.classGroups, a.classGroups), me(e.conflictingClassGroups, a.conflictingClassGroups), me(e.conflictingClassGroupModifiers, a.conflictingClassGroupModifiers), Ae(e, a, "postfixLookupClassGroups"), Ae(e, a, "orderSensitiveModifiers"), e), ee = (e, r, t) => {
+}, br = (e, { cacheSize: r, prefix: t, experimentalParseClassName: o, extend: a = {}, override: l = {} }) => (ee(e, "cacheSize", r), ee(e, "prefix", t), ee(e, "experimentalParseClassName", o), be(e.theme, l.theme), be(e.classGroups, l.classGroups), be(e.conflictingClassGroups, l.conflictingClassGroups), be(e.conflictingClassGroupModifiers, l.conflictingClassGroupModifiers), ee(e, "postfixLookupClassGroups", l.postfixLookupClassGroups), ee(e, "orderSensitiveModifiers", l.orderSensitiveModifiers), me(e.theme, a.theme), me(e.classGroups, a.classGroups), me(e.conflictingClassGroups, a.conflictingClassGroups), me(e.conflictingClassGroupModifiers, a.conflictingClassGroupModifiers), Ae(e, a, "postfixLookupClassGroups"), Ae(e, a, "orderSensitiveModifiers"), e), ee = (e, r, t) => {
   t !== void 0 && (e[r] = t);
 }, be = (e, r) => {
   if (r) for (const t in r) ee(e, t, r[t]);
@@ -1804,7 +1804,7 @@ var zt = (e, r) => {
 }, Ae = (e, r, t) => {
   const o = r[t];
   o !== void 0 && (e[t] = e[t] ? e[t].concat(o) : o);
-}, br = (e, ...r) => typeof e == "function" ? He(Je, e, ...r) : He(() => pr(Je(), e), ...r), mr = br({ extend: { theme: {
+}, mr = (e, ...r) => typeof e == "function" ? He(Je, e, ...r) : He(() => br(Je(), e), ...r), fr = mr({ extend: { theme: {
   color: [
     "accent",
     "on-accent",
@@ -1824,9 +1824,9 @@ var zt = (e, r) => {
   radius: ["btn"]
 } } });
 function O(...e) {
-  return mr(xt(e));
+  return fr(yt(e));
 }
-var fr = ["src", "alt"], vr = /* @__PURE__ */ re({
+var vr = ["src", "alt"], gr = /* @__PURE__ */ re({
   __name: "SidebarHeader",
   props: {
     isCollapsed: { type: Boolean },
@@ -1839,31 +1839,31 @@ var fr = ["src", "alt"], vr = /* @__PURE__ */ re({
       sidebarHeaderLogo: "h-10 w-10 shrink-0 rounded object-cover object-center",
       sidebarHeaderTitle: "overflow-hidden whitespace-nowrap transition-all duration-300 text-lg font-semibold"
     };
-    return (t, o) => (y(), z("div", { class: c([r.sidebarHeaderContainer, e.isCollapsed && r.sidebarHeaderContainerCollapsed]) }, [g("img", {
-      class: c(r.sidebarHeaderLogo),
+    return (t, o) => (w(), S("div", { class: d([r.sidebarHeaderContainer, e.isCollapsed && r.sidebarHeaderContainerCollapsed]) }, [y("img", {
+      class: d(r.sidebarHeaderLogo),
       style: Ie(`background-color:${e.headerOptions.logoBgColor}`),
       src: e.headerOptions.logoSrc,
       alt: e.headerOptions.logoAlt
-    }, null, 14, fr), e.isCollapsed ? q("", !0) : (y(), z("h2", {
+    }, null, 14, vr), e.isCollapsed ? W("", !0) : (w(), S("h2", {
       key: 0,
-      class: c(r.sidebarHeaderTitle)
+      class: d(r.sidebarHeaderTitle)
     }, G(e.headerOptions.sidebarTitle), 3))], 2));
   }
-}), gr = vr, hr = { "aria-label": "Favorites" }, xr = ["data-collapsed"], yr = [
+}), hr = gr, xr = { "aria-label": "Favorites" }, yr = ["data-collapsed"], kr = [
   "id",
   "href",
   "target",
   "aria-label"
-], kr = [
+], wr = [
   "id",
   "aria-label",
   "onClick"
-], wr = [
+], Cr = [
   "id",
   "href",
   "target",
   "aria-label"
-], Cr = [
+], Sr = [
   "id",
   "aria-label",
   "onClick"
@@ -1905,140 +1905,140 @@ var fr = ["src", "alt"], vr = /* @__PURE__ */ re({
         "focus-visible:outline focus-visible:outline-[length:var(--border-m)]",
         "focus-visible:outline-[color:var(--color-text-accent)] focus-visible:outline-offset-[length:var(--border-m)]"
       ].join(" ")
-    }, o = { root: "inline-flex [--tooltip-z-index:50]" }, a = L(() => {
-      var w, C;
-      return ((w = (C = r.shortcutOptions.items) === null || C === void 0 ? void 0 : C.length) !== null && w !== void 0 ? w : 0) > 0;
-    }), s = L(() => {
-      var w;
-      return (w = r.shortcutOptions.tooltipPosition) !== null && w !== void 0 ? w : "right";
-    }), d = L(() => O(t.list, r.isCollapsed ? t.listCollapsed : t.listExpanded)), h = L(() => O(t.item, r.isCollapsed ? t.itemCollapsed : t.itemExpanded)), v = L(() => O(t.label, r.isCollapsed ? t.labelClosed : t.labelOpen));
-    function f(w) {
-      var C;
-      return (C = w.tooltip) !== null && C !== void 0 ? C : w.label;
+    }, o = { root: "inline-flex [--tooltip-z-index:50]" }, a = T(() => {
+      var b, h;
+      return ((b = (h = r.shortcutOptions.items) === null || h === void 0 ? void 0 : h.length) !== null && b !== void 0 ? b : 0) > 0;
+    }), l = T(() => {
+      var b;
+      return (b = r.shortcutOptions.tooltipPosition) !== null && b !== void 0 ? b : "right";
+    }), c = T(() => O(t.list, r.isCollapsed ? t.listCollapsed : t.listExpanded)), x = T(() => O(t.item, r.isCollapsed ? t.itemCollapsed : t.itemExpanded)), p = T(() => O(t.label, r.isCollapsed ? t.labelClosed : t.labelOpen));
+    function g(b) {
+      var h;
+      return (h = b.tooltip) !== null && h !== void 0 ? h : b.label;
     }
-    return (w, C) => a.value ? (y(), z("section", {
+    return (b, h) => a.value ? (w(), S("section", {
       key: 0,
       "data-testid": "sidebar-shortcuts",
-      class: c(t.root)
-    }, [g("nav", hr, [g("ul", {
+      class: d(t.root)
+    }, [y("nav", xr, [y("ul", {
       "data-testid": "sidebar-shortcuts-list",
-      class: c(d.value),
+      class: d(c.value),
       "data-collapsed": e.isCollapsed ? "true" : "false"
-    }, [(y(!0), z(te, null, $e(e.shortcutOptions.items, (u) => (y(), z("li", {
+    }, [(w(!0), S(te, null, $e(e.shortcutOptions.items, (u) => (w(), S("li", {
       key: u.id,
       "data-testid": "sidebar-shortcut"
-    }, [e.isCollapsed ? (y(), D(m(Xe), {
+    }, [e.isCollapsed ? (w(), H(v(Xe), {
       key: 0,
       id: `sidebar-shortcut-tooltip-${u.id}`,
-      text: f(u),
-      position: s.value,
+      text: g(u),
+      position: l.value,
       ui: o
     }, {
-      default: ve(() => [u.type === "link" ? (y(), z("a", {
+      default: ve(() => [u.type === "link" ? (w(), S("a", {
         key: 0,
         id: `shortcut-${u.id}`,
         "data-testid": "sidebar-shortcut-link",
         href: u.link,
         target: u.target,
-        class: c(t.control),
+        class: d(t.control),
         "aria-label": u.label
-      }, [g("div", { class: c(h.value) }, [g("i", {
+      }, [y("div", { class: d(x.value) }, [y("i", {
         "data-testid": "sidebar-shortcut-icon",
-        class: c(`${t.icon}${u.icon}`),
+        class: d(`${t.icon}${u.icon}`),
         "aria-hidden": "true"
-      }, null, 2), g("span", {
+      }, null, 2), y("span", {
         "data-testid": "sidebar-shortcut-label",
-        class: c(v.value),
+        class: d(p.value),
         "aria-hidden": "true"
-      }, [g("p", { class: c(t.labelText) }, G(u.label), 3)], 2)], 2)], 10, yr)) : (y(), z("button", {
+      }, [y("p", { class: d(t.labelText) }, G(u.label), 3)], 2)], 2)], 10, kr)) : (w(), S("button", {
         key: 1,
         id: `shortcut-${u.id}`,
         type: "button",
         "data-testid": "sidebar-shortcut-button",
-        class: c(t.control),
+        class: d(t.control),
         "aria-label": u.label,
         onClick: u.onClick
-      }, [g("div", { class: c(h.value) }, [g("i", {
+      }, [y("div", { class: d(x.value) }, [y("i", {
         "data-testid": "sidebar-shortcut-icon",
-        class: c(`${t.icon}${u.icon}`),
+        class: d(`${t.icon}${u.icon}`),
         "aria-hidden": "true"
-      }, null, 2), g("span", {
+      }, null, 2), y("span", {
         "data-testid": "sidebar-shortcut-label",
-        class: c(v.value),
+        class: d(p.value),
         "aria-hidden": "true"
-      }, [g("p", { class: c(t.labelText) }, G(u.label), 3)], 2)], 2)], 10, kr))]),
+      }, [y("p", { class: d(t.labelText) }, G(u.label), 3)], 2)], 2)], 10, wr))]),
       _: 2
     }, 1032, [
       "id",
       "text",
       "position"
-    ])) : (y(), z(te, { key: 1 }, [u.type === "link" ? (y(), z("a", {
+    ])) : (w(), S(te, { key: 1 }, [u.type === "link" ? (w(), S("a", {
       key: 0,
       id: `shortcut-${u.id}`,
       "data-testid": "sidebar-shortcut-link",
       href: u.link,
       target: u.target,
-      class: c(t.control),
+      class: d(t.control),
       "aria-label": u.label
-    }, [g("div", { class: c(h.value) }, [g("i", {
+    }, [y("div", { class: d(x.value) }, [y("i", {
       "data-testid": "sidebar-shortcut-icon",
-      class: c(`${t.icon}${u.icon}`),
+      class: d(`${t.icon}${u.icon}`),
       "aria-hidden": "true"
-    }, null, 2), g("span", {
+    }, null, 2), y("span", {
       "data-testid": "sidebar-shortcut-label",
-      class: c(v.value)
-    }, [g("p", { class: c(t.labelText) }, G(u.label), 3)], 2)], 2)], 10, wr)) : (y(), z("button", {
+      class: d(p.value)
+    }, [y("p", { class: d(t.labelText) }, G(u.label), 3)], 2)], 2)], 10, Cr)) : (w(), S("button", {
       key: 1,
       id: `shortcut-${u.id}`,
       type: "button",
       "data-testid": "sidebar-shortcut-button",
-      class: c(t.control),
+      class: d(t.control),
       "aria-label": u.label,
       onClick: u.onClick
-    }, [g("div", { class: c(h.value) }, [g("i", {
+    }, [y("div", { class: d(x.value) }, [y("i", {
       "data-testid": "sidebar-shortcut-icon",
-      class: c(`${t.icon}${u.icon}`),
+      class: d(`${t.icon}${u.icon}`),
       "aria-hidden": "true"
-    }, null, 2), g("span", {
+    }, null, 2), y("span", {
       "data-testid": "sidebar-shortcut-label",
-      class: c(v.value)
-    }, [g("p", { class: c(t.labelText) }, G(u.label), 3)], 2)], 2)], 10, Cr))], 64))]))), 128))], 10, xr)])], 2)) : q("", !0);
+      class: d(p.value)
+    }, [y("p", { class: d(t.labelText) }, G(u.label), 3)], 2)], 2)], 10, Sr))], 64))]))), 128))], 10, yr)])], 2)) : W("", !0);
   }
-}), Sr = zr, Or = ["id", "aria-label"], $r = [
+}), Or = zr, $r = ["id", "aria-label"], _r = [
   "id",
   "href",
   "target",
   "aria-current",
   "aria-label"
-], _r = [
+], Ar = [
   "id",
   "aria-current",
   "aria-label",
   "onClick"
-], Ar = [
+], Ir = [
   "id",
   "aria-expanded",
   "aria-controls",
   "onClick"
-], Ir = ["id", "aria-hidden"], jr = [
+], jr = ["id", "aria-hidden"], Pr = [
   "id",
   "href",
   "target",
   "aria-current"
-], Pr = [
+], Gr = [
   "id",
   "aria-current",
   "onClick"
-], Gr = [
+], Tr = [
   "id",
   "href",
   "target",
   "aria-current"
-], Tr = [
+], Mr = [
   "id",
   "aria-current",
   "onClick"
-], ze = "justify-center gap-0 px-2", fe = "max-w-[12rem] opacity-100 translate-x-0", Se = "max-w-0 opacity-0 -translate-x-1 pointer-events-none", Q = "flex-1 truncate leading-tight", Mr = "max-h-96 opacity-100 py-1", Br = "max-h-0 opacity-0 py-0 pointer-events-none", Er = /* @__PURE__ */ re({
+], Se = "justify-center gap-0 px-2", fe = "max-w-[12rem] opacity-100 translate-x-0", ze = "max-w-0 opacity-0 -translate-x-1 pointer-events-none", Q = "flex-1 truncate leading-tight", Br = "max-h-96 opacity-100 py-1", Er = "max-h-0 opacity-0 py-0 pointer-events-none", Rr = /* @__PURE__ */ re({
   __name: "SidebarNavigationItems",
   props: {
     isCollapsed: { type: Boolean },
@@ -2046,54 +2046,54 @@ var fr = ["src", "alt"], vr = /* @__PURE__ */ re({
   },
   setup(e) {
     const r = e, t = vt(/* @__PURE__ */ new Set());
-    function o(k) {
-      var S;
-      return !!(!((S = k.subItems) === null || S === void 0) && S.length);
+    function o(C) {
+      var z;
+      return !!(!((z = C.subItems) === null || z === void 0) && z.length);
     }
-    function a(k) {
-      return t.has(k);
+    function a(C) {
+      return t.has(C);
     }
-    function s(k) {
-      t.has(k) ? t.delete(k) : t.add(k);
+    function l(C) {
+      t.has(C) ? t.delete(C) : t.add(C);
     }
-    function d() {
-      for (const k of r.navigationOptions.items) {
-        if (!o(k)) continue;
-        const S = k.subItems.some((i) => i.current);
-        (k.current || S) && t.add(k.id);
+    function c() {
+      for (const C of r.navigationOptions.items) {
+        if (!o(C)) continue;
+        const z = C.subItems.some((i) => i.current);
+        (C.current || z) && t.add(C.id);
       }
     }
-    Fe(() => r.navigationOptions.items, () => d(), {
+    Fe(() => r.navigationOptions.items, () => c(), {
       immediate: !0,
       deep: !0
-    }), Fe(() => r.isCollapsed, (k) => {
-      k && t.clear();
+    }), Fe(() => r.isCollapsed, (C) => {
+      C && t.clear();
     });
-    function h(k) {
-      var S;
-      return ((S = k.subItems) !== null && S !== void 0 ? S : []).map((i) => ({
+    function x(C) {
+      var z;
+      return ((z = C.subItems) !== null && z !== void 0 ? z : []).map((i) => ({
         id: i.id,
         label: i.label
       }));
     }
-    function v(k, S) {
+    function p(C, z) {
       var i;
-      const T = (i = k.subItems) === null || i === void 0 ? void 0 : i.find((E, _) => E.id !== void 0 ? E.id === S : _ === S);
-      if (T) {
-        if (T.type === "button") {
-          T.onClick();
+      const M = (i = C.subItems) === null || i === void 0 ? void 0 : i.find((R, _) => R.id !== void 0 ? R.id === z : _ === z);
+      if (M) {
+        if (M.type === "button") {
+          M.onClick();
           return;
         }
-        if (T.link) {
-          if (T.target === "_blank") {
-            window.open(T.link, "_blank", "noopener,noreferrer");
+        if (M.link) {
+          if (M.target === "_blank") {
+            window.open(M.link, "_blank", "noopener,noreferrer");
             return;
           }
-          window.location.assign(T.link);
+          window.location.assign(M.link);
         }
       }
     }
-    const f = [
+    const g = [
       "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",
@@ -2104,11 +2104,11 @@ var fr = ["src", "alt"], vr = /* @__PURE__ */ re({
       "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(" "), w = [
+    ].join(" "), b = [
       "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(" "), C = [
+    ].join(" "), h = [
       "az text-[1.5rem] leading-none shrink-0 text-[color:var(--color-text-primary)]",
       "transition-transform duration-300 ease-[cubic-bezier(0.22,1,0.36,1)]",
       "motion-reduce:transition-none"
@@ -2128,7 +2128,7 @@ var fr = ["src", "alt"], vr = /* @__PURE__ */ re({
       "focus-visible:outline focus-visible:outline-[length:var(--border-m)]",
       "focus-visible:outline-[color:var(--color-text-accent)] focus-visible:outline-offset-[length:var(--border-m)]",
       "aria-[current=page]:bg-[#F3EDE3] aria-[current=page]:text-[color:var(--color-text-primary)]"
-    ].join(" "), A = L(() => ({
+    ].join(" "), A = T(() => ({
       tooltip: { root: "flex w-full [--tooltip-z-index:50]" },
       listBox: {
         root: "w-full",
@@ -2136,171 +2136,171 @@ var fr = ["src", "alt"], vr = /* @__PURE__ */ re({
         panel: "z-50"
       }
     }));
-    return (k, S) => (y(!0), z(te, null, $e(e.navigationOptions.items, (i, T) => {
-      var E;
-      return y(), z("li", {
-        key: (E = i.id) !== null && E !== void 0 ? E : T,
+    return (C, z) => (w(!0), S(te, null, $e(e.navigationOptions.items, (i, M) => {
+      var R;
+      return w(), S("li", {
+        key: (R = i.id) !== null && R !== void 0 ? R : M,
         "data-testid": "sidebar-nav-item",
         class: "list-none"
-      }, [e.isCollapsed && o(i) ? (y(), D(m(Qe), {
+      }, [e.isCollapsed && o(i) ? (w(), H(v(Qe), {
         key: 0,
-        items: h(i),
+        items: x(i),
         position: "right",
         trigger: "hover",
         "aria-label": i.label,
         ui: A.value.listBox,
-        onAction: (_) => v(i, _)
+        onAction: (_) => p(i, _)
       }, {
-        activator: ve(() => [g("button", {
+        activator: ve(() => [y("button", {
           id: `navigation-${i.id}`,
           type: "button",
           "data-testid": "sidebar-nav-expand",
-          class: c(m(O)(m(f), ze)),
+          class: d(v(O)(v(g), Se)),
           "aria-label": i.label,
-          "aria-haspopup": !0
-        }, [g("i", {
+          "aria-haspopup": "menu"
+        }, [y("i", {
           "data-testid": "sidebar-nav-icon",
-          class: c(m(O)(m(C), `az-${i.icon}`)),
+          class: d(v(O)(v(h), `az-${i.icon}`)),
           "aria-hidden": "true"
-        }, null, 2), g("span", {
+        }, null, 2), y("span", {
           "data-testid": "sidebar-nav-label",
-          class: c(m(O)(m(w), Q, Se)),
+          class: d(v(O)(v(b), Q, ze)),
           "aria-hidden": "true"
-        }, G(i.label), 3)], 10, Or)]),
+        }, G(i.label), 3)], 10, $r)]),
         _: 2
       }, 1032, [
         "items",
         "aria-label",
         "ui",
         "onAction"
-      ])) : e.isCollapsed ? (y(), D(m(Xe), {
+      ])) : e.isCollapsed ? (w(), H(v(Xe), {
         key: 1,
         id: `sidebar-tooltip-${i.id}`,
         text: i.label,
         position: "right",
         ui: A.value.tooltip
       }, {
-        default: ve(() => [i.type === "link" ? (y(), z("a", {
+        default: ve(() => [i.type === "link" ? (w(), S("a", {
           key: 0,
           id: `navigation-${i.id}`,
           "data-testid": "sidebar-nav-link",
-          class: c(m(O)(m(f), ze)),
+          class: d(v(O)(v(g), Se)),
           href: i.link,
           target: i.target,
           "aria-current": i.current ? "page" : void 0,
           "aria-label": i.label
-        }, [g("i", {
+        }, [y("i", {
           "data-testid": "sidebar-nav-icon",
-          class: c(m(O)(m(C), `az-${i.icon}`)),
+          class: d(v(O)(v(h), `az-${i.icon}`)),
           "aria-hidden": "true"
-        }, null, 2), g("span", {
+        }, null, 2), y("span", {
           "data-testid": "sidebar-nav-label",
-          class: c(m(O)(m(w), Q, Se)),
+          class: d(v(O)(v(b), Q, ze)),
           "aria-hidden": "true"
-        }, G(i.label), 3)], 10, $r)) : (y(), z("button", {
+        }, G(i.label), 3)], 10, _r)) : (w(), S("button", {
           key: 1,
           id: `navigation-${i.id}`,
           type: "button",
           "data-testid": "sidebar-nav-button",
-          class: c(m(O)(m(f), ze)),
+          class: d(v(O)(v(g), Se)),
           "aria-current": i.current ? "page" : void 0,
           "aria-label": i.label,
           onClick: i.onClick
-        }, [g("i", {
+        }, [y("i", {
           "data-testid": "sidebar-nav-icon",
-          class: c(m(O)(m(C), `az-${i.icon}`)),
+          class: d(v(O)(v(h), `az-${i.icon}`)),
           "aria-hidden": "true"
-        }, null, 2), g("span", {
+        }, null, 2), y("span", {
           "data-testid": "sidebar-nav-label",
-          class: c(m(O)(m(w), Q, Se)),
+          class: d(v(O)(v(b), Q, ze)),
           "aria-hidden": "true"
-        }, G(i.label), 3)], 10, _r))]),
+        }, G(i.label), 3)], 10, Ar))]),
         _: 2
       }, 1032, [
         "id",
         "text",
         "ui"
-      ])) : o(i) ? (y(), z(te, { key: 2 }, [g("button", {
+      ])) : o(i) ? (w(), S(te, { key: 2 }, [y("button", {
         id: `navigation-${i.id}`,
         type: "button",
         "data-testid": "sidebar-nav-expand",
-        class: c(m(f)),
+        class: d(v(g)),
         "aria-expanded": a(i.id),
         "aria-controls": `navigation-submenu-${i.id}`,
-        onClick: (_) => s(i.id)
+        onClick: (_) => l(i.id)
       }, [
-        g("i", {
+        y("i", {
           "data-testid": "sidebar-nav-icon",
-          class: c(m(O)(m(C), `az-${i.icon}`)),
+          class: d(v(O)(v(h), `az-${i.icon}`)),
           "aria-hidden": "true"
         }, null, 2),
-        g("span", {
+        y("span", {
           "data-testid": "sidebar-nav-label",
-          class: c(m(O)(m(w), Q, fe))
+          class: d(v(O)(v(b), Q, fe))
         }, G(i.label), 3),
-        g("i", {
+        y("i", {
           "data-testid": "sidebar-nav-chevron",
-          class: c(m(O)(m(w), m(u), fe, a(i.id) && "rotate-180")),
+          class: d(v(O)(v(b), v(u), fe, a(i.id) && "rotate-180")),
           "aria-hidden": "true"
         }, null, 2)
-      ], 10, Ar), g("ul", {
+      ], 10, Ir), y("ul", {
         id: `navigation-submenu-${i.id}`,
         "data-testid": "sidebar-nav-submenu",
-        class: c(m(O)(m($), a(i.id) ? Mr : Br)),
+        class: d(v(O)(v($), a(i.id) ? Br : Er)),
         "aria-hidden": !a(i.id) || void 0
-      }, [(y(!0), z(te, null, $e(i.subItems, (_) => (y(), z("li", {
+      }, [(w(!0), S(te, null, $e(i.subItems, (_) => (w(), S("li", {
         key: _.id,
         class: "list-none"
-      }, [_.type === "link" ? (y(), z("a", {
+      }, [_.type === "link" ? (w(), S("a", {
         key: 0,
         id: `navigation-${_.id}`,
         "data-testid": "sidebar-nav-sublink",
-        class: c(m(j)),
+        class: d(v(j)),
         href: _.link,
         target: _.target,
         "aria-current": _.current ? "page" : void 0
-      }, G(_.label), 11, jr)) : (y(), z("button", {
+      }, G(_.label), 11, Pr)) : (w(), S("button", {
         key: 1,
         id: `navigation-${_.id}`,
         type: "button",
         "data-testid": "sidebar-nav-subbutton",
-        class: c(m(j)),
+        class: d(v(j)),
         "aria-current": _.current ? "page" : void 0,
         onClick: _.onClick
-      }, G(_.label), 11, Pr))]))), 128))], 10, Ir)], 64)) : (y(), z(te, { key: 3 }, [i.type === "link" ? (y(), z("a", {
+      }, G(_.label), 11, Gr))]))), 128))], 10, jr)], 64)) : (w(), S(te, { key: 3 }, [i.type === "link" ? (w(), S("a", {
         key: 0,
         id: `navigation-${i.id}`,
         "data-testid": "sidebar-nav-link",
-        class: c(m(f)),
+        class: d(v(g)),
         href: i.link,
         target: i.target,
         "aria-current": i.current ? "page" : void 0
-      }, [g("i", {
+      }, [y("i", {
         "data-testid": "sidebar-nav-icon",
-        class: c(m(O)(m(C), `az-${i.icon}`)),
+        class: d(v(O)(v(h), `az-${i.icon}`)),
         "aria-hidden": "true"
-      }, null, 2), g("span", {
+      }, null, 2), y("span", {
         "data-testid": "sidebar-nav-label",
-        class: c(m(O)(m(w), Q, fe))
-      }, G(i.label), 3)], 10, Gr)) : (y(), z("button", {
+        class: d(v(O)(v(b), Q, fe))
+      }, G(i.label), 3)], 10, Tr)) : (w(), S("button", {
         key: 1,
         id: `navigation-${i.id}`,
         type: "button",
         "data-testid": "sidebar-nav-button",
-        class: c(m(f)),
+        class: d(v(g)),
         "aria-current": i.current ? "page" : void 0,
         onClick: i.onClick
-      }, [g("i", {
+      }, [y("i", {
         "data-testid": "sidebar-nav-icon",
-        class: c(m(O)(m(C), `az-${i.icon}`)),
+        class: d(v(O)(v(h), `az-${i.icon}`)),
         "aria-hidden": "true"
-      }, null, 2), g("span", {
+      }, null, 2), y("span", {
         "data-testid": "sidebar-nav-label",
-        class: c(m(O)(m(w), Q, fe))
-      }, G(i.label), 3)], 10, Tr))], 64))]);
+        class: d(v(O)(v(b), Q, fe))
+      }, G(i.label), 3)], 10, Mr))], 64))]);
     }), 128));
   }
-}), Rr = Er, Lr = ["src", "alt"], Nr = /* @__PURE__ */ re({
+}), Lr = Rr, Nr = ["src", "alt"], Fr = /* @__PURE__ */ re({
   __name: "SidebarFooterAvatar",
   props: {
     avatarUrl: {},
@@ -2313,28 +2313,28 @@ var fr = ["src", "alt"], vr = /* @__PURE__ */ re({
       root: "flex h-10 w-10 shrink-0 overflow-hidden rounded-full ring-1 ring-[color:var(--color-border-primary)]",
       img: "block h-full w-full object-cover object-center",
       initials: "flex h-full w-full items-center justify-center text-xs font-semibold text-[color:var(--color-text-primary-inverse)]"
-    }, o = L(() => ({ backgroundColor: r.initialsBG || "var(--color-blue-grey-600, #525252)" }));
-    return (a, s) => {
-      var d;
-      return y(), z("div", {
+    }, o = T(() => ({ backgroundColor: r.initialsBG || "var(--color-blue-grey-600, #525252)" }));
+    return (a, l) => {
+      var c;
+      return w(), S("div", {
         "data-testid": "sidebar-avatar",
-        class: c(t.root)
-      }, [e.avatarUrl ? (y(), z("img", {
+        class: d(t.root)
+      }, [e.avatarUrl ? (w(), S("img", {
         key: 0,
         "data-testid": "sidebar-avatar-img",
-        class: c(t.img),
+        class: d(t.img),
         src: e.avatarUrl,
-        alt: (d = e.name) !== null && d !== void 0 ? d : ""
-      }, null, 10, Lr)) : (y(), z("span", {
+        alt: (c = e.name) !== null && c !== void 0 ? c : ""
+      }, null, 10, Nr)) : (w(), S("span", {
         key: 1,
         "data-testid": "sidebar-avatar-initials",
-        class: c(t.initials),
+        class: d(t.initials),
         style: Ie(o.value),
         "aria-hidden": "true"
       }, G(e.initials), 7))], 2);
     };
   }
-}), Ke = Nr, Fr = ["aria-label"], Vr = ["aria-hidden"], Ur = /* @__PURE__ */ re({
+}), Ke = Fr, Vr = ["aria-label"], Dr = ["aria-hidden"], Ur = /* @__PURE__ */ re({
   __name: "SidebarFooter",
   props: {
     isCollapsed: { type: Boolean },
@@ -2372,65 +2372,65 @@ var fr = ["src", "alt"], vr = /* @__PURE__ */ re({
         "focus-visible:outline focus-visible:outline-[length:var(--border-m)]",
         "focus-visible:outline-[color:var(--color-text-accent)] focus-visible:outline-offset-[length:var(--border-m)]"
       ].join(" ")
-    }, s = L(() => {
+    }, l = T(() => {
       var u;
       return (u = t.footerOptions.profileMenuItems) !== null && u !== void 0 ? u : [];
-    }), d = L(() => s.value.length > 0), h = L(() => s.value.map((u) => ({
+    }), c = T(() => l.value.length > 0), x = T(() => l.value.map((u) => ({
       id: u.id,
       label: u.label,
       disabled: u.disabled,
       appearance: u.appearance,
       divider: u.divider
-    }))), v = L(() => ({
+    }))), p = T(() => ({
       root: "shrink-0",
       activator: "inline-flex",
       panel: "z-50"
-    })), f = L(() => {
+    })), g = T(() => {
       var u;
       return (u = t.footerOptions.profileMenuPosition) !== null && u !== void 0 ? u : "bottom-up";
     });
-    function w(u) {
-      return s.value.find(($, j) => $.id !== void 0 ? $.id === u : j === u);
+    function b(u) {
+      return l.value.find(($, j) => $.id !== void 0 ? $.id === u : j === u);
     }
-    function C(u) {
+    function h(u) {
       var $, j;
-      ($ = w(u)) === null || $ === void 0 || (j = $.onClick) === null || j === void 0 || j.call($);
+      ($ = b(u)) === null || $ === void 0 || (j = $.onClick) === null || j === void 0 || j.call($);
     }
     return (u, $) => {
-      var j, A, k;
-      return y(), z("div", {
+      var j, A, C;
+      return w(), S("div", {
         "data-testid": "sidebar-footer",
-        class: c(m(O)(a.root, e.isCollapsed ? a.rootCollapsed : a.rootExpanded))
-      }, [g("div", {
+        class: d(v(O)(a.root, e.isCollapsed ? a.rootCollapsed : a.rootExpanded))
+      }, [y("div", {
         "data-testid": "sidebar-footer-identity",
-        class: c(m(O)(a.identity, e.isCollapsed ? a.identityCollapsed : a.identityExpanded))
-      }, [d.value ? (y(), D(m(Qe), {
+        class: d(v(O)(a.identity, e.isCollapsed ? a.identityCollapsed : a.identityExpanded))
+      }, [c.value ? (w(), H(v(Qe), {
         key: 0,
-        items: h.value,
-        position: f.value,
+        items: x.value,
+        position: g.value,
         trigger: "hover",
         "aria-label": e.footerOptions.name ? `${e.footerOptions.name} menu` : "User menu",
-        ui: v.value,
-        onAction: C
+        ui: p.value,
+        onAction: h
       }, {
         activator: ve(() => {
-          var S;
-          return [g("button", {
+          var z;
+          return [y("button", {
             type: "button",
             "data-testid": "sidebar-profile-trigger",
-            class: c(a.avatarTrigger),
+            class: d(a.avatarTrigger),
             "aria-label": e.footerOptions.name ? `${e.footerOptions.name} menu` : "User menu"
           }, [Oe(Ke, {
             "avatar-url": e.footerOptions.avatarUrl,
             name: e.footerOptions.name,
-            initials: (S = e.footerOptions.initials) !== null && S !== void 0 ? S : "AZ",
+            initials: (z = e.footerOptions.initials) !== null && z !== void 0 ? z : "AZ",
             "initials-b-g": e.footerOptions.initialsBG
           }, null, 8, [
             "avatar-url",
             "name",
             "initials",
             "initials-b-g"
-          ])], 10, Fr)];
+          ])], 10, Vr)];
         }),
         _: 1
       }, 8, [
@@ -2438,7 +2438,7 @@ var fr = ["src", "alt"], vr = /* @__PURE__ */ re({
         "position",
         "aria-label",
         "ui"
-      ])) : (y(), D(Ke, {
+      ])) : (w(), H(Ke, {
         key: 1,
         "avatar-url": e.footerOptions.avatarUrl,
         name: e.footerOptions.name,
@@ -2449,29 +2449,29 @@ var fr = ["src", "alt"], vr = /* @__PURE__ */ re({
         "name",
         "initials",
         "initials-b-g"
-      ])), g("div", {
+      ])), y("div", {
         "data-testid": "sidebar-user-text",
-        class: c(m(O)(a.text, e.isCollapsed ? a.textClosed : a.textOpen)),
+        class: d(v(O)(a.text, e.isCollapsed ? a.textClosed : a.textOpen)),
         "aria-hidden": e.isCollapsed || void 0
-      }, [g("p", {
+      }, [y("p", {
         "data-testid": "sidebar-user-name",
-        class: c(a.name)
-      }, G((A = e.footerOptions.name) !== null && A !== void 0 ? A : "First Last"), 3), g("p", {
+        class: d(a.name)
+      }, G((A = e.footerOptions.name) !== null && A !== void 0 ? A : "First Last"), 3), y("p", {
         "data-testid": "sidebar-user-title",
-        class: c(a.jobTitle)
-      }, G((k = e.footerOptions.jobTitle) !== null && k !== void 0 ? k : "Job Title"), 3)], 10, Vr)], 2), Oe(m(ht), {
+        class: d(a.jobTitle)
+      }, G((C = e.footerOptions.jobTitle) !== null && C !== void 0 ? C : "Job Title"), 3)], 10, Dr)], 2), Oe(v(xt), {
         "data-testid": "sidebar-collapse",
         ghost: "",
         appearance: "standard",
         size: "s",
-        class: c(m(O)(a.collapseBtn, e.isCollapsed && "rotate-180")),
+        class: d(v(O)(a.collapseBtn, e.isCollapsed && "rotate-180")),
         "aria-label": e.isCollapsed ? "Expand sidebar" : "Collapse sidebar",
         "icon-class": "az-ui-sidebar-collapse",
-        onClick: $[0] || ($[0] = (S) => o("toggleSidebarCollapsed"))
+        onClick: $[0] || ($[0] = (z) => o("toggleSidebarCollapsed"))
       }, null, 8, ["class", "aria-label"])], 2);
     };
   }
-}), Wr = Ur, Dr = {
+}), Wr = Ur, Hr = {
   showHeader: !0,
   classes: "",
   headerOptions: () => ({
@@ -2485,16 +2485,16 @@ var fr = ["src", "alt"], vr = /* @__PURE__ */ re({
   shortcutOptions: () => ({ items: [] }),
   navigationOptions: () => ({ items: [] }),
   footerOptions: () => ({ initials: "AZ" })
-}, Hr = ["aria-expanded"], Yr = {
+}, Yr = ["aria-expanded"], Zr = {
   key: 0,
   "data-testid": "sidebar-header-slot"
-}, Zr = {
+}, qr = {
   key: 1,
   "data-testid": "sidebar-shortcuts-slot"
-}, qr = {
+}, Jr = {
   "data-testid": "sidebar-nav",
   "aria-label": "Main"
-}, Jr = /* @__PURE__ */ re({
+}, Kr = /* @__PURE__ */ re({
   __name: "index",
   props: /* @__PURE__ */ ft({
     showHeader: { type: Boolean },
@@ -2504,9 +2504,15 @@ var fr = ["src", "alt"], vr = /* @__PURE__ */ re({
     shortcutOptions: {},
     navigationOptions: {},
     footerOptions: {}
-  }, Dr),
+  }, Hr),
   setup(e) {
-    const r = gt(!1), t = L(() => r.value ? "4.5rem" : "17.5rem"), o = {
+    const r = e, t = ht(), o = gt(!1), a = T(() => o.value ? "4.5rem" : "17.5rem"), l = T(() => {
+      var b, h;
+      return !!t.shortcuts || !!(r.showShortcuts && ((b = (h = r.shortcutOptions) === null || h === void 0 || (h = h.items) === null || h === void 0 ? void 0 : h.length) !== null && b !== void 0 ? b : 0) > 0);
+    }), c = T(() => {
+      var b, h;
+      return !!t.nav || ((b = (h = r.navigationOptions) === null || h === void 0 || (h = h.items) === null || h === void 0 ? void 0 : h.length) !== null && b !== void 0 ? b : 0) > 0;
+    }), x = T(() => l.value && c.value), p = {
       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",
@@ -2515,50 +2521,57 @@ var fr = ["src", "alt"], vr = /* @__PURE__ */ re({
         "will-change-[width]"
       ].join(" "),
       sidebarOverflow: "overflow-visible",
+      sectionDivider: "m-0 w-full shrink-0 border-0 border-t border-solid border-edge",
       navSection: "flex-1 min-h-0",
       navSectionExpanded: "overflow-y-auto overflow-x-hidden",
       navSectionCollapsed: "overflow-visible",
       navList: "flex flex-col gap-1 m-0 p-0 list-none",
       footer: "mt-auto pt-4 flex items-center border-t border-edge shrink-0 overflow-visible"
     };
-    function a() {
-      r.value = !r.value;
+    function g() {
+      o.value = !o.value;
     }
-    return (s, d) => (y(), z("aside", {
+    return (b, h) => (w(), S("aside", {
       "data-testid": "sidebar",
-      class: c(m(O)(o.sidebarContainer, o.sidebarOverflow, e.classes)),
-      style: Ie({ width: t.value }),
-      "aria-expanded": !r.value
+      class: d(v(O)(p.sidebarContainer, p.sidebarOverflow, e.classes)),
+      style: Ie({ width: a.value }),
+      "aria-expanded": !o.value
     }, [
-      e.showHeader || s.$slots.header ? (y(), z("div", Yr, [de(s.$slots, "header"), e.showHeader && !s.$slots.header ? (y(), D(gr, {
+      e.showHeader || b.$slots.header ? (w(), S("div", Zr, [ce(b.$slots, "header"), e.showHeader && !b.$slots.header ? (w(), H(hr, {
         key: 0,
-        "is-collapsed": r.value,
+        "is-collapsed": o.value,
         "header-options": e.headerOptions
-      }, null, 8, ["is-collapsed", "header-options"])) : q("", !0)])) : q("", !0),
-      e.showShortcuts || s.$slots.shortcuts ? (y(), z("div", Zr, [de(s.$slots, "shortcuts"), e.showShortcuts && !s.$slots.shortcuts ? (y(), D(Sr, {
+      }, null, 8, ["is-collapsed", "header-options"])) : W("", !0)])) : W("", !0),
+      e.showShortcuts || b.$slots.shortcuts ? (w(), S("div", qr, [ce(b.$slots, "shortcuts"), e.showShortcuts && !b.$slots.shortcuts ? (w(), H(Or, {
         key: 0,
-        "is-collapsed": r.value,
+        "is-collapsed": o.value,
         "shortcut-options": e.shortcutOptions
-      }, null, 8, ["is-collapsed", "shortcut-options"])) : q("", !0)])) : q("", !0),
-      g("section", { class: c(m(O)(o.navSection, r.value ? o.navSectionCollapsed : o.navSectionExpanded)) }, [g("nav", qr, [g("ul", {
+      }, null, 8, ["is-collapsed", "shortcut-options"])) : W("", !0)])) : W("", !0),
+      x.value ? (w(), S("div", {
+        key: 2,
+        "data-testid": "sidebar-section-divider",
+        class: d(p.sectionDivider),
+        "aria-hidden": "true"
+      }, null, 2)) : W("", !0),
+      y("section", { class: d(v(O)(p.navSection, o.value ? p.navSectionCollapsed : p.navSectionExpanded)) }, [y("nav", Jr, [y("ul", {
         "data-testid": "sidebar-nav-list",
-        class: c(o.navList)
-      }, [Oe(Rr, {
-        "is-collapsed": r.value,
+        class: d(p.navList)
+      }, [Oe(Lr, {
+        "is-collapsed": o.value,
         "navigation-options": e.navigationOptions
-      }, null, 8, ["is-collapsed", "navigation-options"]), de(s.$slots, "nav")], 2)])], 2),
-      g("div", {
+      }, null, 8, ["is-collapsed", "navigation-options"]), ce(b.$slots, "nav")], 2)])], 2),
+      y("div", {
         "data-testid": "sidebar-footer-slot",
-        class: c(o.footer)
-      }, [de(s.$slots, "footer"), s.$slots.footer ? q("", !0) : (y(), D(Wr, {
+        class: d(p.footer)
+      }, [ce(b.$slots, "footer"), b.$slots.footer ? W("", !0) : (w(), H(Wr, {
         key: 0,
-        "is-collapsed": r.value,
+        "is-collapsed": o.value,
         "footer-options": e.footerOptions,
-        onToggleSidebarCollapsed: a
+        onToggleSidebarCollapsed: g
       }, null, 8, ["is-collapsed", "footer-options"]))], 2)
-    ], 14, Hr));
+    ], 14, Yr));
   }
-}), io = Jr;
+}), so = Kr;
 export {
-  io as AzSidebar
+  so as AzSidebar
 };