@reapit/elements 5.0.0-beta.80 → 5.0.0-beta.81

package/dist/js/top-bar-BAtb9REF.js

@@ -1,871 +0,0 @@
-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 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 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 xa } from "./icons/search.js";
-const ka = "el-top-bar-avatar-base";
-function R({
-  as: a,
-  children: r,
-  className: n,
-  "aria-label": t,
-  ...s
-}) {
-  return /* @__PURE__ */ e(
-    a,
-    {
-      ...s,
-      "aria-label": t,
-      className: I(ka, n),
-      children: /* @__PURE__ */ e(ga, { size: "small", shape: "circle", colour: "primary", children: 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 ?? b(), m = b();
-  return /* @__PURE__ */ d(g, { children: [
-    /* @__PURE__ */ e(
-      V,
-      {
-        ...p,
-        ...f.getTriggerProps({ id: c, popoverTarget: m, popoverTargetAction: "toggle" }),
-        children: n
-      }
-    ),
-    /* @__PURE__ */ e(f, { "aria-labelledby": c, id: m, maxWidth: t, maxHeight: s, placement: "bottom-end", children: a })
-  ] });
-}
-Z.displayName = "TopBar.AvatarMenu";
-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
-}), $a = /* @__PURE__ */ o("ul")({
-  name: "ElTopBarMainNavList",
-  class: "el-top-bar-main-nav-list",
-  propsAsIs: !1
-}), J = /* @__PURE__ */ o("li")({
-  name: "ElTopBarMainNavListItem",
-  class: "el-top-bar-main-nav-list-item",
-  propsAsIs: !1
-}), Fa = "el-top-bar-nav-item", ja = /* @__PURE__ */ o("span")({
-  name: "ElTopBarNavItemLabel",
-  class: "el-top-bar-nav-item-label",
-  propsAsIs: !1
-});
-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 Q(a) {
-  return /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(qa, { ...a }) });
-}
-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
-}), Ra = /* @__PURE__ */ o("span")({
-  name: "ElTopBarNavDropdownButtonIcon",
-  class: "el-top-bar-nav-dropdown-button-icon",
-  propsAsIs: !1
-});
-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 W({ children: a, id: r, label: n, ...t }) {
-  const s = r ?? b(), p = b();
-  return /* @__PURE__ */ d(J, { children: [
-    /* @__PURE__ */ e(
-      Va,
-      {
-        ...t,
-        ...f.getTriggerProps({ id: s, popoverTarget: p, popoverTargetAction: "toggle" }),
-        children: n
-      }
-    ),
-    /* @__PURE__ */ e(f, { "aria-labelledby": s, id: p, placement: "bottom-start", children: a })
-  ] });
-}
-W.displayName = "TopBar.NavMenuItem";
-function N({ "aria-label": a = "Main navigation", children: r, ...n }) {
-  return /* @__PURE__ */ e(_a, { ...n, "aria-label": a, children: /* @__PURE__ */ e($a, { children: r }) });
-}
-N.displayName = "TopBar.MainNav";
-N.Item = Q;
-N.MenuItem = W;
-function Za() {
-  return Object.hasOwn(HTMLButtonElement.prototype, "command");
-}
-const Ua = /* @__PURE__ */ o("nav")({
-  name: "ElTopBarMenuDrawerContent",
-  class: "el-top-bar-menu-drawer-content",
-  propsAsIs: !1
-});
-function X(a) {
-  return /* @__PURE__ */ e(Ua, { ...a });
-}
-X.displayName = "TopBar.MenuContent";
-function Ja(a) {
-  return /* @__PURE__ */ e(
-    Aa,
-    {
-      ...a,
-      "aria-label": "Close menu",
-      iconLeft: /* @__PURE__ */ e(Da, { "aria-hidden": !0 }),
-      onClick: (r) => {
-        x(r.currentTarget)?.close(), a.onClick?.(r);
-      },
-      size: "large",
-      type: "button",
-      variant: "tertiary"
-    }
-  );
-}
-const Qa = /* @__PURE__ */ o("header")({
-  name: "ElTopBarMenuDrawerHeader",
-  class: "el-top-bar-menu-drawer-header",
-  propsAsIs: !1
-});
-function Y(a) {
-  return /* @__PURE__ */ e(Qa, { ...a, children: /* @__PURE__ */ e(Ja, {}) });
-}
-Y.displayName = "TopBar.MenuDrawerHeader";
-const E = /* @__PURE__ */ o("ul")({
-  name: "ElTopBarMenuDrawerMenuList",
-  class: "el-top-bar-menu-drawer-menu-list",
-  propsAsIs: !1
-}), k = /* @__PURE__ */ o("li")({
-  name: "ElTopBarMenuDrawerMenuListItem",
-  class: "el-top-bar-menu-drawer-menu-list-item",
-  propsAsIs: !1
-}), Wa = () => E, Xa = /* @__PURE__ */ o(Wa())({
-  name: "ElTopBarMenuDrawerMainNav",
-  class: "el-top-bar-menu-drawer-main-nav",
-  propsAsIs: !0
-});
-function aa({
-  "aria-label": a = "Main navigation",
-  children: r,
-  ...n
-}) {
-  return /* @__PURE__ */ e(Xa, { "aria-label": a, ...n, children: r });
-}
-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 ea({
-  "aria-label": a = "Secondary navigation",
-  children: r,
-  ...n
-}) {
-  return /* @__PURE__ */ e(ee, { "aria-label": a, ...n, children: r });
-}
-ea.displayName = "TopBar.MenuSecondaryNav";
-const re = () => E, ne = /* @__PURE__ */ o(re())({
-  name: "ElTopBarMenuDrawerProfileNav",
-  class: "el-top-bar-menu-drawer-profile-nav",
-  propsAsIs: !0
-});
-function ra({
-  "aria-label": a = "Profile navigation",
-  children: r,
-  ...n
-}) {
-  return /* @__PURE__ */ e(ne, { "aria-label": a, ...n, children: r });
-}
-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
-}), O = /* @__PURE__ */ o("span")({
-  name: "ElTopBarMenuDrawerMenuItemBadge",
-  class: "el-top-bar-menu-drawer-menu-item-badge",
-  propsAsIs: !1
-});
-function oa({ children: a, hasBadge: r }) {
-  return /* @__PURE__ */ d(g, { children: [
-    /* @__PURE__ */ e(na, { children: a }),
-    r && /* @__PURE__ */ e(O, { "aria-hidden": !0 })
-  ] });
-}
-function oe({
-  "aria-current": a,
-  children: r,
-  className: n,
-  hasBadge: t,
-  ...s
-}) {
-  return /* @__PURE__ */ e("a", { ...s, "aria-current": a, className: I(D, n), children: /* @__PURE__ */ e(oa, { hasBadge: t, children: r }) });
-}
-function te({
-  children: a,
-  className: r,
-  hasBadge: n,
-  type: t = "button",
-  ...s
-}) {
-  return /* @__PURE__ */ e("button", { ...s, type: t, className: I(D, r), children: /* @__PURE__ */ e(oa, { hasBadge: n, children: a }) });
-}
-function ta({ children: a, ...r }) {
-  return /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(oe, { ...r, children: a }) });
-}
-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
-}), pe = () => O, ce = /* @__PURE__ */ o(pe())({
-  name: "ElTopBarMenuDrawerMenuGroupSummaryBadge",
-  class: "el-top-bar-menu-drawer-menu-group-summary-badge",
-  propsAsIs: !0
-}), me = /* @__PURE__ */ o("span")({
-  name: "ElTopBarMenuDrawerMenuGroupSummaryDropdownIcon",
-  class: "el-top-bar-menu-drawer-menu-group-summary-dropdown-icon",
-  propsAsIs: !1
-}), ua = fa(null);
-function de() {
-  const a = Na(ua);
-  if (!a)
-    throw new Error(
-      "useTopBarMenuDrawerMenuGroupLabelIdContext must be used within a TopBarMenuDrawerMenuGroupLabelIdContext.Provider"
-    );
-  return a;
-}
-function C(a) {
-  return Be(a) || be(a);
-}
-function Be(a) {
-  return a.dataset.isActive === "true";
-}
-function be(a) {
-  return !!a.querySelector('[aria-current="page"]');
-}
-function la({
-  children: a,
-  className: r,
-  hasBadge: n,
-  id: t,
-  onClick: s,
-  ...p
-}) {
-  const c = de(), m = S(
-    (B) => {
-      s?.(B);
-      const M = B.currentTarget.closest("details");
-      M && C(M) && B.preventDefault();
-    },
-    [s]
-  );
-  return /* @__PURE__ */ d(
-    "summary",
-    {
-      ...p,
-      id: t ?? c,
-      className: I(D, ue, r),
-      onClick: m,
-      children: [
-        /* @__PURE__ */ e(ie, { children: a }),
-        n && /* @__PURE__ */ e(ce, { "aria-hidden": !0 }),
-        /* @__PURE__ */ e(me, { "aria-hidden": !0, children: /* @__PURE__ */ e(K, {}) })
-      ]
-    }
-  );
-}
-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 = Me(a.current), t = Te(a.current);
-    return () => {
-      t.disconnect(), n.disconnect();
-    };
-  }, []), a;
-}
-function Me(a) {
-  const r = new MutationObserver(() => {
-    a.open = C(a);
-  });
-  return r.observe(a, {
-    attributeFilter: ["data-is-active"]
-  }), r;
-}
-function Te(a) {
-  const r = new MutationObserver(() => {
-    a.open = C(a);
-  });
-  return r.observe(a, {
-    subtree: !0,
-    attributeFilter: ["aria-current"]
-  }), r;
-}
-function H({
-  "aria-labelledby": a,
-  children: r,
-  className: n,
-  isActive: t,
-  summary: s,
-  ...p
-}) {
-  const c = a ?? b(), m = Ie();
-  return /* @__PURE__ */ d(
-    "details",
-    {
-      ...p,
-      "aria-labelledby": c,
-      className: I(se, n),
-      "data-is-active": t,
-      ref: m,
-      children: [
-        /* @__PURE__ */ e(ua.Provider, { value: c, children: s }),
-        r
-      ]
-    }
-  );
-}
-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(E, { ...r, children: a });
-}
-T.displayName = "TopBar.MenuList";
-T.Item = ta;
-T.ItemButton = sa;
-T.Group = A;
-T.GroupSummary = A.Summary;
-const ve = /* @__PURE__ */ o("ul")({
-  name: "ElTopBarMenuDrawerSubmenuList",
-  class: "el-top-bar-menu-drawer-submenu-list",
-  propsAsIs: !1
-}), ia = /* @__PURE__ */ o("li")({
-  name: "ElTopBarMenuDrawerSubmenuListItem",
-  class: "el-top-bar-menu-drawer-submenu-list-item",
-  propsAsIs: !1
-}), _ = "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 pa({ children: a, hasBadge: r }) {
-  return /* @__PURE__ */ d(g, { children: [
-    /* @__PURE__ */ e(fe, { children: a }),
-    r && /* @__PURE__ */ e(O, { "aria-hidden": !0 })
-  ] });
-}
-function Ne({
-  "aria-current": a,
-  children: r,
-  className: n,
-  hasBadge: t,
-  ...s
-}) {
-  return /* @__PURE__ */ e("a", { ...s, "aria-current": a, className: I(_, n), children: /* @__PURE__ */ e(pa, { hasBadge: t, children: r }) });
-}
-function he({
-  children: a,
-  className: r,
-  hasBadge: n,
-  type: t = "button",
-  ...s
-}) {
-  return /* @__PURE__ */ e("button", { ...s, type: t, className: I(_, r), children: /* @__PURE__ */ e(pa, { hasBadge: n, children: a }) });
-}
-function ca(a) {
-  return /* @__PURE__ */ e(ia, { children: /* @__PURE__ */ e(Ne, { ...a }) });
-}
-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(ve, { ...r, children: a });
-}
-h.displayName = "TopBar.MenuSubmenu";
-h.Item = ca;
-h.ItemButton = ma;
-const we = `.${D}, details[open] .${_}`;
-function Se(a) {
-  Ga(a, { selectors: we });
-}
-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 ge() {
-  return S((a) => {
-    a.defaultPrevented || (Pa(a), Se(a), ye(a));
-  }, []);
-}
-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().
-    a.isTrusted && a.target instanceof HTMLElement && // Targets that are anchors, or children of anchors, should close the drawer
-    (a.target instanceof HTMLAnchorElement || a.target.closest("a") !== null) && x(a.currentTarget)?.close();
-  }, []);
-}
-function u({
-  "aria-label": a,
-  "aria-labelledby": r,
-  children: n,
-  className: t,
-  closedBy: s = "any",
-  isOpen: p,
-  onCancel: c,
-  onClick: m,
-  onClose: B,
-  ...M
-}) {
-  const L = La(p), y = ge(), G = Ee();
-  return /* @__PURE__ */ e(
-    Ca,
-    {
-      ...M,
-      "aria-label": a,
-      "aria-labelledby": a ? void 0 : r,
-      className: I(Ya, t),
-      closedBy: s,
-      ref: L,
-      onCancel: c,
-      onClick: m,
-      onClose: B,
-      children: /* @__PURE__ */ e("div", { onClick: G, onKeyDown: y, children: n })
-    }
-  );
-}
-u.getClosestDialogElement = x;
-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;
-u.MenuGroup = T.Group;
-u.MenuGroupSummary = T.GroupSummary;
-u.Submenu = h;
-u.SubmenuItem = h.Item;
-u.SubmenuItemButton = h.ItemButton;
-u.displayName = "TopBar.MenuDrawer";
-const De = /* @__PURE__ */ o("nav")({
-  name: "ElTopBarSecondaryNav",
-  class: "el-top-bar-secondary-nav",
-  propsAsIs: !1
-}), Ce = /* @__PURE__ */ o("ul")({
-  name: "ElTopBarSecondaryNavList",
-  class: "el-top-bar-secondary-nav-list",
-  propsAsIs: !1
-}), $ = /* @__PURE__ */ o("li")({
-  name: "ElTopBarSecondaryNavListItem",
-  class: "el-top-bar-secondary-nav-list-item",
-  propsAsIs: !1
-}), Ae = "el-top-bar-nav-icon-item", Le = /* @__PURE__ */ o("span")({
-  name: "ElTopBarNavIconItemIcon",
-  class: "el-top-bar-nav-icon-item-icon",
-  propsAsIs: !1
-}), Ge = /* @__PURE__ */ o("span")({
-  name: "ElTopBarNavIconItemBadge",
-  class: "el-top-bar-nav-icon-item-badge",
-  propsAsIs: !1
-});
-function F({
-  "aria-label": a,
-  as: r,
-  className: n,
-  icon: t,
-  id: s,
-  hasBadge: p,
-  ...c
-}) {
-  const m = s ?? b(), B = b(), M = z.getTriggerProps({ id: m, tooltipId: B, tooltipPurpose: "label" });
-  return /* @__PURE__ */ d(
-    r,
-    {
-      ...c,
-      ...M,
-      className: I(Ae, n),
-      children: [
-        /* @__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 Pe(a) {
-  return /* @__PURE__ */ e(F, { ...a, as: "a" });
-}
-function da(a) {
-  return /* @__PURE__ */ e(F, { as: "button", ...a });
-}
-function Ba(a) {
-  return /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(Pe, { ...a }) });
-}
-Ba.displayName = "TopBar.NavIconItem";
-function j(a) {
-  return /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(da, { ...a }) });
-}
-j.displayName = "TopBar.NavIconItemButton";
-function ba({
-  "aria-label": a,
-  children: r,
-  icon: n,
-  id: t,
-  ...s
-}) {
-  const p = t ?? b(), c = b();
-  return /* @__PURE__ */ d($, { children: [
-    /* @__PURE__ */ e(
-      da,
-      {
-        ...s,
-        ...f.getTriggerProps({ id: p, popoverTarget: c, popoverTargetAction: "toggle" }),
-        "aria-label": a,
-        icon: n
-      }
-    ),
-    /* @__PURE__ */ e(f, { "aria-labelledby": p, id: c, placement: "bottom-end", children: r })
-  ] });
-}
-ba.displayName = "TopBar.NavIconMenuItem";
-function v({
-  "aria-label": a = "Secondary navigation",
-  children: r,
-  ...n
-}) {
-  return /* @__PURE__ */ e(De, { ...n, "aria-label": a, children: /* @__PURE__ */ e(Ce, { children: r }) });
-}
-v.displayName = "TopBar.SecondaryNav";
-v.Item = Ba;
-v.ItemButton = j;
-v.MenuItem = ba;
-function l({
-  "aria-label": a = "Menu",
-  children: r,
-  id: n,
-  onClick: t,
-  onClose: s,
-  ...p
-}) {
-  const c = b(), m = b(), B = n || c, M = Sa(() => Za(), []), [L, y] = ya(!1), G = S(
-    (P) => {
-      M || y(!0), t?.(P);
-    },
-    [t]
-  ), Ta = S(
-    (P) => {
-      M || y(!1), s?.(P);
-    },
-    [s]
-  );
-  return /* @__PURE__ */ d(g, { children: [
-    /* @__PURE__ */ e(
-      j,
-      {
-        ...p,
-        "aria-label": a,
-        icon: /* @__PURE__ */ e(Ea, {}),
-        id: B,
-        onClick: G,
-        command: "show-modal",
-        commandfor: m
-      }
-    ),
-    /* @__PURE__ */ d(
-      u,
-      {
-        "aria-labelledby": B,
-        id: m,
-        isOpen: M ? void 0 : L,
-        onClose: Ta,
-        children: [
-          /* @__PURE__ */ e(u.Header, {}),
-          r
-        ]
-      }
-    )
-  ] });
-}
-l.getClosestDialogElement = u.getClosestDialogElement;
-l.Content = u.Content;
-l.MainNav = u.MainNav;
-l.SecondaryNav = u.SecondaryNav;
-l.ProfileNav = u.ProfileNav;
-l.MenuList = u.MenuList;
-l.MenuItem = u.MenuList.Item;
-l.MenuItemButton = u.MenuList.ItemButton;
-l.MenuGroup = u.MenuList.Group;
-l.MenuGroupSummary = u.MenuList.GroupSummary;
-l.Submenu = u.Submenu;
-l.SubmenuItem = u.Submenu.Item;
-l.SubmenuItemButton = u.Submenu.ItemButton;
-l.displayName = "TopBar.Menu";
-const xe = /* @__PURE__ */ o("div")({
-  name: "ElTopBarNavSearch",
-  class: "el-top-bar-nav-search",
-  propsAsIs: !1
-}), ke = /* @__PURE__ */ o("div")({
-  name: "ElTopBarNavSearchButtonContainer",
-  class: "el-top-bar-nav-search-button-container",
-  propsAsIs: !1
-}), Oe = /* @__PURE__ */ o("div")({
-  name: "ElTopBarNavSearchIconItemContainer",
-  class: "el-top-bar-nav-search-icon-item-container",
-  propsAsIs: !1
-}), 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
-}), $e = () => He, Fe = /* @__PURE__ */ o($e())({
-  name: "ElTopBarNavSearchButtonIcon",
-  class: "el-top-bar-nav-search-button-icon",
-  propsAsIs: !0
-}), je = /* @__PURE__ */ o("span")({
-  name: "ElTopBarNavSearchButtonPlaceholder",
-  class: "el-top-bar-nav-search-button-placeholder",
-  propsAsIs: !1
-}), 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(_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 Ma({ "aria-label": a, ...r }) {
-  return /* @__PURE__ */ e(F, { ...r, "aria-label": a ?? "Search", as: "button", icon: /* @__PURE__ */ e(xa, {}) });
-}
-Ma.displayName = "TopBar.SearchIconItem";
-function w({ button: a, iconItem: r, ...n }) {
-  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 = Ma;
-const ze = /* @__PURE__ */ o("header")({
-  name: "ElTopBar",
-  class: "el-top-bar",
-  propsAsIs: !1
-}), Ke = /* @__PURE__ */ o("div")({
-  name: "ElTopBarContentContainer",
-  class: "el-top-bar-content-container",
-  propsAsIs: !1
-}), Re = /* @__PURE__ */ o("div")({
-  name: "ElTopBarAppSwitcherContainer",
-  class: "el-top-bar-app-switcher-container",
-  propsAsIs: !1
-}), Ve = /* @__PURE__ */ o("div")({
-  name: "ElTopBarLogoContainer",
-  class: "el-top-bar-logo-container",
-  propsAsIs: !1
-}), Ze = /* @__PURE__ */ o("div")({
-  name: "ElTopBarAvatarContainer",
-  class: "el-top-bar-avatar-container",
-  propsAsIs: !1
-}), Ue = /* @__PURE__ */ o("div")({
-  name: "ElTopBarMainNavContainer",
-  class: "el-top-bar-main-nav-container",
-  propsAsIs: !1
-}), Je = /* @__PURE__ */ o("div")({
-  name: "ElTopBarSecondaryNavContainer",
-  class: "el-top-bar-secondary-nav-container",
-  propsAsIs: !1
-}), Qe = /* @__PURE__ */ o("div")({
-  name: "ElTopBarSearchContainer",
-  class: "el-top-bar-search-container",
-  propsAsIs: !1
-}), We = /* @__PURE__ */ o("div")({
-  name: "ElTopBarMenuContainer",
-  class: "el-top-bar-menu-container",
-  propsAsIs: !1
-}), 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(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 = U;
-i.MainNav = N;
-i.NavItem = N.Item;
-i.NavMenuItem = N.MenuItem;
-i.SecondaryNav = v;
-i.NavIconItem = v.Item;
-i.NavIconItemButton = v.ItemButton;
-i.NavIconMenuItem = v.MenuItem;
-i.NavSearch = w;
-i.NavSearchButton = w.Button;
-i.NavSearchIconItem = w.IconItem;
-i.AvatarAnchor = Oa;
-i.AvatarButton = V;
-i.AvatarMenu = Z;
-i.Menu = l;
-i.MenuContent = l.Content;
-i.MenuMainNav = l.MainNav;
-i.MenuSecondaryNav = l.SecondaryNav;
-i.MenuProfileNav = l.ProfileNav;
-i.MenuList = l.MenuList;
-i.MenuItem = l.MenuItem;
-i.MenuItemButton = l.MenuItemButton;
-i.MenuGroup = l.MenuGroup;
-i.MenuGroupSummary = l.MenuGroupSummary;
-i.MenuSubmenu = l.Submenu;
-i.MenuSubmenuItem = l.SubmenuItem;
-i.MenuSubmenuItemButton = l.SubmenuItemButton;
-export {
-  za as $,
-  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,
-  Ne as Y,
-  he as Z,
-  Va as _,
-  R as a,
-  Ka as a0,
-  Ra as a1,
-  Pe as a2,
-  da as a3,
-  F as a4,
-  Ae as a5,
-  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,
-  ke as ad,
-  Oe as ae,
-  Ia as af,
-  _e as ag,
-  Fe as ah,
-  je as ai,
-  qe as aj,
-  Ma as ak,
-  v as al,
-  Ba as am,
-  j as an,
-  ba as ao,
-  De as ap,
-  Ce as aq,
-  $ as ar,
-  ze as as,
-  Ke as at,
-  Re as au,
-  Ve as av,
-  Ze as aw,
-  Ue as ax,
-  Je as ay,
-  Qe as az,
-  V as b,
-  Z as c,
-  N as d,
-  ka as e,
-  Q as f,
-  W as g,
-  l as h,
-  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,
-  se as t,
-  ue as u,
-  ie as v,
-  ce as w,
-  me as x,
-  oe as y,
-  te as z
-};