@reapit/elements 5.0.0-beta.78 → 5.0.0-beta.79

package/dist/js/{top-bar-B9BUqLL8.js → top-bar-BAtb9REF.js}

@@ -1,23 +1,23 @@
-import { jsx as e, jsxs as d, Fragment as E } from "react/jsx-runtime";
-import { B as Ta } from "./brand-logo-CI4YsKra.js";
-import * as q from "react";
-import { useId as I, createContext as va, useContext as fa, useCallback as S, useRef as Na, useLayoutEffect as ha, useMemo as wa, useState as Sa } from "react";
+import { jsx as e, jsxs as d, Fragment as g } from "react/jsx-runtime";
 import { s as o } from "./index-AHmiDD3r.js";
-import { A as ya } from "./avatar-DIvtb4yk.js";
-import { c as b } from "./index-BsMVp4qF.js";
+import { A as va } from "./app-logo-DI6bR-xZ.js";
+import * as q from "react";
+import { useId as b, createContext as fa, useContext as Na, useCallback as S, useRef as ha, useLayoutEffect as wa, useMemo as Sa, useState as ya } from "react";
+import { A as ga } from "./avatar-DIvtb4yk.js";
+import { c as I } from "./index-BsMVp4qF.js";
 import { k as f } from "./menu-CP0Bep1V.js";
 import { ChevronDownIcon as K } from "./icons/chevron-down.js";
 import { MenuAltIcon as Ea } from "./icons/menu-alt.js";
 import "./button-base-BxF98pDk.js";
-import { CloseIcon as ga } from "./icons/close.js";
-import { g as x, H as Da } from "./get-closest-dialog-element-PaoHhqBs.js";
-import { B as Ca } from "./button-DYIdjjTt.js";
-import { u as Aa } from "./use-dialog-open-controller-kj_mwIKH.js";
-import { h as La } from "./handle-arrow-navigation-r7GKm-no.js";
-import { handleLinkActivation as Ga } from "./utils/keyboard-navigation.js";
+import { CloseIcon as Da } from "./icons/close.js";
+import { g as x, H as Ca } from "./get-closest-dialog-element-PaoHhqBs.js";
+import { B as Aa } from "./button-DYIdjjTt.js";
+import { u as La } from "./use-dialog-open-controller-kj_mwIKH.js";
+import { h as Ga } from "./handle-arrow-navigation-r7GKm-no.js";
+import { handleLinkActivation as Pa } from "./utils/keyboard-navigation.js";
 import { T as z } from "./tooltip-Bj7DqYdo.js";
-import { SearchIcon as Pa } from "./icons/search.js";
-const xa = "el-top-bar-avatar-base";
+import { SearchIcon as xa } from "./icons/search.js";
+const ka = "el-top-bar-avatar-base";
 function R({
   as: a,
   children: r,
@@ -30,20 +30,20 @@ function R({
     {
       ...s,
       "aria-label": t,
-      className: b(xa, n),
-      children: /* @__PURE__ */ e(ya, { size: "small", shape: "circle", colour: "primary", children: r })
+      className: I(ka, n),
+      children: /* @__PURE__ */ e(ga, { size: "small", shape: "circle", colour: "primary", children: r })
     }
   );
 }
-function ka({ "aria-label": a = "View profile", ...r }) {
+function Oa({ "aria-label": a = "View profile", ...r }) {
   return /* @__PURE__ */ e(R, { ...r, "aria-label": a, as: "a" });
 }
 function V({ "aria-label": a = "Profile menu", ...r }) {
   return /* @__PURE__ */ e(R, { ...r, "aria-label": a, as: "button" });
 }
 function Z({ children: a, id: r, initials: n, maxWidth: t, maxHeight: s, ...p }) {
-  const c = r ?? I(), m = I();
-  return /* @__PURE__ */ d(E, { children: [
+  const c = r ?? b(), m = b();
+  return /* @__PURE__ */ d(g, { children: [
     /* @__PURE__ */ e(
       V,
       {
@@ -56,50 +56,59 @@ function Z({ children: a, id: r, initials: n, maxWidth: t, maxHeight: s, ...p })
   ] });
 }
 Z.displayName = "TopBar.AvatarMenu";
-const Oa = /* @__PURE__ */ o("nav")({
+const Ha = /* @__PURE__ */ o("a")({
+  name: "ElBrandLogo",
+  class: "el-brand-logo",
+  propsAsIs: !1
+});
+function U({ appName: a, href: r = "/", ...n }) {
+  return /* @__PURE__ */ e(Ha, { ...n, "aria-label": `Go to ${a}`, href: r, children: /* @__PURE__ */ e(va, { appName: a }) });
+}
+U.displayName = "TopBar.BrandLogo";
+const _a = /* @__PURE__ */ o("nav")({
   name: "ElTopBarMainNav",
   class: "el-top-bar-main-nav",
   propsAsIs: !1
-}), Ha = /* @__PURE__ */ o("ul")({
+}), $a = /* @__PURE__ */ o("ul")({
   name: "ElTopBarMainNavList",
   class: "el-top-bar-main-nav-list",
   propsAsIs: !1
-}), U = /* @__PURE__ */ o("li")({
+}), J = /* @__PURE__ */ o("li")({
   name: "ElTopBarMainNavListItem",
   class: "el-top-bar-main-nav-list-item",
   propsAsIs: !1
-}), _a = "el-top-bar-nav-item", $a = /* @__PURE__ */ o("span")({
+}), Fa = "el-top-bar-nav-item", ja = /* @__PURE__ */ o("span")({
   name: "ElTopBarNavItemLabel",
   class: "el-top-bar-nav-item-label",
   propsAsIs: !1
 });
-function Fa({ "aria-current": a, children: r, className: n, ...t }) {
-  return /* @__PURE__ */ e("a", { ...t, "aria-current": a, className: b(_a, n), children: /* @__PURE__ */ e($a, { children: r }) });
+function qa({ "aria-current": a, children: r, className: n, ...t }) {
+  return /* @__PURE__ */ e("a", { ...t, "aria-current": a, className: I(Fa, n), children: /* @__PURE__ */ e(ja, { children: r }) });
 }
-function J(a) {
-  return /* @__PURE__ */ e(U, { children: /* @__PURE__ */ e(Fa, { ...a }) });
+function Q(a) {
+  return /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(qa, { ...a }) });
 }
-J.displayName = "TopBar.NavItem";
-const ja = "el-top-bar-nav-dropdown-button", qa = /* @__PURE__ */ o("span")({
+Q.displayName = "TopBar.NavItem";
+const za = "el-top-bar-nav-dropdown-button", Ka = /* @__PURE__ */ o("span")({
   name: "ElTopBarNavDropdownButtonLabel",
   class: "el-top-bar-nav-dropdown-button-label",
   propsAsIs: !1
-}), za = /* @__PURE__ */ o("span")({
+}), Ra = /* @__PURE__ */ o("span")({
   name: "ElTopBarNavDropdownButtonIcon",
   class: "el-top-bar-nav-dropdown-button-icon",
   propsAsIs: !1
 });
-function Ka({ children: a, className: r, ...n }) {
-  return /* @__PURE__ */ d("button", { ...n, className: b(ja, r), children: [
-    /* @__PURE__ */ e(qa, { children: a }),
-    /* @__PURE__ */ e(za, { "aria-hidden": !0, children: /* @__PURE__ */ e(K, {}) })
+function Va({ children: a, className: r, ...n }) {
+  return /* @__PURE__ */ d("button", { ...n, className: I(za, r), children: [
+    /* @__PURE__ */ e(Ka, { children: a }),
+    /* @__PURE__ */ e(Ra, { "aria-hidden": !0, children: /* @__PURE__ */ e(K, {}) })
   ] });
 }
-function Q({ children: a, id: r, label: n, ...t }) {
-  const s = r ?? I(), p = I();
-  return /* @__PURE__ */ d(U, { children: [
+function W({ children: a, id: r, label: n, ...t }) {
+  const s = r ?? b(), p = b();
+  return /* @__PURE__ */ d(J, { children: [
     /* @__PURE__ */ e(
-      Ka,
+      Va,
       {
         ...t,
         ...f.getTriggerProps({ id: s, popoverTarget: p, popoverTargetAction: "toggle" }),
@@ -109,32 +118,32 @@ function Q({ children: a, id: r, label: n, ...t }) {
     /* @__PURE__ */ e(f, { "aria-labelledby": s, id: p, placement: "bottom-start", children: a })
   ] });
 }
-Q.displayName = "TopBar.NavMenuItem";
+W.displayName = "TopBar.NavMenuItem";
 function N({ "aria-label": a = "Main navigation", children: r, ...n }) {
-  return /* @__PURE__ */ e(Oa, { ...n, "aria-label": a, children: /* @__PURE__ */ e(Ha, { children: r }) });
+  return /* @__PURE__ */ e(_a, { ...n, "aria-label": a, children: /* @__PURE__ */ e($a, { children: r }) });
 }
 N.displayName = "TopBar.MainNav";
-N.Item = J;
-N.MenuItem = Q;
-function Ra() {
+N.Item = Q;
+N.MenuItem = W;
+function Za() {
   return Object.hasOwn(HTMLButtonElement.prototype, "command");
 }
-const Va = /* @__PURE__ */ o("nav")({
+const Ua = /* @__PURE__ */ o("nav")({
   name: "ElTopBarMenuDrawerContent",
   class: "el-top-bar-menu-drawer-content",
   propsAsIs: !1
 });
-function W(a) {
-  return /* @__PURE__ */ e(Va, { ...a });
+function X(a) {
+  return /* @__PURE__ */ e(Ua, { ...a });
 }
-W.displayName = "TopBar.MenuContent";
-function Za(a) {
+X.displayName = "TopBar.MenuContent";
+function Ja(a) {
   return /* @__PURE__ */ e(
-    Ca,
+    Aa,
     {
       ...a,
       "aria-label": "Close menu",
-      iconLeft: /* @__PURE__ */ e(ga, { "aria-hidden": !0 }),
+      iconLeft: /* @__PURE__ */ e(Da, { "aria-hidden": !0 }),
       onClick: (r) => {
         x(r.currentTarget)?.close(), a.onClick?.(r);
       },
@@ -144,16 +153,16 @@ function Za(a) {
     }
   );
 }
-const Ua = /* @__PURE__ */ o("header")({
+const Qa = /* @__PURE__ */ o("header")({
   name: "ElTopBarMenuDrawerHeader",
   class: "el-top-bar-menu-drawer-header",
   propsAsIs: !1
 });
-function X(a) {
-  return /* @__PURE__ */ e(Ua, { ...a, children: /* @__PURE__ */ e(Za, {}) });
+function Y(a) {
+  return /* @__PURE__ */ e(Qa, { ...a, children: /* @__PURE__ */ e(Ja, {}) });
 }
-X.displayName = "TopBar.MenuDrawerHeader";
-const g = /* @__PURE__ */ o("ul")({
+Y.displayName = "TopBar.MenuDrawerHeader";
+const E = /* @__PURE__ */ o("ul")({
   name: "ElTopBarMenuDrawerMenuList",
   class: "el-top-bar-menu-drawer-menu-list",
   propsAsIs: !1
@@ -161,46 +170,46 @@ const g = /* @__PURE__ */ o("ul")({
   name: "ElTopBarMenuDrawerMenuListItem",
   class: "el-top-bar-menu-drawer-menu-list-item",
   propsAsIs: !1
-}), Ja = () => g, Qa = /* @__PURE__ */ o(Ja())({
+}), Wa = () => E, Xa = /* @__PURE__ */ o(Wa())({
   name: "ElTopBarMenuDrawerMainNav",
   class: "el-top-bar-menu-drawer-main-nav",
   propsAsIs: !0
 });
-function Y({
+function aa({
   "aria-label": a = "Main navigation",
   children: r,
   ...n
 }) {
-  return /* @__PURE__ */ e(Qa, { "aria-label": a, ...n, children: r });
+  return /* @__PURE__ */ e(Xa, { "aria-label": a, ...n, children: r });
 }
-Y.displayName = "TopBar.MenuMainNav";
-const Wa = "el-top-bar-menu-drawer", Xa = () => g, Ya = /* @__PURE__ */ o(Xa())({
+aa.displayName = "TopBar.MenuMainNav";
+const Ya = "el-top-bar-menu-drawer", ae = () => E, ee = /* @__PURE__ */ o(ae())({
   name: "ElTopBarMenuDrawerSecondaryNav",
   class: "el-top-bar-menu-drawer-secondary-nav",
   propsAsIs: !0
 });
-function aa({
+function ea({
   "aria-label": a = "Secondary navigation",
   children: r,
   ...n
 }) {
-  return /* @__PURE__ */ e(Ya, { "aria-label": a, ...n, children: r });
+  return /* @__PURE__ */ e(ee, { "aria-label": a, ...n, children: r });
 }
-aa.displayName = "TopBar.MenuSecondaryNav";
-const ae = () => g, ee = /* @__PURE__ */ o(ae())({
+ea.displayName = "TopBar.MenuSecondaryNav";
+const re = () => E, ne = /* @__PURE__ */ o(re())({
   name: "ElTopBarMenuDrawerProfileNav",
   class: "el-top-bar-menu-drawer-profile-nav",
   propsAsIs: !0
 });
-function ea({
+function ra({
   "aria-label": a = "Profile navigation",
   children: r,
   ...n
 }) {
-  return /* @__PURE__ */ e(ee, { "aria-label": a, ...n, children: r });
+  return /* @__PURE__ */ e(ne, { "aria-label": a, ...n, children: r });
 }
-ea.displayName = "TopBar.MenuProfileNav";
-const D = "el-top-bar-menu-drawer-menu-item", ra = /* @__PURE__ */ o("span")({
+ra.displayName = "TopBar.MenuProfileNav";
+const D = "el-top-bar-menu-drawer-menu-item", na = /* @__PURE__ */ o("span")({
   name: "ElTopBarMenuDrawerMenuItemLabel",
   class: "el-top-bar-menu-drawer-menu-item-label",
   propsAsIs: !1
@@ -209,53 +218,53 @@ const D = "el-top-bar-menu-drawer-menu-item", ra = /* @__PURE__ */ o("span")({
   class: "el-top-bar-menu-drawer-menu-item-badge",
   propsAsIs: !1
 });
-function na({ children: a, hasBadge: r }) {
-  return /* @__PURE__ */ d(E, { children: [
-    /* @__PURE__ */ e(ra, { children: a }),
+function oa({ children: a, hasBadge: r }) {
+  return /* @__PURE__ */ d(g, { children: [
+    /* @__PURE__ */ e(na, { children: a }),
     r && /* @__PURE__ */ e(O, { "aria-hidden": !0 })
   ] });
 }
-function re({
+function oe({
   "aria-current": a,
   children: r,
   className: n,
   hasBadge: t,
   ...s
 }) {
-  return /* @__PURE__ */ e("a", { ...s, "aria-current": a, className: b(D, n), children: /* @__PURE__ */ e(na, { hasBadge: t, children: r }) });
+  return /* @__PURE__ */ e("a", { ...s, "aria-current": a, className: I(D, n), children: /* @__PURE__ */ e(oa, { hasBadge: t, children: r }) });
 }
-function ne({
+function te({
   children: a,
   className: r,
   hasBadge: n,
   type: t = "button",
   ...s
 }) {
-  return /* @__PURE__ */ e("button", { ...s, type: t, className: b(D, r), children: /* @__PURE__ */ e(na, { hasBadge: n, children: a }) });
-}
-function oa({ children: a, ...r }) {
-  return /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(re, { ...r, children: a }) });
+  return /* @__PURE__ */ e("button", { ...s, type: t, className: I(D, r), children: /* @__PURE__ */ e(oa, { hasBadge: n, children: a }) });
 }
-oa.displayName = "TopBar.MenuItem";
 function ta({ children: a, ...r }) {
-  return /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(ne, { ...r, children: a }) });
+  return /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(oe, { ...r, children: a }) });
 }
-ta.displayName = "TopBar.MenuItemButton";
-const oe = "el-top-bar-menu-drawer-menu-group", te = "el-top-bar-menu-drawer-menu-group-summary", se = () => ra, ue = /* @__PURE__ */ o(se())({
+ta.displayName = "TopBar.MenuItem";
+function sa({ children: a, ...r }) {
+  return /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(te, { ...r, children: a }) });
+}
+sa.displayName = "TopBar.MenuItemButton";
+const se = "el-top-bar-menu-drawer-menu-group", ue = "el-top-bar-menu-drawer-menu-group-summary", le = () => na, ie = /* @__PURE__ */ o(le())({
   name: "ElTopBarMenuDrawerMenuGroupSummaryLabel",
   class: "el-top-bar-menu-drawer-menu-group-summary-label",
   propsAsIs: !0
-}), le = () => O, ie = /* @__PURE__ */ o(le())({
+}), pe = () => O, ce = /* @__PURE__ */ o(pe())({
   name: "ElTopBarMenuDrawerMenuGroupSummaryBadge",
   class: "el-top-bar-menu-drawer-menu-group-summary-badge",
   propsAsIs: !0
-}), pe = /* @__PURE__ */ o("span")({
+}), me = /* @__PURE__ */ o("span")({
   name: "ElTopBarMenuDrawerMenuGroupSummaryDropdownIcon",
   class: "el-top-bar-menu-drawer-menu-group-summary-dropdown-icon",
   propsAsIs: !1
-}), sa = va(null);
-function ce() {
-  const a = fa(sa);
+}), ua = fa(null);
+function de() {
+  const a = Na(ua);
   if (!a)
     throw new Error(
       "useTopBarMenuDrawerMenuGroupLabelIdContext must be used within a TopBarMenuDrawerMenuGroupLabelIdContext.Provider"
@@ -263,15 +272,15 @@ function ce() {
   return a;
 }
 function C(a) {
-  return me(a) || de(a);
+  return Be(a) || be(a);
 }
-function me(a) {
+function Be(a) {
   return a.dataset.isActive === "true";
 }
-function de(a) {
+function be(a) {
   return !!a.querySelector('[aria-current="page"]');
 }
-function ua({
+function la({
   children: a,
   className: r,
   hasBadge: n,
@@ -279,7 +288,7 @@ function ua({
   onClick: s,
   ...p
 }) {
-  const c = ce(), m = S(
+  const c = de(), m = S(
     (B) => {
       s?.(B);
       const M = B.currentTarget.closest("details");
@@ -292,29 +301,29 @@ function ua({
     {
       ...p,
       id: t ?? c,
-      className: b(D, te, r),
+      className: I(D, ue, r),
       onClick: m,
       children: [
-        /* @__PURE__ */ e(ue, { children: a }),
-        n && /* @__PURE__ */ e(ie, { "aria-hidden": !0 }),
-        /* @__PURE__ */ e(pe, { "aria-hidden": !0, children: /* @__PURE__ */ e(K, {}) })
+        /* @__PURE__ */ e(ie, { children: a }),
+        n && /* @__PURE__ */ e(ce, { "aria-hidden": !0 }),
+        /* @__PURE__ */ e(me, { "aria-hidden": !0, children: /* @__PURE__ */ e(K, {}) })
       ]
     }
   );
 }
-ua.displayName = "TopBar.MenuGroupSummary";
-function Be() {
-  const a = Na(null);
-  return ha(function() {
+la.displayName = "TopBar.MenuGroupSummary";
+function Ie() {
+  const a = ha(null);
+  return wa(function() {
     if (!a.current) return;
     C(a.current) && (a.current.open = !0);
-    const n = Ie(a.current), t = be(a.current);
+    const n = Me(a.current), t = Te(a.current);
     return () => {
       t.disconnect(), n.disconnect();
     };
   }, []), a;
 }
-function Ie(a) {
+function Me(a) {
   const r = new MutationObserver(() => {
     a.open = C(a);
   });
@@ -322,7 +331,7 @@ function Ie(a) {
     attributeFilter: ["data-is-active"]
   }), r;
 }
-function be(a) {
+function Te(a) {
   const r = new MutationObserver(() => {
     a.open = C(a);
   });
@@ -339,103 +348,103 @@ function H({
   summary: s,
   ...p
 }) {
-  const c = a ?? I(), m = Be();
+  const c = a ?? b(), m = Ie();
   return /* @__PURE__ */ d(
     "details",
     {
       ...p,
       "aria-labelledby": c,
-      className: b(oe, n),
+      className: I(se, n),
       "data-is-active": t,
       ref: m,
       children: [
-        /* @__PURE__ */ e(sa.Provider, { value: c, children: s }),
+        /* @__PURE__ */ e(ua.Provider, { value: c, children: s }),
         r
       ]
     }
   );
 }
-H.Summary = ua;
+H.Summary = la;
 function A({ children: a, ...r }) {
   return /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(H, { ...r, children: a }) });
 }
 A.displayName = "TopBar.MenuGroup";
 A.Summary = H.Summary;
 function T({ children: a, ...r }) {
-  return /* @__PURE__ */ e(g, { ...r, children: a });
+  return /* @__PURE__ */ e(E, { ...r, children: a });
 }
 T.displayName = "TopBar.MenuList";
-T.Item = oa;
-T.ItemButton = ta;
+T.Item = ta;
+T.ItemButton = sa;
 T.Group = A;
 T.GroupSummary = A.Summary;
-const Me = /* @__PURE__ */ o("ul")({
+const ve = /* @__PURE__ */ o("ul")({
   name: "ElTopBarMenuDrawerSubmenuList",
   class: "el-top-bar-menu-drawer-submenu-list",
   propsAsIs: !1
-}), la = /* @__PURE__ */ o("li")({
+}), ia = /* @__PURE__ */ o("li")({
   name: "ElTopBarMenuDrawerSubmenuListItem",
   class: "el-top-bar-menu-drawer-submenu-list-item",
   propsAsIs: !1
-}), _ = "el-top-bar-menu-drawer-submenu-item", Te = /* @__PURE__ */ o("span")({
+}), _ = "el-top-bar-menu-drawer-submenu-item", fe = /* @__PURE__ */ o("span")({
   name: "ElTopBarMenuDrawerSubmenuItemLabel",
   class: "el-top-bar-menu-drawer-submenu-item-label",
   propsAsIs: !1
 });
-function ia({ children: a, hasBadge: r }) {
-  return /* @__PURE__ */ d(E, { children: [
-    /* @__PURE__ */ e(Te, { children: a }),
+function pa({ children: a, hasBadge: r }) {
+  return /* @__PURE__ */ d(g, { children: [
+    /* @__PURE__ */ e(fe, { children: a }),
     r && /* @__PURE__ */ e(O, { "aria-hidden": !0 })
   ] });
 }
-function ve({
+function Ne({
   "aria-current": a,
   children: r,
   className: n,
   hasBadge: t,
   ...s
 }) {
-  return /* @__PURE__ */ e("a", { ...s, "aria-current": a, className: b(_, n), children: /* @__PURE__ */ e(ia, { hasBadge: t, children: r }) });
+  return /* @__PURE__ */ e("a", { ...s, "aria-current": a, className: I(_, n), children: /* @__PURE__ */ e(pa, { hasBadge: t, children: r }) });
 }
-function fe({
+function he({
   children: a,
   className: r,
   hasBadge: n,
   type: t = "button",
   ...s
 }) {
-  return /* @__PURE__ */ e("button", { ...s, type: t, className: b(_, r), children: /* @__PURE__ */ e(ia, { hasBadge: n, children: a }) });
-}
-function pa(a) {
-  return /* @__PURE__ */ e(la, { children: /* @__PURE__ */ e(ve, { ...a }) });
+  return /* @__PURE__ */ e("button", { ...s, type: t, className: I(_, r), children: /* @__PURE__ */ e(pa, { hasBadge: n, children: a }) });
 }
-pa.displayName = "TopBar.MenuSubmenuItem";
 function ca(a) {
-  return /* @__PURE__ */ e(la, { children: /* @__PURE__ */ e(fe, { ...a }) });
+  return /* @__PURE__ */ e(ia, { children: /* @__PURE__ */ e(Ne, { ...a }) });
 }
-ca.displayName = "TopBar.MenuSubmenuItemButton";
+ca.displayName = "TopBar.MenuSubmenuItem";
+function ma(a) {
+  return /* @__PURE__ */ e(ia, { children: /* @__PURE__ */ e(he, { ...a }) });
+}
+ma.displayName = "TopBar.MenuSubmenuItemButton";
 function h({ children: a, ...r }) {
-  return /* @__PURE__ */ e(Me, { ...r, children: a });
+  return /* @__PURE__ */ e(ve, { ...r, children: a });
 }
 h.displayName = "TopBar.MenuSubmenu";
-h.Item = pa;
-h.ItemButton = ca;
-const Ne = `.${D}, details[open] .${_}`;
-function he(a) {
-  La(a, { selectors: Ne });
+h.Item = ca;
+h.ItemButton = ma;
+const we = `.${D}, details[open] .${_}`;
+function Se(a) {
+  Ga(a, { selectors: we });
 }
-function we(a) {
+function ye(a) {
   if (a.key === "Escape" && a.target instanceof HTMLElement) {
     const r = a.target.closest("details"), n = r?.querySelector('[aria-current="page"]'), t = r?.querySelector("summary");
     r?.open && a.target !== t && a.preventDefault(), t?.focus(), t?.scrollIntoView({ block: "nearest" }), r && !n && (r.open = !1);
   }
 }
-function Se() {
+function ge() {
   return S((a) => {
-    a.defaultPrevented || (Ga(a), he(a), we(a));
+    a.defaultPrevented || (Pa(a), Se(a), ye(a));
   }, []);
 }
-function ye() {
+function Ee() {
   return S((a) => {
     // We only close if the click was initiated by the user; this helps us avoid closing the drawer
     // when the click was triggered by a programmatic action, such as element.click().
@@ -455,14 +464,14 @@ function u({
   onClose: B,
   ...M
 }) {
-  const L = Aa(p), y = Se(), G = ye();
+  const L = La(p), y = ge(), G = Ee();
   return /* @__PURE__ */ e(
-    Da,
+    Ca,
     {
       ...M,
       "aria-label": a,
       "aria-labelledby": a ? void 0 : r,
-      className: b(Wa, t),
+      className: I(Ya, t),
       closedBy: s,
       ref: L,
       onCancel: c,
@@ -473,11 +482,11 @@ function u({
   );
 }
 u.getClosestDialogElement = x;
-u.Content = W;
-u.Header = X;
-u.MainNav = Y;
-u.SecondaryNav = aa;
-u.ProfileNav = ea;
+u.Content = X;
+u.Header = Y;
+u.MainNav = aa;
+u.SecondaryNav = ea;
+u.ProfileNav = ra;
 u.MenuList = T;
 u.MenuItem = T.Item;
 u.MenuItemButton = T.ItemButton;
@@ -487,11 +496,11 @@ u.Submenu = h;
 u.SubmenuItem = h.Item;
 u.SubmenuItemButton = h.ItemButton;
 u.displayName = "TopBar.MenuDrawer";
-const Ee = /* @__PURE__ */ o("nav")({
+const De = /* @__PURE__ */ o("nav")({
   name: "ElTopBarSecondaryNav",
   class: "el-top-bar-secondary-nav",
   propsAsIs: !1
-}), ge = /* @__PURE__ */ o("ul")({
+}), Ce = /* @__PURE__ */ o("ul")({
   name: "ElTopBarSecondaryNavList",
   class: "el-top-bar-secondary-nav-list",
   propsAsIs: !1
@@ -499,11 +508,11 @@ const Ee = /* @__PURE__ */ o("nav")({
   name: "ElTopBarSecondaryNavListItem",
   class: "el-top-bar-secondary-nav-list-item",
   propsAsIs: !1
-}), De = "el-top-bar-nav-icon-item", Ce = /* @__PURE__ */ o("span")({
+}), Ae = "el-top-bar-nav-icon-item", Le = /* @__PURE__ */ o("span")({
   name: "ElTopBarNavIconItemIcon",
   class: "el-top-bar-nav-icon-item-icon",
   propsAsIs: !1
-}), Ae = /* @__PURE__ */ o("span")({
+}), Ge = /* @__PURE__ */ o("span")({
   name: "ElTopBarNavIconItemBadge",
   class: "el-top-bar-nav-icon-item-badge",
   propsAsIs: !1
@@ -517,46 +526,46 @@ function F({
   hasBadge: p,
   ...c
 }) {
-  const m = s ?? I(), B = I(), M = z.getTriggerProps({ id: m, tooltipId: B, tooltipPurpose: "label" });
+  const m = s ?? b(), B = b(), M = z.getTriggerProps({ id: m, tooltipId: B, tooltipPurpose: "label" });
   return /* @__PURE__ */ d(
     r,
     {
       ...c,
       ...M,
-      className: b(De, n),
+      className: I(Ae, n),
       children: [
-        /* @__PURE__ */ e(Ce, { "aria-hidden": "true", children: t }),
-        /* @__PURE__ */ e(Ae, { hidden: !p }),
+        /* @__PURE__ */ e(Le, { "aria-hidden": "true", children: t }),
+        /* @__PURE__ */ e(Ge, { hidden: !p }),
         /* @__PURE__ */ e(z, { id: B, placement: "bottom", triggerId: m, children: a })
       ]
     }
   );
 }
-function Le(a) {
+function Pe(a) {
   return /* @__PURE__ */ e(F, { ...a, as: "a" });
 }
-function ma(a) {
+function da(a) {
   return /* @__PURE__ */ e(F, { as: "button", ...a });
 }
-function da(a) {
-  return /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(Le, { ...a }) });
+function Ba(a) {
+  return /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(Pe, { ...a }) });
 }
-da.displayName = "TopBar.NavIconItem";
+Ba.displayName = "TopBar.NavIconItem";
 function j(a) {
-  return /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(ma, { ...a }) });
+  return /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(da, { ...a }) });
 }
 j.displayName = "TopBar.NavIconItemButton";
-function Ba({
+function ba({
   "aria-label": a,
   children: r,
   icon: n,
   id: t,
   ...s
 }) {
-  const p = t ?? I(), c = I();
+  const p = t ?? b(), c = b();
   return /* @__PURE__ */ d($, { children: [
     /* @__PURE__ */ e(
-      ma,
+      da,
       {
         ...s,
         ...f.getTriggerProps({ id: p, popoverTarget: c, popoverTargetAction: "toggle" }),
@@ -567,18 +576,18 @@ function Ba({
     /* @__PURE__ */ e(f, { "aria-labelledby": p, id: c, placement: "bottom-end", children: r })
   ] });
 }
-Ba.displayName = "TopBar.NavIconMenuItem";
+ba.displayName = "TopBar.NavIconMenuItem";
 function v({
   "aria-label": a = "Secondary navigation",
   children: r,
   ...n
 }) {
-  return /* @__PURE__ */ e(Ee, { ...n, "aria-label": a, children: /* @__PURE__ */ e(ge, { children: r }) });
+  return /* @__PURE__ */ e(De, { ...n, "aria-label": a, children: /* @__PURE__ */ e(Ce, { children: r }) });
 }
 v.displayName = "TopBar.SecondaryNav";
-v.Item = da;
+v.Item = Ba;
 v.ItemButton = j;
-v.MenuItem = Ba;
+v.MenuItem = ba;
 function l({
   "aria-label": a = "Menu",
   children: r,
@@ -587,18 +596,18 @@ function l({
   onClose: s,
   ...p
 }) {
-  const c = I(), m = I(), B = n || c, M = wa(() => Ra(), []), [L, y] = Sa(!1), G = S(
+  const c = b(), m = b(), B = n || c, M = Sa(() => Za(), []), [L, y] = ya(!1), G = S(
     (P) => {
       M || y(!0), t?.(P);
     },
     [t]
-  ), Ma = S(
+  ), Ta = S(
     (P) => {
       M || y(!1), s?.(P);
     },
     [s]
   );
-  return /* @__PURE__ */ d(E, { children: [
+  return /* @__PURE__ */ d(g, { children: [
     /* @__PURE__ */ e(
       j,
       {
@@ -617,7 +626,7 @@ function l({
         "aria-labelledby": B,
         id: m,
         isOpen: M ? void 0 : L,
-        onClose: Ma,
+        onClose: Ta,
         children: [
           /* @__PURE__ */ e(u.Header, {}),
           r
@@ -640,105 +649,105 @@ l.Submenu = u.Submenu;
 l.SubmenuItem = u.Submenu.Item;
 l.SubmenuItemButton = u.Submenu.ItemButton;
 l.displayName = "TopBar.Menu";
-const Ge = /* @__PURE__ */ o("div")({
+const xe = /* @__PURE__ */ o("div")({
   name: "ElTopBarNavSearch",
   class: "el-top-bar-nav-search",
   propsAsIs: !1
-}), Pe = /* @__PURE__ */ o("div")({
+}), ke = /* @__PURE__ */ o("div")({
   name: "ElTopBarNavSearchButtonContainer",
   class: "el-top-bar-nav-search-button-container",
   propsAsIs: !1
-}), xe = /* @__PURE__ */ o("div")({
+}), Oe = /* @__PURE__ */ o("div")({
   name: "ElTopBarNavSearchIconItemContainer",
   class: "el-top-bar-nav-search-icon-item-container",
   propsAsIs: !1
-}), ke = (a) => /* @__PURE__ */ q.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", ...a }, /* @__PURE__ */ q.createElement("path", { d: "M14.4733 13.5266L10.8733 9.93331C11.6055 9.00212 12.0024 7.85126 11.9999 6.66665C11.9999 3.72113 9.6121 1.33331 6.66659 1.33331C3.72107 1.33331 1.33325 3.72113 1.33325 6.66665C1.33325 9.61217 3.72107 12 6.66659 12C7.8512 12.0025 9.00206 11.6056 9.93325 10.8733L13.5266 14.4733C13.6518 14.5995 13.8222 14.6705 13.9999 14.6705C14.1777 14.6705 14.3481 14.5995 14.4733 14.4733C14.5995 14.3481 14.6705 14.1777 14.6705 14C14.6705 13.8222 14.5995 13.6518 14.4733 13.5266ZM2.66659 6.66665C2.66659 4.45751 4.45745 2.66665 6.66659 2.66665C8.87572 2.66665 10.6666 4.45751 10.6666 6.66665C10.6666 8.87579 8.87572 10.6666 6.66659 10.6666C4.45745 10.6666 2.66659 8.87579 2.66659 6.66665Z", fill: "currentColor" })), Oe = /* @__PURE__ */ o("button")({
+}), He = (a) => /* @__PURE__ */ q.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", ...a }, /* @__PURE__ */ q.createElement("path", { d: "M14.4733 13.5266L10.8733 9.93331C11.6055 9.00212 12.0024 7.85126 11.9999 6.66665C11.9999 3.72113 9.6121 1.33331 6.66659 1.33331C3.72107 1.33331 1.33325 3.72113 1.33325 6.66665C1.33325 9.61217 3.72107 12 6.66659 12C7.8512 12.0025 9.00206 11.6056 9.93325 10.8733L13.5266 14.4733C13.6518 14.5995 13.8222 14.6705 13.9999 14.6705C14.1777 14.6705 14.3481 14.5995 14.4733 14.4733C14.5995 14.3481 14.6705 14.1777 14.6705 14C14.6705 13.8222 14.5995 13.6518 14.4733 13.5266ZM2.66659 6.66665C2.66659 4.45751 4.45745 2.66665 6.66659 2.66665C8.87572 2.66665 10.6666 4.45751 10.6666 6.66665C10.6666 8.87579 8.87572 10.6666 6.66659 10.6666C4.45745 10.6666 2.66659 8.87579 2.66659 6.66665Z", fill: "currentColor" })), _e = /* @__PURE__ */ o("button")({
   name: "ElTopBarNavSearchButton",
   class: "el-top-bar-nav-search-button",
   propsAsIs: !1
-}), He = () => ke, _e = /* @__PURE__ */ o(He())({
+}), $e = () => He, Fe = /* @__PURE__ */ o($e())({
   name: "ElTopBarNavSearchButtonIcon",
   class: "el-top-bar-nav-search-button-icon",
   propsAsIs: !0
-}), $e = /* @__PURE__ */ o("span")({
+}), je = /* @__PURE__ */ o("span")({
   name: "ElTopBarNavSearchButtonPlaceholder",
   class: "el-top-bar-nav-search-button-placeholder",
   propsAsIs: !1
-}), Fe = /* @__PURE__ */ o("kbd")({
+}), qe = /* @__PURE__ */ o("kbd")({
   name: "ElTopBarNavSearchButtonShortcutText",
   class: "el-top-bar-nav-search-button-shortcut-text",
   propsAsIs: !1
 });
 function Ia({ shortcut: a, onClick: r, ...n }) {
-  return /* @__PURE__ */ d(Oe, { ...n, onClick: r, type: "button", children: [
-    /* @__PURE__ */ e(_e, { "aria-hidden": "true" }),
-    /* @__PURE__ */ e($e, { children: "Search" }),
-    a && /* @__PURE__ */ e(Fe, { "aria-hidden": "true", children: a })
+  return /* @__PURE__ */ d(_e, { ...n, onClick: r, type: "button", children: [
+    /* @__PURE__ */ e(Fe, { "aria-hidden": "true" }),
+    /* @__PURE__ */ e(je, { children: "Search" }),
+    a && /* @__PURE__ */ e(qe, { "aria-hidden": "true", children: a })
   ] });
 }
 Ia.displayName = "TopBar.SearchButton";
-function ba({ "aria-label": a, ...r }) {
-  return /* @__PURE__ */ e(F, { ...r, "aria-label": a ?? "Search", as: "button", icon: /* @__PURE__ */ e(Pa, {}) });
+function Ma({ "aria-label": a, ...r }) {
+  return /* @__PURE__ */ e(F, { ...r, "aria-label": a ?? "Search", as: "button", icon: /* @__PURE__ */ e(xa, {}) });
 }
-ba.displayName = "TopBar.SearchIconItem";
+Ma.displayName = "TopBar.SearchIconItem";
 function w({ button: a, iconItem: r, ...n }) {
-  return /* @__PURE__ */ d(Ge, { ...n, children: [
-    /* @__PURE__ */ e(Pe, { children: a }),
-    /* @__PURE__ */ e(xe, { children: r })
+  return /* @__PURE__ */ d(xe, { ...n, children: [
+    /* @__PURE__ */ e(ke, { children: a }),
+    /* @__PURE__ */ e(Oe, { children: r })
   ] });
 }
 w.displayName = "TopBar.NavSearch";
 w.Button = Ia;
-w.IconItem = ba;
-const je = /* @__PURE__ */ o("header")({
+w.IconItem = Ma;
+const ze = /* @__PURE__ */ o("header")({
   name: "ElTopBar",
   class: "el-top-bar",
   propsAsIs: !1
-}), qe = /* @__PURE__ */ o("div")({
+}), Ke = /* @__PURE__ */ o("div")({
   name: "ElTopBarContentContainer",
   class: "el-top-bar-content-container",
   propsAsIs: !1
-}), ze = /* @__PURE__ */ o("div")({
+}), Re = /* @__PURE__ */ o("div")({
   name: "ElTopBarAppSwitcherContainer",
   class: "el-top-bar-app-switcher-container",
   propsAsIs: !1
-}), Ke = /* @__PURE__ */ o("div")({
+}), Ve = /* @__PURE__ */ o("div")({
   name: "ElTopBarLogoContainer",
   class: "el-top-bar-logo-container",
   propsAsIs: !1
-}), Re = /* @__PURE__ */ o("div")({
+}), Ze = /* @__PURE__ */ o("div")({
   name: "ElTopBarAvatarContainer",
   class: "el-top-bar-avatar-container",
   propsAsIs: !1
-}), Ve = /* @__PURE__ */ o("div")({
+}), Ue = /* @__PURE__ */ o("div")({
   name: "ElTopBarMainNavContainer",
   class: "el-top-bar-main-nav-container",
   propsAsIs: !1
-}), Ze = /* @__PURE__ */ o("div")({
+}), Je = /* @__PURE__ */ o("div")({
   name: "ElTopBarSecondaryNavContainer",
   class: "el-top-bar-secondary-nav-container",
   propsAsIs: !1
-}), Ue = /* @__PURE__ */ o("div")({
+}), Qe = /* @__PURE__ */ o("div")({
   name: "ElTopBarSearchContainer",
   class: "el-top-bar-search-container",
   propsAsIs: !1
-}), Je = /* @__PURE__ */ o("div")({
+}), We = /* @__PURE__ */ o("div")({
   name: "ElTopBarMenuContainer",
   class: "el-top-bar-menu-container",
   propsAsIs: !1
-}), Br = "el-top-bar-menu-popover";
+}), Ir = "el-top-bar-menu-popover";
 function i({ appSwitcher: a, avatar: r, logo: n, mainNav: t, menu: s, search: p, secondaryNav: c, ...m }) {
-  return /* @__PURE__ */ e(je, { ...m, children: /* @__PURE__ */ d(qe, { children: [
-    a && /* @__PURE__ */ e(ze, { children: a }),
-    /* @__PURE__ */ e(Ke, { children: n }),
-    t && /* @__PURE__ */ e(Ve, { children: t }),
-    p && /* @__PURE__ */ e(Ue, { children: p }),
-    c && /* @__PURE__ */ e(Ze, { children: c }),
-    s && /* @__PURE__ */ e(Je, { children: s }),
-    /* @__PURE__ */ e(Re, { children: r })
+  return /* @__PURE__ */ e(ze, { ...m, children: /* @__PURE__ */ d(Ke, { children: [
+    a && /* @__PURE__ */ e(Re, { children: a }),
+    /* @__PURE__ */ e(Ve, { children: n }),
+    t && /* @__PURE__ */ e(Ue, { children: t }),
+    p && /* @__PURE__ */ e(Qe, { children: p }),
+    c && /* @__PURE__ */ e(Je, { children: c }),
+    s && /* @__PURE__ */ e(We, { children: s }),
+    /* @__PURE__ */ e(Ze, { children: r })
   ] }) });
 }
-i.BrandLogo = Ta;
+i.BrandLogo = U;
 i.MainNav = N;
 i.NavItem = N.Item;
 i.NavMenuItem = N.MenuItem;
@@ -749,7 +758,7 @@ i.NavIconMenuItem = v.MenuItem;
 i.NavSearch = w;
 i.NavSearchButton = w.Button;
 i.NavSearchIconItem = w.IconItem;
-i.AvatarAnchor = ka;
+i.AvatarAnchor = Oa;
 i.AvatarButton = V;
 i.AvatarMenu = Z;
 i.Menu = l;
@@ -767,63 +776,65 @@ i.MenuSubmenuItem = l.SubmenuItem;
 i.MenuSubmenuItemButton = l.SubmenuItemButton;
 export {
   za as $,
-  ra as A,
-  O as B,
-  T as C,
-  A as D,
-  Va as E,
-  oa as F,
-  ta as G,
-  g as H,
-  k as I,
-  ea as J,
-  ee as K,
-  aa as L,
-  Ya as M,
-  Wa as N,
-  Me as O,
-  la as P,
-  h as Q,
-  pa as R,
-  ca as S,
-  ka as T,
-  _ as U,
-  Te as V,
-  ve as W,
+  D as A,
+  U as B,
+  na as C,
+  O as D,
+  Ha as E,
+  T as F,
+  A as G,
+  ta as H,
+  sa as I,
+  E as J,
+  k as K,
+  ra as L,
+  ne as M,
+  ea as N,
+  ee as O,
+  Ya as P,
+  ve as Q,
+  ia as R,
+  h as S,
+  Oa as T,
+  ca as U,
+  ma as V,
+  _ as W,
   fe as X,
-  Ka as Y,
-  ja as Z,
-  qa as _,
+  Ne as Y,
+  he as Z,
+  Va as _,
   R as a,
-  Le as a0,
-  ma as a1,
-  F as a2,
-  De as a3,
-  Ce as a4,
+  Ka as a0,
+  Ra as a1,
+  Pe as a2,
+  da as a3,
+  F as a4,
   Ae as a5,
-  Fa as a6,
-  _a as a7,
-  $a as a8,
-  w as a9,
-  i as aA,
-  Ge as aa,
-  Pe as ab,
+  Le as a6,
+  Ge as a7,
+  qa as a8,
+  Fa as a9,
+  We as aA,
+  Ir as aB,
+  i as aC,
+  ja as aa,
+  w as ab,
   xe as ac,
-  Ia as ad,
+  ke as ad,
   Oe as ae,
-  _e as af,
-  $e as ag,
+  Ia as af,
+  _e as ag,
   Fe as ah,
-  ba as ai,
-  v as aj,
-  da as ak,
-  j as al,
+  je as ai,
+  qe as aj,
+  Ma as ak,
+  v as al,
   Ba as am,
-  Ee as an,
-  ge as ao,
-  $ as ap,
-  je as aq,
-  qe as ar,
+  j as an,
+  ba as ao,
+  De as ap,
+  Ce as aq,
+  $ as ar,
   ze as as,
   Ke as at,
   Re as au,
@@ -831,30 +842,30 @@ export {
   Ze as aw,
   Ue as ax,
   Je as ay,
-  Br as az,
+  Qe as az,
   V as b,
   Z as c,
   N as d,
-  xa as e,
-  J as f,
-  Q as g,
+  ka as e,
+  Q as f,
+  W as g,
   l as h,
-  W as i,
-  Za as j,
-  X as k,
-  Ua as l,
-  Y as m,
-  Qa as n,
-  u as o,
-  H as p,
-  ua as q,
-  oe as r,
+  X as i,
+  Ua as j,
+  Ja as k,
+  Y as l,
+  Qa as m,
+  aa as n,
+  Xa as o,
+  u as p,
+  H as q,
+  la as r,
   C as s,
-  te as t,
+  se as t,
   ue as u,
   ie as v,
-  pe as w,
-  re as x,
-  ne as y,
-  D as z
+  ce as w,
+  me as x,
+  oe as y,
+  te as z
 };