@alixpartners/ui-components 2.5.7 → 2.6.0

package/dist/components/Dropdown/Dropdown.js

@@ -1,158 +1,161 @@
-import { jsxs as s, jsx as d } from "react/jsx-runtime";
-import { c as h } from "../../clsx-OuTLNxxd.js";
-import { useState as b, useRef as T, useEffect as L, useCallback as oe } from "react";
-import B from "../Icon/Icon.js";
-import Ce from "../Toggle/Toggle.js";
-import ne from "../Button/Button.js";
-import re from "../Ghost/Ghost.js";
-import Me from "../Search/Search.js";
-import Se from "../Tooltip/Tooltip.js";
-import { R as Ve, T as Re, P as Ee, C as Fe } from "../../index-CCFDXH-J.js";
-import '../../assets/Dropdown.css';const We = "Dropdown-module__dropdownContainer___beNhQ", qe = "Dropdown-module__dropdownLabel___T9FmB", Je = "Dropdown-module__dropdownLabelDisabled___SLRmM", ze = "Dropdown-module__required___ChI1m", Ge = "Dropdown-module__dropdownWrapper___AUuWD", Be = "Dropdown-module__dropdownTrigger___Rue93", Ue = "Dropdown-module__dropdownTriggerDisabled___63wkd", je = "Dropdown-module__dropdownTriggerOpen___cbm8V", Pe = "Dropdown-module__placeholder___fWdch", Ye = "Dropdown-module__selectedOptionLabel___7Zdh3", $e = "Dropdown-module__dropdownSelectedItems___iXnpQ", Ze = "Dropdown-module__dropdownTriggerError___Uu02x", Qe = "Dropdown-module__dropdownContent___zLMhL", Ke = "Dropdown-module__dropdownActions___d55Fa", Xe = "Dropdown-module__dropdownArrow___dLbrb", He = "Dropdown-module__dropdownArrowOpen___Z4Nh1", eo = "Dropdown-module__dropdownMenu___toYcy", oo = "Dropdown-module__dropdownMenuToolbar___gFne0", no = "Dropdown-module__searchContainer___4kUvD", ro = "Dropdown-module__search___JmgDx", to = "Dropdown-module__optionsList___rk2hi", lo = "Dropdown-module__categoryGroup___Np2bP", so = "Dropdown-module__categoryDivider___Gh6F0", io = "Dropdown-module__categoryLabel___B9IDR", co = "Dropdown-module__optionItem___7pi10", ao = "Dropdown-module__optionItemDisabled___aepUD", po = "Dropdown-module__optionItemFocused___u2781", _o = "Dropdown-module__optionContent___nf1VC", uo = "Dropdown-module__optionLabel___sJerM", mo = "Dropdown-module__tickIcon___hYdCr", wo = "Dropdown-module__noOptions___8vmhM", fo = "Dropdown-module__helpers___s4ulA", ho = "Dropdown-module__helpText___YooJE", Do = "Dropdown-module__helpTextDisabled___Ct4qq", bo = "Dropdown-module__helpLink___-Zwpq", go = "Dropdown-module__helpLinkDisabled___r-opC", No = "Dropdown-module__errorMessage___3Mopi", vo = "Dropdown-module__selectAllContainer___Dlk3J", Lo = "Dropdown-module__actionButtons___-2nvr", o = {
-  dropdownContainer: We,
-  dropdownLabel: qe,
+import { jsxs as l, jsx as d } from "react/jsx-runtime";
+import { c as D } from "../../clsx-OuTLNxxd.js";
+import { useState as N, useRef as M, useEffect as I, useCallback as re } from "react";
+import U from "../Icon/Icon.js";
+import Se from "../Toggle/Toggle.js";
+import de from "../Button/Button.js";
+import te from "../Ghost/Ghost.js";
+import xe from "../Search/Search.js";
+import Ee from "../Tooltip/Tooltip.js";
+import { R as Fe, T as We, P as Ce, C as qe } from "../../index-CcsZYEYy.js";
+import '../../assets/Dropdown.css';const Je = "Dropdown-module__dropdownContainer___beNhQ", ze = "Dropdown-module__dropdownLabel___T9FmB", Ge = "Dropdown-module__dropdownLabelDisabled___SLRmM", Be = "Dropdown-module__required___ChI1m", Ue = "Dropdown-module__dropdownWrapper___AUuWD", je = "Dropdown-module__dropdownTrigger___Rue93", Pe = "Dropdown-module__dropdownTriggerDisabled___63wkd", $e = "Dropdown-module__dropdownTriggerOpen___cbm8V", Ye = "Dropdown-module__placeholder___fWdch", Ze = "Dropdown-module__selectedOptionLabel___7Zdh3", Qe = "Dropdown-module__dropdownSelectedItems___iXnpQ", Ke = "Dropdown-module__dropdownTriggerError___Uu02x", Xe = "Dropdown-module__dropdownContent___zLMhL", He = "Dropdown-module__dropdownActions___d55Fa", eo = "Dropdown-module__dropdownArrow___dLbrb", oo = "Dropdown-module__dropdownArrowOpen___Z4Nh1", no = "Dropdown-module__dropdownMenu___toYcy", ro = "Dropdown-module__dropdownMenuToolbar___gFne0", to = "Dropdown-module__searchContainer___4kUvD", lo = "Dropdown-module__search___JmgDx", so = "Dropdown-module__optionsList___rk2hi", io = "Dropdown-module__categoryGroup___Np2bP", co = "Dropdown-module__categoryDivider___Gh6F0", ao = "Dropdown-module__categoryLabel___B9IDR", po = "Dropdown-module__optionItem___7pi10", _o = "Dropdown-module__optionItemDisabled___aepUD", uo = "Dropdown-module__optionItemFocused___u2781", wo = "Dropdown-module__optionContent___nf1VC", mo = "Dropdown-module__optionLabel___sJerM", fo = "Dropdown-module__tickIcon___hYdCr", ho = "Dropdown-module__noOptions___8vmhM", Do = "Dropdown-module__helpers___s4ulA", bo = "Dropdown-module__helpText___YooJE", go = "Dropdown-module__helpTextDisabled___Ct4qq", No = "Dropdown-module__helpLink___-Zwpq", vo = "Dropdown-module__helpLinkDisabled___r-opC", Lo = "Dropdown-module__errorMessage___3Mopi", Oo = "Dropdown-module__selectAllContainer___Dlk3J", Io = "Dropdown-module__actionButtons___-2nvr", o = {
+  dropdownContainer: Je,
+  dropdownLabel: ze,
   "label-text": "Dropdown-module__label-text___VEqG-",
-  dropdownLabelDisabled: Je,
+  dropdownLabelDisabled: Ge,
   "label-tooltip-icon": "Dropdown-module__label-tooltip-icon___JYVOm",
-  required: ze,
-  dropdownWrapper: Ge,
+  required: Be,
+  dropdownWrapper: Ue,
   "dropdown-menu-trigger": "Dropdown-module__dropdown-menu-trigger___fgqVT",
-  dropdownTrigger: Be,
-  dropdownTriggerDisabled: Ue,
-  dropdownTriggerOpen: je,
-  placeholder: Pe,
-  selectedOptionLabel: Ye,
-  dropdownSelectedItems: $e,
-  dropdownTriggerError: Ze,
-  dropdownContent: Qe,
-  dropdownActions: Ke,
-  dropdownArrow: Xe,
-  dropdownArrowOpen: He,
-  dropdownMenu: eo,
+  dropdownTrigger: je,
+  dropdownTriggerDisabled: Pe,
+  dropdownTriggerOpen: $e,
+  placeholder: Ye,
+  selectedOptionLabel: Ze,
+  dropdownSelectedItems: Qe,
+  dropdownTriggerError: Ke,
+  dropdownContent: Xe,
+  dropdownActions: He,
+  dropdownArrow: eo,
+  dropdownArrowOpen: oo,
+  dropdownMenu: no,
   "dropdown-container-grouped": "Dropdown-module__dropdown-container-grouped___1twhU",
   "dropdown-container-multi-select": "Dropdown-module__dropdown-container-multi-select___zdaum",
-  dropdownMenuToolbar: oo,
-  searchContainer: no,
-  search: ro,
-  optionsList: to,
-  categoryGroup: lo,
-  categoryDivider: so,
-  categoryLabel: io,
-  optionItem: co,
-  optionItemDisabled: ao,
-  optionItemFocused: po,
-  optionContent: _o,
-  optionLabel: uo,
-  tickIcon: mo,
-  noOptions: wo,
-  helpers: fo,
-  helpText: ho,
-  helpTextDisabled: Do,
-  helpLink: bo,
-  helpLinkDisabled: go,
-  errorMessage: No,
-  selectAllContainer: vo,
-  actionButtons: Lo
+  dropdownMenuToolbar: ro,
+  searchContainer: to,
+  search: lo,
+  optionsList: so,
+  categoryGroup: io,
+  categoryDivider: co,
+  categoryLabel: ao,
+  optionItem: po,
+  optionItemDisabled: _o,
+  optionItemFocused: uo,
+  optionContent: wo,
+  optionLabel: mo,
+  tickIcon: fo,
+  noOptions: ho,
+  helpers: Do,
+  helpText: bo,
+  helpTextDisabled: go,
+  helpLink: No,
+  helpLinkDisabled: vo,
+  errorMessage: Lo,
+  selectAllContainer: Oo,
+  actionButtons: Io
 };
-function Vo({
-  className: de,
-  label: E,
-  options: F,
+function Fo({
+  className: le,
+  label: W,
+  options: C,
   value: p = [],
-  placeholder: A = "Select options...",
-  disabled: O = !1,
-  required: te = !1,
-  searchable: x = !1,
-  searchPlaceholder: le = "Search options...",
-  errorMessage: I,
-  helpText: C,
-  helpLink: W,
-  helpLinkText: q,
+  placeholder: V = "Select options...",
+  disabled: y = !1,
+  required: se = !1,
+  searchable: R = !1,
+  searchPlaceholder: ie = "Search options...",
+  errorMessage: k,
+  helpText: S,
+  helpLink: q,
+  helpLinkText: J,
   onChange: t,
-  onSearch: J,
-  multiSelect: m = !1,
-  grouped: se = !1,
-  align: U = "left",
-  onToggleChange: M,
-  toggleLabel: ie,
-  dropdownTriggerClassName: ce,
-  dropdownMenuClassName: ae,
-  hideSelectedItems: pe = !1,
-  labelTooltip: D,
-  unselect: S = !1,
-  selectedOptionLabel: _e = "option selected",
-  selectedOptionsLabel: ue = "options selected",
-  allOptionsSelectedLabel: j,
-  caseSensitive: P = !1,
-  ...me
+  onSearch: z,
+  multiSelect: _ = !1,
+  grouped: ce = !1,
+  align: j = "left",
+  onToggleChange: x,
+  toggleLabel: ae,
+  dropdownTriggerClassName: pe,
+  dropdownMenuClassName: _e,
+  hideSelectedItems: ue = !1,
+  labelTooltip: b,
+  unselect: E = !1,
+  selectedOptionLabel: we = "option selected",
+  selectedOptionsLabel: me = "options selected",
+  allOptionsSelectedLabel: P,
+  caseSensitive: $ = !1,
+  maxCount: f,
+  ...fe
 }) {
-  const [i, g] = b(p), [l, f] = b(!1), [Y, _] = b(""), [y, c] = b(-1), [w, u] = b([]), $ = T(null), Z = T(null), we = T(null), z = T(null), [Q, fe] = b(0), [he, De] = b(p.length > 0 ? p.join(", ") : A ?? ""), K = T(p);
-  L(() => {
-    JSON.stringify(K.current) !== JSON.stringify(p) && (g(p), K.current = p);
-  }, [p]), L(() => {
+  const [i, v] = N(p), [s, h] = N(!1), [Y, w] = N(""), [T, c] = N(-1), [u, m] = N([]), Z = M(null), Q = M(null), he = M(null), G = M(null), [K, De] = N(0), [be, ge] = N(p.length > 0 ? p.join(", ") : V ?? ""), X = M(p);
+  I(() => {
+    JSON.stringify(X.current) !== JSON.stringify(p) && (v(p), X.current = p);
+  }, [p]), I(() => {
     var r;
-    const e = (r = Z.current) == null ? void 0 : r.getBoundingClientRect().width;
-    e && fe(e);
-  }, [l]), L(() => {
-    l && u([...i]);
-  }, [l, i]);
-  const X = Y.trim(), a = F.filter((e) => {
-    const r = P ? e.label : e.label.toLowerCase(), n = P ? X : X.toLowerCase();
+    const e = (r = Q.current) == null ? void 0 : r.getBoundingClientRect().width;
+    e && De(e);
+  }, [s]), I(() => {
+    s && m([...i]);
+  }, [s, i]);
+  const H = Y.trim(), a = C.filter((e) => {
+    const r = $ ? e.label : e.label.toLowerCase(), n = $ ? H : H.toLowerCase();
     return r.includes(n);
   });
-  L(() => {
-    De(p.length > 0 ? p.join(", ") : A ?? "");
-  }, [p, A]), L(() => {
-    l && x && z.current && z.current.focus();
-  }, [l, x]);
-  const be = (e) => {
-    f(e), e ? (u([...i]), _(""), c(-1)) : (_(""), c(-1), u([]));
-  }, G = oe((e) => {
+  I(() => {
+    ge(p.length > 0 ? p.join(", ") : V ?? "");
+  }, [p, V]), I(() => {
+    s && R && G.current && G.current.focus();
+  }, [s, R]);
+  const Ne = (e) => {
+    h(e), e ? (m([...i]), w(""), c(-1)) : (w(""), c(-1), m([]));
+  }, B = re((e) => {
     if (e.disabled) return;
     let r = [];
-    if (m)
-      r = w.includes(e.value) ? w.filter((n) => n !== e.value) : [...w, e.value];
-    else {
+    if (_) {
+      if (!u.includes(e.value) && f && u.length >= f)
+        return;
+      r = u.includes(e.value) ? u.filter((n) => n !== e.value) : [...u, e.value];
+    } else {
       if (i.includes(e.value))
-        if (S)
+        if (E)
           r = [];
         else
           return;
       else
         r = [e.value];
-      g(r), t == null || t(r), f(!1), _(""), c(-1), u([]);
+      v(r), t == null || t(r), h(!1), w(""), c(-1), m([]);
       return;
     }
-    u(r);
-  }, [m, t, w, i, S]), ge = () => {
-    g(w), t == null || t(w), f(!1), _(""), c(-1), u([]);
-  }, Ne = () => {
-    f(!1), _(""), c(-1), u([]);
-  }, ve = (e) => {
-    _(e), c(-1), J == null || J(e);
-  }, Le = oe((e) => {
+    m(r);
+  }, [_, t, u, i, E]), ve = () => {
+    v(u), t == null || t(u), h(!1), w(""), c(-1), m([]);
+  }, Le = () => {
+    h(!1), w(""), c(-1), m([]);
+  }, Oe = (e) => {
+    w(e), c(-1), z == null || z(e);
+  }, Ie = re((e) => {
     var r;
     if (!e.disabled) {
-      if (m) {
-        const R = i.includes(e.value) ? i.filter((k) => k !== e.value) : [...i, e.value];
-        g(R), t == null || t(R), f(!0), _(""), c(-1);
+      if (_) {
+        const F = i.includes(e.value) ? i.filter((A) => A !== e.value) : [...i, e.value];
+        v(F), t == null || t(F), h(!0), w(""), c(-1);
       } else if (i.includes(e.value)) {
-        if (S) {
+        if (E) {
           const n = [];
-          g(n), t == null || t(n), f(!1), _(""), c(-1);
+          v(n), t == null || t(n), h(!1), w(""), c(-1);
         }
       } else {
         const n = [e.value];
-        g(n), t == null || t(n), f(!1), _(""), c(-1);
+        v(n), t == null || t(n), h(!1), w(""), c(-1);
       }
-      (r = we.current) == null || r.focus();
+      (r = he.current) == null || r.focus();
     }
-  }, [m, t, i, S]), Oe = (e) => {
-    M == null || M(e);
+  }, [_, t, i, E]), ye = (e) => {
+    x == null || x(e);
   };
-  L(() => {
+  I(() => {
     const e = (r) => {
-      if (l)
+      if (s)
         switch (r.key) {
           case "ArrowDown":
             r.preventDefault(), c((n) => n < a.length - 1 ? n + 1 : 0);
@@ -161,89 +164,93 @@ function Vo({
             r.preventDefault(), c((n) => n > 0 ? n - 1 : a.length - 1);
             break;
           case "Enter":
-            if (r.preventDefault(), y >= 0 && y < a.length) {
-              const n = a[y];
-              G(n);
+            if (r.preventDefault(), T >= 0 && T < a.length) {
+              const n = a[T];
+              B(n);
             }
             break;
           case "Escape":
-            r.preventDefault(), f(!1), _(""), c(-1), u([]);
+            r.preventDefault(), h(!1), w(""), c(-1), m([]);
             break;
         }
     };
     return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-  }, [l, y, a, Le, G]);
-  const V = l ? w : i, N = F.filter((e) => V.includes(e.value)), Ie = !!I, ye = JSON.stringify(w) !== JSON.stringify(i), H = F.filter((e) => !e.disabled), ke = H.length > 0 && H.every((e) => V.includes(e.value)), Te = a.reduce((e, r) => {
+  }, [s, T, a, Ie, B]);
+  const g = s ? u : i, L = C.filter((e) => g.includes(e.value)), ke = !!k, Te = JSON.stringify(u) !== JSON.stringify(i), ee = _ && !!f && g.length >= f, oe = C.filter((e) => !e.disabled), Ae = oe.length > 0 && oe.every((e) => g.includes(e.value)), Me = a.reduce((e, r) => {
     const n = r.category || "default";
     return e[n] || (e[n] = []), e[n].push(r), e;
-  }, {}), Ae = a, {
-    onBlur: v,
-    ...ee
-  } = me;
-  return /* @__PURE__ */ s("div", { ref: $, className: h(o.root, o.dropdownContainer, se && o["dropdown-container-grouped"], m && o["dropdown-container-multi-select"], de), ...ee, children: [
-    E && /* @__PURE__ */ s("label", { className: h(o.dropdownLabel, O && o.dropdownLabelDisabled), children: [
-      /* @__PURE__ */ d("span", { title: E, className: o["label-text"], children: E }),
-      te && /* @__PURE__ */ d("span", { className: o.required, children: "*" }),
-      D && /* @__PURE__ */ d(Se, { content: D.content, size: D.size, theme: D.theme, tipSide: D.tipSide, tipAlignment: D.tipAlignment, startVisible: D.startVisible, children: /* @__PURE__ */ d(B, { icon: "ap-icon-info", className: o["label-tooltip-icon"] }) })
+  }, {}), Ve = a, {
+    onBlur: O,
+    ...ne
+  } = fe;
+  return /* @__PURE__ */ l("div", { ref: Z, className: D(o.root, o.dropdownContainer, ce && o["dropdown-container-grouped"], _ && o["dropdown-container-multi-select"], le), ...ne, children: [
+    W && /* @__PURE__ */ l("label", { className: D(o.dropdownLabel, y && o.dropdownLabelDisabled), children: [
+      /* @__PURE__ */ l("span", { title: W, className: o["label-text"], children: [
+        W,
+        _ && f ? ` (max: ${f})` : ""
+      ] }),
+      se && /* @__PURE__ */ d("span", { className: o.required, children: "*" }),
+      b && /* @__PURE__ */ d(Ee, { content: b.content, size: b.size, theme: b.theme, tipSide: b.tipSide, tipAlignment: b.tipAlignment, startVisible: b.startVisible, children: /* @__PURE__ */ d(U, { icon: "ap-icon-info", className: o["label-tooltip-icon"] }) })
     ] }),
-    /* @__PURE__ */ d(Ve, { open: l, onOpenChange: be, children: /* @__PURE__ */ s("div", { className: o.dropdownWrapper, children: [
-      /* @__PURE__ */ d(Re, { disabled: O, className: h(o["dropdown-menu-trigger"], o.dropdownTrigger, ce, l && o.dropdownTriggerOpen, O && o.dropdownTriggerDisabled, Ie && o.dropdownTriggerError), ref: Z, onBlur: (e) => {
-        l || v == null || v(e);
-      }, ...ee, children: /* @__PURE__ */ s("div", { className: o.dropdownContent, children: [
-        !pe && /* @__PURE__ */ d("div", { className: o.dropdownSelectedItems, children: N.length > 0 ? m ? ke && j ? j : N.length === 1 ? ` ${N.length} ${_e}` : ` ${N.length} ${ue}` : (
+    /* @__PURE__ */ d(Fe, { open: s, onOpenChange: Ne, children: /* @__PURE__ */ l("div", { className: o.dropdownWrapper, children: [
+      /* @__PURE__ */ d(We, { disabled: y, className: D(o["dropdown-menu-trigger"], o.dropdownTrigger, pe, s && o.dropdownTriggerOpen, y && o.dropdownTriggerDisabled, ke && o.dropdownTriggerError), ref: Q, onBlur: (e) => {
+        s || O == null || O(e);
+      }, ...ne, children: /* @__PURE__ */ l("div", { className: o.dropdownContent, children: [
+        !ue && /* @__PURE__ */ d("div", { className: o.dropdownSelectedItems, children: L.length > 0 ? _ ? Ae && P ? P : L.length === 1 ? ` ${L.length} ${we}` : ` ${L.length} ${me}` : (
           // For single select, show the selected option label
-          /* @__PURE__ */ d("span", { className: o.selectedOptionLabel, title: N[0].label, children: N[0].label })
-        ) : /* @__PURE__ */ d("span", { title: he, className: o.placeholder, children: A }) }),
-        /* @__PURE__ */ d("div", { className: o.dropdownActions, children: /* @__PURE__ */ d(B, { icon: "ap-icon-expand-more", className: h(o.dropdownArrow, l && o.dropdownArrowOpen) }) })
+          /* @__PURE__ */ d("span", { className: o.selectedOptionLabel, title: L[0].label, children: L[0].label })
+        ) : /* @__PURE__ */ d("span", { title: be, className: o.placeholder, children: V }) }),
+        /* @__PURE__ */ d("div", { className: o.dropdownActions, children: /* @__PURE__ */ d(U, { icon: "ap-icon-expand-more", className: D(o.dropdownArrow, s && o.dropdownArrowOpen) }) })
       ] }) }),
-      /* @__PURE__ */ d(Ee, { children: /* @__PURE__ */ d(Fe, { align: U === "right" ? "end" : "start", side: "bottom", avoidCollisions: !0, sideOffset: 6, collisionPadding: 8, style: {
-        minWidth: Q,
+      /* @__PURE__ */ d(Ce, { children: /* @__PURE__ */ d(qe, { align: j === "right" ? "end" : "start", side: "bottom", avoidCollisions: !0, sideOffset: 6, collisionPadding: 8, style: {
+        minWidth: K,
         zIndex: 9999
       }, onInteractOutside: (e) => {
         var n;
-        e.target === z.current && e.preventDefault(), ((n = $.current) == null ? void 0 : n.contains(e.target)) || v == null || v(e);
-      }, children: l && /* @__PURE__ */ s("div", { style: {
-        minWidth: Q
-      }, className: h(o.dropdownMenu, ae, U === "right" && o.dropdownMenuRight), children: [
-        (x || m) && /* @__PURE__ */ s("div", { className: o.dropdownMenuToolbar, children: [
-          x && /* @__PURE__ */ s("div", { className: o.searchContainer, children: [
-            /* @__PURE__ */ d(Me, { placeholder: le, value: Y, onChange: ve, className: o.search }),
-            M && /* @__PURE__ */ d(Ce, { label: ie, onChange: Oe })
+        e.target === G.current && e.preventDefault(), ((n = Z.current) == null ? void 0 : n.contains(e.target)) || O == null || O(e);
+      }, children: s && /* @__PURE__ */ l("div", { style: {
+        minWidth: K
+      }, className: D(o.dropdownMenu, _e, j === "right" && o.dropdownMenuRight), children: [
+        (R || _) && /* @__PURE__ */ l("div", { className: o.dropdownMenuToolbar, children: [
+          R && /* @__PURE__ */ l("div", { className: o.searchContainer, children: [
+            /* @__PURE__ */ d(xe, { placeholder: ie, value: Y, onChange: Oe, className: o.search }),
+            x && /* @__PURE__ */ d(Se, { label: ae, onChange: ye })
           ] }),
-          m && /* @__PURE__ */ s("div", { className: o.selectAllContainer, children: [
-            /* @__PURE__ */ d(re, { variant: "default", noIcon: !0, onClick: () => {
+          _ && /* @__PURE__ */ l("div", { className: o.selectAllContainer, children: [
+            /* @__PURE__ */ d(te, { variant: "default", noIcon: !0, onClick: () => {
+              if (f) return;
               const e = a.filter((r) => !r.disabled).map((r) => r.value);
-              u(e);
-            }, disabled: a.filter((e) => !e.disabled).length === 0, children: "Select all" }),
-            /* @__PURE__ */ d(re, { variant: "default", noIcon: !0, onClick: () => u([]), disabled: w.length === 0, children: "Deselect all" })
+              m(e);
+            }, disabled: !!f || a.filter((e) => !e.disabled).length === 0, children: "Select all" }),
+            /* @__PURE__ */ d(te, { variant: "default", noIcon: !0, onClick: () => m([]), disabled: u.length === 0, children: "Deselect all" })
           ] })
         ] }),
-        /* @__PURE__ */ s("div", { className: o.optionsList, "data-dropdown-options-list": !0, children: [
-          a.length > 0 ? Object.entries(Te).map(([e, r]) => /* @__PURE__ */ s("div", { className: o.categoryGroup, children: [
+        /* @__PURE__ */ l("div", { className: o.optionsList, "data-dropdown-options-list": !0, children: [
+          a.length > 0 ? Object.entries(Me).map(([e, r]) => /* @__PURE__ */ l("div", { className: o.categoryGroup, children: [
             e !== "default" && /* @__PURE__ */ d("div", { className: o.categoryDivider, children: /* @__PURE__ */ d("span", { className: o.categoryLabel, children: e }) }),
             r.map((n) => {
-              const R = Ae.indexOf(n), k = a.find((xe) => xe.value === n.value);
-              return /* @__PURE__ */ d("button", { title: (k == null ? void 0 : k.label) || n.label, type: "button", className: h(o.optionItem, V.includes(n.value) && o.optionItemSelected, n.disabled && o.optionItemDisabled, R === y && o.optionItemFocused), onClick: () => G(n), disabled: n.disabled, "data-dropdown-option-item": !0, children: /* @__PURE__ */ s("div", { className: o.optionContent, children: [
+              const F = Ve.indexOf(n), A = a.find((Re) => Re.value === n.value);
+              return /* @__PURE__ */ d("button", { title: (A == null ? void 0 : A.label) || n.label, type: "button", className: D(o.optionItem, g.includes(n.value) && o.optionItemSelected, (n.disabled || ee && !g.includes(n.value)) && o.optionItemDisabled, F === T && o.optionItemFocused), onClick: () => B(n), disabled: n.disabled || ee && !g.includes(n.value), "data-dropdown-option-item": !0, children: /* @__PURE__ */ l("div", { className: o.optionContent, children: [
                 /* @__PURE__ */ d("span", { className: o.optionLabel, children: n.label }),
-                V.includes(n.value) && /* @__PURE__ */ d(B, { icon: "ap-icon-check", className: o.tickIcon })
+                g.includes(n.value) && /* @__PURE__ */ d(U, { icon: "ap-icon-check", className: o.tickIcon })
               ] }) }, n.value);
             })
           ] }, e)) : null,
           a.length === 0 && /* @__PURE__ */ d("div", { className: o.noOptions, children: "No options found" })
         ] }),
         " ",
-        m && /* @__PURE__ */ s("div", { className: o.actionButtons, children: [
-          /* @__PURE__ */ d(ne, { type: "primary", variant: "cancel", size: "md", onClick: Ne, children: "Cancel" }),
-          /* @__PURE__ */ d(ne, { type: "primary", variant: "default", size: "md", onClick: ge, disabled: !ye, children: "Apply" })
+        _ && /* @__PURE__ */ l("div", { className: o.actionButtons, children: [
+          /* @__PURE__ */ d(de, { type: "primary", variant: "cancel", size: "md", onClick: Le, children: "Cancel" }),
+          /* @__PURE__ */ d(de, { type: "primary", variant: "default", size: "md", onClick: ve, disabled: !Te, children: "Apply" })
         ] })
       ] }) }) })
     ] }) }),
-    (I || C || W && q) && /* @__PURE__ */ s("div", { className: o.helpers, children: [
-      I ? /* @__PURE__ */ d("span", { title: I, className: o.errorMessage, children: I }) : C && /* @__PURE__ */ d("span", { title: C, className: h(o.helpText, O && o.helpTextDisabled), children: C }),
-      W && q && /* @__PURE__ */ d("a", { href: W, className: h(o.helpLink, O && o.helpLinkDisabled), target: "_blank", rel: "noopener noreferrer", children: q })
+    (k || S || q && J) && /* @__PURE__ */ l("div", { className: o.helpers, children: [
+      k ? /* @__PURE__ */ d("span", { title: k, className: o.errorMessage, children: k }) : S && /* @__PURE__ */ d("span", { title: S, className: D(o.helpText, y && o.helpTextDisabled), children: S }),
+      q && J && /* @__PURE__ */ d("a", { href: q, className: D(o.helpLink, y && o.helpLinkDisabled), target: "_blank", rel: "noopener noreferrer", children: J })
     ] })
   ] });
 }
 export {
-  Vo as default
+  Fo as default
 };

package/dist/components/FilePicker/FilePicker.d.ts

@@ -66,37 +66,37 @@ type FilePickerProps = {
  * FilePicker root. Use with no children for default layout, or compose with
  * FilePicker.Label, FilePicker.BrowseButton, FilePicker.HelpText, FilePicker.UploadedFilesList, etc.
  */
-declare function FilePickerRoot({ type, maxFiles, fileExtensionsAllowed, maxSize, queueFiles, disabled, isUploadDisabled, value, label, required, placeholder, errorMessage, maxSizeErrorMessage, fileExtensionInvalidErrorMessage, helpText, helpLink, helpLinkText, multipleHelpText, multipleButtonHelpText, labelTooltip, uploadedFileAppendedRow, onUpload, onRemoveFile, children, }: FilePickerProps): import("react/jsx-runtime").JSX.Element;
+declare function FilePickerRoot({ type, maxFiles, fileExtensionsAllowed, maxSize, queueFiles, disabled, isUploadDisabled, value, label, required, placeholder, errorMessage, maxSizeErrorMessage, fileExtensionInvalidErrorMessage, helpText, helpLink, helpLinkText, multipleHelpText, multipleButtonHelpText, labelTooltip, uploadedFileAppendedRow, onUpload, onRemoveFile, children, }: FilePickerProps): import("react").JSX.Element;
 type FilePickerLabelProps = {
     /** Override label text. If not provided, uses FilePicker's label prop. */
     children?: ReactNode;
 };
-declare function FilePickerLabel({ children }: FilePickerLabelProps): import("react/jsx-runtime").JSX.Element;
+declare function FilePickerLabel({ children }: FilePickerLabelProps): import("react").JSX.Element;
 type FilePickerBrowseButtonProps = {
     /** Override button content (e.g. "Browse file" or "Browse files (max 5)"). */
     children?: ReactNode;
     className?: string;
 };
-declare function FilePickerBrowseButton({ children, className }: FilePickerBrowseButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function FilePickerBrowseButton({ children, className }: FilePickerBrowseButtonProps): import("react").JSX.Element;
 /**
  * Wrapper for single-file mode: groups the input row and optional delete action.
  * Use with FilePicker.SingleFileRow and FilePicker.SingleFileActions as children.
  */
 declare function FilePickerSingleFileContainer({ children }: {
     children?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 /**
  * Single-file mode: shows filename/placeholder and a slot for the browse button.
  * Put FilePicker.BrowseButton (optionally wrapped in Tooltip) as children.
  */
 declare function FilePickerSingleFileRow({ children }: {
     children?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").JSX.Element | null;
 /** Renders the reserved space and delete button for single-file mode (for use in composed layout). */
-declare function FilePickerSingleFileActions(): import("react/jsx-runtime").JSX.Element | null;
-declare function FilePickerSingleFileDeleteButton(): import("react/jsx-runtime").JSX.Element | null;
-declare function FilePickerHelpText(): import("react/jsx-runtime").JSX.Element | null;
-declare function FilePickerUploadedFilesList(): import("react/jsx-runtime").JSX.Element | null;
+declare function FilePickerSingleFileActions(): import("react").JSX.Element | null;
+declare function FilePickerSingleFileDeleteButton(): import("react").JSX.Element | null;
+declare function FilePickerHelpText(): import("react").JSX.Element | null;
+declare function FilePickerUploadedFilesList(): import("react").JSX.Element | null;
 declare const FilePicker: typeof FilePickerRoot & {
     Label: typeof FilePickerLabel;
     BrowseButton: typeof FilePickerBrowseButton;

package/dist/components/FilePicker/FilePicker.test.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
-import { d as B, i as n, r as s, g as e, s as l, w as m, v as f, f as T } from "../../vi.bdSIJ99Y-017e_Pkz.js";
-import { u as r } from "../../index-DkTDHhag.js";
+import { d as B, i as n, r as s, g as e, s as l, w as m, v as f, f as T } from "../../vi.bdSIJ99Y-DWCVXj6K.js";
+import { u as r } from "../../index-banDzeKa.js";
 import a from "./FilePicker.js";
 const c = {
   fileExtensionsAllowed: ["xlsx", "csv"],

package/dist/components/Ghost/Ghost.d.ts

@@ -21,5 +21,5 @@ type GhostProps = {
     icon?: ApIcon;
     noIcon?: boolean;
 } & InteractiveEventHandlers;
-export default function Ghost({ variant, disabled, onClick, children, icon, noIcon, className, ...props }: GhostProps): import("react/jsx-runtime").JSX.Element;
+export default function Ghost({ variant, disabled, onClick, children, icon, noIcon, className, ...props }: GhostProps): import("react").JSX.Element;
 export {};

package/dist/components/Ghost/Ghost.test.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { d as i, i as s, r as a, g as e, s as n, v as r, f as u } from "../../vi.bdSIJ99Y-017e_Pkz.js";
+import { d as i, i as s, r as a, g as e, s as n, v as r, f as u } from "../../vi.bdSIJ99Y-DWCVXj6K.js";
 import d from "./Ghost.js";
 i("Ghost", () => {
   i("Rendering", () => {

package/dist/components/Icon/Icon.d.ts

@@ -4,5 +4,5 @@ type IconProps = {
     icon?: ApIcon;
     className?: string;
 } & DataAttributes;
-export default function Icon({ icon, className, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export default function Icon({ icon, className, ...props }: IconProps): import("react").JSX.Element;
 export {};

package/dist/components/Icons/IconsGallery.d.ts

@@ -1 +1 @@
-export default function IconsGallery(): import("react/jsx-runtime").JSX.Element;
+export default function IconsGallery(): import("react").JSX.Element;

package/dist/components/Icons/IconsGallery.js

@@ -1,5 +1,5 @@
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import '../../assets/IconsGallery.css';const c = ["ap-icon-add", "ap-icon-add-bold", "ap-icon-add-filled", "ap-icon-add-outlined", "ap-icon-aggregation", "ap-icon-agreements", "ap-icon-alert", "ap-icon-alert-filled", "ap-icon-align-center", "ap-icon-align-left", "ap-icon-align-right", "ap-icon-alixpartners", "ap-icon-approved", "ap-icon-ascendant", "ap-icon-at", "ap-icon-attach", "ap-icon-bar", "ap-icon-barcode", "ap-icon-bold", "ap-icon-book", "ap-icon-bookmark", "ap-icon-bookmark-list", "ap-icon-bookmark-saved", "ap-icon-box", "ap-icon-box-collapse", "ap-icon-box-expand", "ap-icon-box-list", "ap-icon-branch", "ap-icon-chapter11", "ap-icon-check", "ap-icon-clock", "ap-icon-clock-filled", "ap-icon-close", "ap-icon-close-bold", "ap-icon-collapse-all", "ap-icon-collapse-filled", "ap-icon-collapse-left", "ap-icon-collapse-outlined", "ap-icon-collapse-right", "ap-icon-color", "ap-icon-columns", "ap-icon-comment", "ap-icon-comment-draft", "ap-icon-copy", "ap-icon-copy-file", "ap-icon-date", "ap-icon-deedi", "ap-icon-delete", "ap-icon-descendant", "ap-icon-deselect-branch", "ap-icon-deselect-individual", "ap-icon-direction", "ap-icon-document", "ap-icon-document-blank", "ap-icon-document-rpm", "ap-icon-dot", "ap-icon-dot-filled", "ap-icon-down", "ap-icon-download", "ap-icon-drag", "ap-icon-drilldown", "ap-icon-edit", "ap-icon-edit-filled", "ap-icon-edit-quick", "ap-icon-elevation", "ap-icon-expand-all", "ap-icon-expand-filled", "ap-icon-expand-less", "ap-icon-expand-more", "ap-icon-expand-outlined", "ap-icon-expand-section", "ap-icon-export", "ap-icon-external", "ap-icon-file-csv", "ap-icon-file-docx", "ap-icon-file-pdf", "ap-icon-file-ppt", "ap-icon-file-xls", "ap-icon-filter", "ap-icon-filter-advanced", "ap-icon-fit", "ap-icon-flag-filled", "ap-icon-folder", "ap-icon-font-size", "ap-icon-fullscreen", "ap-icon-function", "ap-icon-gantt", "ap-icon-grid", "ap-icon-gto", "ap-icon-help", "ap-icon-help-filled", "ap-icon-hide", "ap-icon-hide-source", "ap-icon-history", "ap-icon-idea", "ap-icon-image", "ap-icon-import", "ap-icon-in-progress-filled", "ap-icon-industry", "ap-icon-info", "ap-icon-info-filled", "ap-icon-italic", "ap-icon-job", "ap-icon-key", "ap-icon-layers", "ap-icon-left", "ap-icon-line", "ap-icon-link", "ap-icon-link-remove", "ap-icon-list", "ap-icon-list-numbered", "ap-icon-location", "ap-icon-lock", "ap-icon-logout", "ap-icon-mail", "ap-icon-milestone-filled", "ap-icon-more", "ap-icon-more-horizontal", "ap-icon-move", "ap-icon-nested", "ap-icon-new", "ap-icon-new-filled", "ap-icon-next", "ap-icon-notification-filled", "ap-icon-notification-warning", "ap-icon-open-in-new", "ap-icon-person", "ap-icon-person-actions", "ap-icon-person-add", "ap-icon-person-add-filled", "ap-icon-person-check", "ap-icon-person-check-filled", "ap-icon-person-discard", "ap-icon-person-filled", "ap-icon-person-group", "ap-icon-person-group-checked", "ap-icon-person-group-checked-filled", "ap-icon-person-group-dashed", "ap-icon-person-group-dashed-filled", "ap-icon-person-group-filled", "ap-icon-person-group-filled-wide", "ap-icon-person-move", "ap-icon-person-move-filled", "ap-icon-person-remove", "ap-icon-person-remove-filled", "ap-icon-phone", "ap-icon-pin", "ap-icon-pin-filled", "ap-icon-platforms", "ap-icon-present", "ap-icon-previous", "ap-icon-projects", "ap-icon-quote", "ap-icon-radial", "ap-icon-remove", "ap-icon-remove-filled", "ap-icon-remove-outlined", "ap-icon-reply", "ap-icon-reset", "ap-icon-resize", "ap-icon-right", "ap-icon-rotate-left", "ap-icon-rotate-right", "ap-icon-row-height", "ap-icon-rpms", "ap-icon-screenshot", "ap-icon-search", "ap-icon-select-branch", "ap-icon-select-individual", "ap-icon-send", "ap-icon-settings", "ap-icon-settings-filled", "ap-icon-show", "ap-icon-show-filled", "ap-icon-sign", "ap-icon-smart-factory", "ap-icon-star", "ap-icon-star-dashed", "ap-icon-star-filled", "ap-icon-strikethrough", "ap-icon-success", "ap-icon-success-filled", "ap-icon-summary", "ap-icon-sxr", "ap-icon-sync", "ap-icon-table", "ap-icon-tip-bottom", "ap-icon-tip-left", "ap-icon-tip-right", "ap-icon-tip-top", "ap-icon-tree", "ap-icon-truck", "ap-icon-underline", "ap-icon-unpin", "ap-icon-unpin-filled", "ap-icon-up", "ap-icon-upload", "ap-icon-web", "ap-icon-working-capital", "ap-icon-zip", "ap-icon-zoom-in", "ap-icon-zoom-out"], p = "IconsGallery-module__grid___oQqfO", e = "IconsGallery-module__icon___7ZdqB", n = {
+import '../../assets/IconsGallery.css';const c = ["ap-icon-add", "ap-icon-add-bold", "ap-icon-add-filled", "ap-icon-add-outlined", "ap-icon-aggregation", "ap-icon-agreements", "ap-icon-alert", "ap-icon-alert-filled", "ap-icon-align-center", "ap-icon-align-left", "ap-icon-align-right", "ap-icon-approved", "ap-icon-ascendant", "ap-icon-at", "ap-icon-attach", "ap-icon-bar", "ap-icon-barcode", "ap-icon-bold", "ap-icon-book", "ap-icon-bookmark", "ap-icon-bookmark-list", "ap-icon-bookmark-saved", "ap-icon-box", "ap-icon-box-collapse", "ap-icon-box-expand", "ap-icon-box-list", "ap-icon-branch", "ap-icon-check", "ap-icon-clock", "ap-icon-clock-filled", "ap-icon-close", "ap-icon-close-bold", "ap-icon-collapse-all", "ap-icon-collapse-filled", "ap-icon-collapse-left", "ap-icon-collapse-outlined", "ap-icon-collapse-right", "ap-icon-color", "ap-icon-columns", "ap-icon-columns-filled", "ap-icon-comment", "ap-icon-comment-draft", "ap-icon-copy", "ap-icon-copy-file", "ap-icon-date", "ap-icon-delete", "ap-icon-descendant", "ap-icon-deselect-branch", "ap-icon-deselect-individual", "ap-icon-direction", "ap-icon-document", "ap-icon-document-blank", "ap-icon-document-rpm", "ap-icon-dolar", "ap-icon-dolar-filled", "ap-icon-dot", "ap-icon-dot-filled", "ap-icon-down", "ap-icon-download", "ap-icon-drag", "ap-icon-drilldown", "ap-icon-edit", "ap-icon-edit-filled", "ap-icon-edit-quick", "ap-icon-euro", "ap-icon-euro-filled", "ap-icon-expand-all", "ap-icon-expand-filled", "ap-icon-expand-less", "ap-icon-expand-more", "ap-icon-expand-outlined", "ap-icon-expand-section", "ap-icon-export", "ap-icon-external", "ap-icon-file-csv", "ap-icon-file-docx", "ap-icon-file-mapping", "ap-icon-file-pdf", "ap-icon-file-ppt", "ap-icon-file-xls", "ap-icon-filter", "ap-icon-filter-advanced", "ap-icon-filter-outlined", "ap-icon-fit", "ap-icon-flag-filled", "ap-icon-folder", "ap-icon-font-size", "ap-icon-fullscreen", "ap-icon-function", "ap-icon-gantt", "ap-icon-grid", "ap-icon-help", "ap-icon-help-filled", "ap-icon-hide", "ap-icon-hide-source", "ap-icon-history", "ap-icon-idea", "ap-icon-image", "ap-icon-import", "ap-icon-in-progress-filled", "ap-icon-industry", "ap-icon-info", "ap-icon-info-filled", "ap-icon-italic", "ap-icon-job", "ap-icon-key", "ap-icon-layers", "ap-icon-left", "ap-icon-line", "ap-icon-link", "ap-icon-link-remove", "ap-icon-list", "ap-icon-list-numbered", "ap-icon-llm", "ap-icon-location", "ap-icon-lock", "ap-icon-logout", "ap-icon-mail", "ap-icon-milestone-filled", "ap-icon-more", "ap-icon-more-horizontal", "ap-icon-move", "ap-icon-nested", "ap-icon-new", "ap-icon-new-filled", "ap-icon-next", "ap-icon-notification-filled", "ap-icon-notification-warning", "ap-icon-open-in-new", "ap-icon-order", "ap-icon-person", "ap-icon-person-actions", "ap-icon-person-add", "ap-icon-person-add-filled", "ap-icon-person-check", "ap-icon-person-check-filled", "ap-icon-person-discard", "ap-icon-person-filled", "ap-icon-person-group", "ap-icon-person-group-checked", "ap-icon-person-group-checked-filled", "ap-icon-person-group-dashed", "ap-icon-person-group-dashed-filled", "ap-icon-person-group-filled", "ap-icon-person-group-filled-wide", "ap-icon-person-move", "ap-icon-person-move-filled", "ap-icon-person-remove", "ap-icon-person-remove-filled", "ap-icon-phone", "ap-icon-pin", "ap-icon-pin-filled", "ap-icon-pound", "ap-icon-pound-filled", "ap-icon-present", "ap-icon-previous", "ap-icon-projects", "ap-icon-quote", "ap-icon-radial", "ap-icon-remove", "ap-icon-remove-filled", "ap-icon-remove-outlined", "ap-icon-reply", "ap-icon-reset", "ap-icon-resize", "ap-icon-right", "ap-icon-rotate-left", "ap-icon-rotate-right", "ap-icon-row-height", "ap-icon-screenshot", "ap-icon-search", "ap-icon-select-branch", "ap-icon-select-individual", "ap-icon-send", "ap-icon-settings", "ap-icon-settings-filled", "ap-icon-show", "ap-icon-show-filled", "ap-icon-sign", "ap-icon-star", "ap-icon-star-dashed", "ap-icon-star-filled", "ap-icon-strikethrough", "ap-icon-success", "ap-icon-success-filled", "ap-icon-summary", "ap-icon-sync", "ap-icon-table", "ap-icon-tip-bottom", "ap-icon-tip-left", "ap-icon-tip-right", "ap-icon-tip-top", "ap-icon-tree", "ap-icon-truck", "ap-icon-underline", "ap-icon-unpin", "ap-icon-unpin-filled", "ap-icon-up", "ap-icon-upload", "ap-icon-web", "ap-icon-zip", "ap-icon-zoom-in", "ap-icon-zoom-out"], p = "IconsGallery-module__grid___oQqfO", e = "IconsGallery-module__icon___7ZdqB", n = {
   grid: p,
   icon: e
 };

package/dist/components/Illustration/Illustration.d.ts

@@ -1,3 +1,3 @@
 import { IllustrationCategory, IllustrationLevel, IllustrationName, IllustrationProps } from './types';
-export default function Illustration(props: IllustrationProps): import("react/jsx-runtime").JSX.Element | null;
+export default function Illustration(props: IllustrationProps): import("react").JSX.Element | null;
 export type { IllustrationCategory, IllustrationLevel, IllustrationName, IllustrationProps };

package/dist/components/Illustration/Illustration.test.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { d as s, i as r, r as l, s as t, g as e } from "../../vi.bdSIJ99Y-017e_Pkz.js";
+import { d as s, i as r, r as l, s as t, g as e } from "../../vi.bdSIJ99Y-DWCVXj6K.js";
 import a from "./Illustration.js";
 s("Illustration", () => {
   s("Levels 1 and 2", () => {

package/dist/components/Input/Input.test.js

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { d as a, i as s, r as l, g as e, s as n, v as p, f as u } from "../../vi.bdSIJ99Y-017e_Pkz.js";
+import { d as a, i as s, r as l, g as e, s as n, v as p, f as u } from "../../vi.bdSIJ99Y-DWCVXj6K.js";
 import o from "./Input.js";
 a("Input", () => {
   a("Rendering", () => {

package/dist/components/Logo/Logo.d.ts

@@ -4,5 +4,5 @@ type LogoProps = {
     logo: ApLogo;
     color?: 'black' | 'white' | 'gray' | 'green' | 'lightGreen';
 } & DataAttributes;
-export default function Logo({ logo, color, ...props }: LogoProps): import("react/jsx-runtime").JSX.Element | null;
+export default function Logo({ logo, color, ...props }: LogoProps): import("react").JSX.Element | null;
 export {};

package/dist/components/Logos/LogosGallery.d.ts

@@ -1 +1 @@
-export default function LogosGallery(): import("react/jsx-runtime").JSX.Element;
+export default function LogosGallery(): import("react").JSX.Element;

package/dist/components/NavBar/NavBar.d.ts

@@ -47,4 +47,4 @@ export type NavBarProps = {
  * @param {UserProfile} [props.additionalItems.userProfile] - User profile configuration with initials and dropdown content
  * @returns {JSX.Element} The rendered NavBar component
  */
-export default function NavBar({ activeMenuItemHref, projectName, projectLogoIcon, projectLogoOnClick, projectTag, menuItems, menuButton, additionalItems, className, maxWidth, }: NavBarProps): import("react/jsx-runtime").JSX.Element;
+export default function NavBar({ activeMenuItemHref, projectName, projectLogoIcon, projectLogoOnClick, projectTag, menuItems, menuButton, additionalItems, className, maxWidth, }: NavBarProps): import("react").JSX.Element;