import { jsx as e, jsxs as L } from "react/jsx-runtime";
import { useMemo as H, useCallback as R, useState as $ } from "react";
import { n as A } from "./index.B0wX8xO7.js";
import { s as n, a as q } from "./NavbarItemProfile.pMtA_Hts.js";
import { c as U } from "./index.CfM2L_w0.js";
import { a as B } from "./index.CfQlFjZU.js";
import { u as X } from "./useOutsideClick.DRN0ZU0B.js";
import { f as J, k as aa, j as na } from "./index.dWlEA7uO.js";
import { l as K } from "./index.C1ZfizMq.js";
import { A as W } from "./a.DFzW7QIZ.js";
import { B as ea } from "./Button.CpTwUWVr.js";
import { a as ta } from "./KomiIcon.CspnO6fy.js";
import { K as oa } from "./KomiLogo.9dfrQwDb.js";
import { a as ia } from "./shared.EdGf6tcG.js";
const sa = "creator_navigationPrimaryContainer_m4njZ", ra = "creator_navigationPrimaryContainer__expanded_hZGQC", ca = "creator_navigationPrimaryUserMenu_3qXZ1", la = "creator_navigationPrimaryHeader_CQ2I4", E = { navigationPrimaryContainer: sa, navigationPrimaryContainer__expanded: ra, navigationPrimaryUserMenu: ca, navigationPrimaryHeader: la }, va = "creator_navigationUserMenuItem_55vnQ", ma = { navigationUserMenuItem: va }, da = ({ item: a, className: t }) => {
  const { type: i, disabled: o } = a, s = a.level || f.PRIMARY, r = a.name, c = a.details, l = U(
    t,
    n.listItem,
    n.navigationItemContainer,
    n.navigationItemContainer__label,
    {
      [n.navigationItemContainer__popup__sub]: s === f.POPUP_SUB,
      [n.navigationItemContainer__disabled]: o
    }
  ), v = n.navigationItemLabelContainer, d = n.navigationItemSecondaryLabel;
  return {
    item: a,
    navigationItemContainerClassName: l,
    navigationItemLabelContainerClassName: v,
    navigationItemSecondaryLabelClassName: d,
    label: r,
    labelSecondary: c,
    className: t,
    type: i,
    id: a.key ? `nav-item-${a.key}` : void 0
  };
}, Ca = ({
  navigationItemContainerClassName: a,
  navigationItemLabelContainerClassName: t,
  navigationItemSecondaryLabelClassName: i,
  label: o,
  labelSecondary: s,
  id: r
}) => /* @__PURE__ */ e("li", { className: a, id: r, children: /* @__PURE__ */ L("div", { className: t, children: [
  /* @__PURE__ */ e("span", { children: o }),
  /* @__PURE__ */ e(
    A,
    {
      value: s,
      then: /* @__PURE__ */ e("span", { className: i, children: s })
    }
  )
] }) }), G = B(Ca, da), Ia = ({
  item: a,
  view: t = I.FULL,
  className: i,
  spotlight: o,
  onClickItem: s
}) => {
  const {
    type: r,
    url: c = "#",
    icon: l,
    name: v,
    details: d,
    disabled: m,
    external: _,
    native: C
  } = a, u = a.level || f.PRIMARY, P = H(() => a !== o, [a, o]), y = H(() => D(a.url), [a]), g = R(
    (k) => {
      s?.(k, a);
    },
    [a, s]
  ), M = R(
    (k) => {
      s?.(k, a.action);
    },
    [a.action, s]
  ), O = U(
    i,
    n.navigationItemContainer,
    n.navbarItemComboLink,
    {
      [n.navigationItemContainer__popup__sub]: u === f.POPUP_SUB,
      [n.navigationItemContainer__disabled]: m,
      [n.navigationItemContainer__collapsed__view]: t === I.COLLAPSED,
      [n.navigationItemContainer__icon__view]: t === I.ICON,
      [n.navigationItemContainer__active]: y
    }
  ), S = n.navigationItemLabelContainer, N = n.navigationItemSecondaryLabel, p = n.navigationItemSuffixContainer, b = n.navigationItemLabel, x = z(
    C,
    _,
    c,
    O,
    g
  );
  return {
    isCollapsed: P,
    external: _,
    navbarItemComboContainerClassName: U(
      n.navbarItemComboContainer,
      n.listItem
    ),
    navigationItemLabelContainerClassName: S,
    navigationItemLabelClassName: b,
    navigationItemSecondaryLabelClassName: N,
    navigationItemSuffixContainerClassName: p,
    navbarItemComboIconClassName: n.navbarItemComboIcon,
    label: v,
    labelSecondary: d,
    prefixIcon: l,
    type: r,
    aProps: x,
    actionIcon: a.action.icon,
    actionOnClick: M,
    id: a.key ? `nav-item-${a.key}` : void 0
  };
}, _a = ({
  navbarItemComboContainerClassName: a,
  navigationItemLabelContainerClassName: t,
  navigationItemLabelClassName: i,
  navigationItemSecondaryLabelClassName: o,
  navigationItemSuffixContainerClassName: s,
  navbarItemComboIconClassName: r,
  label: c,
  labelSecondary: l,
  prefixIcon: v,
  suffixIcon: d,
  aProps: m,
  actionIcon: _,
  actionOnClick: C,
  id: u
}) => /* @__PURE__ */ L("li", { className: a, id: u, children: [
  /* @__PURE__ */ L(W, { ...m, children: [
    v,
    /* @__PURE__ */ L("div", { className: t, children: [
      /* @__PURE__ */ e("span", { className: i, children: c }),
      /* @__PURE__ */ e(
        A,
        {
          value: l,
          then: /* @__PURE__ */ e("span", { className: o, children: l })
        }
      )
    ] }),
    /* @__PURE__ */ e("div", { className: s, children: d })
  ] }),
  /* @__PURE__ */ e("span", { className: r, children: /* @__PURE__ */ e(
    ea,
    {
      prefixIcon: _,
      label: "Copy",
      size: "2xsmall",
      onClick: C
    }
  ) })
] }), ga = B(_a, Ia), Na = ({
  item: a,
  view: t = I.FULL,
  className: i,
  spotlight: o,
  onClickItem: s
}) => {
  const {
    icon: r,
    disabled: c
    // items
  } = a, l = a.level || f.PRIMARY, v = a.name, d = a.details, m = H(() => a !== o, [a, o]), _ = H(() => a.actionIcon, [a]), C = (S) => s?.(S, a), u = U(
    i,
    n.navigationItemContainer,
    n.avatarItemContainer,
    {
      [n.navigationItemContainer__popup__sub]: l === f.POPUP_SUB,
      [n.navigationItemContainer__disabled]: c,
      [n.navigationItemContainer__open]: !m,
      [n.navigationItemContainer__collapsed__view]: t === I.COLLAPSED,
      [n.navigationItemContainer__icon__view]: t === I.ICON
      // [styles.navigationItemContainer__active]: active
    }
  ), P = n.navigationItemLabelContainer, y = n.navigationItemSecondaryLabel, g = n.navigationItemSuffixContainer, M = n.navigationItemContentsPopupWrapper, O = n.navigationItemContentsPopup;
  return {
    item: a,
    isCollapsed: m,
    spotlight: o,
    onClick: C,
    onClickItem: s,
    listItemClassName: n.popupListItem,
    navigationItemContainerClassName: u,
    navigationItemLabelContainerClassName: P,
    navigationItemSecondaryLabelClassName: y,
    navigationItemSuffixContainerClassName: g,
    navigationItemContentsPopupWrapperClassName: M,
    navigationItemContentsPopupClassName: O,
    label: v,
    labelSecondary: d,
    view: t,
    className: i,
    prefixIcon: r,
    suffixIcon: _
  };
}, ua = ({
  onClick: a,
  onClickItem: t,
  listItemClassName: i,
  navigationItemContainerClassName: o,
  navigationItemLabelContainerClassName: s,
  navigationItemSecondaryLabelClassName: r,
  navigationItemSuffixContainerClassName: c,
  navigationItemContentsPopupWrapperClassName: l,
  navigationItemContentsPopupClassName: v,
  label: d,
  labelSecondary: m,
  prefixIcon: _,
  suffixIcon: C,
  item: u,
  spotlight: P,
  isCollapsed: y
}) => /* @__PURE__ */ L("li", { className: i, children: [
  /* @__PURE__ */ L("a", { className: o, onClick: a, children: [
    _,
    /* @__PURE__ */ L("div", { className: s, children: [
      /* @__PURE__ */ e("span", { children: d }),
      /* @__PURE__ */ e(
        A,
        {
          value: m,
          then: /* @__PURE__ */ e("span", { className: r, children: m })
        }
      )
    ] }),
    /* @__PURE__ */ e("div", { className: c, children: C })
  ] }),
  /* @__PURE__ */ e(
    A,
    {
      value: !y,
      then: /* @__PURE__ */ e("div", { className: l, children: /* @__PURE__ */ e("ul", { className: v, children: /* @__PURE__ */ e(
        K,
        {
          values: u.items,
          type: V,
          layouts: {
            [h.LABEL]: (g) => /* @__PURE__ */ e(G, { item: g }),
            [h.LINK]: (g) => /* @__PURE__ */ e(
              F,
              {
                item: g,
                spotlight: P,
                onClickItem: t,
                view: I.FULL
              }
            ),
            [h.COMBO_LINK]: (g) => /* @__PURE__ */ e(
              ga,
              {
                item: g,
                spotlight: P,
                view: I.FULL,
                onClickItem: t
              }
            ),
            [h.PROFILE]: (g) => /* @__PURE__ */ e(
              q,
              {
                item: g,
                spotlight: P,
                view: I.FULL,
                onClickItem: t
              }
            )
          }
        }
      ) }) })
    }
  )
] }), Z = B(ua, Na), pa = ({
  className: a,
  User: t,
  isExpanded: i,
  onClickItem: o,
  spotlight: s
}) => {
  const r = i ? I.ICON : I.COLLAPSED, c = U(a), l = ma.navigationUserMenuItem, v = H(() => t ? {
    type: h.POPUP,
    level: f.SUB,
    icon: t.icon,
    name: t.name,
    actionIcon: /* @__PURE__ */ e(J, { size: 24 }),
    items: [
      ...t.profiles.map((m) => ({
        ...m,
        level: f.POPUP_SUB
      })),
      ...t.controls.map((m) => ({
        ...m,
        level: f.POPUP_SUB
      })),
      ...t.settings.map((m) => ({
        ...m,
        level: f.POPUP_SUB
      }))
    ]
  } : void 0, [t]);
  return {
    navigationUserMenuContainerClassName: c,
    navigationUserMenuItemClassName: l,
    view: r,
    item: v,
    spotlight: s,
    onClickItem: o
  };
}, ba = ({
  navigationUserMenuContainerClassName: a,
  navigationUserMenuItemClassName: t,
  view: i,
  item: o,
  onClickItem: s,
  spotlight: r
}) => /* @__PURE__ */ e("ul", { className: a, children: /* @__PURE__ */ e(
  A,
  {
    value: o,
    then: /* @__PURE__ */ e(
      Z,
      {
        className: t,
        spotlight: r,
        onClickItem: s,
        item: o,
        view: i
      }
    )
  }
) }), La = B(ba, pa), Pa = "creator_navigationHeaderContainer_Rl1VE", fa = "creator_navigationHeaderToggle__hiddenMobileMenu_Xo7hB", Oa = "creator_navigationHeaderToggle_cdpkk", ha = "creator_navigationHeaderHamburger_YkIxt", ya = "creator_navigationHeaderLogo_G5AOg", Ua = "creator_navigationHeaderContainer__expanded_kV89R", Ma = "creator_navigationHeaderIcon_w459f", w = { navigationHeaderContainer: Pa, navigationHeaderToggle__hiddenMobileMenu: fa, navigationHeaderToggle: Oa, navigationHeaderHamburger: ha, navigationHeaderLogo: ya, navigationHeaderContainer__expanded: Ua, navigationHeaderIcon: Ma }, Sa = ({ className: a }) => /* @__PURE__ */ e(
  "svg",
  {
    className: a,
    xmlns: "http://www.w3.org/2000/svg",
    width: "24",
    height: "24",
    viewBox: "0 0 24 24",
    fill: "none",
    children: /* @__PURE__ */ e("path", { d: "M3 18H21V16H3V18ZM3 13H21V11H3V13ZM3 6V8H21V6H3Z", fill: "white" })
  }
), Ha = ({
  className: a,
  isExpanded: t,
  showMobileMenu: i,
  toggleMobileMenu: o
}) => {
  const s = U(
    w.navigationHeaderContainer,
    a,
    {
      [w.navigationHeaderContainer__expanded]: t
    }
  ), r = U(
    w.navigationHeaderToggle,
    {
      [w.navigationHeaderToggle__hiddenMobileMenu]: !i
    }
  ), c = w.navigationHeaderHamburger, l = w.navigationHeaderIcon, v = w.navigationHeaderLogo, d = R(
    (m) => {
      o(m, { type: h.MOBILE_MENU_ICON });
    },
    [o]
  );
  return {
    className: a,
    isExpanded: t,
    onMobileMenuItemClick: d,
    navigationHeaderContainerClassName: s,
    navigationHeaderToggleClassName: r,
    navigationHeaderHamburgerClassName: c,
    navigationHeaderIconClassName: l,
    navigationHeaderLogoClassName: v
  };
}, Ba = ({
  onMobileMenuItemClick: a,
  navigationHeaderContainerClassName: t,
  navigationHeaderToggleClassName: i,
  navigationHeaderHamburgerClassName: o,
  navigationHeaderIconClassName: s,
  navigationHeaderLogoClassName: r
}) => /* @__PURE__ */ L("div", { className: t, children: [
  /* @__PURE__ */ L("div", { className: i, children: [
    /* @__PURE__ */ e("div", { onClick: a, children: /* @__PURE__ */ e(Sa, { className: o }) }),
    /* @__PURE__ */ e(ta, { className: s })
  ] }),
  /* @__PURE__ */ e("div", { className: r, children: /* @__PURE__ */ e(oa, {}) })
] }), wa = B(Ba, Ha), Aa = "creator_content_-7kmj", xa = "creator_content__collapsed_YwNjO", j = { content: Aa, content__collapsed: xa }, ka = ({
  item: a,
  view: t = I.FULL,
  className: i,
  spotlight: o,
  onClickItem: s
}) => {
  const { type: r, icon: c, items: l, disabled: v } = a, d = a.level || f.PRIMARY, m = a.name, _ = a.details, C = H(() => a !== o, [a, o]), u = l.some(
    (O) => O.type === h.LINK && D(O.url)
  ), P = H(
    () => C ? /* @__PURE__ */ e(aa, { size: 24 }) : /* @__PURE__ */ e(na, { size: 24 }),
    [C]
  ), y = (O) => s?.(O, a), g = U(
    i,
    n.navigationItemContainer,
    {
      [n.navigationItemContainer__popup__sub]: d === f.POPUP_SUB,
      [n.navigationItemContainer__disabled]: v,
      [n.navigationItemContainer__open]: !C,
      [n.navigationItemContainer__collapsed__view]: t === I.COLLAPSED,
      [n.navigationItemContainer__icon__view]: t === I.ICON,
      [n.navigationItemContainer__active]: u
    }
  ), M = U(
    n.navigationItemContentsGroup,
    {
      [n.navigationItemContentsGroup__collapsed__view]: t === I.COLLAPSED || C
    }
  );
  return {
    item: a,
    isCollapsed: C,
    spotlight: o,
    onClick: y,
    onClickItem: s,
    listItemClassName: n.listItem,
    navigationItemContainerClassName: g,
    navigationItemLabelContainerClassName: n.navigationItemLabelContainer,
    navigationItemSecondaryLabelClassName: n.navigationItemSecondaryLabel,
    navigationItemSuffixContainerClassName: n.navigationItemSuffixContainer,
    navigationItemContentsGroupClassName: M,
    navigationItemDividerContainerClassName: n.navigationItemDividerContainer,
    navigationItemDividerClassName: n.navigationItemDivider,
    navigationItemListContainerClassName: n.navigationItemListContainer,
    label: m,
    labelSecondary: _,
    view: t,
    className: i,
    prefixIcon: c,
    suffixIcon: P,
    type: r,
    id: a.key ? `nav-item-${a.key}` : void 0
  };
}, Ea = ({
  onClick: a,
  onClickItem: t,
  listItemClassName: i,
  navigationItemContainerClassName: o,
  navigationItemLabelContainerClassName: s,
  navigationItemSecondaryLabelClassName: r,
  navigationItemSuffixContainerClassName: c,
  navigationItemContentsGroupClassName: l,
  navigationItemDividerContainerClassName: v,
  navigationItemDividerClassName: d,
  navigationItemListContainerClassName: m,
  label: _,
  labelSecondary: C,
  prefixIcon: u,
  suffixIcon: P,
  view: y,
  item: g,
  spotlight: M,
  id: O
}) => /* @__PURE__ */ L("li", { className: i, id: O, children: [
  /* @__PURE__ */ L("a", { className: o, onClick: a, children: [
    u,
    /* @__PURE__ */ L("div", { className: s, children: [
      /* @__PURE__ */ e("span", { children: _ }),
      /* @__PURE__ */ e(
        A,
        {
          value: C,
          then: /* @__PURE__ */ e("span", { className: r, children: C })
        }
      )
    ] }),
    /* @__PURE__ */ e("div", { className: c, children: P })
  ] }),
  /* @__PURE__ */ L("div", { className: l, children: [
    /* @__PURE__ */ e("div", { className: v, children: /* @__PURE__ */ e("div", { className: d }) }),
    /* @__PURE__ */ e("ul", { className: m, children: /* @__PURE__ */ e(
      K,
      {
        values: g.items,
        type: V,
        layouts: {
          [h.LABEL]: (S, N) => /* @__PURE__ */ e(G, { item: S }, N),
          [h.LINK]: (S, N) => /* @__PURE__ */ e(
            F,
            {
              item: S,
              spotlight: M,
              view: y,
              onClickItem: t
            },
            N
          )
        }
      }
    ) })
  ] })
] }), Ra = B(Ea, ka), Da = ({
  className: a,
  isExpanded: t,
  onClickItem: i,
  Menu: o,
  spotlight: s
}) => {
  const r = t ? I.FULL : I.COLLAPSED, c = U(
    a,
    j.content,
    {
      [j.content__collapsed]: r === I.COLLAPSED
    }
  );
  return {
    className: a,
    spotlight: s,
    view: r,
    items: o || [],
    onClickItem: i,
    navigationContentContainerClassName: c
  };
}, Ka = ({
  view: a,
  items: t,
  spotlight: i,
  onClickItem: o,
  navigationContentContainerClassName: s
}) => /* @__PURE__ */ e("ul", { className: s, children: /* @__PURE__ */ e(
  K,
  {
    values: t,
    type: V,
    layouts: {
      [h.GROUP]: (r, c) => /* @__PURE__ */ e(
        Ra,
        {
          item: r,
          spotlight: i,
          onClickItem: o,
          view: a
        },
        c
      ),
      [h.LABEL]: (r, c) => /* @__PURE__ */ e(G, { item: r }, c),
      [h.LINK]: (r, c) => /* @__PURE__ */ e(
        F,
        {
          item: r,
          spotlight: i,
          onClickItem: o,
          view: a
        },
        c
      ),
      [h.POPUP]: (r, c) => /* @__PURE__ */ e(
        Z,
        {
          item: r,
          spotlight: i,
          onClickItem: o,
          view: a
        },
        c
      )
    }
  }
) }), Ga = B(Ka, Da);
var f = /* @__PURE__ */ ((a) => (a.PRIMARY = "PRIMARY", a.SUB = "SUB", a.POPUP_SUB = "POPUP_SUB", a))(f || {}), h = /* @__PURE__ */ ((a) => (a.LINK = "LINK", a.COMBO_LINK = "COMBO_LINK", a.COMBO_ACTION = "COMBO_ACTION", a.LABEL = "LABEL", a.POPUP = "POPUP", a.GROUP = "GROUP", a.MOBILE_MENU_ICON = "MOBILE_MENU_ICON", a.PROFILE = "PROFILE", a))(h || {}), I = /* @__PURE__ */ ((a) => (a.FULL = "FULL", a.COLLAPSED = "COLLAPSED", a.ICON = "ICON", a))(I || {});
const V = ({ type: a }) => a, Va = ({
  User: a,
  pinned: t,
  Menu: i,
  onClickItem: o
}) => {
  const [s, r] = $(t || !1), [c, l] = $(), v = (N) => r(t || N), d = () => {
    if (!i) return;
    const N = i.find(
      (p) => p.type === "GROUP" && p.items.some(
        (b) => b.type === "LINK" && D(b.url)
      )
    );
    l(N);
  }, m = (N, p) => {
    const b = !s;
    v(b), (!b || c) && l(void 0), b && d(), o?.(N, p);
  }, _ = X(() => {
    v(!1), l(void 0);
  }), u = (window && window.innerWidth) > ia, P = () => {
    u && (v(!0), d());
  }, y = () => {
    c && c.type === "POPUP" || (u && v(!1), l(void 0));
  }, g = U(
    E.navigationPrimaryContainer,
    {
      [E.navigationPrimaryContainer__expanded]: t || s
    }
  ), M = E.navigationPrimaryHeader, O = E.navigationPrimaryUserMenu;
  return {
    onDesktopHoverOn: P,
    onDesktopHoverOff: y,
    isExpanded: !!(t || s),
    onClickItem: (N, p) => {
      if ("disabled" in p && p.disabled) return N.preventDefault();
      const { type: b } = p, x = b === "GROUP", k = b === "POPUP", T = b === "LINK", Q = b === "COMBO_LINK", Y = b === "COMBO_ACTION";
      if ((x || k) && l(c !== p ? p : void 0), !s && u) {
        N.preventDefault(), v(!0);
        return;
      }
      Y && p.onClick(N, p), (T || Q || Y) && (v(!1), l(void 0)), o?.(N, p);
    },
    ref: _,
    showMobileMenu: !!i && i.length > 0,
    toggleMobileMenu: m,
    User: a,
    Menu: i,
    navigationPrimaryContainerClassName: g,
    navigationPrimaryHeaderClassName: M,
    navigationPrimaryUserMenuClassName: O,
    spotlight: c
  };
}, Fa = ({
  onDesktopHoverOn: a,
  onDesktopHoverOff: t,
  isExpanded: i,
  ref: o,
  showMobileMenu: s,
  toggleMobileMenu: r,
  onClickItem: c,
  User: l,
  Menu: v,
  navigationPrimaryContainerClassName: d,
  navigationPrimaryHeaderClassName: m,
  navigationPrimaryUserMenuClassName: _,
  spotlight: C
}) => /* @__PURE__ */ L(
  "div",
  {
    ref: o,
    onMouseEnter: a,
    onMouseLeave: t,
    className: d,
    children: [
      /* @__PURE__ */ e(
        wa,
        {
          showMobileMenu: s,
          toggleMobileMenu: r,
          isExpanded: i,
          className: m
        }
      ),
      /* @__PURE__ */ e(
        Ga,
        {
          Menu: v,
          spotlight: C,
          onClickItem: c,
          isExpanded: i
        }
      ),
      /* @__PURE__ */ e(
        La,
        {
          User: l,
          spotlight: C,
          onClickItem: c,
          className: _,
          isExpanded: i
        }
      )
    ]
  }
), rn = B(Fa, Va), D = (a) => !!(a && window && window.location && window.location.pathname.startsWith(a));
function z(a, t, i, o, s) {
  return a || t ? {
    native: !0,
    href: i,
    ...t && {
      target: "_blank",
      rel: "noopener noreferrer"
    },
    className: o,
    onClick: s
  } : {
    className: o,
    onClick: s,
    to: i
  };
}
const Ya = ({
  item: a,
  view: t = I.FULL,
  className: i,
  spotlight: o,
  onClickItem: s
}) => {
  const {
    type: r,
    url: c = "#",
    icon: l,
    name: v,
    details: d,
    disabled: m,
    external: _,
    native: C
  } = a, u = a.level || f.PRIMARY, P = H(() => a !== o, [a, o]), y = H(() => D(a.url), [a]), g = R(
    (x) => {
      s?.(x, a);
    },
    [s, a]
  ), M = U(
    i,
    n.navigationItemContainer,
    {
      [n.navigationItemContainer__popup__sub]: u === f.POPUP_SUB,
      [n.navigationItemContainer__disabled]: m,
      [n.navigationItemContainer__collapsed__view]: t === I.COLLAPSED,
      [n.navigationItemContainer__icon__view]: t === I.ICON,
      [n.navigationItemContainer__active]: y
    }
  ), O = n.navigationItemLabelContainer, S = n.navigationItemSecondaryLabel, N = n.navigationItemSuffixContainer, p = n.navigationItemLabel, b = z(
    C,
    _,
    c,
    M,
    g
  );
  return {
    item: a,
    isCollapsed: P,
    spotlight: o,
    external: _,
    listItemClassName: n.listItem,
    navigationItemLabelContainerClassName: O,
    navigationItemLabelClassName: p,
    navigationItemSecondaryLabelClassName: S,
    navigationItemSuffixContainerClassName: N,
    label: v,
    labelSecondary: d,
    className: i,
    prefixIcon: l,
    type: r,
    aProps: b,
    id: a.key ? `nav-item-${a.key}` : void 0
  };
}, $a = ({
  listItemClassName: a,
  navigationItemLabelContainerClassName: t,
  navigationItemLabelClassName: i,
  navigationItemSecondaryLabelClassName: o,
  navigationItemSuffixContainerClassName: s,
  label: r,
  labelSecondary: c,
  prefixIcon: l,
  suffixIcon: v,
  aProps: d,
  id: m
}) => /* @__PURE__ */ e("li", { className: a, id: m, children: /* @__PURE__ */ L(W, { ...d, children: [
  l,
  /* @__PURE__ */ L("div", { className: t, children: [
    /* @__PURE__ */ e("span", { className: i, children: r }),
    /* @__PURE__ */ e(
      A,
      {
        value: c,
        then: /* @__PURE__ */ e("span", { className: o, children: c })
      }
    )
  ] }),
  /* @__PURE__ */ e("div", { className: s, children: v })
] }) }), F = B($a, Ya);
export {
  ua as A,
  Z as B,
  pa as C,
  La as D,
  h as M,
  f as N,
  ba as U,
  I as a,
  Fa as b,
  rn as c,
  Da as d,
  Ka as e,
  Ga as f,
  Ha as g,
  Ba as h,
  wa as i,
  Ia as j,
  _a as k,
  ga as l,
  ka as m,
  Ea as n,
  Ra as o,
  da as p,
  Ca as q,
  G as r,
  D as s,
  V as t,
  Va as u,
  z as v,
  Ya as w,
  $a as x,
  F as y,
  Na as z
};
