@equal-experts/kuat-react 0.12.0 → 0.13.1

package/dist/index.js

@@ -1,210 +1,273 @@
-import { c as s } from "./utils-DLUjLwnh.js";
-import { S as Q } from "./button-group-enIzvVeN.js";
-import { d as Fe, B as Ge, a as Ue, b as je, c as qe } from "./button-group-enIzvVeN.js";
-import { jsxs as t, jsx as e, Fragment as I } from "react/jsx-runtime";
-import * as n from "react";
-import { ChevronRight as W, Menu as de, X as ce, User as ee, ChevronDown as U, MoreHorizontal as ie } from "lucide-react";
+import { c as d } from "./utils-DLUjLwnh.js";
+import { S as be } from "./button-group-enIzvVeN.js";
+import { d as Sa, B as Ha, a as Ta, b as ya, c as Da } from "./button-group-enIzvVeN.js";
+import { jsxs as s, jsx as e, Fragment as M } from "react/jsx-runtime";
+import * as o from "react";
+import { ChevronRight as $, Menu as Ve, ChevronLeft as Ie, X as xe, User as ee, LayoutGrid as ke, ChevronDown as se, MoreHorizontal as Me } from "lucide-react";
 import { B as J } from "./button-C0a1gFoV.js";
-import { d as ze, c as Ye, a as Je, b as Qe } from "./button-C0a1gFoV.js";
-import * as i from "@radix-ui/react-dropdown-menu";
-import { C as ea, a as aa, b as ra, d as la, c as oa, u as ta } from "./carousel-B_FcJvc1.js";
-import { K as sa, a as da, b as ca, d as ia, c as ua, u as ha } from "./kuat-carousel-DUR-L0dP.js";
-import { b as pa, a as ba, K as fa } from "./kuat-radial-progress-YcpYzHjk.js";
-import { A as Na, c as ga, a as Ca, b as ka } from "./accordion-CUlVo4uo.js";
-import { A as Ha, i as Sa, j as va, d as La, h as ya, f as Ea, e as Va, b as Aa, a as Ra, g as Da, c as Ta } from "./alert-dialog-yHaNWLGX.js";
-import { c as Ia, a as Ma, B as Oa, b as Ba } from "./badge-BZgdEQSD.js";
-import { a as Za, T as Pa } from "./textarea-B0irOcAM.js";
-import { a as Fa, I as Ga } from "./input-DmkHok33.js";
-import { j as ja, F as qa, a as Xa, b as za, c as Ya, d as Ja, e as Qa, f as Wa, g as er, h as ar, i as rr } from "./field-CpIBifwy.js";
-import { K as or, j as tr, k as nr, S as sr, a as dr, b as cr, c as ir, d as ur, e as hr, f as mr, g as pr, h as br, i as fr } from "./select-CkwcI4vN.js";
-import { b as Nr, c as gr, C as Cr, a as kr } from "./checkbox-field-7OmstdY0.js";
-import { c as Hr, d as Sr, b as vr, R as Lr, a as yr } from "./radio-field-BD77QCpO.js";
-import { b as Vr, c as Ar, S as Rr, a as Dr } from "./switch-field-xn_CPJH7.js";
-import { a as xr, b as Ir, T as Mr, c as Or, d as Br } from "./constants-Cfitvm6L.js";
-import { a as Zr, S as Pr, b as $r, t as Fr } from "./sonner-content-CXBD6jNn.js";
-const Ie = n.forwardRef(function({
-  className: l,
-  asChild: r = !1,
-  width: o = "default",
-  maxWidth: d = "373px",
-  imageSrc: c = null,
+import { d as Va, c as Ia, a as xa, b as Ma } from "./button-C0a1gFoV.js";
+import { I as Be } from "./icon-button-B5hCoK1b.js";
+import { b as Oa, a as Pa, e as Ua, d as Fa, c as Za, i as Ka } from "./icon-button-B5hCoK1b.js";
+import * as b from "@radix-ui/react-dropdown-menu";
+import { C as Ga, a as qa, b as ja, d as Ya, c as za, u as Xa } from "./carousel-B_FcJvc1.js";
+import { K as Ja, a as Qa, b as er, d as ar, c as rr, u as lr } from "./kuat-carousel-DUR-L0dP.js";
+import { b as sr, a as nr, K as ir } from "./kuat-radial-progress-YcpYzHjk.js";
+import { A as dr, c as cr, a as ur, b as hr } from "./accordion-CUlVo4uo.js";
+import { A as pr, i as _r, j as br, d as kr, h as fr, f as Nr, e as gr, b as Cr, a as vr, g as wr, c as Ar } from "./alert-dialog-yHaNWLGX.js";
+import { c as Lr, a as Sr, B as Hr, b as Tr } from "./badge-BZgdEQSD.js";
+import { a as Dr, T as Rr } from "./textarea-B0irOcAM.js";
+import { a as Ir, I as xr } from "./input-DmkHok33.js";
+import { j as Br, F as Or, a as Pr, b as Ur, c as Fr, d as Zr, e as Kr, f as $r, g as Gr, h as qr, i as jr } from "./field-CpIBifwy.js";
+import { K as zr, j as Xr, k as Wr, S as Jr, a as Qr, b as el, c as al, d as rl, e as ll, f as tl, g as sl, h as nl, i as il } from "./select-CkwcI4vN.js";
+import { b as dl, c as cl, C as ul, a as hl } from "./checkbox-field-7OmstdY0.js";
+import { c as pl, d as _l, b as bl, R as kl, a as fl } from "./radio-field-BD77QCpO.js";
+import { b as gl, c as Cl, S as vl, a as wl } from "./switch-field-xn_CPJH7.js";
+import { a as El, b as Ll, T as Sl, c as Hl, d as Tl } from "./constants-Cfitvm6L.js";
+import { a as Dl, S as Rl, b as Vl, t as Il } from "./sonner-content-CXBD6jNn.js";
+const fa = o.forwardRef(function({
+  className: r,
+  asChild: l = !1,
+  width: t = "default",
+  maxWidth: i = "373px",
+  imageSrc: u = null,
   imageAlt: h = "",
-  contentText: _ = null,
-  headerAccessory: b = null,
-  customContent: y = null,
-  footer: D = null,
-  badge: E,
-  category: f,
-  title: m,
-  titleHeadingLevel: H = 3,
-  children: R,
-  style: N,
-  ...g
-}, k) {
-  const V = `h${H}`, S = o === "fluid" ? "content-card--width-fluid" : o === "custom" ? "content-card--width-custom" : "content-card--width-default", w = o === "custom" ? {
-    ...N ?? {},
-    "--content-card-max-width": typeof d == "number" ? `${d}px` : d ?? "373px"
-  } : N, C = /* @__PURE__ */ t(I, { children: [
-    c !== null ? /* @__PURE__ */ e("div", { className: "content-card__media", children: /* @__PURE__ */ e("img", { className: "content-card__media-img", alt: h, src: c }) }) : null,
-    /* @__PURE__ */ t("div", { className: "content-card__body", children: [
-      /* @__PURE__ */ t("div", { className: "content-card__heading-row", children: [
-        /* @__PURE__ */ t("div", { className: "content-card__heading-left", children: [
-          /* @__PURE__ */ t("div", { className: "content-card__heading-meta", children: [
-            /* @__PURE__ */ e("div", { "data-slot": "badge", className: "content-card__badge", children: E }),
-            /* @__PURE__ */ e("p", { className: "content-card__category", children: f })
+  contentText: N = null,
+  headerAccessory: k = null,
+  customContent: _ = null,
+  footer: p = null,
+  badge: y,
+  category: g,
+  title: C,
+  titleHeadingLevel: V = 3,
+  children: v,
+  style: E,
+  ...S
+}, w) {
+  const H = `h${V}`, L = t === "fluid" ? "content-card--width-fluid" : t === "custom" ? "content-card--width-custom" : "content-card--width-default", T = t === "custom" ? {
+    ...E ?? {},
+    "--content-card-max-width": typeof i == "number" ? `${i}px` : i ?? "373px"
+  } : E, j = /* @__PURE__ */ s(M, { children: [
+    u !== null ? /* @__PURE__ */ e("div", { className: "content-card__media", children: /* @__PURE__ */ e("img", { className: "content-card__media-img", alt: h, src: u }) }) : null,
+    /* @__PURE__ */ s("div", { className: "content-card__body", children: [
+      /* @__PURE__ */ s("div", { className: "content-card__heading-row", children: [
+        /* @__PURE__ */ s("div", { className: "content-card__heading-left", children: [
+          /* @__PURE__ */ s("div", { className: "content-card__heading-meta", children: [
+            /* @__PURE__ */ e("div", { "data-slot": "badge", className: "content-card__badge", children: y }),
+            /* @__PURE__ */ e("p", { className: "content-card__category", children: g })
           ] }),
-          /* @__PURE__ */ e(V, { className: "content-card__title", children: m })
+          /* @__PURE__ */ e(H, { className: "content-card__title", children: C })
         ] }),
         /* @__PURE__ */ e(
           "div",
           {
             "data-slot": "header-accessory",
             className: "content-card__header-accessory",
-            children: b ?? null
+            children: k ?? null
           }
         )
       ] }),
-      _ != null ? /* @__PURE__ */ e("div", { "data-slot": "content", className: "content-card__content", children: /* @__PURE__ */ e("p", { className: "content-card__content-text", children: _ }) }) : null,
-      /* @__PURE__ */ e("div", { "data-slot": "custom-content", className: "content-card__custom-content", children: y ?? null }),
-      /* @__PURE__ */ e("div", { "data-slot": "footer", className: "content-card__footer", children: D ?? null })
+      N != null ? /* @__PURE__ */ e("div", { "data-slot": "content", className: "content-card__content", children: /* @__PURE__ */ e("p", { className: "content-card__content-text", children: N }) }) : null,
+      /* @__PURE__ */ e("div", { "data-slot": "custom-content", className: "content-card__custom-content", children: _ ?? null }),
+      /* @__PURE__ */ e("div", { "data-slot": "footer", className: "content-card__footer", children: p ?? null })
     ] })
   ] });
-  if (r) {
-    const T = n.Children.only(R);
-    if (!n.isValidElement(T))
+  if (l) {
+    const I = o.Children.only(v);
+    if (!o.isValidElement(I))
       throw new Error("ContentCard: when `asChild` is true, provide a single React element child.");
-    const A = T;
-    return n.cloneElement(
-      A,
+    const D = I;
+    return o.cloneElement(
+      D,
       {
-        ...g,
-        ref: k,
+        ...S,
+        ref: w,
         "data-slot": "content-card",
-        className: s("content-card", S, A.props.className, l),
-        style: o === "custom" ? {
-          ...A.props.style ?? {},
-          ...w
-        } : w ?? A.props.style
+        className: d("content-card", L, D.props.className, r),
+        style: t === "custom" ? {
+          ...D.props.style ?? {},
+          ...T
+        } : T ?? D.props.style
       },
-      C
+      j
     );
   }
   return /* @__PURE__ */ e(
     "div",
     {
-      ref: k,
+      ref: w,
       "data-slot": "content-card",
-      className: s("content-card", S, l),
-      style: w,
-      ...g,
-      children: C
+      className: d("content-card", L, r),
+      style: T,
+      ...S,
+      children: j
     }
   );
-}), M = i.Root, O = i.Trigger, j = i.Group, ue = n.forwardRef(({ className: a, inset: l, children: r, ...o }, d) => /* @__PURE__ */ t(
-  i.SubTrigger,
+}), B = b.Root, O = b.Trigger, G = b.Group, Oe = o.forwardRef(({ className: a, inset: r, children: l, ...t }, i) => /* @__PURE__ */ s(
+  b.SubTrigger,
   {
-    ref: d,
-    className: s(
+    ref: i,
+    className: d(
       "dropdown-menu-sub-trigger",
-      l && "dropdown-menu-sub-trigger--inset",
+      r && "dropdown-menu-sub-trigger--inset",
       a
     ),
-    ...o,
+    ...t,
     children: [
-      r,
-      /* @__PURE__ */ e(W, { className: "dropdown-menu-sub-trigger__icon" })
+      l,
+      /* @__PURE__ */ e($, { className: "dropdown-menu-sub-trigger__icon" })
     ]
   }
 ));
-ue.displayName = i.SubTrigger.displayName;
-const he = n.forwardRef(({ className: a, ...l }, r) => /* @__PURE__ */ e(
-  i.SubContent,
+Oe.displayName = b.SubTrigger.displayName;
+const Pe = o.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e(
+  b.SubContent,
   {
-    ref: r,
-    className: s("dropdown-menu-content", "dropdown-menu-sub-content", a),
-    ...l
+    ref: l,
+    className: d("dropdown-menu-content", "dropdown-menu-sub-content", a),
+    ...r
   }
 ));
-he.displayName = i.SubContent.displayName;
-const B = n.forwardRef(({ className: a, sideOffset: l = 4, ...r }, o) => /* @__PURE__ */ e(i.Portal, { children: /* @__PURE__ */ e(
-  i.Content,
+Pe.displayName = b.SubContent.displayName;
+const q = o.forwardRef(({ className: a, sideOffset: r = 4, ...l }, t) => /* @__PURE__ */ e(b.Portal, { children: /* @__PURE__ */ e(
+  b.Content,
   {
-    ref: o,
-    sideOffset: l,
-    className: s("dropdown-menu-content", a),
-    ...r
+    ref: t,
+    sideOffset: r,
+    className: d("dropdown-menu-content", a),
+    ...l
   }
 ) }));
-B.displayName = i.Content.displayName;
-const K = n.forwardRef(({ className: a, inset: l, ...r }, o) => /* @__PURE__ */ e(
-  i.Item,
+q.displayName = b.Content.displayName;
+const P = o.forwardRef(({ className: a, inset: r, ...l }, t) => /* @__PURE__ */ e(
+  b.Item,
   {
-    ref: o,
-    className: s(
+    ref: t,
+    className: d(
       "dropdown-menu-item",
-      l && "dropdown-menu-item--inset",
+      r && "dropdown-menu-item--inset",
       a
     ),
-    ...r
+    ...l
   }
 ));
-K.displayName = i.Item.displayName;
-const me = n.forwardRef(({ className: a, children: l, checked: r, ...o }, d) => /* @__PURE__ */ e(
-  i.CheckboxItem,
+P.displayName = b.Item.displayName;
+const Ue = o.forwardRef(({ className: a, children: r, checked: l, ...t }, i) => /* @__PURE__ */ e(
+  b.CheckboxItem,
   {
-    ref: d,
-    className: s("dropdown-menu-item", "dropdown-menu-checkbox-item", a),
-    checked: r,
-    ...o,
-    children: l
+    ref: i,
+    className: d("dropdown-menu-item", "dropdown-menu-checkbox-item", a),
+    checked: l,
+    ...t,
+    children: r
   }
 ));
-me.displayName = i.CheckboxItem.displayName;
-const pe = n.forwardRef(({ className: a, children: l, ...r }, o) => /* @__PURE__ */ e(
-  i.RadioItem,
+Ue.displayName = b.CheckboxItem.displayName;
+const Fe = o.forwardRef(({ className: a, children: r, ...l }, t) => /* @__PURE__ */ e(
+  b.RadioItem,
   {
-    ref: o,
-    className: s("dropdown-menu-item", "dropdown-menu-radio-item", a),
-    ...r,
-    children: l
+    ref: t,
+    className: d("dropdown-menu-item", "dropdown-menu-radio-item", a),
+    ...l,
+    children: r
   }
 ));
-pe.displayName = i.RadioItem.displayName;
-const be = n.forwardRef(({ className: a, inset: l, ...r }, o) => /* @__PURE__ */ e(
-  i.Label,
+Fe.displayName = b.RadioItem.displayName;
+const Ze = o.forwardRef(({ className: a, inset: r, ...l }, t) => /* @__PURE__ */ e(
+  b.Label,
   {
-    ref: o,
-    className: s(
+    ref: t,
+    className: d(
       "dropdown-menu-label",
-      l && "dropdown-menu-label--inset",
+      r && "dropdown-menu-label--inset",
       a
     ),
-    ...r
+    ...l
   }
 ));
-be.displayName = i.Label.displayName;
-const fe = n.forwardRef(({ className: a, ...l }, r) => /* @__PURE__ */ e(
-  i.Separator,
+Ze.displayName = b.Label.displayName;
+const Ke = o.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e(
+  b.Separator,
   {
-    ref: r,
-    className: s("dropdown-menu-separator", a),
-    ...l
+    ref: l,
+    className: d("dropdown-menu-separator", a),
+    ...r
   }
 ));
-fe.displayName = i.Separator.displayName;
-const Me = ["default", "demo"];
-function P({ className: a, textColor: l = "grey" }) {
-  return /* @__PURE__ */ t(
+Ke.displayName = b.Separator.displayName;
+const x = {
+  trigger: "Equal Experts apps",
+  nav: "Equal Experts applications",
+  title: "Equal Experts apps",
+  teaserTitle: "Equal Experts apps",
+  teaserDescription: "Switch between EE services"
+}, Q = {
+  teaserTitle: "Account",
+  nav: "Account",
+  title: "Account"
+}, $e = "No applications are available right now.";
+function Ge(a) {
+  return a ? a.loading || a.apps.length > 0 ? !0 : a.empty === "message" : !1;
+}
+function qe(a) {
+  var r, l, t, i, u;
+  return {
+    trigger: ((r = a == null ? void 0 : a.labels) == null ? void 0 : r.trigger) ?? x.trigger,
+    nav: ((l = a == null ? void 0 : a.labels) == null ? void 0 : l.nav) ?? x.nav,
+    title: ((t = a == null ? void 0 : a.labels) == null ? void 0 : t.title) ?? x.title,
+    teaserTitle: ((i = a == null ? void 0 : a.labels) == null ? void 0 : i.teaserTitle) ?? x.teaserTitle,
+    teaserDescription: ((u = a == null ? void 0 : a.labels) == null ? void 0 : u.teaserDescription) ?? x.teaserDescription
+  };
+}
+function fe(a) {
+  return (a == null ? void 0 : a.emptyMessage) ?? $e;
+}
+function je(a) {
+  var r, l;
+  return !!((l = (r = a == null ? void 0 : a.mobile) == null ? void 0 : r.items) != null && l.length);
+}
+function Ye(a) {
+  var r;
+  return !!((r = a == null ? void 0 : a.items) != null && r.length);
+}
+function Ne(a) {
+  var r, l;
+  return ((l = (r = a == null ? void 0 : a.mobile) == null ? void 0 : r.items) == null ? void 0 : l.map((t) => ({
+    label: t.label,
+    url: t.href
+  }))) ?? [];
+}
+function ze(a) {
+  var r;
+  return ((r = a == null ? void 0 : a.items) == null ? void 0 : r.length) === 1 && Ne(a).length > 0;
+}
+function Xe(a) {
+  var k, _;
+  const r = a == null ? void 0 : a.labels, l = a == null ? void 0 : a.mobile, t = (_ = (k = a == null ? void 0 : a.items) == null ? void 0 : k[0]) == null ? void 0 : _.label, i = (r == null ? void 0 : r.teaserTitle) ?? (l == null ? void 0 : l.heading) ?? Q.teaserTitle, u = (r == null ? void 0 : r.teaserDescription) ?? (l == null ? void 0 : l.subtitle) ?? (t ? `Signed in as ${t}` : ""), h = (r == null ? void 0 : r.title) ?? (l == null ? void 0 : l.heading) ?? Q.title, N = (r == null ? void 0 : r.nav) ?? Q.nav;
+  return { teaserTitle: i, teaserDescription: u, nav: N, title: h };
+}
+function We(a) {
+  var r, l;
+  return a.logo === null ? { mode: "hidden", lockupVariant: "default" } : a.logo !== void 0 ? {
+    mode: "custom",
+    lockupVariant: ((r = a.lockup) == null ? void 0 : r.variant) ?? "default"
+  } : (l = a.lockup) != null && l.variant ? { mode: "builtin", lockupVariant: a.lockup.variant } : { mode: "hidden", lockupVariant: "default" };
+}
+function Je(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 Na = ["default", "demo"], ga = ["hide", "message"];
+function ae({ className: a, textColor: r = "grey" }) {
+  return /* @__PURE__ */ s(
     "svg",
     {
-      className: s("ee-logo", `ee-logo--${l}`, a),
+      className: d("ee-logo", `ee-logo--${r}`, a),
       viewBox: "0 0 500 133",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       "aria-label": "Equal Experts logo",
       children: [
-        /* @__PURE__ */ t("g", { clipPath: "url(#ee-logo-clip)", children: [
-          /* @__PURE__ */ t("g", { className: "ee-logo__text", fill: "currentColor", children: [
+        /* @__PURE__ */ s("g", { clipPath: "url(#ee-logo-clip)", children: [
+          /* @__PURE__ */ s("g", { className: "ee-logo__text", fill: "currentColor", children: [
             /* @__PURE__ */ e("path", { d: "M220.235 1.45712L219.413 13.0751H197.72V23.2946H216.859V34.844H197.72V45.3862H219.667V57.0237H184.687V1.45712H220.235Z" }),
             /* @__PURE__ */ e("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" }),
             /* @__PURE__ */ e("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" }),
@@ -215,7 +278,7 @@ function P({ className: a, textColor: l = "grey" }) {
           /* @__PURE__ */ e("path", { d: "M102.74 75.3895H40.5969V93.029H102.74V75.3895Z", fill: "#1795D4" }),
           /* @__PURE__ */ e("path", { d: "M0.489227 2.44485V20.7938V110.382V128.741H19.1389H56.6732V110.382H19.1389V20.7938H56.6732V2.44485H19.1389H0.489227Z", fill: "#1795D4" }),
           /* @__PURE__ */ e("path", { d: "M124.198 2.44485H85.6262V21.0844H124.198V112.092H85.6262V130.741H124.198H142.847V112.092V21.0844V2.44485H124.198Z", fill: "#1795D4" }),
-          /* @__PURE__ */ t("g", { className: "ee-logo__text", fill: "currentColor", children: [
+          /* @__PURE__ */ s("g", { className: "ee-logo__text", fill: "currentColor", children: [
             /* @__PURE__ */ e("path", { d: "M220.235 75.2819L219.413 86.9096H197.72V97.1291H216.859V108.679H197.72V119.231H219.667V130.849H184.687V75.2819H220.235Z" }),
             /* @__PURE__ */ e("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" }),
             /* @__PURE__ */ e("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" }),
@@ -230,323 +293,578 @@ function P({ className: a, textColor: l = "grey" }) {
     }
   );
 }
-const _e = (a, l) => /* @__PURE__ */ e("a", { href: a.url, className: l, children: a.label });
-function Ne(a) {
+const _e = "kuat-header-app-switcher-menu", Qe = (a, r) => /* @__PURE__ */ e("a", { href: a.url, className: r, children: a.label });
+function ea(a) {
   return Array.isArray(a);
 }
-function ge(a) {
-  return Array.isArray(a);
+function ge({
+  align: a = "start",
+  className: r,
+  id: l,
+  children: t
+}) {
+  return /* @__PURE__ */ e(
+    q,
+    {
+      id: l,
+      align: a,
+      className: d("kuat-header__dropdown-content", r),
+      children: t
+    }
+  );
 }
-function ae({ items: a }) {
-  return /* @__PURE__ */ e(B, { align: "start", className: "kuat-header__dropdown-content", children: /* @__PURE__ */ e(j, { children: a.map((l) => /* @__PURE__ */ e(K, { asChild: !0, children: _e(l, "kuat-header__dropdown-link") }, `${l.label}-${l.url}`)) }) });
+function Ce({ items: a }) {
+  return /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ e(G, { children: a.map((r) => /* @__PURE__ */ e(P, { asChild: !0, children: Qe(r, "kuat-header__dropdown-link") }, `${r.label}-${r.url}`)) }) });
 }
-function Ce({ items: a, variant: l }) {
-  return /* @__PURE__ */ e("div", { className: "kuat-header__nav-items", children: a.map((r) => {
-    var o;
-    return (o = r.items) != null && o.length ? /* @__PURE__ */ t(M, { children: [
-      /* @__PURE__ */ e(O, { asChild: !0, children: /* @__PURE__ */ t(
+function aa({ items: a, variant: r }) {
+  return /* @__PURE__ */ e("div", { className: "kuat-header__nav-items", children: a.map((l) => {
+    var t;
+    return (t = l.items) != null && t.length ? /* @__PURE__ */ s(B, { children: [
+      /* @__PURE__ */ e(O, { asChild: !0, children: /* @__PURE__ */ s(
         "button",
         {
           type: "button",
-          className: s(
+          className: d(
             "kuat-header__nav-trigger",
-            l === "bold" && "kuat-header__nav-trigger--bold"
+            r === "bold" && "kuat-header__nav-trigger--bold"
           ),
           "aria-haspopup": "menu",
           children: [
-            r.label,
-            /* @__PURE__ */ e(U, { className: "h-4 w-4", "aria-hidden": !0 })
+            l.label,
+            /* @__PURE__ */ e(se, { className: "h-4 w-4", "aria-hidden": !0 })
           ]
         }
       ) }),
-      /* @__PURE__ */ e(ae, { items: r.items })
-    ] }, `${r.label}-${r.url}`) : /* @__PURE__ */ e(
+      /* @__PURE__ */ e(Ce, { items: l.items })
+    ] }, `${l.label}-${l.url}`) : /* @__PURE__ */ e(
       "a",
       {
-        href: r.url,
-        className: s(
+        href: l.url,
+        className: d(
           "kuat-header__nav-link",
-          l === "bold" && "kuat-header__nav-link--bold"
+          r === "bold" && "kuat-header__nav-link--bold"
         ),
-        children: r.label
+        children: l.label
       },
-      `${r.label}-${r.url}`
+      `${l.label}-${l.url}`
     );
   }) });
 }
-function ke({ items: a, variant: l }) {
-  return /* @__PURE__ */ e("div", { className: "kuat-header__actions-items", children: a.map((r) => {
-    var d;
-    const o = r.icon ?? /* @__PURE__ */ e(ee, { className: "h-4 w-4", "aria-hidden": !0 });
-    return (d = r.items) != null && d.length ? /* @__PURE__ */ t(M, { children: [
-      /* @__PURE__ */ e(O, { asChild: !0, children: /* @__PURE__ */ t(
+function ra({
+  account: a,
+  variant: r
+}) {
+  const l = ze(a), t = Ne(a);
+  return /* @__PURE__ */ e("div", { className: "kuat-header__actions-items", children: a.items.map((i, u) => {
+    const h = i.icon ?? /* @__PURE__ */ e(ee, { className: "h-4 w-4", "aria-hidden": !0 });
+    return l && u === 0 ? /* @__PURE__ */ s(B, { children: [
+      /* @__PURE__ */ e(O, { asChild: !0, children: /* @__PURE__ */ s(
         "button",
         {
           type: "button",
-          className: s(
+          className: d(
             "kuat-header__action-trigger",
-            l === "bold" && "kuat-header__action-trigger--bold"
+            r === "bold" && "kuat-header__action-trigger--bold"
           ),
           "aria-haspopup": "menu",
           children: [
-            o,
-            /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: r.label }),
-            /* @__PURE__ */ e(U, { className: "h-4 w-4", "aria-hidden": !0 })
+            h,
+            /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: i.label }),
+            /* @__PURE__ */ e(se, { className: "h-4 w-4", "aria-hidden": !0 })
           ]
         }
       ) }),
-      /* @__PURE__ */ e(ae, { items: r.items })
-    ] }, `${r.label}-${r.url}`) : /* @__PURE__ */ t(
+      /* @__PURE__ */ e(Ce, { items: t })
+    ] }, `${i.label}-${i.href}`) : /* @__PURE__ */ s(
       "a",
       {
-        href: r.url,
-        className: s(
+        href: i.href,
+        className: d(
           "kuat-header__action-link",
-          l === "bold" && "kuat-header__action-link--bold"
+          r === "bold" && "kuat-header__action-link--bold"
         ),
         children: [
-          o,
-          /* @__PURE__ */ e("span", { children: r.label })
+          h,
+          /* @__PURE__ */ e("span", { children: i.label })
         ]
       },
-      `${r.label}-${r.url}`
+      `${i.label}-${i.href}`
     );
   }) });
 }
-const we = n.forwardRef(
+function la({
+  config: a,
+  labels: r
+}) {
+  const l = fe(a), t = a.apps, i = a.loading, u = a.empty ?? "hide", h = a.linkTarget, N = a.onSelect, k = a.onOpen;
+  return /* @__PURE__ */ s(
+    B,
+    {
+      onOpenChange: (_) => {
+        _ && (k == null || k());
+      },
+      children: [
+        /* @__PURE__ */ e(O, { asChild: !0, children: /* @__PURE__ */ e(
+          Be,
+          {
+            type: "button",
+            variant: "ghost",
+            color: "ee-blue",
+            size: "regular",
+            className: "kuat-header__app-switcher-trigger",
+            "aria-label": r.trigger,
+            "aria-haspopup": "menu",
+            "aria-controls": _e,
+            children: /* @__PURE__ */ e(ke, { className: "h-5 w-5", "aria-hidden": !0 })
+          }
+        ) }),
+        /* @__PURE__ */ e(
+          ge,
+          {
+            id: _e,
+            align: "end",
+            className: "kuat-header__app-switcher-panel",
+            children: /* @__PURE__ */ e(G, { className: "kuat-header__app-switcher-scroll", children: i ? /* @__PURE__ */ s(M, { children: [
+              /* @__PURE__ */ e("div", { className: "kuat-header__app-switcher-skeleton", "aria-hidden": !0 }),
+              /* @__PURE__ */ e("div", { className: "kuat-header__app-switcher-skeleton", "aria-hidden": !0 }),
+              /* @__PURE__ */ e("div", { className: "kuat-header__app-switcher-skeleton", "aria-hidden": !0 })
+            ] }) : t != null && t.length ? t.map((_) => /* @__PURE__ */ e(P, { asChild: !0, className: "kuat-header__app-switcher-item p-0 focus:bg-accent", children: /* @__PURE__ */ s(
+              "a",
+              {
+                href: _.href,
+                target: h ?? "_self",
+                rel: h === "_blank" ? "noopener noreferrer" : void 0,
+                className: "kuat-header__app-switcher-link",
+                onClick: () => N == null ? void 0 : N(_),
+                children: [
+                  _.icon ? /* @__PURE__ */ e("span", { className: "kuat-header__app-switcher-icon", "aria-hidden": !0, children: _.icon }) : null,
+                  /* @__PURE__ */ s("span", { className: "kuat-header__app-switcher-text", children: [
+                    /* @__PURE__ */ e("span", { className: "kuat-header__app-switcher-label", children: _.label }),
+                    _.description ? /* @__PURE__ */ e("span", { className: "kuat-header__app-switcher-desc", children: _.description }) : null
+                  ] })
+                ]
+              }
+            ) }, _.id)) : u === "message" ? /* @__PURE__ */ e("div", { className: "kuat-header__app-switcher-empty px-3 py-3 text-sm text-muted-foreground", children: l }) : null })
+          }
+        )
+      ]
+    }
+  );
+}
+const ta = o.forwardRef(
   ({
     className: a,
-    variant: l = "default",
-    logo: r,
-    title: o,
-    navigation: d,
-    actions: c,
-    mobileMenuTrigger: h,
-    mobileMenu: _,
-    hideLogo: b,
-    lockupVariant: y = "default",
-    children: D,
-    ...E
-  }, f) => {
-    const m = Ne(d), H = ge(c), R = m || H, [N, g] = n.useState(!1), k = n.useRef(null), V = n.useRef(null);
-    n.useEffect(() => {
-      var X;
-      if (!N)
+    variant: r = "default",
+    logo: l,
+    title: t,
+    navigation: i,
+    account: u,
+    accountMarkup: h,
+    mobileMenuTrigger: N,
+    mobileMenu: k,
+    lockup: _,
+    appSwitcher: p,
+    mobileMenuAriaLabel: y,
+    children: g,
+    ...C
+  }, V) => {
+    var ue, he;
+    const v = Xe(u), E = je(u), S = Ye(u), w = qe(p), H = Ge(p), L = We({ logo: l, lockup: _ }), T = ea(i), I = !k && (T || S || !!h || H || E), D = Je({
+      mobileMenuAriaLabel: y,
+      showAppSwitcher: H,
+      hasStructuredNavigation: T,
+      hasAccountMobileTier: E
+    }), [A, Y] = o.useState(!1), [f, U] = o.useState("main"), z = o.useRef(null), F = o.useRef(null), ne = o.useRef(null), ie = o.useRef(null), oe = o.useRef(null), X = o.useRef(null), W = o.useRef(null);
+    o.useEffect(() => {
+      A || U("main");
+    }, [A]), o.useEffect(() => {
+      if (!A)
         return;
-      const u = document.body, v = u.style.overflow;
-      u.style.overflow = "hidden";
-      const p = document.activeElement, Z = (X = V.current) == null ? void 0 : X.querySelector(
-        "button, a, [tabindex]:not([tabindex='-1'])"
-      );
-      Z == null || Z.focus();
-      const q = (L) => {
-        if (L.key === "Escape") {
-          L.preventDefault(), g(!1);
+      const n = document.body, c = n.style.overflow;
+      return n.style.overflow = "hidden", () => {
+        n.style.overflow = c, z.current && z.current.focus();
+      };
+    }, [A]), o.useEffect(() => {
+      if (!A)
+        return;
+      const n = window.requestAnimationFrame(() => {
+        var m;
+        const c = F.current;
+        (m = c == null ? void 0 : c.querySelector("button, a, [tabindex]:not([tabindex='-1'])")) == null || m.focus();
+      });
+      return () => window.cancelAnimationFrame(n);
+    }, [A, f]), o.useEffect(() => {
+      const n = oe.current, c = X.current, m = W.current;
+      if (!A) {
+        n == null || n.removeAttribute("inert"), c == null || c.removeAttribute("inert"), m == null || m.removeAttribute("inert");
+        return;
+      }
+      n && (f !== "main" ? n.setAttribute("inert", "") : n.removeAttribute("inert")), c && (f !== "apps" ? c.setAttribute("inert", "") : c.removeAttribute("inert")), m && (f !== "account" ? m.setAttribute("inert", "") : m.removeAttribute("inert"));
+    }, [A, f]), o.useEffect(() => {
+      if (!A)
+        return;
+      const n = (c) => {
+        if (c.key === "Escape") {
+          c.preventDefault(), Y(!1);
           return;
         }
-        if (L.key !== "Tab" || !V.current)
+        if (c.key !== "Tab" || !F.current)
           return;
-        const x = V.current.querySelectorAll(
+        const m = F.current.querySelectorAll(
           "button, a, [tabindex]:not([tabindex='-1'])"
         );
-        if (!x.length)
+        if (!m.length)
           return;
-        const z = x[0], Y = x[x.length - 1];
-        L.shiftKey && document.activeElement === z ? (L.preventDefault(), Y.focus()) : !L.shiftKey && document.activeElement === Y && (L.preventDefault(), z.focus());
+        const me = m[0], pe = m[m.length - 1];
+        c.shiftKey && document.activeElement === me ? (c.preventDefault(), pe.focus()) : !c.shiftKey && document.activeElement === pe && (c.preventDefault(), me.focus());
       };
-      return document.addEventListener("keydown", q), () => {
-        u.style.overflow = v, document.removeEventListener("keydown", q), k.current ? k.current.focus() : p == null || p.focus();
+      return document.addEventListener("keydown", n), () => {
+        document.removeEventListener("keydown", n);
       };
-    }, [N]);
-    const S = r !== void 0 ? r : !b && /* @__PURE__ */ e(
-      P,
+    }, [A, f]);
+    const de = r === "bold" ? "white" : "grey", Le = L.mode === "builtin" ? /* @__PURE__ */ e(
+      ae,
       {
         className: "ee-logo--desktop shrink-0",
-        textColor: l === "bold" ? "white" : "grey"
+        textColor: de
       }
-    ), w = r !== void 0 ? r : !b && /* @__PURE__ */ e(
-      P,
-      {
-        className: "ee-logo--mobile shrink-0",
-        textColor: l === "bold" ? "white" : "grey"
-      }
-    ), C = r !== void 0 ? "default" : y, T = S && C === "default", A = w && C === "default", ne = S && C === "demo", se = w && C === "demo";
-    return /* @__PURE__ */ t(
+    ) : null, Se = L.mode === "builtin" ? /* @__PURE__ */ e(ae, { className: "ee-logo--mobile shrink-0", textColor: de }) : null, Z = L.mode === "custom" ? l : L.mode === "builtin" ? Le : null, K = L.mode === "custom" ? l : L.mode === "builtin" ? Se : null, R = L.lockupVariant, He = !!Z && R === "default", Te = !!K && R === "default", ye = !!Z && R === "demo", De = !!K && R === "demo", Re = fe(p), ce = (ue = u == null ? void 0 : u.mobile) == null ? void 0 : ue.items;
+    return /* @__PURE__ */ s(
       "header",
       {
-        ref: f,
-        className: s(
+        ref: V,
+        className: d(
           "kuat-header",
-          `kuat-header--${l}`,
+          `kuat-header--${r}`,
           a
         ),
-        ...E,
+        ...C,
         children: [
-          /* @__PURE__ */ t("div", { className: "kuat-header__desktop", children: [
-            /* @__PURE__ */ t("div", { className: "kuat-header__desktop-left", children: [
-              T && /* @__PURE__ */ t(I, { children: [
-                /* @__PURE__ */ e("div", { className: "shrink-0", children: S }),
+          /* @__PURE__ */ s("div", { className: "kuat-header__desktop", children: [
+            /* @__PURE__ */ s("div", { className: "kuat-header__desktop-left", children: [
+              He && /* @__PURE__ */ s(M, { children: [
+                /* @__PURE__ */ e("div", { className: "shrink-0", children: Z }),
                 /* @__PURE__ */ e(
-                  Q,
+                  be,
                   {
                     orientation: "vertical",
                     className: "kuat-header__separator"
                   }
                 )
               ] }),
-              ne && /* @__PURE__ */ t("div", { className: "kuat-header__desktop-demo-lockup", children: [
-                o && /* @__PURE__ */ e("h1", { className: "kuat-header__desktop-demo-title", children: o }),
-                /* @__PURE__ */ t("div", { className: "kuat-header__demo-byline", children: [
+              ye && /* @__PURE__ */ s("div", { className: "kuat-header__desktop-demo-lockup", children: [
+                t && /* @__PURE__ */ e("h1", { className: "kuat-header__desktop-demo-title", children: t }),
+                /* @__PURE__ */ s("div", { className: "kuat-header__demo-byline", children: [
                   /* @__PURE__ */ e("span", { className: "kuat-header__demo-label", children: "A demo by" }),
-                  /* @__PURE__ */ e("div", { className: "kuat-header__desktop-demo-logo", children: S })
+                  /* @__PURE__ */ e("div", { className: "kuat-header__desktop-demo-logo", children: Z })
                 ] })
               ] }),
-              o && C === "default" && /* @__PURE__ */ e("h1", { className: "kuat-header__desktop-title", children: o })
+              t && R === "default" && /* @__PURE__ */ e("h1", { className: "kuat-header__desktop-title", children: t })
             ] }),
-            /* @__PURE__ */ t("div", { className: "kuat-header__desktop-right", children: [
-              m ? d.length > 0 && /* @__PURE__ */ e("nav", { "aria-label": "Primary navigation", children: /* @__PURE__ */ e(Ce, { items: d, variant: l }) }) : d ? /* @__PURE__ */ e("nav", { className: "flex items-center", children: d }) : null,
-              H ? c.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e(ke, { items: c, variant: l }) }) : c ? /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: c }) : null
+            /* @__PURE__ */ s("div", { className: "kuat-header__desktop-right", children: [
+              T ? i.length > 0 && /* @__PURE__ */ e("nav", { "aria-label": "Primary navigation", children: /* @__PURE__ */ e(aa, { items: i, variant: r }) }) : i ? /* @__PURE__ */ e("nav", { className: "flex items-center", children: i }) : null,
+              H && p ? /* @__PURE__ */ e("div", { className: "kuat-header__nav-dropdown-wrap", children: /* @__PURE__ */ e(
+                la,
+                {
+                  config: p,
+                  labels: w
+                }
+              ) }) : null,
+              S && u ? /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e(ra, { account: u, variant: r }) }) : h ? /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: h }) : null
             ] })
           ] }),
-          /* @__PURE__ */ t("div", { className: "kuat-header__mobile", children: [
-            /* @__PURE__ */ t("div", { className: "kuat-header__mobile-left", children: [
-              A && /* @__PURE__ */ e("div", { className: "shrink-0", children: w }),
-              se && /* @__PURE__ */ t("div", { className: "kuat-header__mobile-demo-lockup", children: [
-                o && /* @__PURE__ */ e("p", { className: "kuat-header__mobile-demo-title", children: o }),
-                /* @__PURE__ */ t("div", { className: "kuat-header__demo-byline", children: [
+          /* @__PURE__ */ s("div", { className: "kuat-header__mobile", children: [
+            /* @__PURE__ */ s("div", { className: "kuat-header__mobile-left", children: [
+              Te && /* @__PURE__ */ e("div", { className: "shrink-0", children: K }),
+              De && /* @__PURE__ */ s("div", { className: "kuat-header__mobile-demo-lockup", children: [
+                t && /* @__PURE__ */ e("p", { className: "kuat-header__mobile-demo-title", children: t }),
+                /* @__PURE__ */ s("div", { className: "kuat-header__demo-byline", children: [
                   /* @__PURE__ */ e("span", { className: "kuat-header__demo-label", children: "A demo by" }),
-                  /* @__PURE__ */ e("div", { className: "kuat-header__mobile-demo-logo", children: w })
+                  /* @__PURE__ */ e("div", { className: "kuat-header__mobile-demo-logo", children: K })
                 ] })
               ] }),
-              o && C === "default" && /* @__PURE__ */ e("p", { className: "kuat-header__mobile-title", children: o })
+              t && R === "default" && /* @__PURE__ */ e("p", { className: "kuat-header__mobile-title", children: t })
             ] }),
-            h ? /* @__PURE__ */ e("div", { className: "shrink-0", children: h }) : R ? /* @__PURE__ */ e(
+            N ? /* @__PURE__ */ e("div", { className: "shrink-0", children: N }) : I ? /* @__PURE__ */ e(
               J,
               {
-                ref: k,
+                ref: z,
                 variant: "ghost",
                 size: "icon",
-                className: s(
+                className: d(
                   "kuat-header__mobile-trigger",
-                  l === "bold" && "kuat-header__mobile-trigger--bold"
+                  r === "bold" && "kuat-header__mobile-trigger--bold"
                 ),
                 "aria-label": "Open menu",
-                "aria-expanded": N,
+                "aria-expanded": A,
                 "aria-controls": "kuat-header-mobile-menu",
-                onClick: () => g(!0),
-                children: /* @__PURE__ */ e(de, { className: "h-6 w-6", "aria-hidden": !0 })
+                onClick: () => Y(!0),
+                children: /* @__PURE__ */ e(Ve, { className: "h-6 w-6", "aria-hidden": !0 })
               }
             ) : null
           ] }),
-          R ? N && /* @__PURE__ */ t(
+          I ? A && /* @__PURE__ */ s(
             "div",
             {
               id: "kuat-header-mobile-menu",
-              ref: V,
+              ref: F,
               className: "kuat-header__mobile-sheet",
               role: "dialog",
               "aria-modal": "true",
-              "aria-label": "Navigation menu",
+              "aria-label": D,
               children: [
-                /* @__PURE__ */ e("div", { className: "kuat-header__mobile-sheet-header", children: /* @__PURE__ */ e(
-                  J,
+                /* @__PURE__ */ s(
+                  "div",
                   {
-                    variant: "ghost",
-                    size: "icon",
-                    className: "kuat-header__mobile-close",
-                    "aria-label": "Close menu",
-                    onClick: () => g(!1),
-                    children: /* @__PURE__ */ e(ce, { className: "h-6 w-6", "aria-hidden": !0 })
+                    className: d(
+                      "kuat-header__mobile-sheet-header",
+                      (f === "apps" || f === "account") && "kuat-header__mobile-sheet-header--split"
+                    ),
+                    children: [
+                      f === "apps" || f === "account" ? /* @__PURE__ */ s(
+                        J,
+                        {
+                          type: "button",
+                          variant: "ghost",
+                          className: "kuat-header__mobile-back",
+                          "aria-label": "Back to main menu",
+                          onClick: () => {
+                            const n = f;
+                            U("main"), requestAnimationFrame(() => {
+                              var c, m;
+                              n === "apps" ? (c = ne.current) == null || c.focus() : (m = ie.current) == null || m.focus();
+                            });
+                          },
+                          children: [
+                            /* @__PURE__ */ e(Ie, { className: "h-6 w-6", "aria-hidden": !0 }),
+                            /* @__PURE__ */ e("span", { className: "kuat-header__mobile-back-text", children: "Back" })
+                          ]
+                        }
+                      ) : /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "kuat-header__mobile-sheet-header-spacer" }),
+                      /* @__PURE__ */ e(
+                        J,
+                        {
+                          variant: "ghost",
+                          size: "icon",
+                          className: "kuat-header__mobile-close",
+                          "aria-label": "Close menu",
+                          onClick: () => Y(!1),
+                          children: /* @__PURE__ */ e(xe, { className: "h-6 w-6", "aria-hidden": !0 })
+                        }
+                      )
+                    ]
                   }
-                ) }),
-                /* @__PURE__ */ e("div", { className: "kuat-header__mobile-sheet-nav", children: m && d.length > 0 && /* @__PURE__ */ e("nav", { "aria-label": "Primary navigation", children: /* @__PURE__ */ e("ul", { className: "kuat-header__mobile-list", children: d.map((u) => {
-                  var v;
-                  return /* @__PURE__ */ t("li", { children: [
-                    /* @__PURE__ */ e("a", { href: u.url, className: "kuat-header__mobile-link", children: u.label }),
-                    (v = u.items) != null && v.length ? /* @__PURE__ */ e("ul", { className: "kuat-header__mobile-sub-list", children: u.items.map((p) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", { href: p.url, className: "kuat-header__mobile-sub-link", children: p.label }) }, `${p.label}-${p.url}`)) }) : null
-                  ] }, `${u.label}-${u.url}`);
-                }) }) }) }),
-                H && c.length > 0 ? /* @__PURE__ */ e("div", { className: "kuat-header__mobile-sheet-actions", children: /* @__PURE__ */ e("ul", { className: "kuat-header__mobile-list", children: c.map((u) => {
-                  var v;
-                  return /* @__PURE__ */ t("li", { children: [
-                    /* @__PURE__ */ t("a", { href: u.url, className: "kuat-header__mobile-link", children: [
-                      /* @__PURE__ */ e("span", { className: "kuat-header__mobile-action-icon", children: u.icon ?? /* @__PURE__ */ e(ee, { className: "h-4 w-4", "aria-hidden": !0 }) }),
-                      u.label
-                    ] }),
-                    (v = u.items) != null && v.length ? /* @__PURE__ */ e("ul", { className: "kuat-header__mobile-sub-list", children: u.items.map((p) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", { href: p.url, className: "kuat-header__mobile-sub-link", children: p.label }) }, `${p.label}-${p.url}`)) }) : null
-                  ] }, `${u.label}-${u.url}`);
-                }) }) }) : null
+                ),
+                /* @__PURE__ */ s(
+                  "div",
+                  {
+                    ref: oe,
+                    className: d(
+                      "kuat-header__mobile-panel",
+                      f !== "main" && "kuat-header__mobile-panel--hidden"
+                    ),
+                    "aria-hidden": f !== "main",
+                    children: [
+                      /* @__PURE__ */ s("div", { className: "kuat-header__mobile-panel-inner", children: [
+                        /* @__PURE__ */ e("div", { className: "kuat-header__mobile-sheet-nav", children: T && i.length > 0 && /* @__PURE__ */ e("nav", { "aria-label": "Primary navigation", children: /* @__PURE__ */ e("ul", { className: "kuat-header__mobile-list", children: i.map((n) => {
+                          var c;
+                          return /* @__PURE__ */ s("li", { children: [
+                            /* @__PURE__ */ e("a", { href: n.url, className: "kuat-header__mobile-link", children: n.label }),
+                            (c = n.items) != null && c.length ? /* @__PURE__ */ e("ul", { className: "kuat-header__mobile-sub-list", children: n.items.map((m) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", { href: m.url, className: "kuat-header__mobile-sub-link", children: m.label }) }, `${m.label}-${m.url}`)) }) : null
+                          ] }, `${n.label}-${n.url}`);
+                        }) }) }) }),
+                        E || H ? /* @__PURE__ */ s("div", { className: "kuat-header__mobile-sheet-sticky", children: [
+                          E ? /* @__PURE__ */ e("div", { className: "kuat-header__mobile-app-teaser-wrap", children: /* @__PURE__ */ s(
+                            "button",
+                            {
+                              ref: ie,
+                              type: "button",
+                              className: "kuat-header__mobile-app-teaser",
+                              "aria-label": v.teaserDescription ? `${v.teaserTitle}, ${v.teaserDescription}` : v.teaserTitle,
+                              onClick: () => {
+                                U("account"), requestAnimationFrame(() => {
+                                  var c;
+                                  const n = (c = W.current) == null ? void 0 : c.querySelector(
+                                    "a"
+                                  );
+                                  n == null || n.focus();
+                                });
+                              },
+                              children: [
+                                /* @__PURE__ */ e("span", { className: "kuat-header__mobile-app-teaser-icon shrink-0", "aria-hidden": !0, children: ((he = u == null ? void 0 : u.items[0]) == null ? void 0 : he.icon) ?? /* @__PURE__ */ e(ee, { className: "h-6 w-6", "aria-hidden": !0 }) }),
+                                /* @__PURE__ */ s("span", { className: "kuat-header__mobile-app-teaser-text", children: [
+                                  /* @__PURE__ */ e("span", { className: "kuat-header__mobile-app-teaser-title", children: v.teaserTitle }),
+                                  v.teaserDescription ? /* @__PURE__ */ e("span", { className: "kuat-header__mobile-app-teaser-desc", children: v.teaserDescription }) : null
+                                ] }),
+                                /* @__PURE__ */ e(
+                                  $,
+                                  {
+                                    className: "kuat-header__mobile-app-teaser-chevron h-5 w-5 shrink-0",
+                                    "aria-hidden": !0
+                                  }
+                                )
+                              ]
+                            }
+                          ) }) : null,
+                          H ? /* @__PURE__ */ e("div", { className: "kuat-header__mobile-app-teaser-wrap", children: /* @__PURE__ */ s(
+                            "button",
+                            {
+                              ref: ne,
+                              type: "button",
+                              className: "kuat-header__mobile-app-teaser",
+                              "aria-label": `${w.teaserTitle}, ${w.teaserDescription}`,
+                              onClick: () => {
+                                var n;
+                                (n = p == null ? void 0 : p.onOpen) == null || n.call(p), U("apps"), requestAnimationFrame(() => {
+                                  var m;
+                                  const c = (m = X.current) == null ? void 0 : m.querySelector(
+                                    "a, button"
+                                  );
+                                  c == null || c.focus();
+                                });
+                              },
+                              children: [
+                                /* @__PURE__ */ e(ke, { className: "kuat-header__mobile-app-teaser-icon h-6 w-6 shrink-0", "aria-hidden": !0 }),
+                                /* @__PURE__ */ s("span", { className: "kuat-header__mobile-app-teaser-text", children: [
+                                  /* @__PURE__ */ e("span", { className: "kuat-header__mobile-app-teaser-title", children: w.teaserTitle }),
+                                  /* @__PURE__ */ e("span", { className: "kuat-header__mobile-app-teaser-desc", children: w.teaserDescription })
+                                ] }),
+                                /* @__PURE__ */ e($, { className: "kuat-header__mobile-app-teaser-chevron h-5 w-5 shrink-0", "aria-hidden": !0 })
+                              ]
+                            }
+                          ) }) : null
+                        ] }) : null
+                      ] }),
+                      S && u && !E ? /* @__PURE__ */ e("div", { className: "kuat-header__mobile-sheet-actions", children: /* @__PURE__ */ e("ul", { className: "kuat-header__mobile-list", children: u.items.map((n) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s("a", { href: n.href, className: "kuat-header__mobile-link", children: [
+                        /* @__PURE__ */ e("span", { className: "kuat-header__mobile-action-icon", children: n.icon ?? /* @__PURE__ */ e(ee, { className: "h-4 w-4", "aria-hidden": !0 }) }),
+                        n.label
+                      ] }) }, `${n.label}-${n.href}`)) }) }) : null
+                    ]
+                  }
+                ),
+                H && p ? /* @__PURE__ */ s(
+                  "div",
+                  {
+                    ref: X,
+                    className: d(
+                      "kuat-header__mobile-panel kuat-header__mobile-panel--apps",
+                      f !== "apps" && "kuat-header__mobile-panel--hidden"
+                    ),
+                    "aria-hidden": f !== "apps",
+                    children: [
+                      /* @__PURE__ */ e("div", { className: "kuat-header__mobile-apps-heading", children: w.title }),
+                      /* @__PURE__ */ e("nav", { "aria-label": w.nav, className: "kuat-header__mobile-apps-nav", children: p.loading ? /* @__PURE__ */ s("ul", { className: "kuat-header__mobile-list", children: [
+                        /* @__PURE__ */ e("li", { className: "kuat-header__app-switcher-skeleton kuat-header__app-switcher-skeleton--mobile", "aria-hidden": !0 }),
+                        /* @__PURE__ */ e("li", { className: "kuat-header__app-switcher-skeleton kuat-header__app-switcher-skeleton--mobile", "aria-hidden": !0 })
+                      ] }) : p.apps.length ? /* @__PURE__ */ e("ul", { className: "kuat-header__mobile-list", children: p.apps.map((n) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
+                        "a",
+                        {
+                          href: n.href,
+                          className: "kuat-header__mobile-app-link",
+                          target: p.linkTarget ?? "_self",
+                          rel: p.linkTarget === "_blank" ? "noopener noreferrer" : void 0,
+                          onClick: () => {
+                            var c;
+                            return (c = p.onSelect) == null ? void 0 : c.call(p, n);
+                          },
+                          children: [
+                            n.icon ? /* @__PURE__ */ e("span", { className: "kuat-header__mobile-action-icon", "aria-hidden": !0, children: n.icon }) : null,
+                            /* @__PURE__ */ s("span", { className: "kuat-header__mobile-app-link-text", children: [
+                              /* @__PURE__ */ e("span", { className: "kuat-header__mobile-app-link-label", children: n.label }),
+                              n.description ? /* @__PURE__ */ e("span", { className: "kuat-header__mobile-app-link-desc", children: n.description }) : null
+                            ] })
+                          ]
+                        }
+                      ) }, n.id)) }) : (p.empty ?? "hide") === "message" ? /* @__PURE__ */ e("p", { className: "kuat-header__mobile-apps-empty px-3 text-sm text-muted-foreground", children: Re }) : null })
+                    ]
+                  }
+                ) : null,
+                E && ce ? /* @__PURE__ */ s(
+                  "div",
+                  {
+                    ref: W,
+                    className: d(
+                      "kuat-header__mobile-panel kuat-header__mobile-panel--apps kuat-header__mobile-panel--account",
+                      f !== "account" && "kuat-header__mobile-panel--hidden"
+                    ),
+                    "aria-hidden": f !== "account",
+                    children: [
+                      /* @__PURE__ */ e("div", { className: "kuat-header__mobile-apps-heading", children: v.title }),
+                      /* @__PURE__ */ e("nav", { "aria-label": v.nav, className: "kuat-header__mobile-apps-nav", children: /* @__PURE__ */ e("ul", { className: "kuat-header__mobile-list", children: ce.map((n) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", { href: n.href, className: "kuat-header__mobile-app-link", children: /* @__PURE__ */ e("span", { className: "kuat-header__mobile-app-link-text", children: /* @__PURE__ */ e("span", { className: "kuat-header__mobile-app-link-label", children: n.label }) }) }) }, `${n.label}-${n.href}`)) }) })
+                    ]
+                  }
+                ) : null
               ]
             }
-          ) : _,
-          D
+          ) : k,
+          g
         ]
       }
     );
   }
 );
-we.displayName = "KuatHeader";
-function Oe(a) {
-  const l = (a == null ? void 0 : a.variant) ?? "default";
-  return s("kuat-header", `kuat-header--${l}`);
+ta.displayName = "KuatHeader";
+function Ca(a) {
+  const r = (a == null ? void 0 : a.variant) ?? "default";
+  return d("kuat-header", `kuat-header--${r}`);
 }
-const Be = ["service", "demo"], Ke = ["light", "dark"], He = n.forwardRef(
+const va = ["service", "demo"], wa = ["light", "dark"], sa = o.forwardRef(
   ({
     className: a,
-    title: l,
-    use: r = "service",
-    mode: o = "light",
-    forceDark: d = !1,
-    ...c
+    title: r,
+    use: l = "service",
+    mode: t = "light",
+    forceDark: i = !1,
+    ...u
   }, h) => {
-    const _ = d ? "dark" : o, b = /* @__PURE__ */ e(
-      P,
+    const N = i ? "dark" : t, k = /* @__PURE__ */ e(
+      ae,
       {
-        className: s(
+        className: d(
           "kuat-logo-lockup__logo",
-          r === "demo" && "kuat-logo-lockup__logo--demo"
+          l === "demo" && "kuat-logo-lockup__logo--demo"
         ),
-        textColor: _ === "dark" ? "white" : "grey"
+        textColor: N === "dark" ? "white" : "grey"
       }
     );
     return /* @__PURE__ */ e(
       "div",
       {
         ref: h,
-        className: s(
+        className: d(
           "kuat-logo-lockup",
-          `kuat-logo-lockup--${_}`,
-          `kuat-logo-lockup--${r}`,
+          `kuat-logo-lockup--${N}`,
+          `kuat-logo-lockup--${l}`,
           a
         ),
-        ...c,
-        children: r === "service" ? /* @__PURE__ */ t("div", { className: "kuat-logo-lockup__service-inner", children: [
-          /* @__PURE__ */ e("div", { className: "kuat-logo-lockup__logo-wrap", children: b }),
+        ...u,
+        children: l === "service" ? /* @__PURE__ */ s("div", { className: "kuat-logo-lockup__service-inner", children: [
+          /* @__PURE__ */ e("div", { className: "kuat-logo-lockup__logo-wrap", children: k }),
           /* @__PURE__ */ e(
-            Q,
+            be,
             {
               orientation: "vertical",
               className: "kuat-logo-lockup__separator"
             }
           ),
-          /* @__PURE__ */ e("span", { className: "kuat-logo-lockup__service-name", children: l })
-        ] }) : /* @__PURE__ */ t(I, { children: [
-          /* @__PURE__ */ e("h2", { className: "kuat-logo-lockup__demo-title", children: l }),
-          /* @__PURE__ */ t("div", { className: "kuat-logo-lockup__demo-attribution", children: [
+          /* @__PURE__ */ e("span", { className: "kuat-logo-lockup__service-name", children: r })
+        ] }) : /* @__PURE__ */ s(M, { children: [
+          /* @__PURE__ */ e("h2", { className: "kuat-logo-lockup__demo-title", children: r }),
+          /* @__PURE__ */ s("div", { className: "kuat-logo-lockup__demo-attribution", children: [
             /* @__PURE__ */ e("span", { className: "kuat-logo-lockup__demo-by", children: "A demo by" }),
-            /* @__PURE__ */ e("div", { className: "kuat-logo-lockup__demo-logo-wrap", children: b })
+            /* @__PURE__ */ e("div", { className: "kuat-logo-lockup__demo-logo-wrap", children: k })
           ] })
         ] })
       }
     );
   }
 );
-He.displayName = "KuatLogoLockup";
-function Ze({ className: a }) {
-  return /* @__PURE__ */ t(
+sa.displayName = "KuatLogoLockup";
+function Aa({ className: a }) {
+  return /* @__PURE__ */ s(
     "svg",
     {
-      className: s("ee-logo-icon", a),
+      className: d("ee-logo-icon", a),
       viewBox: "0 0 143 133",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -584,102 +902,102 @@ function Ze({ className: a }) {
     }
   );
 }
-const re = n.forwardRef(({ className: a, "aria-label": l = "Breadcrumb", ...r }, o) => /* @__PURE__ */ e(
+const ve = o.forwardRef(({ className: a, "aria-label": r = "Breadcrumb", ...l }, t) => /* @__PURE__ */ e(
   "nav",
   {
-    ref: o,
-    "aria-label": l,
-    className: s("breadcrumb", a),
-    ...r
+    ref: t,
+    "aria-label": r,
+    className: d("breadcrumb", a),
+    ...l
   }
 ));
-re.displayName = "BreadcrumbRoot";
-const le = n.forwardRef(({ className: a, ...l }, r) => /* @__PURE__ */ e("ol", { ref: r, className: s("breadcrumb-list", a), ...l }));
-le.displayName = "BreadcrumbList";
-const $ = n.forwardRef(({ className: a, ...l }, r) => /* @__PURE__ */ e("li", { ref: r, className: s("breadcrumb-item", a), ...l }));
-$.displayName = "BreadcrumbItem";
-const oe = n.forwardRef(({ className: a, render: l, asChild: r = !1, ...o }, d) => {
-  var c;
-  if (l) {
-    const h = l.props;
-    return n.cloneElement(l, {
-      ...o,
-      ref: d,
-      className: s("breadcrumb-link", h == null ? void 0 : h.className, a)
+ve.displayName = "BreadcrumbRoot";
+const we = o.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e("ol", { ref: l, className: d("breadcrumb-list", a), ...r }));
+we.displayName = "BreadcrumbList";
+const re = o.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e("li", { ref: l, className: d("breadcrumb-item", a), ...r }));
+re.displayName = "BreadcrumbItem";
+const Ae = o.forwardRef(({ className: a, render: r, asChild: l = !1, ...t }, i) => {
+  var u;
+  if (r) {
+    const h = r.props;
+    return o.cloneElement(r, {
+      ...t,
+      ref: i,
+      className: d("breadcrumb-link", h == null ? void 0 : h.className, a)
     });
   }
-  if (r && n.Children.only(o.children)) {
-    const h = n.Children.only(o.children);
-    return n.cloneElement(h, {
-      ref: d,
-      className: s("breadcrumb-link", (c = h.props) == null ? void 0 : c.className, a),
-      ...o
+  if (l && o.Children.only(t.children)) {
+    const h = o.Children.only(t.children);
+    return o.cloneElement(h, {
+      ref: i,
+      className: d("breadcrumb-link", (u = h.props) == null ? void 0 : u.className, a),
+      ...t
     });
   }
   return /* @__PURE__ */ e(
     "a",
     {
-      ref: d,
-      className: s("breadcrumb-link", a),
-      ...o
+      ref: i,
+      className: d("breadcrumb-link", a),
+      ...t
     }
   );
 });
-oe.displayName = "BreadcrumbLink";
-const F = n.forwardRef(({ className: a, ...l }, r) => /* @__PURE__ */ e(
+Ae.displayName = "BreadcrumbLink";
+const le = o.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e(
   "span",
   {
-    ref: r,
+    ref: l,
     role: "link",
     "aria-disabled": "true",
     "aria-current": "page",
-    className: s("breadcrumb-page", a),
-    ...l
+    className: d("breadcrumb-page", a),
+    ...r
   }
 ));
-F.displayName = "BreadcrumbPage";
-const G = n.forwardRef(({ className: a, children: l, ...r }, o) => /* @__PURE__ */ e(
+le.displayName = "BreadcrumbPage";
+const te = o.forwardRef(({ className: a, children: r, ...l }, t) => /* @__PURE__ */ e(
   "span",
   {
-    ref: o,
+    ref: t,
     role: "presentation",
     "aria-hidden": "true",
-    className: s("breadcrumb-separator", a),
-    ...r,
-    children: l ?? /* @__PURE__ */ e(W, { className: "breadcrumb-separator__icon" })
+    className: d("breadcrumb-separator", a),
+    ...l,
+    children: r ?? /* @__PURE__ */ e($, { className: "breadcrumb-separator__icon" })
   }
 ));
-G.displayName = "BreadcrumbSeparator";
-const te = n.forwardRef(({ className: a, ...l }, r) => /* @__PURE__ */ e(
+te.displayName = "BreadcrumbSeparator";
+const Ee = o.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e(
   "span",
   {
-    ref: r,
+    ref: l,
     role: "presentation",
     "aria-hidden": "true",
-    className: s("breadcrumb-ellipsis", a),
-    ...l,
-    children: /* @__PURE__ */ e(ie, { className: "breadcrumb-ellipsis__icon" })
+    className: d("breadcrumb-ellipsis", a),
+    ...r,
+    children: /* @__PURE__ */ e(Me, { className: "breadcrumb-ellipsis__icon" })
   }
 ));
-te.displayName = "BreadcrumbEllipsis";
-const Se = 640;
-function ve(a = Se) {
-  const [l, r] = n.useState(!1);
-  return n.useEffect(() => {
+Ee.displayName = "BreadcrumbEllipsis";
+const na = 640;
+function ia(a = na) {
+  const [r, l] = o.useState(!1);
+  return o.useEffect(() => {
     if (typeof window > "u" || typeof window.matchMedia != "function")
       return;
-    const o = window.matchMedia(`(max-width: ${a}px)`), d = () => r(o.matches);
-    return d(), o.addEventListener("change", d), () => o.removeEventListener("change", d);
-  }, [a]), l;
+    const t = window.matchMedia(`(max-width: ${a}px)`), i = () => l(t.matches);
+    return i(), t.addEventListener("change", i), () => t.removeEventListener("change", i);
+  }, [a]), r;
 }
-const Le = ({ href: a, children: l, className: r }) => /* @__PURE__ */ e("a", { href: a, className: r, children: l });
-function ye(a, l, r, o) {
-  return a.children && a.children.length > 0 ? /* @__PURE__ */ t(M, { children: [
-    /* @__PURE__ */ e(O, { asChild: !0, children: /* @__PURE__ */ t(
+const oa = ({ href: a, children: r, className: l }) => /* @__PURE__ */ e("a", { href: a, className: l, children: r });
+function da(a, r, l, t) {
+  return a.children && a.children.length > 0 ? /* @__PURE__ */ s(B, { children: [
+    /* @__PURE__ */ e(O, { asChild: !0, children: /* @__PURE__ */ s(
       "button",
       {
         type: "button",
-        className: s(
+        className: d(
           "breadcrumb-dropdown-trigger",
           "inline-flex items-center gap-1 font-medium"
         ),
@@ -687,7 +1005,7 @@ function ye(a, l, r, o) {
         children: [
           a.label,
           /* @__PURE__ */ e(
-            U,
+            se,
             {
               className: "breadcrumb-dropdown-trigger__icon",
               "aria-hidden": !0
@@ -697,181 +1015,192 @@ function ye(a, l, r, o) {
         ]
       }
     ) }),
-    /* @__PURE__ */ e(B, { align: "start", children: /* @__PURE__ */ e(j, { children: a.children.map((c, h) => /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e("a", { href: c.href, children: c.label }) }, h)) }) })
-  ] }) : l ? /* @__PURE__ */ e(F, { children: a.label }) : a.href ? /* @__PURE__ */ e(
-    oe,
+    /* @__PURE__ */ e(q, { align: "start", children: /* @__PURE__ */ e(G, { children: a.children.map((u, h) => /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ e("a", { href: u.href, children: u.label }) }, h)) }) })
+  ] }) : r ? /* @__PURE__ */ e(le, { children: a.label }) : a.href ? /* @__PURE__ */ e(
+    Ae,
     {
-      render: /* @__PURE__ */ e(r, { href: a.href, children: a.label })
+      render: /* @__PURE__ */ e(l, { href: a.href, children: a.label })
     }
-  ) : /* @__PURE__ */ e(F, { children: a.label });
+  ) : /* @__PURE__ */ e(le, { children: a.label });
 }
-function Ee({
+function ca({
   items: a,
-  linkComponent: l = Le,
-  separator: r,
-  className: o,
-  "aria-label": d = "Breadcrumb",
-  ...c
+  linkComponent: r = oa,
+  separator: l,
+  className: t,
+  "aria-label": i = "Breadcrumb",
+  ...u
 }, h) {
-  const _ = ve();
+  const N = ia();
   if (!a.length) return null;
-  const b = _ && a.length > 2, y = b ? [a[0], a[a.length - 1]] : a, E = (b ? a.slice(1, -1) : []).flatMap(
-    (f) => f.href ? [{ label: f.label, href: f.href }] : (f.children ?? []).map((m) => ({ label: m.label, href: m.href }))
+  const k = N && a.length > 2, _ = k ? [a[0], a[a.length - 1]] : a, y = (k ? a.slice(1, -1) : []).flatMap(
+    (g) => g.href ? [{ label: g.label, href: g.href }] : (g.children ?? []).map((C) => ({ label: C.label, href: C.href }))
   );
   return /* @__PURE__ */ e(
-    re,
+    ve,
     {
       ref: h,
-      "aria-label": d,
-      className: o,
-      ...c,
-      children: /* @__PURE__ */ e(le, { children: y.map((f, m) => {
-        const H = b ? m === 0 ? 0 : a.length - 1 : m, N = m === y.length - 1 && !f.href && !f.children;
-        return /* @__PURE__ */ t(n.Fragment, { children: [
-          m > 0 && /* @__PURE__ */ e(G, { children: r }),
-          b && m === 1 && E.length > 0 && /* @__PURE__ */ t(I, { children: [
-            /* @__PURE__ */ e($, { children: /* @__PURE__ */ t(M, { children: [
-              /* @__PURE__ */ e(O, { asChild: !0, children: /* @__PURE__ */ t(
+      "aria-label": i,
+      className: t,
+      ...u,
+      children: /* @__PURE__ */ e(we, { children: _.map((g, C) => {
+        const V = k ? C === 0 ? 0 : a.length - 1 : C, E = C === _.length - 1 && !g.href && !g.children;
+        return /* @__PURE__ */ s(o.Fragment, { children: [
+          C > 0 && /* @__PURE__ */ e(te, { children: l }),
+          k && C === 1 && y.length > 0 && /* @__PURE__ */ s(M, { children: [
+            /* @__PURE__ */ e(re, { children: /* @__PURE__ */ s(B, { children: [
+              /* @__PURE__ */ e(O, { asChild: !0, children: /* @__PURE__ */ s(
                 "button",
                 {
                   type: "button",
-                  className: s(
+                  className: d(
                     "breadcrumb-dropdown-trigger",
                     "breadcrumb-ellipsis-trigger",
                     "inline-flex items-center"
                   ),
                   "aria-haspopup": "menu",
                   children: [
-                    /* @__PURE__ */ e(te, {}),
+                    /* @__PURE__ */ e(Ee, {}),
                     /* @__PURE__ */ e("span", { className: "sr-only", children: "Show more pages" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ e(B, { align: "start", children: /* @__PURE__ */ e(j, { children: E.map((g, k) => /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ e("a", { href: g.href, children: g.label }) }, k)) }) })
+              /* @__PURE__ */ e(q, { align: "start", children: /* @__PURE__ */ e(G, { children: y.map((S, w) => /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ e("a", { href: S.href, children: S.label }) }, w)) }) })
             ] }) }),
-            /* @__PURE__ */ e(G, { children: r })
+            /* @__PURE__ */ e(te, { children: l })
           ] }),
-          /* @__PURE__ */ e($, { children: ye(f, N, l) })
-        ] }, H);
+          /* @__PURE__ */ e(re, { children: da(g, E, r) })
+        ] }, V);
       }) })
     }
   );
 }
-const Ve = n.forwardRef(
-  Ee
+const ua = o.forwardRef(
+  ca
 );
-Ve.displayName = "Breadcrumb";
+ua.displayName = "Breadcrumb";
 export {
-  Na as Accordion,
-  ga as AccordionContent,
-  Ca as AccordionItem,
-  ka as AccordionTrigger,
-  Ha as AlertDialog,
-  Sa as AlertDialogAction,
-  va as AlertDialogCancel,
-  La as AlertDialogContent,
-  ya as AlertDialogDescription,
-  Ea as AlertDialogFooter,
-  Va as AlertDialogHeader,
-  Aa as AlertDialogOverlay,
-  Ra as AlertDialogPortal,
-  Da as AlertDialogTitle,
-  Ta as AlertDialogTrigger,
-  Ia as BADGE_ROUNDNESS,
-  Ma as BADGE_VARIANTS,
-  ze as BUTTON_COLORS,
-  Fe as BUTTON_GROUP_ORIENTATIONS,
-  Ye as BUTTON_SIZES,
-  Je as BUTTON_VARIANTS,
-  Oa as Badge,
-  Ve as Breadcrumb,
-  te as BreadcrumbEllipsis,
-  $ as BreadcrumbItem,
-  oe as BreadcrumbLink,
-  le as BreadcrumbList,
-  F as BreadcrumbPage,
-  re as BreadcrumbRoot,
-  G as BreadcrumbSeparator,
+  dr as Accordion,
+  cr as AccordionContent,
+  ur as AccordionItem,
+  hr as AccordionTrigger,
+  pr as AlertDialog,
+  _r as AlertDialogAction,
+  br as AlertDialogCancel,
+  kr as AlertDialogContent,
+  fr as AlertDialogDescription,
+  Nr as AlertDialogFooter,
+  gr as AlertDialogHeader,
+  Cr as AlertDialogOverlay,
+  vr as AlertDialogPortal,
+  wr as AlertDialogTitle,
+  Ar as AlertDialogTrigger,
+  Lr as BADGE_ROUNDNESS,
+  Sr as BADGE_VARIANTS,
+  Va as BUTTON_COLORS,
+  Sa as BUTTON_GROUP_ORIENTATIONS,
+  Ia as BUTTON_SIZES,
+  xa as BUTTON_VARIANTS,
+  Hr as Badge,
+  ua as Breadcrumb,
+  Ee as BreadcrumbEllipsis,
+  re as BreadcrumbItem,
+  Ae as BreadcrumbLink,
+  we as BreadcrumbList,
+  le as BreadcrumbPage,
+  ve as BreadcrumbRoot,
+  te as BreadcrumbSeparator,
   J as Button,
-  Ge as ButtonGroup,
-  Ue as ButtonGroupSeparator,
-  je as ButtonGroupText,
-  Nr as CHECKBOX_FIELD_APPEARANCES,
-  gr as CHECKBOX_FIELD_LAYOUTS,
-  ea as Carousel,
-  aa as CarouselContent,
-  ra as CarouselItem,
-  la as CarouselNext,
-  oa as CarouselPrevious,
-  Cr as Checkbox,
-  kr as CheckboxField,
-  Ie as ContentCard,
-  P as EELogo,
-  Ze as EELogoIcon,
-  ja as FIELD_ORIENTATIONS,
-  qa as Field,
-  Xa as FieldContent,
-  za as FieldDescription,
-  Ya as FieldError,
-  Ja as FieldGroup,
-  Qa as FieldLabel,
-  Wa as FieldLegend,
-  er as FieldSeparator,
-  ar as FieldSet,
-  rr as FieldTitle,
-  Fa as INPUT_SIZES,
-  Ga as Input,
-  Me as KUAT_HEADER_LOCKUP_VARIANTS,
-  Ke as KUAT_LOGO_LOCKUP_MODE,
-  Be as KUAT_LOGO_LOCKUP_USE,
-  pa as KUAT_RADIAL_PROGRESS_COLORS,
-  ba as KUAT_RADIAL_PROGRESS_SIZES,
-  sa as KuatCarousel,
-  da as KuatCarouselContent,
-  ca as KuatCarouselItem,
-  ia as KuatCarouselNext,
-  ua as KuatCarouselPrevious,
-  we as KuatHeader,
-  He as KuatLogoLockup,
-  fa as KuatRadialProgress,
-  or as KuatSelect,
-  Hr as RADIO_FIELD_APPEARANCES,
-  Sr as RADIO_FIELD_LAYOUTS,
-  vr as RadioField,
-  Lr as RadioGroup,
-  yr as RadioGroupItem,
-  tr as SELECT_LINES,
-  nr as SELECT_SIZES,
-  Zr as SONNER_POSITIONS,
-  Vr as SWITCH_FIELD_APPEARANCES,
-  Ar as SWITCH_FIELD_LAYOUTS,
-  sr as Select,
-  dr as SelectContent,
-  cr as SelectGroup,
-  ir as SelectItem,
-  ur as SelectLabel,
-  hr as SelectScrollDownButton,
-  mr as SelectScrollUpButton,
-  pr as SelectSeparator,
-  br as SelectTrigger,
-  fr as SelectValue,
-  Pr as Sonner,
-  $r as SonnerContent,
-  Rr as Switch,
-  Dr as SwitchField,
-  Za as TEXTAREA_RESIZE,
-  xr as TOGGLE_SIZES,
-  Ir as TOGGLE_SKINS,
-  Pa as Textarea,
-  Mr as Toggle,
-  Or as ToggleGroup,
-  Br as ToggleGroupItem,
-  Ba as badgeVariants,
-  qe as buttonGroupVariants,
-  Qe as buttonVariants,
-  s as cn,
-  Oe as kuatHeaderVariants,
-  Fr as toast,
-  ta as useCarousel,
-  ha as useKuatCarousel
+  Ha as ButtonGroup,
+  Ta as ButtonGroupSeparator,
+  ya as ButtonGroupText,
+  dl as CHECKBOX_FIELD_APPEARANCES,
+  cl as CHECKBOX_FIELD_LAYOUTS,
+  Ga as Carousel,
+  qa as CarouselContent,
+  ja as CarouselItem,
+  Ya as CarouselNext,
+  za as CarouselPrevious,
+  ul as Checkbox,
+  hl as CheckboxField,
+  fa as ContentCard,
+  ae as EELogo,
+  Aa as EELogoIcon,
+  Br as FIELD_ORIENTATIONS,
+  Or as Field,
+  Pr as FieldContent,
+  Ur as FieldDescription,
+  Fr as FieldError,
+  Zr as FieldGroup,
+  Kr as FieldLabel,
+  $r as FieldLegend,
+  Gr as FieldSeparator,
+  qr as FieldSet,
+  jr as FieldTitle,
+  Oa as ICON_BUTTON_ROUNDNESS,
+  Pa as ICON_BUTTON_SIZES,
+  Ua as ICON_BUTTON_SIZE_LG_ALIAS,
+  Fa as ICON_BUTTON_SIZE_SM_ALIAS,
+  Za as ICON_BUTTON_VARIANT_DEFAULT_ALIAS,
+  Ir as INPUT_SIZES,
+  Be as IconButton,
+  xr as Input,
+  ga as KUAT_HEADER_APP_SWITCHER_EMPTY,
+  Na as KUAT_HEADER_LOCKUP_VARIANTS,
+  wa as KUAT_LOGO_LOCKUP_MODE,
+  va as KUAT_LOGO_LOCKUP_USE,
+  sr as KUAT_RADIAL_PROGRESS_COLORS,
+  nr as KUAT_RADIAL_PROGRESS_SIZES,
+  Ja as KuatCarousel,
+  Qa as KuatCarouselContent,
+  er as KuatCarouselItem,
+  ar as KuatCarouselNext,
+  rr as KuatCarouselPrevious,
+  ta as KuatHeader,
+  sa as KuatLogoLockup,
+  ir as KuatRadialProgress,
+  zr as KuatSelect,
+  pl as RADIO_FIELD_APPEARANCES,
+  _l as RADIO_FIELD_LAYOUTS,
+  bl as RadioField,
+  kl as RadioGroup,
+  fl as RadioGroupItem,
+  Xr as SELECT_LINES,
+  Wr as SELECT_SIZES,
+  Dl as SONNER_POSITIONS,
+  gl as SWITCH_FIELD_APPEARANCES,
+  Cl as SWITCH_FIELD_LAYOUTS,
+  Jr as Select,
+  Qr as SelectContent,
+  el as SelectGroup,
+  al as SelectItem,
+  rl as SelectLabel,
+  ll as SelectScrollDownButton,
+  tl as SelectScrollUpButton,
+  sl as SelectSeparator,
+  nl as SelectTrigger,
+  il as SelectValue,
+  Rl as Sonner,
+  Vl as SonnerContent,
+  vl as Switch,
+  wl as SwitchField,
+  Dr as TEXTAREA_RESIZE,
+  El as TOGGLE_SIZES,
+  Ll as TOGGLE_SKINS,
+  Rr as Textarea,
+  Sl as Toggle,
+  Hl as ToggleGroup,
+  Tl as ToggleGroupItem,
+  Tr as badgeVariants,
+  Da as buttonGroupVariants,
+  Ma as buttonVariants,
+  d as cn,
+  Ka as iconButtonVariants,
+  Ca as kuatHeaderVariants,
+  qe as resolveAppSwitcherLabels,
+  We as resolveHeaderLockup,
+  Ge as shouldShowAppSwitcher,
+  Il as toast,
+  Xa as useCarousel,
+  lr as useKuatCarousel
 };