@altinn/altinn-components 0.56.33 → 0.57.2

package/dist/components/Forms/TextFieldDropdown.js

@@ -1,43 +1,39 @@
 "use client";
 import { jsx as r, jsxs as V } from "react/jsx-runtime";
 import { useId as B, useState as f, useRef as x, useMemo as F, useEffect as _, useCallback as I } from "react";
-import { useClickOutside as A } from "../../hooks/useClickOutside.js";
-import { Badge as U } from "../Badge/Badge.js";
-import { DropdownBase as q } from "../Dropdown/DropdownBase.js";
-import { Icon as z } from "../Icon/Icon.js";
+import { useClickOutside as q } from "../../hooks/useClickOutside.js";
+import { Badge as A } from "../Badge/Badge.js";
+import { DropdownBase as J } from "../Dropdown/DropdownBase.js";
+import { F as K, I as U, J as z, K as G, q as H } from "../../Section-jhq4n77E.js";
 import "../../index-p1eeF8LQ.js";
+import { Input as P } from "./Input.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { Input as G } from "./Input.js";
-import { FieldBase as H } from "./FieldBase.js";
 import "../Snackbar/useSnackbar.js";
-import { MenuItem as J } from "../Menu/MenuItem.js";
-import { MenuList as K } from "../Menu/MenuList.js";
-import { MenuListItem as P } from "../Menu/MenuListItem.js";
-import { S as Q, a as W } from "../../ChevronUp-_BBfEirx.js";
+import { MenuList as Q } from "../Menu/MenuList.js";
+import { MenuListItem as W } from "../Menu/MenuListItem.js";
 import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y = "_input_8jcxe_7", Z = "_badge_8jcxe_15", ee = "_dropdownTrigger_8jcxe_36", oe = "_dropdown_8jcxe_36", d = {
   container: X,
   input: Y,
   badge: Z,
   dropdownTrigger: ee,
   dropdown: oe
-}, be = ({
+}, ge = ({
   label: O,
   helperText: M,
   value: u = "",
   onChange: p,
   options: g,
   validate: v,
-  badge: s,
-  disabled: i,
+  badge: i,
+  disabled: s,
   size: C,
   color: N,
-  className: S,
-  ...$
+  className: $,
+  ...k
 }) => {
-  const c = B(), [t, a] = f(!1), [n, w] = f(u), [h, b] = f(-1), [m, k] = f(null), T = x(null), j = x(null), y = x(null);
-  A(T, () => {
+  const c = B(), [t, a] = f(!1), [n, w] = f(u), [h, b] = f(-1), [m, y] = f(null), T = x(null), j = x(null), D = x(null);
+  q(T, () => {
     t && (a(!1), b(-1));
   });
   const l = F(() => n ? g.filter((e) => e.label.toLowerCase().includes(n.toLowerCase())) : g, [n, g]);
@@ -47,37 +43,37 @@ import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y =
     if (!v) return;
     const e = setTimeout(() => {
       const o = v(n);
-      k(typeof o == "string" ? o : o ? null : "Invalid value");
+      y(typeof o == "string" ? o : o ? null : "Invalid value");
     }, 300);
     return () => clearTimeout(e);
   }, [n, v]), _(() => {
-    if (i || !n) return;
+    if (s || !n) return;
     const e = l.some((o) => o.label.toLowerCase() === n.toLowerCase());
     l.length > 0 && !e && !t ? a(!0) : t && l.length === 0 && a(!1);
-  }, [n, l, t, i]);
-  const D = I(
+  }, [n, l, t, s]);
+  const E = I(
     (e) => {
       const o = e.target.value;
       w(o), p?.(o);
     },
     [p]
-  ), E = I(
+  ), R = I(
     (e) => {
       w(e.label), p?.(e.value), a(!1), b(-1), j.current?.focus();
     },
     [p]
-  ), R = I(() => {
-    i || (t ? (a(!1), b(-1)) : l.length > 0 && a(!0));
-  }, [i, t, l.length]), L = m ? "danger" : N;
-  return /* @__PURE__ */ r(H, { size: C, color: L, label: O, helperText: m || M, className: S, children: /* @__PURE__ */ V("div", { className: d.container, ref: T, children: [
+  ), S = I(() => {
+    s || (t ? (a(!1), b(-1)) : l.length > 0 && a(!0));
+  }, [s, t, l.length]), L = m ? "danger" : N;
+  return /* @__PURE__ */ r(K, { size: C, color: L, label: O, helperText: m || M, className: $, children: /* @__PURE__ */ V("div", { className: d.container, ref: T, children: [
     /* @__PURE__ */ r(
-      G,
+      P,
       {
-        ...$,
+        ...k,
         ref: j,
         value: n,
-        onChange: D,
-        disabled: i,
+        onChange: E,
+        disabled: s,
         size: C,
         color: L,
         className: d.input,
@@ -88,30 +84,30 @@ import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y =
         "aria-activedescendant": h >= 0 ? `${c}-option-${h}` : void 0,
         "aria-invalid": !!m,
         "aria-describedby": m ? `${c}-error` : void 0,
-        "data-has-badge": !!s
+        "data-has-badge": !!i
       }
     ),
-    s && /* @__PURE__ */ r("span", { className: d.badge, children: /* @__PURE__ */ r(U, { label: s.label, color: s.color, variant: s.variant || "subtle", size: "sm" }) }),
+    i && /* @__PURE__ */ r("span", { className: d.badge, children: /* @__PURE__ */ r(A, { label: i.label, color: i.color, variant: i.variant || "subtle", size: "sm" }) }),
     /* @__PURE__ */ r(
       "button",
       {
         type: "button",
         className: d.dropdownTrigger,
-        onClick: R,
-        disabled: i,
+        onClick: S,
+        disabled: s,
         "aria-label": t ? "Close dropdown" : "Open dropdown",
         tabIndex: -1,
-        children: /* @__PURE__ */ r(z, { svgElement: t ? Q : W })
+        children: /* @__PURE__ */ r(U, { svgElement: t ? z : G })
       }
     ),
-    /* @__PURE__ */ r(q, { open: t, onClose: () => a(!1), as: "div", className: d.dropdown, children: /* @__PURE__ */ r("div", { id: c, ref: y, role: "listbox", children: /* @__PURE__ */ r(K, { role: "group", children: l.map((e, o) => /* @__PURE__ */ r(P, { children: /* @__PURE__ */ r(
-      J,
+    /* @__PURE__ */ r(J, { open: t, onClose: () => a(!1), as: "div", className: d.dropdown, children: /* @__PURE__ */ r("div", { id: c, ref: D, role: "listbox", children: /* @__PURE__ */ r(Q, { role: "group", children: l.map((e, o) => /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(
+      H,
       {
         id: `${c}-option-${o}`,
         role: "option",
         "aria-selected": e.value === u,
         "data-active": h === o,
-        onClick: () => !e.disabled && E(e),
+        onClick: () => !e.disabled && R(e),
         disabled: e.disabled,
         as: "div",
         title: e.label,
@@ -121,5 +117,5 @@ import '../../assets/TextFieldDropdown.css';const X = "_container_8jcxe_1", Y =
   ] }) });
 };
 export {
-  be as TextFieldDropdown
+  ge as TextFieldDropdown
 };

package/dist/components/Forms/TextareaField.js

@@ -1,13 +1,12 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
+import { Textarea as p } from "./Textarea.js";
+import { F as a } from "../../Section-jhq4n77E.js";
 import "../Button/Button.js";
 import "react-dom";
-import "../RootProvider/RootProvider.js";
-import { Textarea as p } from "./Textarea.js";
-import { FieldBase as a } from "./FieldBase.js";
 import "../Snackbar/useSnackbar.js";
-const h = ({ size: o, color: t, label: i, helperText: m, ...e }) => /* @__PURE__ */ r(a, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(p, { ...e }) });
+const T = ({ size: o, color: t, label: i, helperText: m, ...e }) => /* @__PURE__ */ r(a, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(p, { ...e }) });
 export {
-  h as TextareaField
+  T as TextareaField
 };

package/dist/components/Forms/index.js

@@ -2,43 +2,42 @@ import { Field as r } from "./Field.js";
 import { Fieldset as p } from "./Fieldset.js";
 import { Legend as f } from "./Legend.js";
 import { Label as i } from "./Label.js";
-import { Input as a } from "./Input.js";
+import { Input as d } from "./Input.js";
 import { Textarea as s } from "./Textarea.js";
 import { Select as c } from "./Select.js";
-import { Radio as S } from "./Radio.js";
+import { Radio as h } from "./Radio.js";
 import { Checkbox as O } from "./Checkbox.js";
 import { Switch as b } from "./Switch.js";
-import { FieldBase as B } from "./FieldBase.js";
-import { TextField as C } from "./TextField.js";
-import { TextareaField as R } from "./TextareaField.js";
-import { SelectField as u } from "./SelectField.js";
-import { S as I } from "../../SearchField-QTfebYdU.js";
-import { TextFieldDropdown as q } from "./TextFieldDropdown.js";
-import { FieldsetBase as y } from "./FieldsetBase.js";
-import { OptionsBase as A } from "./OptionsBase.js";
-import { RadioOptions as G } from "./RadioOptions.js";
-import { SwitchOptions as J } from "./SwitchOptions.js";
-import { CheckboxOptions as M } from "./CheckboxOptions.js";
+import { F as B, z as k } from "../../Section-jhq4n77E.js";
+import { TextField as L } from "./TextField.js";
+import { TextareaField as g } from "./TextareaField.js";
+import { SelectField as z } from "./SelectField.js";
+import { TextFieldDropdown as I } from "./TextFieldDropdown.js";
+import { FieldsetBase as q } from "./FieldsetBase.js";
+import { OptionsBase as y } from "./OptionsBase.js";
+import { RadioOptions as E } from "./RadioOptions.js";
+import { SwitchOptions as H } from "./SwitchOptions.js";
+import { CheckboxOptions as K } from "./CheckboxOptions.js";
 export {
   O as Checkbox,
-  M as CheckboxOptions,
+  K as CheckboxOptions,
   r as Field,
   B as FieldBase,
   p as Fieldset,
-  y as FieldsetBase,
-  a as Input,
+  q as FieldsetBase,
+  d as Input,
   i as Label,
   f as Legend,
-  A as OptionsBase,
-  S as Radio,
-  G as RadioOptions,
-  I as SearchField,
+  y as OptionsBase,
+  h as Radio,
+  E as RadioOptions,
+  k as SearchField,
   c as Select,
-  u as SelectField,
+  z as SelectField,
   b as Switch,
-  J as SwitchOptions,
-  C as TextField,
-  q as TextFieldDropdown,
+  H as SwitchOptions,
+  L as TextField,
+  I as TextFieldDropdown,
   s as Textarea,
-  R as TextareaField
+  g as TextareaField
 };

package/dist/components/GlobalHeader/GlobalAccountButton.js

@@ -0,0 +1,125 @@
+"use client";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { c as d } from "../../index-p1eeF8LQ.js";
+import m, { forwardRef as v, isValidElement as b } from "react";
+import { Avatar as f } from "../Avatar/Avatar.js";
+import { x as _, E as h, K as y } from "../../Section-jhq4n77E.js";
+import { Button as g } from "../Button/Button.js";
+import "react-dom";
+import "../Snackbar/useSnackbar.js";
+import { u as w } from "../../useId-BVFxCjkq.js";
+import '../../assets/GlobalAccountButton.css';var B = function(t, a) {
+  var n = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && a.indexOf(e) < 0 && (n[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i = 0, e = Object.getOwnPropertySymbols(t); i < e.length; i++)
+      a.indexOf(e[i]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[i]) && (n[e[i]] = t[e[i]]);
+  return n;
+};
+const N = v((t, a) => {
+  var { title: n, titleId: e } = t, i = B(t, ["title", "titleId"]);
+  let r = w();
+  return r = n ? e || "title-" + r : void 0, m.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: a, "aria-labelledby": r }, i),
+    n ? m.createElement("title", { id: r }, n) : null,
+    m.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M15.5 3.25a.75.75 0 0 0 0 1.5H19a.25.25 0 0 1 .25.25v14a.25.25 0 0 1-.25.25h-3.5a.75.75 0 0 0 0 1.5H19A1.75 1.75 0 0 0 20.75 19V5A1.75 1.75 0 0 0 19 3.25zM9.97 6.97a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 1 1-1.06-1.06l3.22-3.22H3.5a.75.75 0 0 1 0-1.5h9.69L9.97 8.03a.75.75 0 0 1 0-1.06", clipRule: "evenodd" })
+  );
+}), x = "_accountButton_tirvd_3", O = "_loginButton_tirvd_4", j = "_label_tirvd_27", k = "_icon_tirvd_37", E = "_avatar_tirvd_48", I = "_title_tirvd_68", L = "_description_tirvd_75", o = {
+  accountButton: x,
+  loginButton: O,
+  label: j,
+  icon: k,
+  avatar: E,
+  title: I,
+  description: L
+}, T = ({
+  className: t,
+  currentAccount: a,
+  expanded: n = !1,
+  minimized: e = !1,
+  loading: i = !1,
+  ...r
+}) => {
+  const { languageCode: p } = _(), c = C(p);
+  if (i)
+    return /* @__PURE__ */ l(
+      g,
+      {
+        ...r,
+        as: "button",
+        type: "button",
+        variant: "ghost",
+        color: "company",
+        className: d(o.accountButton, o.loading, t),
+        disabled: !0,
+        "aria-label": "loading",
+        children: /* @__PURE__ */ l(f, { name: "loading", loading: !0, className: o.avatar })
+      }
+    );
+  if (a) {
+    let s = a.description;
+    return a.role === "subunit" && typeof s == "string" && s && (s = `${s.split(",")[0]}, ${c.subunit}`), /* @__PURE__ */ u(
+      g,
+      {
+        ...r,
+        as: "button",
+        type: "button",
+        variant: "ghost",
+        color: "company",
+        className: d(o.accountButton, t),
+        "aria-label": n ? c.close : a.name,
+        "aria-expanded": n,
+        children: [
+          /* @__PURE__ */ l(f, { ...a?.icon, className: o.avatar }),
+          !e && /* @__PURE__ */ u("div", { className: o.label, children: [
+            /* @__PURE__ */ l("span", { className: o.title, children: a.name }),
+            /* @__PURE__ */ l("span", { className: o.description, children: typeof s == "string" || b(s) ? s : null })
+          ] }),
+          n ? /* @__PURE__ */ l(h, { className: o.icon, "aria-hidden": !0 }) : /* @__PURE__ */ l(y, { className: o.icon, "aria-hidden": !0 })
+        ]
+      }
+    );
+  }
+  return n ? null : /* @__PURE__ */ u(
+    g,
+    {
+      ...r,
+      as: "button",
+      type: "button",
+      variant: "outline",
+      color: "company",
+      "aria-label": c.login,
+      className: d(o.loginButton, t),
+      "aria-expanded": n,
+      children: [
+        !e && /* @__PURE__ */ l("span", { className: o.label, children: c.login }),
+        /* @__PURE__ */ l(N, { className: o.icon, "aria-hidden": !0 })
+      ]
+    }
+  );
+}, C = (t) => {
+  switch (t) {
+    case "nn":
+      return {
+        login: "Logg inn",
+        close: "Lukk kontomeny",
+        subunit: "undereining"
+      };
+    case "en":
+      return {
+        login: "Log in",
+        close: "Close Account Menu",
+        subunit: "subunit"
+      };
+    default:
+      return {
+        login: "Logg inn",
+        close: "Lukk kontomeny",
+        subunit: "underenhet"
+      };
+  }
+};
+export {
+  T as GlobalAccountButton
+};

package/dist/components/GlobalHeader/GlobalHeader.js

@@ -1,68 +1,67 @@
 "use client";
-import { jsx as n, jsxs as a, Fragment as F } from "react/jsx-runtime";
-import { useState as A } from "react";
-import { useIsDesktop as v } from "../../hooks/useIsDesktop.js";
-import { GlobalMenu as C } from "../GlobalMenu/GlobalMenu.js";
+import { jsx as n, jsxs as a, Fragment as _ } from "react/jsx-runtime";
+import { useState as F } from "react";
+import { useIsDesktop as A } from "../../hooks/useIsDesktop.js";
+import { AccountSelector as C } from "../AccountSelector/AccountSelector.js";
+import { GlobalMenu as b } from "../GlobalMenu/GlobalMenu.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "react-dom";
-import { useRootContext as b } from "../RootProvider/RootProvider.js";
+import { x as j } from "../../Section-jhq4n77E.js";
 import { GlobalMenuButton as k } from "./GlobalMenuButton.js";
+import { GlobalAccountButton as D } from "./GlobalAccountButton.js";
 import "../Snackbar/useSnackbar.js";
-import { AccountSelector as D } from "./AccountSelector.js";
-import { AccountSelectorButton as H } from "./AccountSelectorButton.js";
-import { HeaderDrawer as N } from "./HeaderDrawer.js";
-import { HeaderDropdown as w } from "./HeaderDropdown.js";
-import { HeaderLogo as y } from "./HeaderLogo.js";
-import '../../assets/GlobalHeader.css';const B = "_header_57464_1", G = "_container_57464_7", I = "_nav_57464_53", t = {
-  header: B,
-  container: G,
-  nav: I
+import { HeaderDrawer as G } from "./HeaderDrawer.js";
+import { HeaderDropdown as H } from "./HeaderDropdown.js";
+import { HeaderLogo as N } from "./HeaderLogo.js";
+import '../../assets/GlobalHeader.css';const w = "_header_1iojv_1", y = "_container_1iojv_7", B = "_nav_1iojv_53", t = {
+  header: w,
+  container: y,
+  nav: B
 }, W = ({
   globalMenu: r,
-  desktopMenu: m,
-  mobileMenu: p,
-  locale: u,
+  desktopMenu: d,
+  mobileMenu: m,
+  locale: p,
   accountSelector: e,
-  logo: f = {},
-  badge: h,
-  onLoginClick: g
+  logo: u = {},
+  badge: f,
+  onLoginClick: h
 }) => {
-  const { currentId: o, toggleId: i, closeAll: c } = b(), x = () => {
-    i("account");
-  }, O = () => {
-    i("menu");
-  }, l = o === "account" || e?.forceOpenFullScreen || !1, [d, _] = A(!1), s = v();
+  const { currentId: o, toggleId: l, closeAll: c } = j(), g = () => {
+    l("account");
+  }, x = () => {
+    l("menu");
+  }, i = o === "account" || e?.forceOpenFullScreen || !1, [s, v] = F(!1), O = A();
   return /* @__PURE__ */ n("header", { className: t.header, "data-current-id": o, children: /* @__PURE__ */ a("div", { className: t.container, children: [
-    /* @__PURE__ */ n(y, { ...f, badge: h, className: t.logo }),
+    /* @__PURE__ */ n(N, { ...u, badge: f, className: t.logo }),
     /* @__PURE__ */ a("nav", { className: t.nav, children: [
-      e && /* @__PURE__ */ a(F, { children: [
+      e && /* @__PURE__ */ a(_, { children: [
         /* @__PURE__ */ n(
-          H,
+          D,
           {
             currentAccount: e.accountMenu?.currentAccount,
-            minimized: !s,
-            onClick: e.accountMenu?.currentAccount ? x : g,
-            expanded: l,
+            onClick: e.accountMenu?.currentAccount ? g : h,
+            expanded: i,
             loading: e.loading,
             disabled: e.forceOpenFullScreen
           }
         ),
         /* @__PURE__ */ n(
-          N,
+          G,
           {
             id: "header-account",
-            open: l,
+            open: i,
             onClose: c,
             closedBy: e?.forceOpenFullScreen ? "none" : "any",
-            expanded: e?.forceOpenFullScreen || d,
-            onToggle: () => _(!d),
-            children: /* @__PURE__ */ n(D, { ...e, forceOpenFullScreen: e.forceOpenFullScreen })
+            expanded: e?.forceOpenFullScreen || s,
+            onToggle: () => v(!s),
+            children: /* @__PURE__ */ n(C, { ...e, forceOpenFullScreen: e.forceOpenFullScreen })
           }
         )
       ] }),
       /* @__PURE__ */ n(
-        w,
+        H,
         {
           id: "header-menu",
           open: o === "menu",
@@ -70,19 +69,19 @@ import '../../assets/GlobalHeader.css';const B = "_header_57464_1", G = "_contai
           trigger: /* @__PURE__ */ n(
             k,
             {
-              onClick: O,
+              onClick: x,
               expanded: o === "menu",
               disabled: e?.forceOpenFullScreen,
               label: r?.menuLabel
             }
           ),
           children: /* @__PURE__ */ n(
-            C,
+            b,
             {
               ...r,
-              menu: s ? m || r?.menu : p || r?.menu,
+              menu: O ? d || r?.menu : m || r?.menu,
               onClose: c,
-              localeSwitcher: u,
+              localeSwitcher: p,
               isOpen: o === "menu"
             }
           )

package/dist/components/GlobalHeader/GlobalMenuButton.js

@@ -1,20 +1,19 @@
-import { jsxs as b, jsx as o } from "react/jsx-runtime";
+import { jsxs as b, jsx as e } from "react/jsx-runtime";
 import { Badge as p } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { Button as _ } from "../Button/Button.js";
+import { x as _, E as d } from "../../Section-jhq4n77E.js";
+import { Button as g } from "../Button/Button.js";
 import "react-dom";
-import { useRootContext as d } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as g } from "../../XMark-tKk6aExO.js";
 import { S as f } from "../../MenuHamburger-YjDC-ncP.js";
-import '../../assets/GlobalMenuButton2.css';const N = "_button_1ssrq_3", h = "_icon_1ssrq_14", k = "_label_1ssrq_22", y = "_badge_1ssrq_28", t = {
+import '../../assets/GlobalMenuButton.css';const N = "_button_e58u8_3", h = "_icon_e58u8_14", k = "_label_e58u8_22", x = "_badge_e58u8_28", t = {
   button: N,
   icon: h,
   label: k,
-  badge: y
-}, M = (e) => {
-  switch (e) {
+  badge: x
+}, y = (n) => {
+  switch (n) {
     case "nn":
       return {
         close: "Lukk meny"
@@ -28,37 +27,37 @@ import '../../assets/GlobalMenuButton2.css';const N = "_button_1ssrq_3", h = "_i
         close: "Lukk Meny"
       };
   }
-}, R = ({
-  className: e,
-  as: q = "button",
-  color: a = "company",
+}, H = ({
+  className: n,
+  as: M = "button",
+  color: r = "company",
   variant: c = "solid",
-  onClick: l,
-  expanded: s,
-  label: n = "Menu",
-  badge: r,
-  ...m
+  onClick: u,
+  expanded: o,
+  label: s = "Menu",
+  badge: a,
+  ...l
 }) => {
-  const { languageCode: i } = d(), { close: u } = M(i);
+  const { languageCode: i } = _(), { close: m } = y(i);
   return /* @__PURE__ */ b(
-    _,
+    g,
     {
-      ...m,
+      ...l,
       type: "button",
-      title: s ? u : n,
-      onClick: l,
-      color: a,
+      title: o ? m : s,
+      onClick: u,
+      color: r,
       variant: c,
       className: t.button,
-      "aria-expanded": s,
+      "aria-expanded": o,
       children: [
-        s ? /* @__PURE__ */ o(g, { className: t.icon, "aria-hidden": "true" }) : /* @__PURE__ */ o(f, { className: t.icon, "aria-hidden": "true" }),
-        /* @__PURE__ */ o("span", { className: t.label, children: n }),
-        r && /* @__PURE__ */ o(p, { ...r, className: t.badge })
+        o ? /* @__PURE__ */ e(d, { className: t.icon, "aria-hidden": "true" }) : /* @__PURE__ */ e(f, { className: t.icon, "aria-hidden": "true" }),
+        /* @__PURE__ */ e("span", { className: t.label, children: s }),
+        a && /* @__PURE__ */ e(p, { ...a, className: t.badge })
       ]
     }
   );
 };
 export {
-  R as GlobalMenuButton
+  H as GlobalMenuButton
 };