@altinn/altinn-components 0.63.2 → 0.63.3

package/dist/components/Notifications/NotificationItemControls.js

@@ -1,14 +1,15 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { s as p } from "../../ToolbarSearch-DT-KvnVb.js";
+import { s as p } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import { Button as l } from "../Button/Button.js";
 import { ContextMenu as a } from "../ContextMenu/ContextMenu.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import { ListItemControls as f } from "../List/ListItemControls.js";
 import "../Snackbar/useSnackbar.js";
-const z = ({
+const I = ({
   className: t,
   loading: i,
   dismissable: m,
@@ -20,5 +21,5 @@ const z = ({
   m && /* @__PURE__ */ o(l, { variant: "ghost", "aria-label": s || "Dismiss", onClick: n, size: "xs", children: /* @__PURE__ */ o(p, { style: { fontSize: "1.5em" } }) })
 ] });
 export {
-  z as NotificationItemControls
+  I as NotificationItemControls
 };

package/dist/components/Notifications/NotificationItemIcon.js

@@ -1,12 +1,13 @@
-import { jsx as r, jsxs as o, Fragment as p } from "react/jsx-runtime";
-import { isValidElement as i } from "react";
-import { I as e, s as m, i as c, B as l } from "../../ToolbarSearch-DT-KvnVb.js";
+import { jsx as r, jsxs as o, Fragment as i } from "react/jsx-runtime";
+import { isValidElement as n } from "react";
+import { I as e, s as m, i as c, B as l } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../../index-p1eeF8LQ.js";
 import { isAvatarProps as _, Avatar as v } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as d, AvatarGroup as f } from "../Avatar/AvatarGroup.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/NotificationItemIcon.css';const u = "_icon_15rz1_1", g = "_shape_15rz1_11", h = "_avatar_15rz1_29", N = "_avatarGroup_15rz1_35", b = "_badge_15rz1_39", t = {
   icon: u,
@@ -16,18 +17,18 @@ import '../../assets/NotificationItemIcon.css';const u = "_icon_15rz1_1", g = "_
   badge: b
 };
 function z(s) {
-  return typeof s == "string" || typeof s == "number" || typeof s == "boolean" || s === null || i(s);
+  return typeof s == "string" || typeof s == "number" || typeof s == "boolean" || s === null || n(s);
 }
-const F = ({ loading: s, icon: a, badge: n }) => a ? s ? /* @__PURE__ */ r("div", { className: t.icon, children: /* @__PURE__ */ r(e, { svgElement: m, loading: !0 }) }) : /* @__PURE__ */ o("div", { className: t.icon, children: [
-  _(a) && /* @__PURE__ */ r(v, { ...a, className: t.avatar }) || d(a) && /* @__PURE__ */ r(f, { ...a, className: t.avatarGroup }) || c(a) && /* @__PURE__ */ o(p, { children: [
+const M = ({ loading: s, icon: a, badge: p }) => a ? s ? /* @__PURE__ */ r("div", { className: t.icon, children: /* @__PURE__ */ r(e, { svgElement: m, loading: !0 }) }) : /* @__PURE__ */ o("div", { className: t.icon, children: [
+  _(a) && /* @__PURE__ */ r(v, { ...a, className: t.avatar }) || d(a) && /* @__PURE__ */ r(f, { ...a, className: t.avatarGroup }) || c(a) && /* @__PURE__ */ o(i, { children: [
     /* @__PURE__ */ r("span", { className: t.shape }),
     /* @__PURE__ */ r(e, { ...a })
-  ] }) || z(a) && a || /* @__PURE__ */ o(p, { children: [
+  ] }) || z(a) && a || /* @__PURE__ */ o(i, { children: [
     /* @__PURE__ */ r("span", { className: t.shape }),
     /* @__PURE__ */ r(e, { svgElement: a })
   ] }),
-  n && /* @__PURE__ */ r(l, { ...n, size: "xs", variant: "base", className: t.badge })
+  p && /* @__PURE__ */ r(l, { ...p, size: "xs", variant: "base", className: t.badge })
 ] }) : null;
 export {
-  F as NotificationItemIcon
+  M as NotificationItemIcon
 };

package/dist/components/Page/AccordionSection.js

@@ -1,18 +1,19 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-DT-KvnVb.js";
+import "../../ToolbarSearch-OLv6DjhT.js";
 import { Typography as e } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { PageDetails as n } from "./PageDetails.js";
 import { Section as c } from "./Section.js";
-const j = ({ items: o }) => /* @__PURE__ */ r(c, { children: o?.map((t) => {
+const A = ({ items: o }) => /* @__PURE__ */ r(c, { children: o?.map((t) => {
   const { id: i, title: m, children: p } = t;
   return /* @__PURE__ */ r(n, { summary: m, children: /* @__PURE__ */ r(e, { children: p }) }, i);
 }) });
 export {
-  j as AccordionSection
+  A as AccordionSection
 };

package/dist/components/Page/ContactButtons.js

@@ -1,21 +1,22 @@
 import { jsx as o, jsxs as u } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-DT-KvnVb.js";
+import "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import { Button as l } from "../Button/Button.js";
 import { ButtonIcon as a } from "../Button/ButtonIcon.js";
 import { ButtonLabel as s } from "../Button/ButtonLabel.js";
 import { ButtonGroup as f } from "../Button/ButtonGroup.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-const L = ({ items: t }) => /* @__PURE__ */ o(f, { children: t.map((r, i) => {
-  const { as: n, href: m, onClick: p, icon: e, label: c } = r;
-  return /* @__PURE__ */ u(l, { as: n, href: m, onClick: p, variant: "outline", children: [
+const g = ({ items: t }) => /* @__PURE__ */ o(f, { children: t.map((r, i) => {
+  const { as: m, href: n, onClick: p, icon: e, label: c } = r;
+  return /* @__PURE__ */ u(l, { as: m, href: n, onClick: p, variant: "outline", children: [
     /* @__PURE__ */ o(a, { icon: e }),
     /* @__PURE__ */ o(s, { children: c })
   ] }, i);
 }) });
 export {
-  L as ContactButtons
+  g as ContactButtons
 };

package/dist/components/Page/ContactSection.js

@@ -1,18 +1,19 @@
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { H as a } from "../../ToolbarSearch-DT-KvnVb.js";
+import { H as a } from "../../ToolbarSearch-OLv6DjhT.js";
 import { Typography as s } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as g } from "./Section.js";
 import { ContactButtons as h } from "./ContactButtons.js";
-const B = ({
+const T = ({
   variant: r = "inline",
-  theme: n,
-  color: p,
+  theme: p,
+  color: n,
   typographyProps: m,
   title: i,
   description: c,
@@ -22,8 +23,8 @@ const B = ({
   g,
   {
     direction: "col",
-    theme: n,
-    color: p,
+    theme: p,
+    color: n,
     padding: r === "card" ? "page" : 0,
     shadow: r === "card" ? "xs" : "none",
     spacing: 4,
@@ -35,5 +36,5 @@ const B = ({
   }
 );
 export {
-  B as ContactSection
+  T as ContactSection
 };

package/dist/components/Page/PageMenu.js

@@ -1,21 +1,22 @@
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import { I as u } from "../../ToolbarSearch-DT-KvnVb.js";
+import { I as p } from "../../ToolbarSearch-OLv6DjhT.js";
 import "react";
 import "../Typography/Link.js";
-import { Button as p } from "../Button/Button.js";
+import { Button as u } from "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/PageMenu.css';const c = "_buttonGroup_1ybcg_1", a = "_button_1ybcg_1", r = {
   buttonGroup: c,
   button: a
-}, v = ({ items: s }) => /* @__PURE__ */ t("nav", { "data-size": "sm", className: r.buttonGroup, children: s?.map((o) => {
-  const { icon: n, title: e, ...i } = o;
-  return /* @__PURE__ */ m(p, { variant: "ghost", className: r.button, size: "sm", ...i, children: [
-    n && /* @__PURE__ */ t(u, { svgElement: n }),
-    /* @__PURE__ */ t("span", { children: e })
+}, x = ({ items: s }) => /* @__PURE__ */ t("nav", { "data-size": "sm", className: r.buttonGroup, children: s?.map((o) => {
+  const { icon: n, title: i, ...m } = o;
+  return /* @__PURE__ */ e(u, { variant: "ghost", className: r.button, size: "sm", ...m, children: [
+    n && /* @__PURE__ */ t(p, { svgElement: n }),
+    /* @__PURE__ */ t("span", { children: i })
   ] }, o.id);
 }) });
 export {
-  v as PageMenu
+  x as PageMenu
 };

package/dist/components/Page/PageNav.js

@@ -2,49 +2,50 @@
 import { jsxs as s, jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import a, { forwardRef as c } from "react";
-import "../../ToolbarSearch-DT-KvnVb.js";
+import "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import { Button as m } from "../Button/Button.js";
 import { Breadcrumbs as f } from "../Breadcrumbs/Breadcrumbs.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as d } from "./Flex.js";
-import { u as p } from "../../useId-BVFxCjkq.js";
-import '../../assets/PageNav.css';var u = function(t, o) {
-  var l = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
+import { Flex as p } from "./Flex.js";
+import { u as d } from "../../useId-BVFxCjkq.js";
+import '../../assets/PageNav.css';var u = function(t, l) {
+  var o = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && l.indexOf(e) < 0 && (o[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
     for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
-      o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
-  return l;
+      l.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (o[e[r]] = t[e[r]]);
+  return o;
 };
-const b = c((t, o) => {
-  var { title: l, titleId: e } = t, r = u(t, ["title", "titleId"]);
-  let n = p();
-  return n = l ? e || "title-" + n : void 0, a.createElement(
+const b = c((t, l) => {
+  var { title: o, titleId: e } = t, r = u(t, ["title", "titleId"]);
+  let n = d();
+  return n = o ? e || "title-" + n : void 0, a.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: o, "aria-labelledby": n }, r),
-    l ? a.createElement("title", { id: n }, l) : null,
+    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: l, "aria-labelledby": n }, r),
+    o ? a.createElement("title", { id: n }, o) : null,
     a.createElement("path", { fill: "currentColor", d: "M8.97 6.97a.75.75 0 1 1 1.06 1.06l-3.22 3.22H19a.75.75 0 0 1 0 1.5H6.81l3.22 3.22a.75.75 0 1 1-1.06 1.06l-4.5-4.5a.75.75 0 0 1 0-1.06z" })
   );
 }), g = "_controls_9bu1z_7", v = {
   controls: g
-}, z = ({
+}, S = ({
   color: t,
-  padding: o,
-  breadcrumbs: l,
+  padding: l,
+  breadcrumbs: o,
   backButton: e = {
     as: "a",
     label: "Back"
   },
   controls: r
-}) => /* @__PURE__ */ s(d, { as: "nav", direction: "row", align: "center", justify: "between", color: t, padding: o, children: [
-  l ? /* @__PURE__ */ i(f, { items: l }) : /* @__PURE__ */ s(m, { ...e, variant: "ghost", size: "sm", children: [
+}) => /* @__PURE__ */ s(p, { as: "nav", direction: "row", align: "center", justify: "between", color: t, padding: l, children: [
+  o ? /* @__PURE__ */ i(f, { items: o }) : /* @__PURE__ */ s(m, { ...e, variant: "ghost", size: "sm", children: [
     /* @__PURE__ */ i(b, {}),
     /* @__PURE__ */ i("span", { children: e?.label || "Back" })
   ] }),
   r && /* @__PURE__ */ i("div", { className: v.controls, children: r })
 ] });
 export {
-  z as PageNav
+  S as PageNav
 };

package/dist/components/Page/Section.js

@@ -1,21 +1,22 @@
 import { jsx as e } from "react/jsx-runtime";
 import { c as n } from "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-DT-KvnVb.js";
+import "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as p } from "./Flex.js";
 import '../../assets/Section.css';const l = "_section_1w6kc_1", a = {
   section: l
-}, F = ({
+}, N = ({
   as: o = "section",
   direction: t = "col",
   align: i = "initial",
   variant: r,
-  className: c,
-  children: m,
+  className: m,
+  children: c,
   ...s
 }) => /* @__PURE__ */ e(
   p,
@@ -24,11 +25,11 @@ import '../../assets/Section.css';const l = "_section_1w6kc_1", a = {
     align: i,
     direction: t,
     theme: r,
-    className: n(a.section, c),
+    className: n(a.section, m),
     ...s,
-    children: m
+    children: c
   }
 );
 export {
-  F as Section
+  N as Section
 };

package/dist/components/Pagination/Pagination.js

@@ -1,15 +1,16 @@
-import { jsx as i, jsxs as p } from "react/jsx-runtime";
+import { jsx as i, jsxs as h } from "react/jsx-runtime";
 import { Button as e } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-DT-KvnVb.js";
+import "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Pagination.css';const b = "_pagination_jpqmb_1", m = "_list_jpqmb_5", t = {
-  pagination: b,
-  list: m
-}, y = ({
+import '../../assets/Pagination.css';const m = "_pagination_jpqmb_1", b = "_list_jpqmb_5", t = {
+  pagination: m,
+  list: b
+}, B = ({
   size: a,
   variant: o = "tinted",
   selectedVariant: d = "solid",
@@ -17,11 +18,11 @@ import '../../assets/Pagination.css';const b = "_pagination_jpqmb_1", m = "_list
   next: n,
   items: s = [],
   "aria-label": c = "Velg side"
-}) => /* @__PURE__ */ i("nav", { className: t.pagination, "data-size": a, "aria-label": c, children: /* @__PURE__ */ p("ul", { className: t.list, children: [
+}) => /* @__PURE__ */ i("nav", { className: t.pagination, "data-size": a, "aria-label": c, children: /* @__PURE__ */ h("ul", { className: t.list, children: [
   r && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(e, { ...r, size: a, "aria-label": r["aria-label"] || "Forrige side", variant: o, children: r.label || "Forrige" }) }),
-  s?.map((l, h) => /* @__PURE__ */ i("li", { "aria-hidden": l.hidden, children: l.hidden ? /* @__PURE__ */ i(e, { as: "div", size: a, variant: "ghost", children: "…" }) : /* @__PURE__ */ i(e, { ...l, size: a, variant: l?.selected ? d : o, children: l.label }) }, h)),
+  s?.map((l, p) => /* @__PURE__ */ i("li", { "aria-hidden": l.hidden, children: l.hidden ? /* @__PURE__ */ i(e, { as: "div", size: a, variant: "ghost", children: "…" }) : /* @__PURE__ */ i(e, { ...l, size: a, variant: l?.selected ? d : o, children: l.label }) }, p)),
   n && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(e, { ...n, size: a, "aria-label": n["aria-label"] || "Forrige side", variant: o, children: n.label || "Neste" }) })
 ] }) });
 export {
-  y as Pagination
+  B as Pagination
 };

package/dist/components/ResourceListItem/ResourceListItem.js

@@ -1,13 +1,14 @@
 import { jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-DT-KvnVb.js";
+import "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ListItem as s } from "../List/ListItem.js";
-const x = ({
+const y = ({
   ownerName: t,
   resourceName: i,
   ownerLogoUrlAlt: r,
@@ -29,5 +30,5 @@ const x = ({
   }
 );
 export {
-  x as ResourceListItem
+  y as ResourceListItem
 };

package/dist/components/RootProvider/RootProvider.js

@@ -2,12 +2,13 @@ import "react/jsx-runtime";
 import "react";
 import "../../hooks/useEscapeKey.js";
 import "../../index-p1eeF8LQ.js";
-import { R as u, u as x } from "../../ToolbarSearch-DT-KvnVb.js";
+import { R as x, u as d } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 export {
-  u as RootProvider,
-  x as useRootContext
+  x as RootProvider,
+  d as useRootContext
 };

package/dist/components/RootProvider/index.js

@@ -1,4 +1,4 @@
-import { R as e, u as r } from "../../ToolbarSearch-DT-KvnVb.js";
+import { R as e, u as r } from "../../ToolbarSearch-OLv6DjhT.js";
 export {
   e as RootProvider,
   r as useRootContext

package/dist/components/Search/SearchItem.js

@@ -1,20 +1,21 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { H as m, a as l } from "../../ToolbarSearch-DT-KvnVb.js";
+import { H as m, a as l } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import { ListItemBase as p } from "../List/ListItemBase.js";
 import { ListItemHeader as c } from "../List/ListItemHeader.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/SearchItem.css';const h = "_item_kjtr0_1", d = {
   item: h
-}, z = ({ color: s = "neutral", size: a, title: i, summary: r, owner: e, category: g, ...o }) => /* @__PURE__ */ t(p, { className: d.item, color: s, size: a, children: /* @__PURE__ */ n(c, { ...o, children: [
+}, B = ({ color: o = "neutral", size: s, title: i, summary: r, owner: e, category: g, ...a }) => /* @__PURE__ */ t(p, { className: d.item, color: o, size: s, children: /* @__PURE__ */ n(c, { ...a, children: [
   i && /* @__PURE__ */ t(m, { as: "h2", size: "lg", weight: "bold", children: i }),
   e && /* @__PURE__ */ t(l, { avatar: e, children: e?.name }),
   r && /* @__PURE__ */ t(m, { as: "h3", size: "sm", variant: "subtle", weight: "normal", style: { marginTop: ".5em" }, children: r })
 ] }) });
 export {
-  z as SearchItem
+  B as SearchItem
 };

package/dist/components/Searchbar/Autocomplete.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as j } from "react/jsx-runtime";
 import { useRef as B, Fragment as C } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as P } from "../../hooks/useMenu.js";
-import "../../ToolbarSearch-DT-KvnVb.js";
+import "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import { MenuList as k } from "../Menu/MenuList.js";
 import { MenuListItem as y } from "../Menu/MenuListItem.js";
@@ -10,10 +10,11 @@ import { MenuListDivider as D } from "../Menu/MenuListDivider.js";
 import { MenuListHeading as F } from "../Menu/MenuListHeading.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import { AutocompleteBase as H } from "./AutocompleteBase.js";
 import { AutocompleteItem as K } from "./AutocompleteItem.js";
 import "../Snackbar/useSnackbar.js";
-const X = ({
+const Y = ({
   className: u,
   items: c,
   id: d,
@@ -30,11 +31,11 @@ const X = ({
     onSelect: r,
     ref: i
   });
-  return /* @__PURE__ */ e(H, { className: u, expanded: a, ref: i, id: d, children: /* @__PURE__ */ e(k, { variant: "default", children: f.map((m, n) => {
-    const x = m?.props || {}, { title: p, divider: M = !0 } = x;
+  return /* @__PURE__ */ e(H, { className: u, expanded: a, ref: i, id: d, children: /* @__PURE__ */ e(k, { variant: "default", children: f.map((m, p) => {
+    const x = m?.props || {}, { title: n, divider: M = !0 } = x;
     return /* @__PURE__ */ j(C, { children: [
-      n && M ? /* @__PURE__ */ e(D, {}) : null,
-      p && /* @__PURE__ */ e(F, { title: p, level: 1 }),
+      p && M ? /* @__PURE__ */ e(D, {}) : null,
+      n && /* @__PURE__ */ e(F, { title: n, level: 1 }),
       m?.items.filter((t) => !t.props?.hidden).map((t, h) => {
         const { active: I, onMouseEnter: L } = t, { groupId: R, onClick: g, ...s } = t.props || {}, { expanded: A } = s;
         return /* @__PURE__ */ e(y, { expanded: A, onMouseLeave: () => v(-1), children: /* @__PURE__ */ e(
@@ -50,9 +51,9 @@ const X = ({
           }
         ) }, h);
       })
-    ] }, n);
+    ] }, p);
   }) }) });
 };
 export {
-  X as Autocomplete
+  Y as Autocomplete
 };

package/dist/components/Searchbar/AutocompleteItem.js

@@ -1,15 +1,16 @@
 import { jsx as t } from "react/jsx-runtime";
-import { k as n, B as e } from "../../ToolbarSearch-DT-KvnVb.js";
+import { k as n, B as e } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { QueryLabel as u } from "../Toolbar/QueryLabel.js";
 import '../../assets/AutocompleteItem.css';const l = "_item_4v2ol_1", p = {
   item: l
-}, A = ({
+}, L = ({
   role: o = "menuitem",
   params: c,
   badge: m,
@@ -39,5 +40,5 @@ import '../../assets/AutocompleteItem.css';const l = "_item_4v2ol_1", p = {
   }
 ) : /* @__PURE__ */ t(n, { ...i, role: o, controls: m && /* @__PURE__ */ t(e, { ...m }), size: r, linkIcon: !0 });
 export {
-  A as AutocompleteItem
+  L as AutocompleteItem
 };

package/dist/components/Searchbar/Searchbar.js

@@ -2,15 +2,16 @@ import { jsxs as f, jsx as c } from "react/jsx-runtime";
 import { useState as g } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useIsDesktop as h } from "../../hooks/useIsDesktop.js";
-import { u as I } from "../../ToolbarSearch-DT-KvnVb.js";
+import { u as I } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import { SearchbarBase as T } from "./SearchbarBase.js";
 import { SearchbarField as A } from "./SearchbarField.js";
 import { Autocomplete as B } from "./Autocomplete.js";
 import "../Snackbar/useSnackbar.js";
-const V = ({
+const q = ({
   className: l,
   autocomplete: e,
   expanded: r = !1,
@@ -63,5 +64,5 @@ const V = ({
   );
 };
 export {
-  V as Searchbar
+  q as Searchbar
 };

package/dist/components/Searchbar/SearchbarField.js

@@ -2,10 +2,11 @@
 import { jsxs as k, jsx as e } from "react/jsx-runtime";
 import { c as N } from "../../index-p1eeF8LQ.js";
 import { useRef as v } from "react";
-import { I as S, q as z, s as o } from "../../ToolbarSearch-DT-KvnVb.js";
+import { I as S, q as z, s as o } from "../../ToolbarSearch-OLv6DjhT.js";
 import "../Typography/Link.js";
 import { Button as l } from "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/SearchbarField.css';const E = "_field_uxhly_1", I = "_icon_uxhly_10", K = "_input_uxhly_17", j = "_clear_uxhly_45", q = "_dismiss_uxhly_62", s = {
   field: E,
@@ -13,7 +14,7 @@ import '../../assets/SearchbarField.css';const E = "_field_uxhly_1", I = "_icon_
   input: K,
   clear: j,
   dismiss: q
-}, X = ({
+}, w = ({
   className: c,
   expanded: a,
   name: n = "q",
@@ -87,5 +88,5 @@ import '../../assets/SearchbarField.css';const E = "_field_uxhly_1", I = "_icon_
   ] });
 };
 export {
-  X as SearchbarField
+  w as SearchbarField
 };