@equal-experts/kuat-vue 0.12.0 → 0.13.1

package/dist/index.js

@@ -1,48 +1,144 @@
 import { c as V } from "./utils-DLUjLwnh.js";
-import { S as G } from "./index-iz_NZI-V.js";
-import { B as Dt, a as Ot, b as Mt, c as Rt } from "./index-iz_NZI-V.js";
-import { defineComponent as $, computed as c, createBlock as A, openBlock as a, unref as k, mergeProps as z, withCtx as B, renderSlot as u, createCommentVNode as _, createElementBlock as s, createElementVNode as t, toDisplayString as h, resolveDynamicComponent as q, createTextVNode as P, normalizeClass as L, createStaticVNode as X, useSlots as Y, createVNode as b, ref as T, onMounted as K, watch as j, normalizeStyle as Q, Fragment as S, renderList as R, withDirectives as N, vShow as Z, onUnmounted as J } from "vue";
-import { Primitive as ee } from "reka-ui";
-import { _ as E } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { _ as Nt, a as Zt, b as Ft, d as Gt, c as Pt } from "./CarouselNext.vue_vue_type_script_setup_true_lang-BvnpmYmA.js";
-import { _ as Ut, a as Wt, b as zt, d as qt, c as Xt } from "./KuatCarouselNext.vue_vue_type_script_setup_true_lang-BnDrXaGV.js";
-import { _ as jt, b as Qt, A as Jt, a as ea } from "./AccordionTrigger-BRz5PzEd.js";
-import { _ as aa, A as oa, a as sa, b as ra, c as la, d as ca, e as na, f as da, g as ia } from "./AlertDialogTrigger.vue_vue_type_script_setup_true_lang-CK1Um8CY.js";
-import { B as _a, b as ha } from "./index-C3VyxnTa.js";
-import { ChevronRight as F, MoreHorizontal as te, ChevronDown as ae } from "lucide-vue-next";
-import { _ as va, b as ma } from "./index-CBmjn3iX.js";
-import { T as fa, _ as ka } from "./constants-CpIWAssv.js";
-import { I as ba, _ as Ha } from "./constants-4SN0MW4f.js";
-import { _ as $a, a as Va, b as La, c as Ea, d as wa } from "./FieldTitle.vue_vue_type_script_setup_true_lang-Bu8UIwRT.js";
-import { F as Aa, e as xa, _ as Ta, a as Ia, b as Da, c as Oa, d as Ma } from "./FieldSet.vue_vue_type_script_setup_true_lang-D9i4ciy0.js";
-import { _ as Ba, S as Na, k as Za, a as Fa, b as Ga, c as Pa, d as Ka, e as Ua, f as Wa, g as za, h as qa, i as Xa, j as Ya } from "./KuatSelect.vue_vue_type_script_setup_true_lang-DP66U_wg.js";
-import { C as Qa, b as Ja, _ as eo, a as to } from "./constants-BpzIL1jq.js";
-import { R as oo, c as so, b as ro, _ as lo, a as co } from "./constants-D_fYMnOg.js";
-import { S as io, b as uo, _ as _o, a as ho } from "./constants-Ils7NSfg.js";
-import { _ as vo } from "./Toggle.vue_vue_type_script_setup_true_lang-CZM1GrLQ.js";
-import { T as go, a as fo } from "./constants-CXAkjttx.js";
-import { TOGGLE_GROUP_ORIENTATIONS as Co, ToggleGroup as bo, ToggleGroupItem as Ho } from "./toggle-group.js";
-import { S as $o, _ as Vo, a as Lo, t as Eo } from "./toast-LJYTMaV_.js";
-const oe = {
+import { S as He } from "./index-Tp80OeHH.js";
+import { B as cl, a as _l, b as hl, c as pl } from "./index-Tp80OeHH.js";
+import { computed as h, toValue as K, unref as k, defineComponent as q, createBlock as F, openBlock as s, mergeProps as Ze, withCtx as z, renderSlot as D, createCommentVNode as f, createElementBlock as l, createElementVNode as t, toDisplayString as p, resolveDynamicComponent as Q, createTextVNode as de, normalizeClass as I, createStaticVNode as Ge, useSlots as Ke, ref as x, watch as J, onUnmounted as xe, Fragment as E, createVNode as S, renderList as O, withDirectives as ae, vShow as te, onMounted as Ve, normalizeStyle as qe } from "vue";
+import { Primitive as We } from "reka-ui";
+import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { ChevronDown as me, LayoutGrid as Le, User as re, Menu as ze, ChevronLeft as Xe, X as Ye, ChevronRight as ce, MoreHorizontal as je } from "lucide-vue-next";
+import { _ as he } from "./index-CBmjn3iX.js";
+import { b as ml } from "./index-CBmjn3iX.js";
+import { _ as Qe } from "./index-lZY__1xm.js";
+import { a as fl, I as bl, d as gl, c as yl, b as wl, i as Cl } from "./index-lZY__1xm.js";
+import { _ as Al, a as $l, b as El, d as Tl, c as Ll } from "./CarouselNext.vue_vue_type_script_setup_true_lang-BvnpmYmA.js";
+import { _ as xl, a as Vl, b as Dl, d as Il, c as Ml } from "./KuatCarouselNext.vue_vue_type_script_setup_true_lang-BnDrXaGV.js";
+import { _ as Rl, b as Nl, A as Bl, a as Pl } from "./AccordionTrigger-BGVFRlgt.js";
+import { _ as Ul, A as Zl, a as Gl, b as Kl, c as ql, d as Wl, e as zl, f as Xl, g as Yl } from "./AlertDialogTrigger.vue_vue_type_script_setup_true_lang-DosgAcSM.js";
+import { B as Ql, b as Jl } from "./index-C3VyxnTa.js";
+import { T as ao, _ as to } from "./constants-CpIWAssv.js";
+import { I as lo, _ as oo } from "./constants-4SN0MW4f.js";
+import { _ as no, a as io, b as uo, c as co, d as _o } from "./FieldTitle.vue_vue_type_script_setup_true_lang-Bu8UIwRT.js";
+import { F as po, e as vo, _ as mo, a as ko, b as fo, c as bo, d as go } from "./FieldSet.vue_vue_type_script_setup_true_lang-D9i4ciy0.js";
+import { _ as wo, S as Co, k as So, a as Ao, b as $o, c as Eo, d as To, e as Lo, f as Ho, g as xo, h as Vo, i as Do, j as Io } from "./KuatSelect.vue_vue_type_script_setup_true_lang-CT1xn9gs.js";
+import { C as Oo, b as Ro, _ as No, a as Bo } from "./constants-DC1CCNlp.js";
+import { R as Fo, c as Uo, b as Zo, _ as Go, a as Ko } from "./constants-DWBWMp2p.js";
+import { S as Wo, b as zo, _ as Xo, a as Yo } from "./constants-BZKku54w.js";
+import { _ as Qo } from "./Toggle.vue_vue_type_script_setup_true_lang-CZM1GrLQ.js";
+import { T as er, a as ar } from "./constants-CXAkjttx.js";
+import { TOGGLE_GROUP_ORIENTATIONS as sr, ToggleGroup as lr, ToggleGroupItem as or } from "./toggle-group.js";
+import { S as nr, _ as ir, a as ur, t as dr } from "./toast-LJYTMaV_.js";
+import { n as ne, t as pe, w as Je, i as ea, a as aa } from "./index-OELvcT-N.js";
+const De = ea ? window : void 0;
+function ee(a) {
+  var e;
+  const n = K(a);
+  return (e = n == null ? void 0 : n.$el) !== null && e !== void 0 ? e : n;
+}
+function ue(...a) {
+  const e = (o, _, d, g) => (o.addEventListener(_, d, g), () => o.removeEventListener(_, d, g)), n = h(() => {
+    const o = pe(K(a[0])).filter((_) => _ != null);
+    return o.every((_) => typeof _ != "string") ? o : void 0;
+  });
+  return Je(() => {
+    var o, _;
+    return [
+      (o = (_ = n.value) === null || _ === void 0 ? void 0 : _.map((d) => ee(d))) !== null && o !== void 0 ? o : [De].filter((d) => d != null),
+      pe(K(n.value ? a[1] : a[0])),
+      pe(k(n.value ? a[2] : a[1])),
+      K(n.value ? a[3] : a[2])
+    ];
+  }, ([o, _, d, g], T, w) => {
+    if (!(o != null && o.length) || !(_ != null && _.length) || !(d != null && d.length)) return;
+    const H = aa(g) ? { ...g } : g, A = o.flatMap(($) => _.flatMap((N) => d.map((U) => e($, N, U, H))));
+    w(() => {
+      A.forEach(($) => $());
+    });
+  }, { flush: "post" });
+}
+function ta(a, e, n = {}) {
+  const { window: o = De, ignore: _ = [], capture: d = !0, detectIframe: g = !1, controls: T = !1 } = n;
+  if (!o) return T ? {
+    stop: ne,
+    cancel: ne,
+    trigger: ne
+  } : ne;
+  let w = !0;
+  const H = (c) => K(_).some((v) => {
+    if (typeof v == "string") return Array.from(o.document.querySelectorAll(v)).some((m) => m === c.target || c.composedPath().includes(m));
+    {
+      const m = ee(v);
+      return m && (c.target === m || c.composedPath().includes(m));
+    }
+  });
+  function A(c) {
+    const v = K(c);
+    return v && v.$.subTree.shapeFlag === 16;
+  }
+  function $(c, v) {
+    const m = K(c), b = m.$.subTree && m.$.subTree.children;
+    return b == null || !Array.isArray(b) ? !1 : b.some((B) => B.el === v.target || v.composedPath().includes(B.el));
+  }
+  const N = (c) => {
+    const v = ee(a);
+    if (c.target != null && !(!(v instanceof Element) && A(a) && $(a, c)) && !(!v || v === c.target || c.composedPath().includes(v))) {
+      if ("detail" in c && c.detail === 0 && (w = !H(c)), !w) {
+        w = !0;
+        return;
+      }
+      e(c);
+    }
+  };
+  let U = !1;
+  const Y = [
+    ue(o, "click", (c) => {
+      U || (U = !0, setTimeout(() => {
+        U = !1;
+      }, 0), N(c));
+    }, {
+      passive: !0,
+      capture: d
+    }),
+    ue(o, "pointerdown", (c) => {
+      const v = ee(a);
+      w = !H(c) && !!(v && !c.composedPath().includes(v));
+    }, { passive: !0 }),
+    g && ue(o, "blur", (c) => {
+      setTimeout(() => {
+        var v;
+        const m = ee(a);
+        ((v = o.document.activeElement) === null || v === void 0 ? void 0 : v.tagName) === "IFRAME" && !(m != null && m.contains(o.document.activeElement)) && e(c);
+      }, 0);
+    }, { passive: !0 })
+  ].filter(Boolean), y = () => Y.forEach((c) => c());
+  return T ? {
+    stop: y,
+    cancel: () => {
+      w = !1;
+    },
+    trigger: (c) => {
+      w = !0, N(c), w = !1;
+    }
+  } : y;
+}
+const sa = {
   key: 1,
   class: "content-card__media"
-}, se = ["src", "alt"], re = { class: "content-card__body" }, le = { class: "content-card__heading-row" }, ce = { class: "content-card__heading-left" }, ne = { class: "content-card__heading-meta" }, de = {
+}, la = ["src", "alt"], oa = { class: "content-card__body" }, ra = { class: "content-card__heading-row" }, na = { class: "content-card__heading-left" }, ia = { class: "content-card__heading-meta" }, ua = {
   "data-slot": "badge",
   class: "content-card__badge"
-}, ie = { class: "content-card__category" }, ue = {
+}, da = { class: "content-card__category" }, ca = {
   "data-slot": "header-accessory",
   class: "content-card__header-accessory"
-}, _e = {
+}, _a = {
   key: 0,
   "data-slot": "content",
   class: "content-card__content"
-}, he = { class: "content-card__content-text" }, pe = {
+}, ha = { class: "content-card__content-text" }, pa = {
   "data-slot": "custom-content",
   class: "content-card__custom-content"
-}, ve = {
+}, va = {
   "data-slot": "footer",
   class: "content-card__footer"
-}, me = /* @__PURE__ */ $({
+}, ma = /* @__PURE__ */ q({
   __name: "ContentCard",
   props: {
     class: {},
@@ -57,180 +153,870 @@ const oe = {
     asChild: { type: Boolean },
     as: { default: "div" }
   },
-  setup(l) {
-    const e = l, n = c(() => `h${e.titleHeadingLevel}`), r = c(() => e.width === "fluid" ? "content-card--width-fluid" : e.width === "custom" ? "content-card--width-custom" : "content-card--width-default"), d = c(() => e.width !== "custom" ? void 0 : { "--content-card-max-width": typeof e.maxWidth == "number" ? `${e.maxWidth}px` : e.maxWidth });
-    return (o, v) => (a(), A(k(ee), z({
-      as: l.as,
-      "as-child": l.asChild,
-      class: k(V)("content-card", r.value, e.class),
-      style: d.value,
+  setup(a) {
+    const e = a, n = h(() => `h${e.titleHeadingLevel}`), o = h(() => e.width === "fluid" ? "content-card--width-fluid" : e.width === "custom" ? "content-card--width-custom" : "content-card--width-default"), _ = h(() => e.width !== "custom" ? void 0 : { "--content-card-max-width": typeof e.maxWidth == "number" ? `${e.maxWidth}px` : e.maxWidth });
+    return (d, g) => (s(), F(k(We), Ze({
+      as: a.as,
+      "as-child": a.asChild,
+      class: k(V)("content-card", o.value, e.class),
+      style: _.value,
       "data-slot": "content-card"
-    }, o.$attrs), {
-      default: B(() => [
-        l.asChild ? u(o.$slots, "default", { key: 0 }, void 0, !0) : _("", !0),
-        e.imageSrc !== null ? (a(), s("div", oe, [
+    }, d.$attrs), {
+      default: z(() => [
+        a.asChild ? D(d.$slots, "default", { key: 0 }, void 0, !0) : f("", !0),
+        e.imageSrc !== null ? (s(), l("div", sa, [
           t("img", {
             class: "content-card__media-img",
             src: e.imageSrc,
             alt: e.imageAlt
-          }, null, 8, se)
-        ])) : _("", !0),
-        t("div", re, [
-          t("div", le, [
-            t("div", ce, [
-              t("div", ne, [
-                t("div", de, [
-                  u(o.$slots, "badge", {}, void 0, !0)
+          }, null, 8, la)
+        ])) : f("", !0),
+        t("div", oa, [
+          t("div", ra, [
+            t("div", na, [
+              t("div", ia, [
+                t("div", ua, [
+                  D(d.$slots, "badge", {}, void 0, !0)
                 ]),
-                t("p", ie, h(e.category), 1)
+                t("p", da, p(e.category), 1)
               ]),
-              (a(), A(q(n.value), { class: "content-card__title" }, {
-                default: B(() => [
-                  P(h(e.title), 1)
+              (s(), F(Q(n.value), { class: "content-card__title" }, {
+                default: z(() => [
+                  de(p(e.title), 1)
                 ]),
                 _: 1
               }))
             ]),
-            t("div", ue, [
-              u(o.$slots, "header-accessory", {}, void 0, !0)
+            t("div", ca, [
+              D(d.$slots, "header-accessory", {}, void 0, !0)
             ])
           ]),
-          e.contentText != null ? (a(), s("div", _e, [
-            t("p", he, h(e.contentText), 1)
-          ])) : _("", !0),
-          t("div", pe, [
-            u(o.$slots, "custom-content", {}, void 0, !0)
+          e.contentText != null ? (s(), l("div", _a, [
+            t("p", ha, p(e.contentText), 1)
+          ])) : f("", !0),
+          t("div", pa, [
+            D(d.$slots, "custom-content", {}, void 0, !0)
           ]),
-          t("div", ve, [
-            u(o.$slots, "footer", {}, void 0, !0)
+          t("div", va, [
+            D(d.$slots, "footer", {}, void 0, !0)
           ])
         ])
       ]),
       _: 3
     }, 16, ["as", "as-child", "class", "style"]));
   }
-}), gt = /* @__PURE__ */ E(me, [["__scopeId", "data-v-76d8d14e"]]), ge = /* @__PURE__ */ $({
+}), zs = /* @__PURE__ */ se(ma, [["__scopeId", "data-v-76d8d14e"]]), j = {
+  trigger: "Equal Experts apps",
+  nav: "Equal Experts applications",
+  title: "Equal Experts apps",
+  teaserTitle: "Equal Experts apps",
+  teaserDescription: "Switch between EE services"
+}, ve = {
+  teaserTitle: "Account",
+  nav: "Account",
+  title: "Account"
+}, ka = "No applications are available right now.";
+function fa(a) {
+  return a ? a.loading || a.apps.length > 0 ? !0 : a.empty === "message" : !1;
+}
+function ba(a) {
+  var e, n, o, _, d;
+  return {
+    trigger: ((e = a == null ? void 0 : a.labels) == null ? void 0 : e.trigger) ?? j.trigger,
+    nav: ((n = a == null ? void 0 : a.labels) == null ? void 0 : n.nav) ?? j.nav,
+    title: ((o = a == null ? void 0 : a.labels) == null ? void 0 : o.title) ?? j.title,
+    teaserTitle: ((_ = a == null ? void 0 : a.labels) == null ? void 0 : _.teaserTitle) ?? j.teaserTitle,
+    teaserDescription: ((d = a == null ? void 0 : a.labels) == null ? void 0 : d.teaserDescription) ?? j.teaserDescription
+  };
+}
+function ga(a) {
+  return (a == null ? void 0 : a.emptyMessage) ?? ka;
+}
+function ya(a) {
+  var e, n;
+  return !!((n = (e = a == null ? void 0 : a.mobile) == null ? void 0 : e.items) != null && n.length);
+}
+function wa(a) {
+  var e;
+  return !!((e = a == null ? void 0 : a.items) != null && e.length);
+}
+function Ie(a) {
+  var e, n;
+  return ((n = (e = a == null ? void 0 : a.mobile) == null ? void 0 : e.items) == null ? void 0 : n.map((o) => ({
+    label: o.label,
+    url: o.href
+  }))) ?? [];
+}
+function Ca(a) {
+  var e;
+  return ((e = a == null ? void 0 : a.items) == null ? void 0 : e.length) === 1 && Ie(a).length > 0;
+}
+function Sa(a) {
+  var w, H;
+  const e = a == null ? void 0 : a.labels, n = a == null ? void 0 : a.mobile, o = (H = (w = a == null ? void 0 : a.items) == null ? void 0 : w[0]) == null ? void 0 : H.label, _ = (e == null ? void 0 : e.teaserTitle) ?? (n == null ? void 0 : n.heading) ?? ve.teaserTitle, d = (e == null ? void 0 : e.teaserDescription) ?? (n == null ? void 0 : n.subtitle) ?? (o ? `Signed in as ${o}` : ""), g = (e == null ? void 0 : e.title) ?? (n == null ? void 0 : n.heading) ?? ve.title, T = (e == null ? void 0 : e.nav) ?? ve.nav;
+  return { teaserTitle: _, teaserDescription: d, nav: T, title: g };
+}
+function Aa(a) {
+  var e, n;
+  return a.logo === null ? { mode: "hidden", lockupVariant: "default" } : a.logo !== void 0 && a.logo !== null ? {
+    mode: "custom",
+    lockupVariant: ((e = a.lockup) == null ? void 0 : e.variant) ?? "default"
+  } : (n = a.lockup) != null && n.variant ? { mode: "builtin", lockupVariant: a.lockup.variant } : { mode: "hidden", lockupVariant: "default" };
+}
+function $a(a) {
+  return a.mobileMenuAriaLabel ? a.mobileMenuAriaLabel : a.showAppSwitcher && !a.hasStructuredNavigation && !a.hasAccountMobileTier ? "Equal Experts apps menu" : a.hasAccountMobileTier && !a.hasStructuredNavigation && !a.showAppSwitcher ? "Account menu" : "Navigation menu";
+}
+const Ea = /* @__PURE__ */ q({
   __name: "EELogo",
   props: {
     class: {},
     textColor: { default: "grey" }
   },
-  setup(l) {
-    const e = l;
-    return (n, r) => (a(), s("svg", {
-      class: L(["ee-logo", `ee-logo--${e.textColor}`, e.class]),
+  setup(a) {
+    const e = a;
+    return (n, o) => (s(), l("svg", {
+      class: I(["ee-logo", `ee-logo--${e.textColor}`, e.class]),
       viewBox: "0 0 500 133",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       "aria-label": "Equal Experts logo"
-    }, [...r[0] || (r[0] = [
-      X('<g clip-path="url(#ee-logo-clip-vue)" data-v-361cfd9c><g class="ee-logo__text" data-v-361cfd9c><path d="M220.235 1.45712L219.413 13.0751H197.72V23.2946H216.859V34.844H197.72V45.3862H219.667V57.0237H184.687V1.45712H220.235Z" data-v-361cfd9c></path><path d="M227.495 29.0742C227.495 11.6766 233.601 0.136902 250.675 0.136902C267.75 0.136902 273.855 11.6766 273.855 29.0742V29.3382C273.855 41.4549 270.92 50.6084 263.454 55.2243L271.869 65.0037L260.568 70.7736L252.446 58.256C251.872 58.3312 251.293 58.3606 250.714 58.344C233.64 58.344 227.534 46.7945 227.534 29.3187L227.495 29.0742ZM241.194 29.2307C241.194 40.6921 243.669 46.55 250.685 46.55C257.701 46.55 260.254 40.6823 260.254 29.2307C260.254 17.779 257.691 11.9211 250.685 11.9211C243.679 11.9211 241.194 17.8572 241.194 29.2307Z" data-v-361cfd9c></path><path d="M295.871 1.36911V35.2059C295.871 42.7947 297.436 46.5891 304.119 46.5891C310.802 46.5891 312.368 42.7947 312.368 35.2059V1.36911H325.401V35.8318C325.401 50.5009 320.284 58.3244 304.119 58.3244C287.955 58.3244 282.847 50.5009 282.847 35.8318V1.36911H295.871Z" data-v-361cfd9c></path><path d="M361.282 1.45712C365.734 13.0751 373.493 37.0737 378.894 57.014H365.656L363.258 46.462H346.38L343.982 57.014H330.724C335.651 38.2094 341.53 19.6666 348.337 1.45712H361.282ZM354.599 16.7032C352.544 22.8838 350.89 28.9079 349.315 34.844H360.294C358.562 28.9079 356.996 22.8838 355.01 16.7032H354.599Z" data-v-361cfd9c></path><path d="M399.139 1.45712V45.3862H421.076V57.0237H386.106V1.45712H399.139Z" data-v-361cfd9c></path></g><path d="M102.74 38.8927H40.5969V57.5323H102.74V38.8927Z" fill="#1795D4" data-v-361cfd9c></path><path d="M102.74 75.3895H40.5969V93.029H102.74V75.3895Z" fill="#1795D4" data-v-361cfd9c></path><path d="M0.489227 2.44485V20.7938V110.382V128.741H19.1389H56.6732V110.382H19.1389V20.7938H56.6732V2.44485H19.1389H0.489227Z" fill="#1795D4" data-v-361cfd9c></path><path d="M124.198 2.44485H85.6262V21.0844H124.198V112.092H85.6262V130.741H124.198H142.847V112.092V21.0844V2.44485H124.198Z" fill="#1795D4" data-v-361cfd9c></path><g class="ee-logo__text" data-v-361cfd9c><path d="M220.235 75.2819L219.413 86.9096H197.72V97.1291H216.859V108.679H197.72V119.231H219.667V130.849H184.687V75.2819H220.235Z" data-v-361cfd9c></path><path d="M240.773 75.3015C243.17 80.1912 246.712 87.0368 249.677 92.2101H249.931C252.984 87.2519 256.614 80.1716 258.924 75.3015H273.601C269.687 83.2228 263.63 93.6868 258.014 102.928L274.765 130.868H259.168L250.088 113.969H249.853L240.616 130.868H225.264L241.683 102.821C236.487 94.0193 229.941 82.1275 226.174 75.2819L240.773 75.3015Z" data-v-361cfd9c></path><path d="M296.204 75.3015C301.096 75.3015 305.939 75.634 309.648 76.8759C315.842 79.0959 319.873 85.1982 319.873 93.7748C319.873 106.39 311.879 112.649 298.425 112.649H294.804V130.849H281.8V75.3015H296.204ZM294.804 101.021H297.358C302.965 101.021 306.164 100.366 306.164 93.7748C306.164 91.3006 305.254 89.1589 303.767 88.1614C302.28 87.1639 300.313 86.9292 297.505 86.9292H294.785L294.804 101.021Z" data-v-361cfd9c></path><path d="M363.924 75.2819L363.092 86.9096H341.399V97.1291H360.538V108.679H341.399V119.231H363.346V130.849H328.366V75.2819H363.924Z" data-v-361cfd9c></path><path d="M387.593 75.3015C392.485 75.3015 397.329 75.634 401.037 76.8759C407.221 79.0959 411.262 85.1884 411.262 93.7748C411.262 101.442 408.327 106.801 402.935 109.764L412.994 130.868H399.472L391.468 112.571C390.558 112.649 389.325 112.649 388.17 112.649H386.213V130.849H373.151V75.3015H387.593ZM386.194 101.276H388.748C394.354 101.276 397.554 100.366 397.554 93.7748C397.554 91.3006 396.644 88.9926 395.166 87.9951C393.689 86.9976 391.859 86.7629 388.885 86.7629H386.174L386.194 101.276Z" data-v-361cfd9c></path><path d="M456.957 75.2819L456.135 86.9096H442.857V130.849H429.824V86.9096H416.213V75.2819H456.957Z" data-v-361cfd9c></path><path d="M495.978 89.1393C492.031 87.0587 487.652 85.93 483.19 85.8437C481.553 85.7535 479.918 86.0343 478.405 86.6651C477.672 86.9348 477.045 87.4311 476.613 88.0819C476.182 88.7326 475.97 89.5039 476.008 90.2835C476.008 93.2174 478.943 94.9874 483.024 96.6401L487.642 98.4493C495.89 101.755 499.765 106.204 499.765 114.282C499.765 127.142 490.362 132.169 479.061 132.169C473.816 132.084 468.616 131.197 463.64 129.538L464.217 117.001C468.488 119.008 473.113 120.154 477.828 120.375C483.767 120.375 486.076 118.888 486.076 115.485C486.076 112.277 483.933 110.869 479.227 108.972L474.609 107.163C467.926 104.522 462.319 99.8282 462.319 90.5965C462.319 81.3647 469.002 73.9715 482.524 73.9715C487.385 74.0422 492.192 74.9931 496.712 76.7782L495.978 89.1393Z" data-v-361cfd9c></path></g></g><defs data-v-361cfd9c><clipPath id="ee-logo-clip-vue" data-v-361cfd9c><rect width="500" height="133" fill="white" data-v-361cfd9c></rect></clipPath></defs>', 2)
+    }, [...o[0] || (o[0] = [
+      Ge('<g clip-path="url(#ee-logo-clip-vue)" data-v-361cfd9c><g class="ee-logo__text" data-v-361cfd9c><path d="M220.235 1.45712L219.413 13.0751H197.72V23.2946H216.859V34.844H197.72V45.3862H219.667V57.0237H184.687V1.45712H220.235Z" data-v-361cfd9c></path><path d="M227.495 29.0742C227.495 11.6766 233.601 0.136902 250.675 0.136902C267.75 0.136902 273.855 11.6766 273.855 29.0742V29.3382C273.855 41.4549 270.92 50.6084 263.454 55.2243L271.869 65.0037L260.568 70.7736L252.446 58.256C251.872 58.3312 251.293 58.3606 250.714 58.344C233.64 58.344 227.534 46.7945 227.534 29.3187L227.495 29.0742ZM241.194 29.2307C241.194 40.6921 243.669 46.55 250.685 46.55C257.701 46.55 260.254 40.6823 260.254 29.2307C260.254 17.779 257.691 11.9211 250.685 11.9211C243.679 11.9211 241.194 17.8572 241.194 29.2307Z" data-v-361cfd9c></path><path d="M295.871 1.36911V35.2059C295.871 42.7947 297.436 46.5891 304.119 46.5891C310.802 46.5891 312.368 42.7947 312.368 35.2059V1.36911H325.401V35.8318C325.401 50.5009 320.284 58.3244 304.119 58.3244C287.955 58.3244 282.847 50.5009 282.847 35.8318V1.36911H295.871Z" data-v-361cfd9c></path><path d="M361.282 1.45712C365.734 13.0751 373.493 37.0737 378.894 57.014H365.656L363.258 46.462H346.38L343.982 57.014H330.724C335.651 38.2094 341.53 19.6666 348.337 1.45712H361.282ZM354.599 16.7032C352.544 22.8838 350.89 28.9079 349.315 34.844H360.294C358.562 28.9079 356.996 22.8838 355.01 16.7032H354.599Z" data-v-361cfd9c></path><path d="M399.139 1.45712V45.3862H421.076V57.0237H386.106V1.45712H399.139Z" data-v-361cfd9c></path></g><path d="M102.74 38.8927H40.5969V57.5323H102.74V38.8927Z" fill="#1795D4" data-v-361cfd9c></path><path d="M102.74 75.3895H40.5969V93.029H102.74V75.3895Z" fill="#1795D4" data-v-361cfd9c></path><path d="M0.489227 2.44485V20.7938V110.382V128.741H19.1389H56.6732V110.382H19.1389V20.7938H56.6732V2.44485H19.1389H0.489227Z" fill="#1795D4" data-v-361cfd9c></path><path d="M124.198 2.44485H85.6262V21.0844H124.198V112.092H85.6262V130.741H124.198H142.847V112.092V21.0844V2.44485H124.198Z" fill="#1795D4" data-v-361cfd9c></path><g class="ee-logo__text" data-v-361cfd9c><path d="M220.235 75.2819L219.413 86.9096H197.72V97.1291H216.859V108.679H197.72V119.231H219.667V130.849H184.687V75.2819H220.235Z" data-v-361cfd9c></path><path d="M240.773 75.3015C243.17 80.1912 246.712 87.0368 249.677 92.2101H249.931C252.984 87.2519 256.614 80.1716 258.924 75.3015H273.601C269.687 83.2228 263.63 93.6868 258.014 102.928L274.765 130.868H259.168L250.088 113.969H249.853L240.616 130.868H225.264L241.683 102.821C236.487 94.0193 229.941 82.1275 226.174 75.2819L240.773 75.3015Z" data-v-361cfd9c></path><path d="M296.204 75.3015C301.096 75.3015 305.939 75.634 309.648 76.8759C315.842 79.0959 319.873 85.1982 319.873 93.7748C319.873 106.39 311.879 112.649 298.425 112.649H294.804V130.849H281.8V75.3015H296.204ZM294.804 101.021H297.358C302.965 101.021 306.164 100.366 306.164 93.7748C306.164 91.3006 305.254 89.1589 303.767 88.1614C302.28 87.1639 300.313 86.9292 297.505 86.9292H294.785L294.804 101.021Z" data-v-361cfd9c></path><path d="M363.924 75.2819L363.092 86.9096H341.399V97.1291H360.538V108.679H341.399V119.231H363.346V130.849H328.366V75.2819H363.924Z" data-v-361cfd9c></path><path d="M387.593 75.3015C392.485 75.3015 397.329 75.634 401.037 76.8759C407.221 79.0959 411.262 85.1884 411.262 93.7748C411.262 101.442 408.327 106.801 402.935 109.764L412.994 130.868H399.472L391.468 112.571C390.558 112.649 389.325 112.649 388.17 112.649H386.213V130.849H373.151V75.3015H387.593ZM386.194 101.276H388.748C394.354 101.276 397.554 100.366 397.554 93.7748C397.554 91.3006 396.644 88.9926 395.166 87.9951C393.689 86.9976 391.859 86.7629 388.885 86.7629H386.174L386.194 101.276Z" data-v-361cfd9c></path><path d="M456.957 75.2819L456.135 86.9096H442.857V130.849H429.824V86.9096H416.213V75.2819H456.957Z" data-v-361cfd9c></path><path d="M495.978 89.1393C492.031 87.0587 487.652 85.93 483.19 85.8437C481.553 85.7535 479.918 86.0343 478.405 86.6651C477.672 86.9348 477.045 87.4311 476.613 88.0819C476.182 88.7326 475.97 89.5039 476.008 90.2835C476.008 93.2174 478.943 94.9874 483.024 96.6401L487.642 98.4493C495.89 101.755 499.765 106.204 499.765 114.282C499.765 127.142 490.362 132.169 479.061 132.169C473.816 132.084 468.616 131.197 463.64 129.538L464.217 117.001C468.488 119.008 473.113 120.154 477.828 120.375C483.767 120.375 486.076 118.888 486.076 115.485C486.076 112.277 483.933 110.869 479.227 108.972L474.609 107.163C467.926 104.522 462.319 99.8282 462.319 90.5965C462.319 81.3647 469.002 73.9715 482.524 73.9715C487.385 74.0422 492.192 74.9931 496.712 76.7782L495.978 89.1393Z" data-v-361cfd9c></path></g></g><defs data-v-361cfd9c><clipPath id="ee-logo-clip-vue" data-v-361cfd9c><rect width="500" height="133" fill="white" data-v-361cfd9c></rect></clipPath></defs>', 2)
     ])], 2));
   }
-}), I = /* @__PURE__ */ E(ge, [["__scopeId", "data-v-361cfd9c"]]), fe = { class: "kuat-header__desktop" }, ke = { class: "kuat-header__desktop-left" }, Ce = {
+}), X = /* @__PURE__ */ se(Ea, [["__scopeId", "data-v-361cfd9c"]]), Ta = { class: "kuat-header__desktop" }, La = { class: "kuat-header__desktop-left" }, Ha = {
   key: 0,
-  class: "kuat-header__logo-wrap"
-}, be = {
-  key: 1,
-  class: "kuat-header__logo-wrap"
-}, He = {
+  class: "shrink-0"
+}, xa = { class: "shrink-0" }, Va = {
+  key: 2,
+  class: "kuat-header__desktop-demo-lockup"
+}, Da = {
+  key: 0,
+  class: "kuat-header__desktop-demo-title"
+}, Ia = { class: "kuat-header__demo-byline" }, Ma = { class: "kuat-header__desktop-demo-logo" }, Oa = {
   key: 3,
   class: "kuat-header__desktop-title"
-}, Se = { class: "kuat-header__desktop-right" }, $e = {
+}, Ra = { class: "kuat-header__desktop-right" }, Na = {
   key: 0,
-  class: "kuat-header__nav"
-}, Ve = {
+  "aria-label": "Primary navigation"
+}, Ba = { class: "kuat-header__nav-items" }, Pa = ["href"], Fa = {
   key: 1,
+  class: "kuat-header__nav-dropdown-wrap"
+}, Ua = ["aria-expanded", "onClick"], Za = {
+  class: "kuat-header__dropdown-content kuat-header__nav-dropdown-panel",
+  role: "menu"
+}, Ga = ["href"], Ka = {
+  key: 1,
+  class: "kuat-header__nav"
+}, qa = {
+  class: "kuat-header__dropdown-content kuat-header__nav-dropdown-panel kuat-header__app-switcher-panel kuat-header__nav-dropdown-panel--end",
+  role: "menu"
+}, Wa = { class: "kuat-header__app-switcher-scroll" }, za = ["href", "target", "rel", "onClick"], Xa = { class: "kuat-header__app-switcher-text" }, Ya = { class: "kuat-header__app-switcher-label" }, ja = {
+  key: 0,
+  class: "kuat-header__app-switcher-desc"
+}, Qa = {
+  key: 2,
+  class: "kuat-header__app-switcher-empty px-3 py-3 text-muted-foreground text-sm"
+}, Ja = {
+  key: 3,
+  class: "kuat-header__actions-items"
+}, et = {
+  key: 0,
+  class: "kuat-header__nav-dropdown-wrap"
+}, at = ["aria-expanded"], tt = { class: "hidden sm:inline" }, st = {
+  class: "kuat-header__dropdown-content kuat-header__nav-dropdown-panel",
+  role: "menu"
+}, lt = ["href"], ot = ["href"], rt = {
+  key: 4,
   class: "kuat-header__actions"
-}, Le = { class: "kuat-header__mobile" }, Ee = { class: "kuat-header__mobile-left" }, we = {
+}, nt = { class: "kuat-header__mobile" }, it = { class: "kuat-header__mobile-left" }, ut = {
   key: 0,
-  class: "kuat-header__logo-wrap"
-}, ye = {
+  class: "shrink-0"
+}, dt = {
   key: 1,
-  class: "kuat-header__logo-wrap"
-}, Ae = {
+  class: "shrink-0"
+}, ct = {
   key: 2,
+  class: "kuat-header__mobile-demo-lockup"
+}, _t = {
+  key: 0,
+  class: "kuat-header__mobile-demo-title"
+}, ht = { class: "kuat-header__demo-byline" }, pt = { class: "kuat-header__mobile-demo-logo" }, vt = {
+  key: 3,
   class: "kuat-header__mobile-title"
-}, xe = {
+}, mt = {
   key: 0,
   class: "kuat-header__mobile-trigger-wrap"
-}, Te = /* @__PURE__ */ $({
+}, kt = ["aria-label"], ft = {
+  key: 1,
+  "aria-hidden": "",
+  class: "kuat-header__mobile-sheet-header-spacer"
+}, bt = ["aria-hidden", "inert"], gt = { class: "kuat-header__mobile-panel-inner" }, yt = { class: "kuat-header__mobile-sheet-nav" }, wt = {
+  key: 0,
+  "aria-label": "Primary navigation"
+}, Ct = { class: "kuat-header__mobile-list" }, St = ["href"], At = {
+  key: 0,
+  class: "kuat-header__mobile-sub-list"
+}, $t = ["href"], Et = {
+  key: 0,
+  class: "kuat-header__mobile-sheet-sticky"
+}, Tt = {
+  key: 0,
+  class: "kuat-header__mobile-app-teaser-wrap"
+}, Lt = ["aria-label"], Ht = {
+  class: "kuat-header__mobile-app-teaser-icon shrink-0",
+  "aria-hidden": ""
+}, xt = { class: "kuat-header__mobile-app-teaser-text" }, Vt = { class: "kuat-header__mobile-app-teaser-title" }, Dt = {
+  key: 0,
+  class: "kuat-header__mobile-app-teaser-desc"
+}, It = {
+  key: 1,
+  class: "kuat-header__mobile-app-teaser-wrap"
+}, Mt = ["aria-label"], Ot = { class: "kuat-header__mobile-app-teaser-text" }, Rt = { class: "kuat-header__mobile-app-teaser-title" }, Nt = { class: "kuat-header__mobile-app-teaser-desc" }, Bt = {
+  key: 0,
+  class: "kuat-header__mobile-sheet-actions"
+}, Pt = { class: "kuat-header__mobile-list" }, Ft = ["href"], Ut = { class: "kuat-header__mobile-action-icon" }, Zt = ["aria-hidden"], Gt = { class: "kuat-header__mobile-apps-heading" }, Kt = ["aria-label"], qt = {
+  key: 0,
+  class: "kuat-header__mobile-list"
+}, Wt = {
+  key: 1,
+  class: "kuat-header__mobile-list"
+}, zt = ["href", "target", "rel", "onClick"], Xt = { class: "kuat-header__mobile-app-link-text" }, Yt = { class: "kuat-header__mobile-app-link-label" }, jt = {
+  key: 0,
+  class: "kuat-header__mobile-app-link-desc"
+}, Qt = {
+  key: 2,
+  class: "kuat-header__mobile-apps-empty px-3 text-sm text-muted-foreground"
+}, Jt = ["aria-hidden"], es = { class: "kuat-header__mobile-apps-heading" }, as = ["aria-label"], ts = { class: "kuat-header__mobile-list" }, ss = ["href"], ls = { class: "kuat-header__mobile-app-link-text" }, os = { class: "kuat-header__mobile-app-link-label" }, Xs = /* @__PURE__ */ q({
   __name: "KuatHeader",
   props: {
     class: {},
     variant: { default: "default" },
     title: {},
-    hideLogo: { type: Boolean, default: !1 }
+    lockup: {},
+    navigationItems: {},
+    account: {},
+    appSwitcher: {},
+    mobileMenuAriaLabel: {}
   },
-  setup(l) {
-    const e = l, n = Y(), r = c(() => !!n.logo), d = c(
+  setup(a) {
+    const e = a, n = Ke(), o = h(() => !!n.logo), _ = h(
+      () => !!(n["account-markup"] ?? n.actions)
+    ), d = h(
+      () => Aa({
+        logo: o.value ? !0 : void 0,
+        lockup: e.lockup
+      })
+    ), g = h(
+      () => {
+        var i;
+        return !!((i = e.navigationItems) != null && i.length);
+      }
+    ), T = h(() => wa(e.account)), w = h(
+      () => ya(e.account)
+    ), H = h(
+      () => g.value || T.value || _.value
+    ), A = h(
+      () => ba(e.appSwitcher)
+    ), $ = h(() => Sa(e.account)), N = h(() => {
+      var i, r;
+      return (r = (i = e.account) == null ? void 0 : i.mobile) == null ? void 0 : r.items;
+    }), U = h(
+      () => Ca(e.account)
+    ), Y = h(
+      () => Ie(e.account)
+    ), y = h(() => fa(e.appSwitcher)), c = h(
+      () => !n["mobile-menu"] && (H.value || y.value || w.value)
+    ), v = h(
+      () => $a({
+        mobileMenuAriaLabel: e.mobileMenuAriaLabel,
+        showAppSwitcher: y.value,
+        hasStructuredNavigation: g.value,
+        hasAccountMobileTier: w.value
+      })
+    ), m = x(!1), b = x("main"), B = x(null), le = x(null), ke = x(null), fe = x(null), be = x(null), ge = x(null), ye = x(null), Z = x(!1), P = x(null), oe = h(() => e.variant === "bold" ? "white" : "grey"), W = h(() => d.value.lockupVariant), Me = h(
+      () => d.value.mode === "builtin" && W.value === "default"
+    ), Oe = h(
+      () => d.value.mode === "builtin" && W.value === "demo"
+    ), Re = h(
+      () => d.value.mode === "builtin" && W.value === "default"
+    ), Ne = h(
+      () => d.value.mode === "builtin" && W.value === "demo"
+    );
+    ta(ye, () => {
+      Z.value = !1;
+    }), J(Z, (i) => {
+      var r, C;
+      i && ((C = (r = e.appSwitcher) == null ? void 0 : r.onOpen) == null || C.call(r));
+    }), J(m, (i) => {
+      typeof document > "u" || (i ? (document.body.style.overflow = "hidden", b.value = "main") : (document.body.style.overflow = "", b.value = "main"));
+    }), J(m, (i, r) => {
+      var C, R;
+      r && !i && B.value && ((R = (C = B.value.$el) == null ? void 0 : C.focus) == null || R.call(C));
+    }), ue(
+      () => document,
+      "keydown",
+      (i) => {
+        if (!m.value) return;
+        if (i.key === "Escape") {
+          i.preventDefault(), m.value = !1;
+          return;
+        }
+        if (i.key !== "Tab" || !le.value) return;
+        const r = le.value.querySelectorAll(
+          "button, a, [tabindex]:not([tabindex='-1'])"
+        );
+        if (!r.length) return;
+        const C = r[0], R = r[r.length - 1];
+        i.shiftKey && document.activeElement === C ? (i.preventDefault(), R.focus()) : !i.shiftKey && document.activeElement === R && (i.preventDefault(), C.focus());
+      },
+      { passive: !1 }
+    ), J([m, b], () => {
+      m.value && requestAnimationFrame(() => {
+        var r;
+        const i = le.value;
+        (r = i == null ? void 0 : i.querySelector("button, a, [tabindex]:not([tabindex='-1'])")) == null || r.focus();
+      });
+    });
+    const Be = h(
       () => V("kuat-header", `kuat-header--${e.variant}`, e.class)
+    ), we = h(
+      () => ga(e.appSwitcher)
     );
-    return (o, v) => (a(), s("header", {
-      class: L(d.value)
-    }, [
-      t("div", fe, [
-        t("div", ke, [
-          r.value ? (a(), s("div", Ce, [
-            u(o.$slots, "logo", {
-              variant: e.variant
-            }, void 0, !0)
-          ])) : e.hideLogo ? _("", !0) : (a(), s("div", be, [
-            b(I, {
-              class: "ee-logo--desktop",
-              "text-color": e.variant === "bold" ? "white" : "grey"
-            }, null, 8, ["text-color"])
-          ])),
-          r.value || !e.hideLogo ? (a(), A(k(G), {
-            key: 2,
-            orientation: "vertical",
-            class: "kuat-header__separator"
-          })) : _("", !0),
-          e.title ? (a(), s("h1", He, h(e.title), 1)) : _("", !0),
-          u(o.$slots, "title", {}, void 0, !0)
+    function Ce(i) {
+      var r, C;
+      (C = (r = e.appSwitcher) == null ? void 0 : r.onSelect) == null || C.call(r, i), Z.value = !1;
+    }
+    function Pe() {
+      var i, r;
+      (r = (i = e.appSwitcher) == null ? void 0 : i.onOpen) == null || r.call(i), b.value = "apps", requestAnimationFrame(() => {
+        var R;
+        const C = (R = ge.value) == null ? void 0 : R.querySelector("a, button");
+        C == null || C.focus();
+      });
+    }
+    function Fe() {
+      b.value = "account", requestAnimationFrame(() => {
+        var r;
+        const i = (r = be.value) == null ? void 0 : r.querySelector("a");
+        i == null || i.focus();
+      });
+    }
+    function Ue() {
+      const i = b.value;
+      b.value = "main", requestAnimationFrame(() => {
+        var r, C;
+        i === "apps" ? (r = ke.value) == null || r.focus() : i === "account" && ((C = fe.value) == null || C.focus());
+      });
+    }
+    return xe(() => {
+      typeof document < "u" && (document.body.style.overflow = "");
+    }), (i, r) => {
+      var C, R, _e, Se, Ae, $e, Ee, Te;
+      return s(), l("header", {
+        class: I(Be.value)
+      }, [
+        t("div", Ta, [
+          t("div", La, [
+            o.value ? (s(), l("div", Ha, [
+              D(i.$slots, "logo", {
+                variant: e.variant
+              })
+            ])) : Me.value ? (s(), l(E, { key: 1 }, [
+              t("div", xa, [
+                S(X, {
+                  class: "ee-logo--desktop shrink-0",
+                  "text-color": oe.value
+                }, null, 8, ["text-color"])
+              ]),
+              S(k(He), {
+                orientation: "vertical",
+                class: "kuat-header__separator"
+              })
+            ], 64)) : Oe.value ? (s(), l("div", Va, [
+              e.title ? (s(), l("h1", Da, p(e.title), 1)) : f("", !0),
+              t("div", Ia, [
+                r[6] || (r[6] = t("span", { class: "kuat-header__demo-label" }, "A demo by", -1)),
+                t("div", Ma, [
+                  S(X, {
+                    class: "ee-logo--desktop shrink-0",
+                    "text-color": oe.value
+                  }, null, 8, ["text-color"])
+                ])
+              ])
+            ])) : f("", !0),
+            e.title && W.value === "default" ? (s(), l("h1", Oa, p(e.title), 1)) : f("", !0),
+            D(i.$slots, "title")
+          ]),
+          t("div", Ra, [
+            g.value ? (s(), l("nav", Na, [
+              t("div", Ba, [
+                (s(!0), l(E, null, O(e.navigationItems, (u, M) => {
+                  var L;
+                  return s(), l(E, {
+                    key: `${u.label}-${u.url}`
+                  }, [
+                    (L = u.items) != null && L.length ? (s(), l("div", Fa, [
+                      t("button", {
+                        type: "button",
+                        class: I(k(V)(
+                          "kuat-header__nav-trigger",
+                          e.variant === "bold" && "kuat-header__nav-trigger--bold"
+                        )),
+                        "aria-haspopup": "menu",
+                        "aria-expanded": P.value === `nav-${M}`,
+                        onClick: (G) => P.value = P.value === `nav-${M}` ? null : `nav-${M}`
+                      }, [
+                        de(p(u.label) + " ", 1),
+                        S(k(me), {
+                          class: "h-4 w-4",
+                          "aria-hidden": ""
+                        })
+                      ], 10, Ua),
+                      ae(t("div", Za, [
+                        (s(!0), l(E, null, O(u.items, (G) => (s(), l("a", {
+                          key: `${G.label}-${G.url}`,
+                          href: G.url,
+                          class: "kuat-header__dropdown-link block px-2 py-2",
+                          role: "menuitem",
+                          onClick: r[0] || (r[0] = (Ns) => P.value = null)
+                        }, p(G.label), 9, Ga))), 128))
+                      ], 512), [
+                        [te, P.value === `nav-${M}`]
+                      ])
+                    ])) : (s(), l("a", {
+                      key: 0,
+                      href: u.url,
+                      class: I(k(V)(
+                        "kuat-header__nav-link",
+                        e.variant === "bold" && "kuat-header__nav-link--bold"
+                      ))
+                    }, p(u.label), 11, Pa))
+                  ], 64);
+                }), 128))
+              ])
+            ])) : i.$slots.navigation ? (s(), l("nav", Ka, [
+              D(i.$slots, "navigation")
+            ])) : f("", !0),
+            y.value ? (s(), l("div", {
+              key: 2,
+              ref_key: "desktopSwitcherRef",
+              ref: ye,
+              class: "kuat-header__nav-dropdown-wrap"
+            }, [
+              S(Qe, {
+                type: "button",
+                variant: "ghost",
+                color: "ee-blue",
+                size: "regular",
+                class: "kuat-header__app-switcher-trigger",
+                "aria-label": A.value.trigger,
+                "aria-haspopup": "menu",
+                "aria-expanded": Z.value,
+                onClick: r[1] || (r[1] = (u) => Z.value = !Z.value)
+              }, {
+                default: z(() => [
+                  S(k(Le), {
+                    class: "h-5 w-5",
+                    "aria-hidden": ""
+                  })
+                ]),
+                _: 1
+              }, 8, ["aria-label", "aria-expanded"]),
+              ae(t("div", qa, [
+                t("div", Wa, [
+                  (C = e.appSwitcher) != null && C.loading ? (s(), l(E, { key: 0 }, [
+                    r[7] || (r[7] = t("div", {
+                      class: "kuat-header__app-switcher-skeleton",
+                      "aria-hidden": ""
+                    }, null, -1)),
+                    r[8] || (r[8] = t("div", {
+                      class: "kuat-header__app-switcher-skeleton",
+                      "aria-hidden": ""
+                    }, null, -1)),
+                    r[9] || (r[9] = t("div", {
+                      class: "kuat-header__app-switcher-skeleton",
+                      "aria-hidden": ""
+                    }, null, -1))
+                  ], 64)) : (R = e.appSwitcher) != null && R.apps.length ? (s(!0), l(E, { key: 1 }, O(e.appSwitcher.apps, (u) => (s(), l("a", {
+                    key: u.id,
+                    href: u.href,
+                    target: e.appSwitcher.linkTarget ?? "_self",
+                    rel: e.appSwitcher.linkTarget === "_blank" ? "noopener noreferrer" : void 0,
+                    class: "kuat-header__app-switcher-link",
+                    role: "menuitem",
+                    onClick: (M) => Ce(u)
+                  }, [
+                    t("span", Xa, [
+                      t("span", Ya, p(u.label), 1),
+                      u.description ? (s(), l("span", ja, p(u.description), 1)) : f("", !0)
+                    ])
+                  ], 8, za))), 128)) : (((_e = e.appSwitcher) == null ? void 0 : _e.empty) ?? "hide") === "message" ? (s(), l("div", Qa, p(we.value), 1)) : f("", !0)
+                ])
+              ], 512), [
+                [te, Z.value]
+              ])
+            ], 512)) : f("", !0),
+            T.value && e.account ? (s(), l("div", Ja, [
+              (s(!0), l(E, null, O(e.account.items, (u, M) => (s(), l(E, {
+                key: `${u.label}-${u.href}`
+              }, [
+                U.value && M === 0 ? (s(), l("div", et, [
+                  t("button", {
+                    type: "button",
+                    class: I(k(V)(
+                      "kuat-header__action-trigger",
+                      e.variant === "bold" && "kuat-header__action-trigger--bold"
+                    )),
+                    "aria-haspopup": "menu",
+                    "aria-expanded": P.value === "account-menu",
+                    onClick: r[2] || (r[2] = (L) => P.value = P.value === "account-menu" ? null : "account-menu")
+                  }, [
+                    (s(), F(Q(u.icon ?? k(re)), {
+                      class: "h-4 w-4",
+                      "aria-hidden": ""
+                    })),
+                    t("span", tt, p(u.label), 1),
+                    S(k(me), {
+                      class: "h-4 w-4",
+                      "aria-hidden": ""
+                    })
+                  ], 10, at),
+                  ae(t("div", st, [
+                    (s(!0), l(E, null, O(Y.value, (L) => (s(), l("a", {
+                      key: `${L.label}-${L.url}`,
+                      href: L.url,
+                      class: "kuat-header__dropdown-link block px-2 py-2",
+                      role: "menuitem",
+                      onClick: r[3] || (r[3] = (G) => P.value = null)
+                    }, p(L.label), 9, lt))), 128))
+                  ], 512), [
+                    [te, P.value === "account-menu"]
+                  ])
+                ])) : (s(), l("a", {
+                  key: 1,
+                  href: u.href,
+                  class: I(k(V)(
+                    "kuat-header__action-link",
+                    e.variant === "bold" && "kuat-header__action-link--bold"
+                  ))
+                }, [
+                  (s(), F(Q(u.icon ?? k(re)), {
+                    class: "h-4 w-4",
+                    "aria-hidden": ""
+                  })),
+                  t("span", null, p(u.label), 1)
+                ], 10, ot))
+              ], 64))), 128))
+            ])) : _.value ? (s(), l("div", rt, [
+              D(i.$slots, "account-markup"),
+              D(i.$slots, "actions")
+            ])) : f("", !0)
+          ])
         ]),
-        t("div", Se, [
-          o.$slots.navigation ? (a(), s("nav", $e, [
-            u(o.$slots, "navigation", {}, void 0, !0)
-          ])) : _("", !0),
-          o.$slots.actions ? (a(), s("div", Ve, [
-            u(o.$slots, "actions", {}, void 0, !0)
-          ])) : _("", !0)
-        ])
-      ]),
-      t("div", Le, [
-        t("div", Ee, [
-          r.value ? (a(), s("div", we, [
-            u(o.$slots, "logo", {
-              variant: e.variant
-            }, void 0, !0)
-          ])) : e.hideLogo ? _("", !0) : (a(), s("div", ye, [
-            b(I, {
-              class: "ee-logo--mobile",
-              "text-color": e.variant === "bold" ? "white" : "grey"
-            }, null, 8, ["text-color"])
-          ])),
-          e.title ? (a(), s("p", Ae, h(e.title), 1)) : _("", !0),
-          u(o.$slots, "title", {}, void 0, !0)
+        t("div", nt, [
+          t("div", it, [
+            o.value ? (s(), l("div", ut, [
+              D(i.$slots, "logo", {
+                variant: e.variant
+              })
+            ])) : Re.value ? (s(), l("div", dt, [
+              S(X, {
+                class: "ee-logo--mobile shrink-0",
+                "text-color": oe.value
+              }, null, 8, ["text-color"])
+            ])) : Ne.value ? (s(), l("div", ct, [
+              e.title ? (s(), l("p", _t, p(e.title), 1)) : f("", !0),
+              t("div", ht, [
+                r[10] || (r[10] = t("span", { class: "kuat-header__demo-label" }, "A demo by", -1)),
+                t("div", pt, [
+                  S(X, {
+                    class: "ee-logo--mobile shrink-0",
+                    "text-color": oe.value
+                  }, null, 8, ["text-color"])
+                ])
+              ])
+            ])) : f("", !0),
+            e.title && W.value === "default" ? (s(), l("p", vt, p(e.title), 1)) : f("", !0),
+            D(i.$slots, "title")
+          ]),
+          i.$slots["mobile-menu-trigger"] ? (s(), l("div", mt, [
+            D(i.$slots, "mobile-menu-trigger")
+          ])) : c.value ? (s(), F(he, {
+            key: 1,
+            ref_key: "mobileTriggerRef",
+            ref: B,
+            variant: "ghost",
+            size: "icon",
+            class: I(k(V)(
+              "kuat-header__mobile-trigger",
+              e.variant === "bold" && "kuat-header__mobile-trigger--bold"
+            )),
+            "aria-label": "Open menu",
+            "aria-expanded": m.value,
+            "aria-controls": "kuat-header-mobile-menu",
+            onClick: r[4] || (r[4] = (u) => m.value = !0)
+          }, {
+            default: z(() => [
+              S(k(ze), {
+                class: "h-6 w-6",
+                "aria-hidden": ""
+              })
+            ]),
+            _: 1
+          }, 8, ["class", "aria-expanded"])) : f("", !0)
         ]),
-        o.$slots["mobile-menu-trigger"] ? (a(), s("div", xe, [
-          u(o.$slots, "mobile-menu-trigger", {}, void 0, !0)
-        ])) : _("", !0)
-      ]),
-      u(o.$slots, "mobile-menu", {}, void 0, !0),
-      u(o.$slots, "default", {}, void 0, !0)
-    ], 2));
+        c.value && m.value ? (s(), l("div", {
+          key: 0,
+          id: "kuat-header-mobile-menu",
+          ref_key: "mobileSheetRef",
+          ref: le,
+          class: "kuat-header__mobile-sheet",
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": v.value
+        }, [
+          t("div", {
+            class: I(k(V)(
+              "kuat-header__mobile-sheet-header",
+              (b.value === "apps" || b.value === "account") && "kuat-header__mobile-sheet-header--split"
+            ))
+          }, [
+            b.value === "apps" || b.value === "account" ? (s(), F(he, {
+              key: 0,
+              type: "button",
+              variant: "ghost",
+              class: "kuat-header__mobile-back",
+              "aria-label": "Back to main menu",
+              onClick: Ue
+            }, {
+              default: z(() => [
+                S(k(Xe), {
+                  class: "h-6 w-6",
+                  "aria-hidden": ""
+                }),
+                r[11] || (r[11] = t("span", { class: "kuat-header__mobile-back-text" }, "Back", -1))
+              ]),
+              _: 1
+            })) : (s(), l("span", ft)),
+            S(he, {
+              variant: "ghost",
+              size: "icon",
+              class: "kuat-header__mobile-close",
+              "aria-label": "Close menu",
+              onClick: r[5] || (r[5] = (u) => m.value = !1)
+            }, {
+              default: z(() => [
+                S(k(Ye), {
+                  class: "h-6 w-6",
+                  "aria-hidden": ""
+                })
+              ]),
+              _: 1
+            })
+          ], 2),
+          t("div", {
+            class: I(k(V)(
+              "kuat-header__mobile-panel",
+              b.value !== "main" && "kuat-header__mobile-panel--hidden"
+            )),
+            "aria-hidden": b.value !== "main",
+            inert: b.value !== "main"
+          }, [
+            t("div", gt, [
+              t("div", yt, [
+                g.value ? (s(), l("nav", wt, [
+                  t("ul", Ct, [
+                    (s(!0), l(E, null, O(e.navigationItems, (u) => {
+                      var M;
+                      return s(), l("li", {
+                        key: `${u.label}-${u.url}`
+                      }, [
+                        t("a", {
+                          href: u.url,
+                          class: "kuat-header__mobile-link"
+                        }, p(u.label), 9, St),
+                        (M = u.items) != null && M.length ? (s(), l("ul", At, [
+                          (s(!0), l(E, null, O(u.items, (L) => (s(), l("li", {
+                            key: `${L.label}-${L.url}`
+                          }, [
+                            t("a", {
+                              href: L.url,
+                              class: "kuat-header__mobile-sub-link"
+                            }, p(L.label), 9, $t)
+                          ]))), 128))
+                        ])) : f("", !0)
+                      ]);
+                    }), 128))
+                  ])
+                ])) : f("", !0)
+              ]),
+              w.value || y.value ? (s(), l("div", Et, [
+                w.value ? (s(), l("div", Tt, [
+                  t("button", {
+                    ref_key: "mobileAccountTeaserRef",
+                    ref: fe,
+                    type: "button",
+                    class: "kuat-header__mobile-app-teaser",
+                    "aria-label": $.value.teaserDescription ? `${$.value.teaserTitle}, ${$.value.teaserDescription}` : $.value.teaserTitle,
+                    onClick: Fe
+                  }, [
+                    t("span", Ht, [
+                      (s(), F(Q(((Ae = (Se = e.account) == null ? void 0 : Se.items[0]) == null ? void 0 : Ae.icon) ?? k(re)), {
+                        class: "h-6 w-6",
+                        "aria-hidden": ""
+                      }))
+                    ]),
+                    t("span", xt, [
+                      t("span", Vt, p($.value.teaserTitle), 1),
+                      $.value.teaserDescription ? (s(), l("span", Dt, p($.value.teaserDescription), 1)) : f("", !0)
+                    ]),
+                    S(k(ce), {
+                      class: "kuat-header__mobile-app-teaser-chevron h-5 w-5 shrink-0",
+                      "aria-hidden": ""
+                    })
+                  ], 8, Lt)
+                ])) : f("", !0),
+                y.value ? (s(), l("div", It, [
+                  t("button", {
+                    ref_key: "mobileTeaserRef",
+                    ref: ke,
+                    type: "button",
+                    class: "kuat-header__mobile-app-teaser",
+                    "aria-label": `${A.value.teaserTitle}, ${A.value.teaserDescription}`,
+                    onClick: Pe
+                  }, [
+                    S(k(Le), {
+                      class: "kuat-header__mobile-app-teaser-icon h-6 w-6 shrink-0",
+                      "aria-hidden": ""
+                    }),
+                    t("span", Ot, [
+                      t("span", Rt, p(A.value.teaserTitle), 1),
+                      t("span", Nt, p(A.value.teaserDescription), 1)
+                    ]),
+                    S(k(ce), {
+                      class: "kuat-header__mobile-app-teaser-chevron h-5 w-5 shrink-0",
+                      "aria-hidden": ""
+                    })
+                  ], 8, Mt)
+                ])) : f("", !0)
+              ])) : f("", !0)
+            ]),
+            T.value && e.account && !w.value ? (s(), l("div", Bt, [
+              t("ul", Pt, [
+                (s(!0), l(E, null, O(e.account.items, (u) => (s(), l("li", {
+                  key: `${u.label}-${u.href}`
+                }, [
+                  t("a", {
+                    href: u.href,
+                    class: "kuat-header__mobile-link"
+                  }, [
+                    t("span", Ut, [
+                      (s(), F(Q(u.icon ?? k(re)), {
+                        class: "h-4 w-4",
+                        "aria-hidden": ""
+                      }))
+                    ]),
+                    de(" " + p(u.label), 1)
+                  ], 8, Ft)
+                ]))), 128))
+              ])
+            ])) : f("", !0)
+          ], 10, bt),
+          y.value ? (s(), l("div", {
+            key: 0,
+            ref_key: "mobileAppsPanelRef",
+            ref: ge,
+            class: I(k(V)(
+              "kuat-header__mobile-panel kuat-header__mobile-panel--apps",
+              b.value !== "apps" && "kuat-header__mobile-panel--hidden"
+            )),
+            "aria-hidden": b.value !== "apps"
+          }, [
+            t("div", Gt, p(A.value.title), 1),
+            t("nav", {
+              class: "kuat-header__mobile-apps-nav",
+              "aria-label": A.value.nav
+            }, [
+              ($e = e.appSwitcher) != null && $e.loading ? (s(), l("ul", qt, [...r[12] || (r[12] = [
+                t("li", {
+                  class: "kuat-header__app-switcher-skeleton kuat-header__app-switcher-skeleton--mobile",
+                  "aria-hidden": ""
+                }, null, -1),
+                t("li", {
+                  class: "kuat-header__app-switcher-skeleton kuat-header__app-switcher-skeleton--mobile",
+                  "aria-hidden": ""
+                }, null, -1)
+              ])])) : (Ee = e.appSwitcher) != null && Ee.apps.length ? (s(), l("ul", Wt, [
+                (s(!0), l(E, null, O(e.appSwitcher.apps, (u) => {
+                  var M, L;
+                  return s(), l("li", {
+                    key: u.id
+                  }, [
+                    t("a", {
+                      href: u.href,
+                      class: "kuat-header__mobile-app-link",
+                      target: ((M = e.appSwitcher) == null ? void 0 : M.linkTarget) ?? "_self",
+                      rel: ((L = e.appSwitcher) == null ? void 0 : L.linkTarget) === "_blank" ? "noopener noreferrer" : void 0,
+                      onClick: (G) => Ce(u)
+                    }, [
+                      t("span", Xt, [
+                        t("span", Yt, p(u.label), 1),
+                        u.description ? (s(), l("span", jt, p(u.description), 1)) : f("", !0)
+                      ])
+                    ], 8, zt)
+                  ]);
+                }), 128))
+              ])) : (((Te = e.appSwitcher) == null ? void 0 : Te.empty) ?? "hide") === "message" ? (s(), l("p", Qt, p(we.value), 1)) : f("", !0)
+            ], 8, Kt)
+          ], 10, Zt)) : f("", !0),
+          w.value ? (s(), l("div", {
+            key: 1,
+            ref_key: "mobileAccountPanelRef",
+            ref: be,
+            class: I(k(V)(
+              "kuat-header__mobile-panel kuat-header__mobile-panel--apps kuat-header__mobile-panel--account",
+              b.value !== "account" && "kuat-header__mobile-panel--hidden"
+            )),
+            "aria-hidden": b.value !== "account"
+          }, [
+            t("div", es, p($.value.title), 1),
+            t("nav", {
+              class: "kuat-header__mobile-apps-nav",
+              "aria-label": $.value.nav
+            }, [
+              t("ul", ts, [
+                (s(!0), l(E, null, O(N.value ?? [], (u) => (s(), l("li", {
+                  key: `${u.label}-${u.href}`
+                }, [
+                  t("a", {
+                    href: u.href,
+                    class: "kuat-header__mobile-app-link"
+                  }, [
+                    t("span", ls, [
+                      t("span", os, p(u.label), 1)
+                    ])
+                  ], 8, ss)
+                ]))), 128))
+              ])
+            ], 8, as)
+          ], 10, Jt)) : f("", !0)
+        ], 8, kt)) : f("", !0),
+        c.value ? f("", !0) : D(i.$slots, "mobile-menu", { key: 1 }),
+        D(i.$slots, "default")
+      ], 2);
+    };
   }
-}), ft = /* @__PURE__ */ E(Te, [["__scopeId", "data-v-35dfca44"]]);
-function kt(l) {
-  const e = (l == null ? void 0 : l.variant) ?? "default";
+});
+function Ys(a) {
+  const e = (a == null ? void 0 : a.variant) ?? "default";
   return V("kuat-header", `kuat-header--${e}`);
 }
-const Ie = ["aria-valuenow", "aria-valuetext"], De = ["viewBox"], Oe = ["transform"], Me = ["stroke-dashoffset"], Re = {
+const rs = ["aria-valuenow", "aria-valuetext"], ns = ["viewBox"], is = ["transform"], us = ["stroke-dashoffset"], ds = {
   class: "kuat-radial-progress__label",
   "aria-hidden": "",
   "data-kuat-radial-progress-label": ""
-}, x = 100, Be = 4, Ne = /* @__PURE__ */ $({
+}, ie = 100, cs = 4, _s = /* @__PURE__ */ q({
   __name: "KuatRadialProgress",
   props: {
     value: {},
@@ -239,45 +1025,45 @@ const Ie = ["aria-valuenow", "aria-valuetext"], De = ["viewBox"], Oe = ["transfo
     animate: { type: Boolean, default: !1 },
     class: {}
   },
-  setup(l) {
-    const e = (x - Be) / 2, n = 2 * Math.PI * e, r = x / 2, d = l, o = c(() => Math.min(100, Math.max(0, d.value))), v = T(!1), m = T(d.animate ? 0 : o.value);
-    K(() => {
-      d.animate && (m.value = o.value, v.value = !0);
-    }), j(o, (y) => {
-      (!d.animate || v.value) && (m.value = y);
+  setup(a) {
+    const e = (ie - cs) / 2, n = 2 * Math.PI * e, o = ie / 2, _ = a, d = h(() => Math.min(100, Math.max(0, _.value))), g = x(!1), T = x(_.animate ? 0 : d.value);
+    Ve(() => {
+      _.animate && (T.value = d.value, g.value = !0);
+    }), J(d, ($) => {
+      (!_.animate || g.value) && (T.value = $);
     });
-    const D = c(
-      () => n * (1 - m.value / 100)
-    ), w = c(
-      () => d.animate ? "stroke-dashoffset 0.6s ease-out" : void 0
-    ), g = c(
+    const w = h(
+      () => n * (1 - T.value / 100)
+    ), H = h(
+      () => _.animate ? "stroke-dashoffset 0.6s ease-out" : void 0
+    ), A = h(
       () => V(
         "kuat-radial-progress",
-        `kuat-radial-progress--${d.size}`,
-        `kuat-radial-progress--${d.color}`,
-        d.class
+        `kuat-radial-progress--${_.size}`,
+        `kuat-radial-progress--${_.color}`,
+        _.class
       )
     );
-    return (y, O) => (a(), s("div", {
+    return ($, N) => (s(), l("div", {
       role: "progressbar",
-      "aria-valuenow": o.value,
+      "aria-valuenow": d.value,
       "aria-valuemin": "0",
       "aria-valuemax": "100",
-      "aria-valuetext": `${Math.round(o.value)}%`,
-      class: L(g.value)
+      "aria-valuetext": `${Math.round(d.value)}%`,
+      class: I(A.value)
     }, [
-      (a(), s("svg", {
+      (s(), l("svg", {
         class: "kuat-radial-progress__svg",
-        viewBox: `0 0 ${x} ${x}`,
+        viewBox: `0 0 ${ie} ${ie}`,
         "aria-hidden": ""
       }, [
         t("g", {
-          transform: `rotate(-90 ${r} ${r})`
+          transform: `rotate(-90 ${o} ${o})`
         }, [
           t("circle", {
             "data-kuat-radial-progress-track": "",
-            cx: r,
-            cy: r,
+            cx: o,
+            cy: o,
             r: e,
             fill: "none",
             stroke: "var(--kuat-radial-progress-background-bar, var(--muted, #e5e7eb))",
@@ -285,50 +1071,50 @@ const Ie = ["aria-valuenow", "aria-valuetext"], De = ["viewBox"], Oe = ["transfo
           }),
           t("circle", {
             "data-kuat-radial-progress-arc": "",
-            cx: r,
-            cy: r,
+            cx: o,
+            cy: o,
             r: e,
             fill: "none",
             "stroke-dasharray": n,
-            "stroke-dashoffset": D.value,
+            "stroke-dashoffset": w.value,
             "stroke-linecap": "butt",
-            style: Q({
+            style: qe({
               strokeWidth: "var(--kuat-radial-progress-stroke, 4)",
-              ...w.value ? { transition: w.value } : {}
+              ...H.value ? { transition: H.value } : {}
             })
-          }, null, 12, Me)
-        ], 8, Oe)
-      ], 8, De)),
-      t("span", Re, h(Math.round(o.value)) + "% ", 1)
-    ], 10, Ie));
+          }, null, 12, us)
+        ], 8, is)
+      ], 8, ns)),
+      t("span", ds, p(Math.round(d.value)) + "% ", 1)
+    ], 10, rs));
   }
-}), Ct = /* @__PURE__ */ E(Ne, [["__scopeId", "data-v-3d0283a7"]]), bt = [
+}), js = /* @__PURE__ */ se(_s, [["__scopeId", "data-v-3d0283a7"]]), Qs = [
   "mini",
   "small",
   "medium",
   "large"
-], Ht = [
+], Js = [
   "default",
   "primary",
   "ee-blue",
   "tech-blue",
   "transform-teal",
   "equal-ember"
-], Ze = /* @__PURE__ */ $({
+], hs = /* @__PURE__ */ q({
   name: "EELogoIcon",
   __name: "EELogoIcon",
   props: {
     class: {}
   },
-  setup(l) {
-    const e = l;
-    return (n, r) => (a(), s("svg", {
-      class: L(["ee-logo-icon", e.class]),
+  setup(a) {
+    const e = a;
+    return (n, o) => (s(), l("svg", {
+      class: I(["ee-logo-icon", e.class]),
       viewBox: "0 0 143 133",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       "aria-label": "Equal Experts"
-    }, [...r[0] || (r[0] = [
+    }, [...o[0] || (o[0] = [
       t("path", {
         d: "M102.74 38.8927H40.5969V57.5323H102.74V38.8927Z",
         fill: "currentColor"
@@ -347,10 +1133,10 @@ const Ie = ["aria-valuenow", "aria-valuetext"], De = ["viewBox"], Oe = ["transfo
       }, null, -1)
     ])], 2));
   }
-}), Fe = /* @__PURE__ */ E(Ze, [["__scopeId", "data-v-c97e10d5"]]), Ge = {
+}), ps = /* @__PURE__ */ se(hs, [["__scopeId", "data-v-c97e10d5"]]), vs = {
   key: 0,
   class: "kuat-logo-lockup__service-inner"
-}, Pe = { class: "kuat-logo-lockup__logo-wrap" }, Ke = { class: "kuat-logo-lockup__service-name" }, Ue = { class: "kuat-logo-lockup__demo-title" }, We = { class: "kuat-logo-lockup__demo-attribution" }, ze = { class: "kuat-logo-lockup__demo-logo-wrap" }, qe = /* @__PURE__ */ $({
+}, ms = { class: "kuat-logo-lockup__logo-wrap" }, ks = { class: "kuat-logo-lockup__service-name" }, fs = { class: "kuat-logo-lockup__demo-title" }, bs = { class: "kuat-logo-lockup__demo-attribution" }, gs = { class: "kuat-logo-lockup__demo-logo-wrap" }, ys = /* @__PURE__ */ q({
   __name: "KuatLogoLockup",
   props: {
     class: {},
@@ -359,14 +1145,14 @@ const Ie = ["aria-valuenow", "aria-valuetext"], De = ["viewBox"], Oe = ["transfo
     mode: { default: "light" },
     forceDark: { type: Boolean, default: !1 }
   },
-  setup(l) {
-    const e = l, n = c(
+  setup(a) {
+    const e = a, n = h(
       () => e.forceDark ? "dark" : e.mode
-    ), r = c(
+    ), o = h(
       () => n.value === "dark" ? "white" : "grey"
-    ), d = c(
+    ), _ = h(
       () => e.use === "service" && n.value === "dark"
-    ), o = c(
+    ), d = h(
       () => V(
         "kuat-logo-lockup",
         `kuat-logo-lockup--${n.value}`,
@@ -374,201 +1160,201 @@ const Ie = ["aria-valuenow", "aria-valuetext"], De = ["viewBox"], Oe = ["transfo
         e.class
       )
     );
-    return (v, m) => (a(), s("div", {
-      class: L(o.value)
+    return (g, T) => (s(), l("div", {
+      class: I(d.value)
     }, [
-      l.use === "service" ? (a(), s("div", Ge, [
-        t("div", Pe, [
-          d.value ? (a(), A(Fe, {
+      a.use === "service" ? (s(), l("div", vs, [
+        t("div", ms, [
+          _.value ? (s(), F(ps, {
             key: 0,
             class: "kuat-logo-lockup__logo-icon"
-          })) : (a(), A(I, {
+          })) : (s(), F(X, {
             key: 1,
             class: "kuat-logo-lockup__logo",
-            "text-color": r.value
+            "text-color": o.value
           }, null, 8, ["text-color"]))
         ]),
-        b(k(G), {
+        S(k(He), {
           orientation: "vertical",
           class: "kuat-logo-lockup__separator"
         }),
-        t("span", Ke, h(l.title), 1)
-      ])) : (a(), s(S, { key: 1 }, [
-        t("h2", Ue, h(l.title), 1),
-        t("div", We, [
-          m[0] || (m[0] = t("span", { class: "kuat-logo-lockup__demo-by" }, "A demo by", -1)),
-          t("div", ze, [
-            b(I, {
+        t("span", ks, p(a.title), 1)
+      ])) : (s(), l(E, { key: 1 }, [
+        t("h2", fs, p(a.title), 1),
+        t("div", bs, [
+          T[0] || (T[0] = t("span", { class: "kuat-logo-lockup__demo-by" }, "A demo by", -1)),
+          t("div", gs, [
+            S(X, {
               class: "kuat-logo-lockup__logo kuat-logo-lockup__logo--demo",
-              "text-color": r.value
+              "text-color": o.value
             }, null, 8, ["text-color"])
           ])
         ])
       ], 64))
     ], 2));
   }
-}), St = /* @__PURE__ */ E(qe, [["__scopeId", "data-v-dce4cc6d"]]), $t = ["service", "demo"], Vt = ["light", "dark"], Lt = [
+}), el = /* @__PURE__ */ se(ys, [["__scopeId", "data-v-dce4cc6d"]]), al = ["service", "demo"], tl = ["light", "dark"], sl = [
   "default",
   "secondary",
   "destructive",
   "outline",
   "ghost"
-], Et = ["default", "round"], Xe = ["aria-label"], Ye = { class: "breadcrumb-list" }, je = {
+], ll = ["default", "round"], ws = ["aria-label"], Cs = { class: "breadcrumb-list" }, Ss = {
   key: 0,
   role: "presentation",
   "aria-hidden": "true",
   class: "breadcrumb-separator"
-}, Qe = { class: "breadcrumb-item" }, Je = ["aria-expanded"], et = {
+}, As = { class: "breadcrumb-item" }, $s = ["aria-expanded"], Es = {
   class: "breadcrumb-dropdown-content",
   role: "menu"
-}, tt = ["href"], at = {
+}, Ts = ["href"], Ls = {
   role: "presentation",
   "aria-hidden": "true",
   class: "breadcrumb-separator"
-}, ot = { class: "breadcrumb-item" }, st = ["aria-expanded", "onClick"], rt = {
+}, Hs = { class: "breadcrumb-item" }, xs = ["aria-expanded", "onClick"], Vs = {
   class: "breadcrumb-dropdown-content",
   role: "menu"
-}, lt = ["href"], ct = {
+}, Ds = ["href"], Is = {
   key: 1,
   class: "breadcrumb-page",
   role: "link",
   "aria-disabled": "true",
   "aria-current": "page"
-}, nt = ["href"], dt = {
+}, Ms = ["href"], Os = {
   key: 3,
   class: "breadcrumb-page",
   "aria-current": "page"
-}, it = 640, wt = /* @__PURE__ */ $({
+}, Rs = 640, ol = /* @__PURE__ */ q({
   __name: "Breadcrumb",
   props: {
     items: {},
     ariaLabel: { default: "Breadcrumb" },
     class: {}
   },
-  setup(l) {
-    const e = l, n = T(!1);
-    let r = null;
-    function d() {
-      K(() => {
-        typeof window > "u" || typeof window.matchMedia != "function" || (r = window.matchMedia(`(max-width: ${it}px)`), n.value = r.matches, r.addEventListener("change", o));
-      }), J(() => {
-        r && r.removeEventListener("change", o);
+  setup(a) {
+    const e = a, n = x(!1);
+    let o = null;
+    function _() {
+      Ve(() => {
+        typeof window > "u" || typeof window.matchMedia != "function" || (o = window.matchMedia(`(max-width: ${Rs}px)`), n.value = o.matches, o.addEventListener("change", d));
+      }), xe(() => {
+        o && o.removeEventListener("change", d);
       });
     }
-    function o() {
-      r && (n.value = r.matches);
+    function d() {
+      o && (n.value = o.matches);
     }
-    d();
-    const v = c(() => n.value && e.items.length > 2), m = c(
-      () => v.value ? [e.items[0], e.items[e.items.length - 1]] : e.items
-    ), D = c(
-      () => v.value ? e.items.slice(1, -1) : []
-    ), w = c(
-      () => D.value.flatMap(
-        (i) => i.href ? [{ label: i.label, href: i.href }] : (i.children ?? []).map((p) => ({ label: p.label, href: p.href }))
+    _();
+    const g = h(() => n.value && e.items.length > 2), T = h(
+      () => g.value ? [e.items[0], e.items[e.items.length - 1]] : e.items
+    ), w = h(
+      () => g.value ? e.items.slice(1, -1) : []
+    ), H = h(
+      () => w.value.flatMap(
+        (y) => y.href ? [{ label: y.label, href: y.href }] : (y.children ?? []).map((c) => ({ label: c.label, href: c.href }))
       )
-    ), g = T(null);
-    function y(i) {
-      g.value = g.value === i ? null : i;
+    ), A = x(null);
+    function $(y) {
+      A.value = A.value === y ? null : y;
     }
-    function O() {
-      g.value = null;
+    function N() {
+      A.value = null;
     }
-    function U(i, p) {
-      return p && !i.href && (!i.children || i.children.length === 0);
+    function U(y, c) {
+      return c && !y.href && (!y.children || y.children.length === 0);
     }
-    function W(i) {
-      return i.children && i.children.length > 0;
+    function Y(y) {
+      return y.children && y.children.length > 0;
     }
-    return (i, p) => l.items.length ? (a(), s("nav", {
+    return (y, c) => a.items.length ? (s(), l("nav", {
       key: 0,
-      "aria-label": l.ariaLabel,
-      class: L(k(V)("breadcrumb", e.class)),
+      "aria-label": a.ariaLabel,
+      class: I(k(V)("breadcrumb", e.class)),
       role: "navigation"
     }, [
-      t("ol", Ye, [
-        (a(!0), s(S, null, R(m.value, (f, C) => (a(), s(S, {
-          key: v.value && C === 1 ? l.items.length - 1 : C
+      t("ol", Cs, [
+        (s(!0), l(E, null, O(T.value, (v, m) => (s(), l(E, {
+          key: g.value && m === 1 ? a.items.length - 1 : m
         }, [
-          C > 0 ? (a(), s("span", je, [
-            b(k(F), { class: "breadcrumb-separator__icon" })
-          ])) : _("", !0),
-          v.value && C === 1 && w.value.length > 0 ? (a(), s(S, { key: 1 }, [
-            t("li", Qe, [
+          m > 0 ? (s(), l("span", Ss, [
+            S(k(ce), { class: "breadcrumb-separator__icon" })
+          ])) : f("", !0),
+          g.value && m === 1 && H.value.length > 0 ? (s(), l(E, { key: 1 }, [
+            t("li", As, [
               t("button", {
                 type: "button",
                 class: "breadcrumb-dropdown-trigger breadcrumb-ellipsis-trigger",
                 "aria-haspopup": "menu",
-                "aria-expanded": g.value === "ellipsis",
-                onClick: p[0] || (p[0] = (H) => y("ellipsis"))
+                "aria-expanded": A.value === "ellipsis",
+                onClick: c[0] || (c[0] = (b) => $("ellipsis"))
               }, [
-                b(k(te), {
+                S(k(je), {
                   class: "breadcrumb-dropdown-trigger__icon",
                   "aria-hidden": ""
                 }),
-                p[1] || (p[1] = t("span", { class: "sr-only" }, "Show more pages", -1))
-              ], 8, Je),
-              N(t("div", et, [
-                (a(!0), s(S, null, R(w.value, (H, M) => (a(), s("a", {
-                  key: M,
-                  href: H.href,
+                c[1] || (c[1] = t("span", { class: "sr-only" }, "Show more pages", -1))
+              ], 8, $s),
+              ae(t("div", Es, [
+                (s(!0), l(E, null, O(H.value, (b, B) => (s(), l("a", {
+                  key: B,
+                  href: b.href,
                   class: "breadcrumb-dropdown-item",
                   role: "menuitem",
-                  onClick: O
-                }, h(H.label), 9, tt))), 128))
+                  onClick: N
+                }, p(b.label), 9, Ts))), 128))
               ], 512), [
-                [Z, g.value === "ellipsis"]
+                [te, A.value === "ellipsis"]
               ])
             ]),
-            t("span", at, [
-              b(k(F), { class: "breadcrumb-separator__icon" })
+            t("span", Ls, [
+              S(k(ce), { class: "breadcrumb-separator__icon" })
             ])
-          ], 64)) : _("", !0),
-          t("li", ot, [
-            W(f) ? (a(), s(S, { key: 0 }, [
+          ], 64)) : f("", !0),
+          t("li", Hs, [
+            Y(v) ? (s(), l(E, { key: 0 }, [
               t("button", {
                 type: "button",
                 class: "breadcrumb-dropdown-trigger",
                 "aria-haspopup": "menu",
-                "aria-expanded": g.value === `item-${C}`,
-                onClick: (H) => y(`item-${C}`)
+                "aria-expanded": A.value === `item-${m}`,
+                onClick: (b) => $(`item-${m}`)
               }, [
-                P(h(f.label) + " ", 1),
-                b(k(ae), {
+                de(p(v.label) + " ", 1),
+                S(k(me), {
                   class: "breadcrumb-dropdown-trigger__icon",
                   "aria-hidden": ""
                 }),
-                p[2] || (p[2] = t("span", { class: "sr-only" }, "Toggle menu", -1))
-              ], 8, st),
-              N(t("div", rt, [
-                (a(!0), s(S, null, R(f.children, (H, M) => (a(), s("a", {
-                  key: M,
-                  href: H.href,
+                c[2] || (c[2] = t("span", { class: "sr-only" }, "Toggle menu", -1))
+              ], 8, xs),
+              ae(t("div", Vs, [
+                (s(!0), l(E, null, O(v.children, (b, B) => (s(), l("a", {
+                  key: B,
+                  href: b.href,
                   class: "breadcrumb-dropdown-item",
                   role: "menuitem",
-                  onClick: O
-                }, h(H.label), 9, lt))), 128))
+                  onClick: N
+                }, p(b.label), 9, Ds))), 128))
               ], 512), [
-                [Z, g.value === `item-${C}`]
+                [te, A.value === `item-${m}`]
               ])
-            ], 64)) : U(f, C === m.value.length - 1) ? (a(), s("span", ct, h(f.label), 1)) : f.href ? (a(), s("a", {
+            ], 64)) : U(v, m === T.value.length - 1) ? (s(), l("span", Is, p(v.label), 1)) : v.href ? (s(), l("a", {
               key: 2,
-              href: f.href,
+              href: v.href,
               class: "breadcrumb-link"
-            }, h(f.label), 9, nt)) : (a(), s("span", dt, h(f.label), 1))
+            }, p(v.label), 9, Ms)) : (s(), l("span", Os, p(v.label), 1))
           ])
         ], 64))), 128))
       ])
-    ], 10, Xe)) : _("", !0);
+    ], 10, ws)) : f("", !0);
   }
-}), yt = [
+}), rl = [
   "primary",
   "secondary",
   "outline",
   "ghost",
   "ghost-muted",
   "destructive"
-], At = ["mini", "small", "default", "large", "icon"], xt = [
+], nl = ["mini", "small", "default", "large", "icon"], il = [
   "ee-blue",
   "tech-blue",
   "byte-white",
@@ -578,105 +1364,115 @@ const Ie = ["aria-valuenow", "aria-valuetext"], De = ["viewBox"], Oe = ["transfo
   "equal-ember"
 ];
 export {
-  jt as Accordion,
-  Qt as AccordionContent,
-  Jt as AccordionItem,
-  ea as AccordionTrigger,
-  aa as AlertDialog,
-  oa as AlertDialogAction,
-  sa as AlertDialogCancel,
-  ra as AlertDialogContent,
-  la as AlertDialogDescription,
-  ca as AlertDialogFooter,
-  na as AlertDialogHeader,
-  da as AlertDialogTitle,
-  ia as AlertDialogTrigger,
-  Et as BADGE_ROUNDNESS,
-  Lt as BADGE_VARIANTS,
-  xt as BUTTON_COLORS,
-  At as BUTTON_SIZES,
-  yt as BUTTON_VARIANTS,
-  _a as Badge,
-  wt as Breadcrumb,
-  va as Button,
-  Dt as ButtonGroup,
-  Ot as ButtonGroupSeparator,
-  Mt as ButtonGroupText,
-  Qa as CHECKBOX_FIELD_APPEARANCES,
-  Ja as CHECKBOX_FIELD_LAYOUTS,
-  Nt as Carousel,
-  Zt as CarouselContent,
-  Ft as CarouselItem,
-  Gt as CarouselNext,
-  Pt as CarouselPrevious,
-  eo as Checkbox,
-  to as CheckboxField,
-  gt as ContentCard,
-  I as EELogo,
-  Fe as EELogoIcon,
-  Aa as FIELD_LEGEND_VARIANTS,
-  xa as FIELD_ORIENTATIONS,
-  $a as Field,
-  Va as FieldContent,
-  La as FieldDescription,
-  Ta as FieldError,
-  Ia as FieldGroup,
-  Ea as FieldLabel,
-  Da as FieldLegend,
-  Oa as FieldSeparator,
-  Ma as FieldSet,
-  wa as FieldTitle,
-  ba as INPUT_SIZES,
-  Ha as Input,
-  Vt as KUAT_LOGO_LOCKUP_MODE,
-  $t as KUAT_LOGO_LOCKUP_USE,
-  Ht as KUAT_RADIAL_PROGRESS_COLORS,
-  bt as KUAT_RADIAL_PROGRESS_SIZES,
-  Ut as KuatCarousel,
-  Wt as KuatCarouselContent,
-  zt as KuatCarouselItem,
-  qt as KuatCarouselNext,
-  Xt as KuatCarouselPrevious,
-  ft as KuatHeader,
-  St as KuatLogoLockup,
-  Ct as KuatRadialProgress,
-  Ba as KuatSelect,
-  oo as RADIO_FIELD_APPEARANCES,
-  so as RADIO_FIELD_LAYOUTS,
-  ro as RadioField,
-  lo as RadioGroup,
-  co as RadioGroupItem,
-  Na as SELECT_LINES,
-  Za as SELECT_SIZES,
-  $o as SONNER_POSITIONS,
-  io as SWITCH_FIELD_APPEARANCES,
-  uo as SWITCH_FIELD_LAYOUTS,
-  Fa as Select,
-  Ga as SelectContent,
-  Pa as SelectGroup,
-  Ka as SelectItem,
-  Ua as SelectLabel,
-  Wa as SelectScrollDownButton,
-  za as SelectScrollUpButton,
-  qa as SelectSeparator,
-  Xa as SelectTrigger,
-  Ya as SelectValue,
-  Vo as Sonner,
-  Lo as SonnerContent,
-  _o as Switch,
-  ho as SwitchField,
-  fa as TEXTAREA_RESIZE,
-  Co as TOGGLE_GROUP_ORIENTATIONS,
-  go as TOGGLE_SIZES,
-  fo as TOGGLE_SKINS,
-  ka as Textarea,
-  vo as Toggle,
-  bo as ToggleGroup,
-  Ho as ToggleGroupItem,
-  ha as badgeVariants,
-  Rt as buttonGroupVariants,
-  ma as buttonVariants,
+  Rl as Accordion,
+  Nl as AccordionContent,
+  Bl as AccordionItem,
+  Pl as AccordionTrigger,
+  Ul as AlertDialog,
+  Zl as AlertDialogAction,
+  Gl as AlertDialogCancel,
+  Kl as AlertDialogContent,
+  ql as AlertDialogDescription,
+  Wl as AlertDialogFooter,
+  zl as AlertDialogHeader,
+  Xl as AlertDialogTitle,
+  Yl as AlertDialogTrigger,
+  ll as BADGE_ROUNDNESS,
+  sl as BADGE_VARIANTS,
+  il as BUTTON_COLORS,
+  nl as BUTTON_SIZES,
+  rl as BUTTON_VARIANTS,
+  Ql as Badge,
+  ol as Breadcrumb,
+  he as Button,
+  cl as ButtonGroup,
+  _l as ButtonGroupSeparator,
+  hl as ButtonGroupText,
+  Oo as CHECKBOX_FIELD_APPEARANCES,
+  Ro as CHECKBOX_FIELD_LAYOUTS,
+  Al as Carousel,
+  $l as CarouselContent,
+  El as CarouselItem,
+  Tl as CarouselNext,
+  Ll as CarouselPrevious,
+  No as Checkbox,
+  Bo as CheckboxField,
+  zs as ContentCard,
+  X as EELogo,
+  ps as EELogoIcon,
+  po as FIELD_LEGEND_VARIANTS,
+  vo as FIELD_ORIENTATIONS,
+  no as Field,
+  io as FieldContent,
+  uo as FieldDescription,
+  mo as FieldError,
+  ko as FieldGroup,
+  co as FieldLabel,
+  fo as FieldLegend,
+  bo as FieldSeparator,
+  go as FieldSet,
+  _o as FieldTitle,
+  fl as ICON_BUTTON_ROUNDNESS,
+  bl as ICON_BUTTON_SIZES,
+  gl as ICON_BUTTON_SIZE_LG_ALIAS,
+  yl as ICON_BUTTON_SIZE_SM_ALIAS,
+  wl as ICON_BUTTON_VARIANT_DEFAULT_ALIAS,
+  lo as INPUT_SIZES,
+  Qe as IconButton,
+  oo as Input,
+  tl as KUAT_LOGO_LOCKUP_MODE,
+  al as KUAT_LOGO_LOCKUP_USE,
+  Js as KUAT_RADIAL_PROGRESS_COLORS,
+  Qs as KUAT_RADIAL_PROGRESS_SIZES,
+  xl as KuatCarousel,
+  Vl as KuatCarouselContent,
+  Dl as KuatCarouselItem,
+  Il as KuatCarouselNext,
+  Ml as KuatCarouselPrevious,
+  Xs as KuatHeader,
+  el as KuatLogoLockup,
+  js as KuatRadialProgress,
+  wo as KuatSelect,
+  Fo as RADIO_FIELD_APPEARANCES,
+  Uo as RADIO_FIELD_LAYOUTS,
+  Zo as RadioField,
+  Go as RadioGroup,
+  Ko as RadioGroupItem,
+  Co as SELECT_LINES,
+  So as SELECT_SIZES,
+  nr as SONNER_POSITIONS,
+  Wo as SWITCH_FIELD_APPEARANCES,
+  zo as SWITCH_FIELD_LAYOUTS,
+  Ao as Select,
+  $o as SelectContent,
+  Eo as SelectGroup,
+  To as SelectItem,
+  Lo as SelectLabel,
+  Ho as SelectScrollDownButton,
+  xo as SelectScrollUpButton,
+  Vo as SelectSeparator,
+  Do as SelectTrigger,
+  Io as SelectValue,
+  ir as Sonner,
+  ur as SonnerContent,
+  Xo as Switch,
+  Yo as SwitchField,
+  ao as TEXTAREA_RESIZE,
+  sr as TOGGLE_GROUP_ORIENTATIONS,
+  er as TOGGLE_SIZES,
+  ar as TOGGLE_SKINS,
+  to as Textarea,
+  Qo as Toggle,
+  lr as ToggleGroup,
+  or as ToggleGroupItem,
+  Jl as badgeVariants,
+  pl as buttonGroupVariants,
+  ml as buttonVariants,
   V as cn,
-  kt as kuatHeaderVariants,
-  Eo as toast
+  Cl as iconButtonVariants,
+  Ys as kuatHeaderVariants,
+  ba as resolveAppSwitcherLabels,
+  Aa as resolveHeaderLockup,
+  fa as shouldShowAppSwitcher,
+  dr as toast
 };