@alixpartners/ui-components 2.5.3 → 2.5.5

package/dist/components/NavBar/NavBar.js

@@ -1,313 +1,11 @@
-import { jsx as e, jsxs as C } from "react/jsx-runtime";
-import ae from "../Tag/Tag.js";
-import G from "../Icon/Icon.js";
-import { c as x } from "../../clsx-OuTLNxxd.js";
-import ne from "../Logo/Logo.js";
-import * as s from "react";
-import { useState as y } from "react";
-import { u as re, R as oe, I as te, c as H, a as ie } from "../../index-DEphED6n.js";
-import { u as ue, P as z, d as se, c as R, b as le } from "../../index-DM51yNMI.js";
-import { u as K } from "../../index-7CBv-Jx6.js";
-import { R as ce, A as de, P as me, C as be, I as ve, c as pe, G as _e, L as fe, a as ge, b as he, d as Me, e as Ne, S as Ce, f as Re, g as Pe, h as we } from "../../index-DgdVwltD.js";
-import '../../assets/NavBar.css';var S = "Menubar", [L, xe, Se] = ie(S), [Y] = le(S, [
-  Se,
-  H
-]), p = pe(), Q = H(), [ye, V] = Y(S), X = s.forwardRef(
-  (a, o) => {
-    const {
-      __scopeMenubar: n,
-      value: r,
-      onValueChange: u,
-      defaultValue: M,
-      loop: v = !0,
-      dir: t,
-      ...d
-    } = a, _ = re(t), c = Q(n), [g, m] = ue({
-      prop: r,
-      onChange: u,
-      defaultProp: M ?? "",
-      caller: S
-    }), [h, l] = s.useState(null);
-    return /* @__PURE__ */ e(
-      ye,
-      {
-        scope: n,
-        value: g,
-        onMenuOpen: s.useCallback(
-          (f) => {
-            m(f), l(f);
-          },
-          [m]
-        ),
-        onMenuClose: s.useCallback(() => m(""), [m]),
-        onMenuToggle: s.useCallback(
-          (f) => {
-            m((w) => w ? "" : f), l(f);
-          },
-          [m]
-        ),
-        dir: _,
-        loop: v,
-        children: /* @__PURE__ */ e(L.Provider, { scope: n, children: /* @__PURE__ */ e(L.Slot, { scope: n, children: /* @__PURE__ */ e(
-          oe,
-          {
-            asChild: !0,
-            ...c,
-            orientation: "horizontal",
-            loop: v,
-            dir: _,
-            currentTabStopId: h,
-            onCurrentTabStopIdChange: l,
-            children: /* @__PURE__ */ e(z.div, { role: "menubar", ...d, ref: o })
-          }
-        ) }) })
-      }
-    );
-  }
-);
-X.displayName = S;
-var j = "MenubarMenu", [Ae, J] = Y(j), W = (a) => {
-  const { __scopeMenubar: o, value: n, ...r } = a, u = K(), M = n || u || "LEGACY_REACT_AUTO_VALUE", v = V(j, o), t = p(o), d = s.useRef(null), _ = s.useRef(!1), c = v.value === M;
-  return s.useEffect(() => {
-    c || (_.current = !1);
-  }, [c]), /* @__PURE__ */ e(
-    Ae,
-    {
-      scope: o,
-      value: M,
-      triggerId: K(),
-      triggerRef: d,
-      contentId: K(),
-      wasKeyboardTriggerOpenRef: _,
-      children: /* @__PURE__ */ e(
-        ce,
-        {
-          ...t,
-          open: c,
-          onOpenChange: (g) => {
-            g || v.onMenuClose();
-          },
-          modal: !1,
-          dir: v.dir,
-          ...r
-        }
-      )
-    }
-  );
-};
-W.displayName = j;
-var F = "MenubarTrigger", Z = s.forwardRef(
-  (a, o) => {
-    const { __scopeMenubar: n, disabled: r = !1, ...u } = a, M = Q(n), v = p(n), t = V(F, n), d = J(F, n), _ = s.useRef(null), c = se(o, _, d.triggerRef), [g, m] = s.useState(!1), h = t.value === d.value;
-    return /* @__PURE__ */ e(L.ItemSlot, { scope: n, value: d.value, disabled: r, children: /* @__PURE__ */ e(
-      te,
-      {
-        asChild: !0,
-        ...M,
-        focusable: !r,
-        tabStopId: d.value,
-        children: /* @__PURE__ */ e(de, { asChild: !0, ...v, children: /* @__PURE__ */ e(
-          z.button,
-          {
-            type: "button",
-            role: "menuitem",
-            id: d.triggerId,
-            "aria-haspopup": "menu",
-            "aria-expanded": h,
-            "aria-controls": h ? d.contentId : void 0,
-            "data-highlighted": g ? "" : void 0,
-            "data-state": h ? "open" : "closed",
-            "data-disabled": r ? "" : void 0,
-            disabled: r,
-            ...u,
-            ref: c,
-            onPointerDown: R(a.onPointerDown, (l) => {
-              !r && l.button === 0 && l.ctrlKey === !1 && (t.onMenuOpen(d.value), h || l.preventDefault());
-            }),
-            onPointerEnter: R(a.onPointerEnter, () => {
-              var f;
-              !!t.value && !h && (t.onMenuOpen(d.value), (f = _.current) == null || f.focus());
-            }),
-            onKeyDown: R(a.onKeyDown, (l) => {
-              r || (["Enter", " "].includes(l.key) && t.onMenuToggle(d.value), l.key === "ArrowDown" && t.onMenuOpen(d.value), ["Enter", " ", "ArrowDown"].includes(l.key) && (d.wasKeyboardTriggerOpenRef.current = !0, l.preventDefault()));
-            }),
-            onFocus: R(a.onFocus, () => m(!0)),
-            onBlur: R(a.onBlur, () => m(!1))
-          }
-        ) })
-      }
-    ) });
-  }
-);
-Z.displayName = F;
-var Oe = "MenubarPortal", $ = (a) => {
-  const { __scopeMenubar: o, ...n } = a, r = p(o);
-  return /* @__PURE__ */ e(me, { ...r, ...n });
-};
-$.displayName = Oe;
-var U = "MenubarContent", q = s.forwardRef(
-  (a, o) => {
-    const { __scopeMenubar: n, align: r = "start", ...u } = a, M = p(n), v = V(U, n), t = J(U, n), d = xe(n), _ = s.useRef(!1);
-    return /* @__PURE__ */ e(
-      be,
-      {
-        id: t.contentId,
-        "aria-labelledby": t.triggerId,
-        "data-radix-menubar-content": "",
-        ...M,
-        ...u,
-        ref: o,
-        align: r,
-        onCloseAutoFocus: R(a.onCloseAutoFocus, (c) => {
-          var m;
-          !!!v.value && !_.current && ((m = t.triggerRef.current) == null || m.focus()), _.current = !1, c.preventDefault();
-        }),
-        onFocusOutside: R(a.onFocusOutside, (c) => {
-          const g = c.target;
-          d().some((h) => {
-            var l;
-            return (l = h.ref.current) == null ? void 0 : l.contains(g);
-          }) && c.preventDefault();
-        }),
-        onInteractOutside: R(a.onInteractOutside, () => {
-          _.current = !0;
-        }),
-        onEntryFocus: (c) => {
-          t.wasKeyboardTriggerOpenRef.current || c.preventDefault();
-        },
-        onKeyDown: R(
-          a.onKeyDown,
-          (c) => {
-            if (["ArrowRight", "ArrowLeft"].includes(c.key)) {
-              const g = c.target, m = g.hasAttribute("data-radix-menubar-subtrigger"), h = g.closest("[data-radix-menubar-content]") !== c.currentTarget, f = (v.dir === "rtl" ? "ArrowRight" : "ArrowLeft") === c.key;
-              if (!f && m || h && f) return;
-              let N = d().filter((D) => !D.disabled).map((D) => D.value);
-              f && N.reverse();
-              const b = N.indexOf(t.value);
-              N = v.loop ? $e(N, b + 1) : N.slice(b + 1);
-              const [P] = N;
-              P && v.onMenuOpen(P);
-            }
-          },
-          { checkForDefaultPrevented: !1 }
-        ),
-        style: {
-          ...a.style,
-          "--radix-menubar-content-transform-origin": "var(--radix-popper-transform-origin)",
-          "--radix-menubar-content-available-width": "var(--radix-popper-available-width)",
-          "--radix-menubar-content-available-height": "var(--radix-popper-available-height)",
-          "--radix-menubar-trigger-width": "var(--radix-popper-anchor-width)",
-          "--radix-menubar-trigger-height": "var(--radix-popper-anchor-height)"
-        }
-      }
-    );
-  }
-);
-q.displayName = U;
-var Ee = "MenubarGroup", Be = s.forwardRef(
-  (a, o) => {
-    const { __scopeMenubar: n, ...r } = a, u = p(n);
-    return /* @__PURE__ */ e(_e, { ...u, ...r, ref: o });
-  }
-);
-Be.displayName = Ee;
-var Te = "MenubarLabel", Ie = s.forwardRef(
-  (a, o) => {
-    const { __scopeMenubar: n, ...r } = a, u = p(n);
-    return /* @__PURE__ */ e(fe, { ...u, ...r, ref: o });
-  }
-);
-Ie.displayName = Te;
-var ke = "MenubarItem", ee = s.forwardRef(
-  (a, o) => {
-    const { __scopeMenubar: n, ...r } = a, u = p(n);
-    return /* @__PURE__ */ e(ve, { ...u, ...r, ref: o });
-  }
-);
-ee.displayName = ke;
-var De = "MenubarCheckboxItem", Ge = s.forwardRef(
-  (a, o) => {
-    const { __scopeMenubar: n, ...r } = a, u = p(n);
-    return /* @__PURE__ */ e(ge, { ...u, ...r, ref: o });
-  }
-);
-Ge.displayName = De;
-var Ke = "MenubarRadioGroup", Le = s.forwardRef(
-  (a, o) => {
-    const { __scopeMenubar: n, ...r } = a, u = p(n);
-    return /* @__PURE__ */ e(he, { ...u, ...r, ref: o });
-  }
-);
-Le.displayName = Ke;
-var Fe = "MenubarRadioItem", Ue = s.forwardRef(
-  (a, o) => {
-    const { __scopeMenubar: n, ...r } = a, u = p(n);
-    return /* @__PURE__ */ e(Me, { ...u, ...r, ref: o });
-  }
-);
-Ue.displayName = Fe;
-var Ve = "MenubarItemIndicator", je = s.forwardRef((a, o) => {
-  const { __scopeMenubar: n, ...r } = a, u = p(n);
-  return /* @__PURE__ */ e(Ne, { ...u, ...r, ref: o });
-});
-je.displayName = Ve;
-var He = "MenubarSeparator", ze = s.forwardRef(
-  (a, o) => {
-    const { __scopeMenubar: n, ...r } = a, u = p(n);
-    return /* @__PURE__ */ e(Ce, { ...u, ...r, ref: o });
-  }
-);
-ze.displayName = He;
-var Ye = "MenubarArrow", Qe = s.forwardRef(
-  (a, o) => {
-    const { __scopeMenubar: n, ...r } = a, u = p(n);
-    return /* @__PURE__ */ e(Re, { ...u, ...r, ref: o });
-  }
-);
-Qe.displayName = Ye;
-var Xe = "MenubarSubTrigger", Je = s.forwardRef(
-  (a, o) => {
-    const { __scopeMenubar: n, ...r } = a, u = p(n);
-    return /* @__PURE__ */ e(
-      Pe,
-      {
-        "data-radix-menubar-subtrigger": "",
-        ...u,
-        ...r,
-        ref: o
-      }
-    );
-  }
-);
-Je.displayName = Xe;
-var We = "MenubarSubContent", Ze = s.forwardRef(
-  (a, o) => {
-    const { __scopeMenubar: n, ...r } = a, u = p(n);
-    return /* @__PURE__ */ e(
-      we,
-      {
-        ...u,
-        "data-radix-menubar-content": "",
-        ...r,
-        ref: o,
-        style: {
-          ...a.style,
-          "--radix-menubar-content-transform-origin": "var(--radix-popper-transform-origin)",
-          "--radix-menubar-content-available-width": "var(--radix-popper-available-width)",
-          "--radix-menubar-content-available-height": "var(--radix-popper-available-height)",
-          "--radix-menubar-trigger-width": "var(--radix-popper-anchor-width)",
-          "--radix-menubar-trigger-height": "var(--radix-popper-anchor-height)"
-        }
-      }
-    );
-  }
-);
-Ze.displayName = We;
-function $e(a, o) {
-  return a.map((n, r) => a[(o + r) % a.length]);
-}
-var A = X, O = W, E = Z, B = $, T = q, I = ee;
-const i = {
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import z from "../Tag/Tag.js";
+import f from "../Icon/Icon.js";
+import { c as o } from "../../clsx-OuTLNxxd.js";
+import K from "../Logo/Logo.js";
+import { useState as u } from "react";
+import { R as v, M as _, T as b, P as d, C as p, I as N } from "../../index-D_L0ncPJ.js";
+import '../../assets/NavBar.css';const n = {
   "navbar-wrapper": "NavBar-module__navbar-wrapper___e-f8y",
   "navbar-container": "NavBar-module__navbar-container___KnbUz",
   "navbar-logo-container": "NavBar-module__navbar-logo-container___VXWAo",
@@ -334,58 +32,58 @@ const i = {
   "navbar-notification-container": "NavBar-module__navbar-notification-container___K2YeD",
   "navbar-notification-badge": "NavBar-module__navbar-notification-badge___vp5bK"
 };
-function la({
-  activeMenuItemHref: a,
-  projectName: o,
-  projectLogoIcon: n,
-  projectLogoOnClick: r,
-  projectTag: u,
-  menuItems: M,
-  menuButton: v,
-  additionalItems: t,
-  className: d,
-  maxWidth: _
+function E({
+  activeMenuItemHref: P,
+  projectName: C,
+  projectLogoIcon: k,
+  projectLogoOnClick: O,
+  projectTag: g,
+  menuItems: h,
+  menuButton: j,
+  additionalItems: e,
+  className: M,
+  maxWidth: L
 }) {
-  const c = (b) => b ? a === b : !1, [g, m] = y(!1), [h, l] = y(!1), [f, w] = y(!1), [k, N] = y(null);
-  return /* @__PURE__ */ e("div", { className: x(i["navbar-wrapper"], d), children: /* @__PURE__ */ C("div", { className: i["navbar-container"], style: {
-    maxWidth: _
+  const w = (r) => r ? P === r : !1, [x, t] = u(!1), [y, c] = u(!1), [H, s] = u(!1), [B, m] = u(null);
+  return /* @__PURE__ */ a("div", { className: o(n["navbar-wrapper"], M), children: /* @__PURE__ */ i("div", { className: n["navbar-container"], style: {
+    maxWidth: L
   }, children: [
-    /* @__PURE__ */ C("div", { className: i["navbar-logo-container"], children: [
-      /* @__PURE__ */ e("a", { onClick: r, className: i["navbar-logo-link"], children: /* @__PURE__ */ e(ne, { logo: n, color: "white" }) }),
-      /* @__PURE__ */ e("span", { className: i["navbar-project-name-separator"] }),
-      /* @__PURE__ */ e("span", { className: i["navbar-project-name"], children: o }),
-      u && /* @__PURE__ */ e(ae, { type: "basic", color: "green", size: "md", structure: "border", label: u })
+    /* @__PURE__ */ i("div", { className: n["navbar-logo-container"], children: [
+      /* @__PURE__ */ a("a", { onClick: O, className: n["navbar-logo-link"], children: /* @__PURE__ */ a(K, { logo: k, color: "white" }) }),
+      /* @__PURE__ */ a("span", { className: n["navbar-project-name-separator"] }),
+      /* @__PURE__ */ a("span", { className: n["navbar-project-name"], children: C }),
+      g && /* @__PURE__ */ a(z, { type: "basic", color: "green", size: "md", structure: "border", label: g })
     ] }),
-    /* @__PURE__ */ C("div", { className: i["navbar-menu"], children: [
-      /* @__PURE__ */ e("div", { className: i["navbar-menu-button"], children: v }),
-      /* @__PURE__ */ e(A, { className: i["navbar-menu-list"], children: M == null ? void 0 : M.map((b) => /* @__PURE__ */ e("div", { onPointerLeave: () => N(null), children: /* @__PURE__ */ C(O, { open: k === b.label, onOpenChange: (P) => N(P ? b.label : null), children: [
-        /* @__PURE__ */ e(E, { "data-state": k === b.label ? "open" : "closed", onClick: () => N(b.label), onPointerMove: () => N(b.label), className: i["navbar-menu-list-item"], children: b.menuItems ? /* @__PURE__ */ C("span", { className: i["navbar-menu-list-item-trigger-container"], children: [
-          /* @__PURE__ */ e("span", { children: b.label }),
-          /* @__PURE__ */ e(G, { icon: "ap-icon-expand-more", className: x(i["navbar-menu-list-item-arrow"]) })
-        ] }) : /* @__PURE__ */ e("a", { className: x(i["navbar-menu-list-item-action"], c(b.href) && i["navbar-menu-list-item-action-active"]), onClick: b.onClick, children: b.label }) }),
-        b.menuItems && /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(T, { className: i["navbar-menu-list-item-submenu"], children: b.menuItems.map((P) => /* @__PURE__ */ e(I, { className: i["navbar-menu-list-item-submenu-item"], children: /* @__PURE__ */ e("a", { onClick: P.onClick, children: P.label }) }, P.label)) }) })
-      ] }) }, b.label)) }),
-      t && /* @__PURE__ */ e("span", { className: i["navbar-menu-additional-separator"] }),
-      /* @__PURE__ */ C("div", { className: i["navbar-menu-additional"], children: [
-        (t == null ? void 0 : t.notifications) && /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e("div", { onPointerLeave: () => m(!1), children: /* @__PURE__ */ C(O, { open: g, onOpenChange: m, children: [
-          /* @__PURE__ */ e(E, { onClick: () => m(!0), onPointerMove: () => m(!0), className: i["navbar-menu-additional-trigger"], children: /* @__PURE__ */ C("div", { className: i["navbar-notification-container"], children: [
-            /* @__PURE__ */ e(G, { icon: "ap-icon-notification-filled", className: x(i["navbar-menu-additional-icon"], i["navbar-menu-additional-icon-notification"]) }),
-            t.notifications.count > 0 && /* @__PURE__ */ e("span", { className: i["navbar-notification-badge"], children: t.notifications.count > 99 ? "99+" : t.notifications.count })
+    /* @__PURE__ */ i("div", { className: n["navbar-menu"], children: [
+      /* @__PURE__ */ a("div", { className: n["navbar-menu-button"], children: j }),
+      /* @__PURE__ */ a(v, { className: n["navbar-menu-list"], children: h == null ? void 0 : h.map((r) => /* @__PURE__ */ a("div", { onPointerLeave: () => m(null), children: /* @__PURE__ */ i(_, { open: B === r.label, onOpenChange: (l) => m(l ? r.label : null), children: [
+        /* @__PURE__ */ a(b, { "data-state": B === r.label ? "open" : "closed", onClick: () => m(r.label), onPointerMove: () => m(r.label), className: n["navbar-menu-list-item"], children: r.menuItems ? /* @__PURE__ */ i("span", { className: n["navbar-menu-list-item-trigger-container"], children: [
+          /* @__PURE__ */ a("span", { children: r.label }),
+          /* @__PURE__ */ a(f, { icon: "ap-icon-expand-more", className: o(n["navbar-menu-list-item-arrow"]) })
+        ] }) : /* @__PURE__ */ a("a", { className: o(n["navbar-menu-list-item-action"], w(r.href) && n["navbar-menu-list-item-action-active"]), onClick: r.onClick, children: r.label }) }),
+        r.menuItems && /* @__PURE__ */ a(d, { children: /* @__PURE__ */ a(p, { className: n["navbar-menu-list-item-submenu"], children: r.menuItems.map((l) => /* @__PURE__ */ a(N, { className: n["navbar-menu-list-item-submenu-item"], children: /* @__PURE__ */ a("a", { onClick: l.onClick, children: l.label }) }, l.label)) }) })
+      ] }) }, r.label)) }),
+      e && /* @__PURE__ */ a("span", { className: n["navbar-menu-additional-separator"] }),
+      /* @__PURE__ */ i("div", { className: n["navbar-menu-additional"], children: [
+        (e == null ? void 0 : e.notifications) && /* @__PURE__ */ a(v, { children: /* @__PURE__ */ a("div", { onPointerLeave: () => t(!1), children: /* @__PURE__ */ i(_, { open: x, onOpenChange: t, children: [
+          /* @__PURE__ */ a(b, { onClick: () => t(!0), onPointerMove: () => t(!0), className: n["navbar-menu-additional-trigger"], children: /* @__PURE__ */ i("div", { className: n["navbar-notification-container"], children: [
+            /* @__PURE__ */ a(f, { icon: "ap-icon-notification-filled", className: o(n["navbar-menu-additional-icon"], n["navbar-menu-additional-icon-notification"]) }),
+            e.notifications.count > 0 && /* @__PURE__ */ a("span", { className: n["navbar-notification-badge"], children: e.notifications.count > 99 ? "99+" : e.notifications.count })
           ] }) }),
-          /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(T, { align: "end", className: i["navbar-menu-list-item-submenu"], children: /* @__PURE__ */ e(I, { className: i["navbar-menu-list-item-submenu-item"], children: t.notifications.content }) }) })
+          /* @__PURE__ */ a(d, { children: /* @__PURE__ */ a(p, { align: "end", className: n["navbar-menu-list-item-submenu"], children: /* @__PURE__ */ a(N, { className: n["navbar-menu-list-item-submenu-item"], children: e.notifications.content }) }) })
         ] }) }) }),
-        (t == null ? void 0 : t.help) && /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e("div", { onPointerLeave: () => l(!1), children: /* @__PURE__ */ C(O, { open: h, onOpenChange: l, children: [
-          /* @__PURE__ */ e(E, { onClick: () => l(!0), onPointerMove: () => l(!0), className: i["navbar-menu-additional-trigger"], children: /* @__PURE__ */ e(G, { icon: "ap-icon-help-filled", className: x(i["navbar-menu-additional-icon"], i["navbar-menu-additional-icon-help"]) }) }),
-          /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(T, { align: "end", className: i["navbar-menu-list-item-submenu"], children: /* @__PURE__ */ e(I, { className: i["navbar-menu-list-item-submenu-item"], children: t.help }) }) })
+        (e == null ? void 0 : e.help) && /* @__PURE__ */ a(v, { children: /* @__PURE__ */ a("div", { onPointerLeave: () => c(!1), children: /* @__PURE__ */ i(_, { open: y, onOpenChange: c, children: [
+          /* @__PURE__ */ a(b, { onClick: () => c(!0), onPointerMove: () => c(!0), className: n["navbar-menu-additional-trigger"], children: /* @__PURE__ */ a(f, { icon: "ap-icon-help-filled", className: o(n["navbar-menu-additional-icon"], n["navbar-menu-additional-icon-help"]) }) }),
+          /* @__PURE__ */ a(d, { children: /* @__PURE__ */ a(p, { align: "end", className: n["navbar-menu-list-item-submenu"], children: /* @__PURE__ */ a(N, { className: n["navbar-menu-list-item-submenu-item"], children: e.help }) }) })
         ] }) }) }),
-        (t == null ? void 0 : t.userProfile) && /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e("div", { onPointerLeave: () => w(!1), children: /* @__PURE__ */ C(O, { open: f, onOpenChange: w, children: [
-          /* @__PURE__ */ e(E, { onClick: () => w(!0), onPointerMove: () => w(!0), className: i["navbar-menu-additional-trigger"], children: /* @__PURE__ */ e("span", { className: i["navbar-menu-additional-user-profile"], children: t.userProfile.initials }) }),
-          /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(T, { align: "end", className: i["navbar-menu-list-item-submenu"], children: /* @__PURE__ */ e(I, { className: i["navbar-menu-list-item-submenu-item"], children: t.userProfile.content }) }) })
+        (e == null ? void 0 : e.userProfile) && /* @__PURE__ */ a(v, { children: /* @__PURE__ */ a("div", { onPointerLeave: () => s(!1), children: /* @__PURE__ */ i(_, { open: H, onOpenChange: s, children: [
+          /* @__PURE__ */ a(b, { onClick: () => s(!0), onPointerMove: () => s(!0), className: n["navbar-menu-additional-trigger"], children: /* @__PURE__ */ a("span", { className: n["navbar-menu-additional-user-profile"], children: e.userProfile.initials }) }),
+          /* @__PURE__ */ a(d, { children: /* @__PURE__ */ a(p, { align: "end", className: n["navbar-menu-list-item-submenu"], children: /* @__PURE__ */ a(N, { className: n["navbar-menu-list-item-submenu-item"], children: e.userProfile.content }) }) })
         ] }) }) })
       ] })
     ] })
   ] }) });
 }
 export {
-  la as default
+  E as default
 };

package/dist/components/Radio/Radio.js

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { useId as r } from "react";
 import { c as m } from "../../clsx-OuTLNxxd.js";
-import { I as c, a as n } from "../../index-CpsmI33B.js";
+import { I as c, a as n } from "../../index-CCnm5-ML.js";
 import '../../assets/Radio.css';const _ = "Radio-module__item___3Kvj7", u = "Radio-module__indicator___TJ5hz", b = "Radio-module__label___c-sYW", f = "Radio-module__disabled___RZ0be", a = {
   item: _,
   indicator: u,

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { c as p } from "../../clsx-OuTLNxxd.js";
 import { useState as f } from "react";
-import { R } from "../../index-CpsmI33B.js";
+import { R } from "../../index-CCnm5-ML.js";
 import '../../assets/RadioGroup.css';const z = "RadioGroup-module__root___ewZw-", b = "RadioGroup-module__horizontal___QsBvv", h = "RadioGroup-module__disabled___n-nfI", t = {
   root: z,
   horizontal: b,

package/dist/components/RichTextEditor/RichTextEditor.d.ts

@@ -18,8 +18,8 @@ type RichTextEditorProps = {
     helpLinkText?: string;
     toolbarLayout?: ToolbarLayout;
     showToolbar?: boolean;
-    showWordCount?: boolean;
-    maxWords?: number;
+    showCharacterCount?: boolean;
+    maxCharacters?: number;
     resizable?: boolean;
     rows?: number;
     fullWidth?: boolean;
@@ -29,5 +29,5 @@ type RichTextEditorProps = {
     onChange?: (value: string) => void;
     onModelChange?: (model: RichTextDocumentModel) => void;
 };
-export default function RichTextEditor({ className, label, required, value, placeholder, disabled, errorMessage, helpText, helpLink, helpLinkText, toolbarLayout, showToolbar, showWordCount, maxWords, resizable, rows, fullWidth, tooltipEnabled, formatOptions, toolbarOptions, onChange, onModelChange, }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element;
+export default function RichTextEditor({ className, label, required, value, placeholder, disabled, errorMessage, helpText, helpLink, helpLinkText, toolbarLayout, showToolbar, showCharacterCount, maxCharacters, resizable, rows, fullWidth, tooltipEnabled, formatOptions, toolbarOptions, onChange, onModelChange, }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/RichTextEditor/RichTextEditor.js

@@ -5,8 +5,8 @@ import "../Dialog/Dialog.js";
 import "../Icon/Icon.js";
 import "../Input/Input.js";
 import "../Tooltip/Tooltip.js";
-import { R as l } from "../../RichTextEditor-CfINW9Xs.js";
-import "../../index-DZ4Gof57.js";
+import { R as l } from "../../RichTextEditor-cvtLFe4t.js";
+import "../../index-CCFDXH-J.js";
 export {
   l as default
 };

package/dist/components/RichTextEditor/RichTextEditor.model.d.ts

@@ -9,4 +9,4 @@ export type RichTextDocumentModel = {
 };
 export declare function createModelFromHtml(html: string): RichTextDocumentModel;
 export declare function renderModelToHtml(model: RichTextDocumentModel): string;
-export declare function getWordCountFromModel(model: RichTextDocumentModel): number;
+export declare function getCharacterCountFromModel(model: RichTextDocumentModel): number;