@altinn/altinn-components 0.27.1 → 0.28.1

package/dist/components/GlobalMenu/AccountButton.js

@@ -1,23 +1,21 @@
 import { jsxs as m, jsx as i } from "react/jsx-runtime";
 import { MenuItemBase as r } from "../Menu/MenuItemBase.js";
 import { MenuItemLabel as s } from "../Menu/MenuItemLabel.js";
-import { MenuItemIcon as t } from "../Menu/MenuItemIcon.js";
+import { MenuItemIcon as l } from "../Menu/MenuItemIcon.js";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as n } from "../../ChevronRight-DUaHaWi-.js";
-import '../../assets/AccountButton.css';const _ = "_label_1dcj3_1", b = "_title_1dcj3_7", f = "_description_1dcj3_13", l = {
-  label: _,
-  title: b,
-  description: f
-}, w = ({ account: e, linkText: p, onClick: d, multipleAccounts: o }) => o ? /* @__PURE__ */ m(r, { size: "lg", onClick: d, linkText: p, linkIcon: n, as: "button", children: [
+import { S as o } from "../../ChevronRight-BbelnTke.js";
+import '../../assets/AccountButton.css';const b = "_label_1dcj3_1", p = {
+  label: b
+}, _ = ({ account: e, linkText: t, onClick: d, multipleAccounts: g }) => g ? /* @__PURE__ */ m(r, { size: "lg", onClick: d, linkText: t, linkIcon: o, as: "button", children: [
   /* @__PURE__ */ i(
-    t,
+    l,
     {
-      size: "xl",
-      avatar: {
+      size: "lg",
+      icon: {
         name: e.name,
         type: e.type
       }
@@ -26,7 +24,7 @@ import '../../assets/AccountButton.css';const _ = "_label_1dcj3_1", b = "_title_
   /* @__PURE__ */ i(
     s,
     {
-      className: l.label,
+      className: p.label,
       size: "md",
       title: e == null ? void 0 : e.name,
       weight: "medium",
@@ -35,10 +33,10 @@ import '../../assets/AccountButton.css';const _ = "_label_1dcj3_1", b = "_title_
   )
 ] }) : /* @__PURE__ */ m(r, { size: "lg", as: "div", children: [
   /* @__PURE__ */ i(
-    t,
+    l,
     {
-      size: "xl",
-      avatar: {
+      size: "lg",
+      icon: {
         name: e.name,
         type: e.type
       }
@@ -47,7 +45,7 @@ import '../../assets/AccountButton.css';const _ = "_label_1dcj3_1", b = "_title_
   /* @__PURE__ */ i(
     s,
     {
-      className: l.label,
+      className: p.label,
       size: "md",
       title: e == null ? void 0 : e.name,
       weight: "medium",
@@ -56,5 +54,5 @@ import '../../assets/AccountButton.css';const _ = "_label_1dcj3_1", b = "_title_
   )
 ] });
 export {
-  w as AccountButton
+  _ as AccountButton
 };

package/dist/components/GlobalMenu/AccountMenu.js

@@ -1,28 +1,27 @@
 "use client";
-import { jsx as v } from "react/jsx-runtime";
-import { useState as L } from "react";
+import { jsx as L } from "react/jsx-runtime";
+import { useState as M } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Menu as M } from "../Menu/Menu.js";
-const w = (d) => `${d} hits`, k = ({
-  accounts: d = [],
+import { Menu as w } from "../Menu/Menu.js";
+const v = (p) => `${p} hits`, $ = ({
+  accounts: p = [],
   accountGroups: y = {},
   accountSearch: s,
-  onSelectAccount: m,
-  currentAccount: p,
+  onSelectAccount: r,
+  currentAccount: m,
   menuItemsVirtual: C
 }) => {
   var f;
-  const t = d.map((e) => ({
+  const g = p.map((e) => ({
     id: e.id || e.name,
     groupId: e.groupId || "search",
-    selected: e.selected ?? (p == null ? void 0 : p.id) === e.id,
+    selected: e.selected ?? (m == null ? void 0 : m.id) === e.id,
     title: e.name,
     ...(e == null ? void 0 : e.items) && {
-      avatarGroup: {
-        size: "sm",
+      icon: {
         items: e.items.map((i) => ({
           name: i.name,
           type: i.type || e.type
@@ -30,36 +29,35 @@ const w = (d) => `${d} hits`, k = ({
       }
     },
     ...!(e != null && e.items) && {
-      avatar: {
-        size: "md",
+      icon: {
         type: e.type,
         name: e.name
       }
     },
     badge: e.badge,
     alertBadge: e.alertBadge,
-    onClick: () => m == null ? void 0 : m(e.id || e.name)
-  })), [l, g] = L(""), r = l ? t.filter((e) => {
+    onClick: () => r == null ? void 0 : r(e.id || e.name)
+  })), [l, t] = M(""), d = l ? g.filter((e) => {
     var i;
     return (i = e == null ? void 0 : e.title) == null ? void 0 : i.toLowerCase().includes(l.toLowerCase());
   }).map((e) => ({
     ...e,
     groupId: "search"
-  })) : t, I = l ? {
+  })) : g, I = l ? {
     search: {
-      title: ((f = s == null ? void 0 : s.getResultsLabel) == null ? void 0 : f.call(s, r.length)) ?? w(r.length)
+      title: ((f = s == null ? void 0 : s.getResultsLabel) == null ? void 0 : f.call(s, d.length)) ?? v(d.length)
     }
   } : y, b = {
     name: "account-search",
     value: l,
     placeholder: (s == null ? void 0 : s.placeholder) ?? "Find account",
-    onChange: (e) => g(e.target.value),
-    onClear: () => g("")
+    onChange: (e) => t(e.target.value),
+    onClear: () => t("")
   }, h = [
-    ...r.length > 0 ? r : [{ id: "search", groupId: "search", hidden: !0 }]
+    ...d.length > 0 ? d : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
-  return /* @__PURE__ */ v(
-    M,
+  return /* @__PURE__ */ L(
+    w,
     {
       theme: "default",
       search: s && b,
@@ -70,5 +68,5 @@ const w = (d) => `${d} hits`, k = ({
   );
 };
 export {
-  k as AccountMenu
+  $ as AccountMenu
 };

package/dist/components/GlobalMenu/BackButton.js

@@ -1,12 +1,31 @@
-import { jsx as m } from "react/jsx-runtime";
+"use client";
+import { jsx as a } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "react";
+import * as n from "react";
+import { forwardRef as m } from "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { MenuItem as i } from "../Menu/MenuItem.js";
-import { S as p } from "../../ArrowRedo-BYz1MHxK.js";
-const k = ({ label: o, onClick: r, as: t }) => /* @__PURE__ */ m(i, { size: "sm", id: "back", icon: p, title: o, onClick: r, as: t });
+import { MenuItem as f } from "../Menu/MenuItem.js";
+import { u as p } from "../../useId-BVFxCjkq.js";
+var c = function(t, l) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && l.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var o = 0, e = Object.getOwnPropertySymbols(t); o < e.length; o++)
+      l.indexOf(e[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[o]) && (r[e[o]] = t[e[o]]);
+  return r;
+};
+const d = m((t, l) => {
+  var { title: r, titleId: e } = t, o = c(t, ["title", "titleId"]);
+  let i = p();
+  return i = r ? e || "title-" + i : void 0, n.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: l, "aria-labelledby": i }, o),
+    r ? n.createElement("title", { id: i }, r) : null,
+    n.createElement("path", { fill: "currentColor", d: "M16.03 3.97a.75.75 0 1 0-1.06 1.06l3.22 3.22H8a5.75 5.75 0 0 0 0 11.5h1.5a.75.75 0 0 0 0-1.5H8a4.25 4.25 0 0 1 0-8.5h10.19l-3.22 3.22a.75.75 0 0 0 1.06 1.06l4.5-4.5a.75.75 0 0 0 0-1.06z" })
+  );
+}), v = ({ label: t, onClick: l, as: r }) => /* @__PURE__ */ a(f, { size: "sm", id: "back", icon: d, title: t, onClick: l, as: r });
 export {
-  k as BackButton
+  v as BackButton
 };

package/dist/components/GlobalMenu/EndUserLabel.js

@@ -1,13 +1,33 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { S as l } from "../../PersonCircle-DMwECpgW.js";
-import '../../assets/EndUserLabel.css';const n = "_text_1tx3s_1", o = "_icon_1tx3s_11", c = "_label_1tx3s_15", s = {
-  text: n,
-  icon: o,
-  label: c
-}, x = ({ children: e }) => /* @__PURE__ */ a("p", { className: s.text, children: [
-  /* @__PURE__ */ t(l, { className: s.icon, "aria-hidden": !0 }),
-  /* @__PURE__ */ t("span", { className: s.label, children: e })
+"use client";
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import * as a from "react";
+import { forwardRef as d } from "react";
+import { u as f } from "../../useId-BVFxCjkq.js";
+import '../../assets/EndUserLabel.css';var m = function(t, n) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
+      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
+  return r;
+};
+const p = d((t, n) => {
+  var { title: r, titleId: e } = t, l = m(t, ["title", "titleId"]);
+  let o = f();
+  return o = r ? e || "title-" + o : 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: n, "aria-labelledby": o }, l),
+    r ? a.createElement("title", { id: o }, r) : null,
+    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 3.75a8.25 8.25 0 0 0-5.144 14.7 5.25 5.25 0 0 1 10.288 0A8.25 8.25 0 0 0 12 3.75m3.747 15.602a3.75 3.75 0 0 0-7.494 0A8.2 8.2 0 0 0 12 20.25c1.35 0 2.623-.324 3.747-.898M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12M12 7.25a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5M8.25 9.5a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0", clipRule: "evenodd" })
+  );
+}), u = "_text_1tx3s_1", b = "_icon_1tx3s_11", x = "_label_1tx3s_15", i = {
+  text: u,
+  icon: b,
+  label: x
+}, g = ({ children: t }) => /* @__PURE__ */ c("p", { className: i.text, children: [
+  /* @__PURE__ */ s(p, { className: i.icon, "aria-hidden": !0 }),
+  /* @__PURE__ */ s("span", { className: i.label, children: t })
 ] });
 export {
-  x as EndUserLabel
+  g as EndUserLabel
 };

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as e, jsx as i, Fragment as g } from "react/jsx-runtime";
+import { jsxs as p, jsx as i, Fragment as g } from "react/jsx-runtime";
 import { useState as w, useMemo as z } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
@@ -8,11 +8,11 @@ import { AccountButton as J } from "./AccountButton.js";
 import { BackButton as K } from "./BackButton.js";
 import { LogoutButton as v } from "./LogoutButton.js";
 import { EndUserLabel as x } from "./EndUserLabel.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { MenuListItem as d } from "../Menu/MenuBase.js";
 import { Menu as G } from "../Menu/Menu.js";
-import { GlobalMenuBase as o, GlobalMenuHeader as L, GlobalMenuFooter as y } from "./GlobalMenuBase.js";
+import { GlobalMenuBase as f, GlobalMenuHeader as L, GlobalMenuFooter as y } from "./GlobalMenuBase.js";
 const U = ({
   accounts: n = [],
   accountGroups: B = {},
@@ -21,9 +21,9 @@ const U = ({
   groups: k,
   changeLabel: j = "Change",
   backLabel: F = "Back",
-  currentAccount: p,
+  currentAccount: e,
   currentEndUserLabel: l = "Signed in",
-  onSelectAccount: f,
+  onSelectAccount: o,
   onClose: r,
   logoutButton: t,
   menuItemsVirtual: H
@@ -31,7 +31,7 @@ const U = ({
   const [S, W] = w(!1), h = () => {
     W((a) => !a);
   }, q = (a) => {
-    h(), r == null || r(), f == null || f(a);
+    h(), r == null || r(), o == null || o(a);
   }, s = z(() => c.map((a) => ({
     ...a,
     onClick: () => {
@@ -46,13 +46,13 @@ const U = ({
       }
     })) : void 0
   })), [c, r]);
-  return S ? /* @__PURE__ */ e(o, { children: [
+  return S ? /* @__PURE__ */ p(f, { children: [
     /* @__PURE__ */ i(L, { children: /* @__PURE__ */ i(K, { onClick: h, label: F }) }),
     /* @__PURE__ */ i(d, { as: "div", role: "separator" }),
     /* @__PURE__ */ i(
       D,
       {
-        currentAccount: p,
+        currentAccount: e,
         accounts: n,
         accountGroups: B,
         accountSearch: T,
@@ -60,11 +60,11 @@ const U = ({
         menuItemsVirtual: H
       }
     )
-  ] }) : p ? /* @__PURE__ */ e(o, { color: p == null ? void 0 : p.type, children: [
+  ] }) : e ? /* @__PURE__ */ p(f, { color: e == null ? void 0 : e.type, children: [
     /* @__PURE__ */ i(
       J,
       {
-        account: p,
+        account: e,
         linkText: j,
         multipleAccounts: n.length > 1,
         onClick: h
@@ -72,18 +72,18 @@ const U = ({
     ),
     /* @__PURE__ */ i(d, { as: "div", role: "separator" }),
     /* @__PURE__ */ i(G, { groups: k, items: s, theme: "default" }),
-    t && /* @__PURE__ */ e(g, { children: [
+    t && /* @__PURE__ */ p(g, { children: [
       /* @__PURE__ */ i(d, { as: "div", role: "separator" }),
-      /* @__PURE__ */ e(y, { children: [
+      /* @__PURE__ */ p(y, { children: [
         l && /* @__PURE__ */ i(x, { children: l }),
         /* @__PURE__ */ i(v, { ...t })
       ] })
     ] })
-  ] }) : /* @__PURE__ */ e(o, { children: [
+  ] }) : /* @__PURE__ */ p(f, { children: [
     /* @__PURE__ */ i(G, { groups: k, items: s }),
-    t && /* @__PURE__ */ e(g, { children: [
+    t && /* @__PURE__ */ p(g, { children: [
       /* @__PURE__ */ i(d, { as: "div", role: "separator" }),
-      /* @__PURE__ */ e(y, { children: [
+      /* @__PURE__ */ p(y, { children: [
         l && /* @__PURE__ */ i(x, { children: l }),
         /* @__PURE__ */ i(v, { ...t })
       ] })

package/dist/components/GlobalMenu/GlobalMenuBase.js

@@ -1,12 +1,10 @@
-import { jsx as e } from "react/jsx-runtime";
-import '../../assets/GlobalMenuBase.css';const t = "_nav_b7k4e_1", n = "_footer_b7k4e_6", s = "_drawer_b7k4e_16", d = "_dropdown_b7k4e_22", r = {
-  nav: t,
-  footer: n,
-  drawer: s,
-  dropdown: d
-}, l = ({ color: o = "company", children: a }) => /* @__PURE__ */ e("nav", { className: r.nav, "data-theme": "default", "data-color": o, children: a }), _ = ({ children: o }) => /* @__PURE__ */ e("header", { className: r.header, children: o }), b = ({ children: o }) => /* @__PURE__ */ e("footer", { className: r.footer, children: o });
+import { jsx as o } from "react/jsx-runtime";
+import '../../assets/GlobalMenuBase.css';const r = "_nav_b7k4e_1", n = "_footer_b7k4e_6", a = {
+  nav: r,
+  footer: n
+}, l = ({ color: e = "company", children: t }) => /* @__PURE__ */ o("nav", { className: a.nav, "data-theme": "default", "data-color": e, children: t }), c = ({ children: e }) => /* @__PURE__ */ o("header", { className: a.header, children: e }), f = ({ children: e }) => /* @__PURE__ */ o("footer", { className: a.footer, children: e });
 export {
   l as GlobalMenuBase,
-  b as GlobalMenuFooter,
-  _ as GlobalMenuHeader
+  f as GlobalMenuFooter,
+  c as GlobalMenuHeader
 };

package/dist/components/GlobalMenu/LogoutButton.js

@@ -4,7 +4,7 @@ import { ButtonLabel as s } from "../Button/ButtonLabel.js";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/LogoutButton.css';const i = "_button_1260s_1", m = "_label_1260s_5", o = {
   button: i,

package/dist/components/Header/Header.js

@@ -11,8 +11,8 @@ import { HeaderLogo as N } from "./HeaderLogo.js";
 import { HeaderButton as b } from "./HeaderButton.js";
 import { LocaleButton as H } from "./LocaleButton.js";
 import { LocaleSwitcher as h } from "./LocaleSwitcher.js";
-import { Searchbar as j } from "../Search/Searchbar.js";
-import "../Search/AutocompleteBase.js";
+import { Searchbar as j } from "../Searchbar/Searchbar.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { HeaderGroup as B } from "./HeaderGroup.js";
 import { HeaderSearch as L } from "./HeaderSearch.js";

package/dist/components/Header/HeaderBase.js

@@ -3,7 +3,7 @@ import { c as p } from "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { Backdrop as m } from "../Dropdown/Backdrop.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/HeaderBase.css';const i = "_header_19y6k_1", n = "_backdrop_19y6k_11", r = {
   header: i,

package/dist/components/Header/HeaderButton.js

@@ -1,52 +1,71 @@
-import { jsxs as _, jsx as n } from "react/jsx-runtime";
-import { c } from "../../index-L8X2o7IH.js";
-import { Avatar as h } from "../Avatar/Avatar.js";
-import { AvatarGroup as b } from "../Avatar/AvatarGroup.js";
-import { Badge as a } from "../Badge/Badge.js";
+"use client";
+import { jsxs as d, jsx as l } from "react/jsx-runtime";
+import { c as m } from "../../index-L8X2o7IH.js";
+import { Avatar as I } from "../Avatar/Avatar.js";
+import { AvatarGroup as y } from "../Avatar/AvatarGroup.js";
+import { Badge as f } from "../Badge/Badge.js";
 import { ButtonBase as u } from "../Button/ButtonBase.js";
-import { Icon as f } from "../Icon/Icon.js";
-import "react";
+import { Icon as b } from "../Icon/Icon.js";
+import * as _ from "react";
+import { forwardRef as v } from "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as I } from "../../XMark-Bv1I87Ev.js";
-import { S as x } from "../../PadlockLocked-xJsxvaHH.js";
-import '../../assets/HeaderButton.css';const B = "_button_ottvn_1", G = "_label_ottvn_12", S = "_icon_ottvn_18", k = "_avatarGroup_ottvn_28", v = "_loginIcon_ottvn_37", y = "_closeIcon_ottvn_42", j = "_badge_ottvn_46", o = {
-  button: B,
-  label: G,
-  icon: S,
-  avatarGroup: k,
-  loginIcon: v,
-  closeIcon: y,
-  badge: j
+import { S as N } from "../../XMark-DIqxCTTQ.js";
+import { u as w } from "../../useId-BVFxCjkq.js";
+import '../../assets/HeaderButton.css';var O = function(o, c) {
+  var r = {};
+  for (var e in o) Object.prototype.hasOwnProperty.call(o, e) && c.indexOf(e) < 0 && (r[e] = o[e]);
+  if (o != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var n = 0, e = Object.getOwnPropertySymbols(o); n < e.length; n++)
+      c.indexOf(e[n]) < 0 && Object.prototype.propertyIsEnumerable.call(o, e[n]) && (r[e[n]] = o[e[n]]);
+  return r;
+};
+const x = v((o, c) => {
+  var { title: r, titleId: e } = o, n = O(o, ["title", "titleId"]);
+  let i = w();
+  return i = r ? e || "title-" + i : void 0, _.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: c, "aria-labelledby": i }, n),
+    r ? _.createElement("title", { id: i }, r) : null,
+    _.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M7.25 7a4.75 4.75 0 0 1 9.5 0v2.25H17c.966 0 1.75.784 1.75 1.75v9a.75.75 0 0 1-.75.75H6a.75.75 0 0 1-.75-.75v-9c0-.966.784-1.75 1.75-1.75h.25zm1.5 0a3.25 3.25 0 0 1 6.5 0v2.25h-6.5zM7 10.75a.25.25 0 0 0-.25.25v8.25h10.5V11a.25.25 0 0 0-.25-.25zm3.5 3.75a1.5 1.5 0 1 1 2.25 1.3V17a.75.75 0 0 1-1.5 0v-1.2a1.5 1.5 0 0 1-.75-1.3", clipRule: "evenodd" })
+  );
+}), j = "_button_1p2eq_1", q = "_label_1p2eq_12", E = "_icon_1p2eq_18", S = "_avatarGroup_1p2eq_28", B = "_loginIcon_1p2eq_37", z = "_closeIcon_1p2eq_42", G = "_badge_1p2eq_46", t = {
+  button: j,
+  label: q,
+  icon: E,
+  avatarGroup: S,
+  loginIcon: B,
+  closeIcon: z,
+  badge: G
 }, K = ({
-  className: s,
-  as: l = "button",
-  color: m = "accent",
-  variant: i = "solid",
-  avatar: t,
-  avatarGroup: d,
-  icon: N = x,
+  className: o,
+  as: c = "button",
+  color: r = "accent",
+  variant: e = "solid",
+  avatar: n,
+  avatarGroup: i,
+  icon: h = x,
   expanded: g,
-  label: r = "Menu",
-  badge: e,
+  label: a = "Menu",
+  badge: s,
   ...p
-}) => g ? /* @__PURE__ */ _(u, { ...p, as: l, variant: i, color: m, className: c(o.button, s), children: [
-  /* @__PURE__ */ n("span", { className: o.label, children: r }),
-  /* @__PURE__ */ n("span", { className: c(o.icon, o.closeIcon), children: /* @__PURE__ */ n(f, { svgElement: I }) }),
-  e && /* @__PURE__ */ n(a, { ...e, className: o.badge })
-] }) : d ? /* @__PURE__ */ _(u, { ...p, as: l, variant: i, color: m, className: c(o.button, s), children: [
-  /* @__PURE__ */ n("span", { className: o.label, children: r }),
-  /* @__PURE__ */ n(b, { ...d, size: "sm", className: o.avatarGroup }),
-  e && /* @__PURE__ */ n(a, { ...e, className: o.badge })
-] }) : t ? /* @__PURE__ */ _(u, { ...p, as: l, variant: i, color: m, className: c(o.button, s), children: [
-  /* @__PURE__ */ n("span", { className: o.label, children: r }),
-  /* @__PURE__ */ n(h, { type: t == null ? void 0 : t.type, name: t == null ? void 0 : t.name, size: "lg" }),
-  e && /* @__PURE__ */ n(a, { ...e, className: o.badge })
-] }) : /* @__PURE__ */ _(u, { ...p, as: l, variant: i, color: m, className: c(o.button, s), children: [
-  /* @__PURE__ */ n("span", { className: o.label, children: r }),
-  /* @__PURE__ */ n("span", { className: c(o.icon, o.loginIcon), children: /* @__PURE__ */ n(f, { svgElement: N }) }),
-  e && /* @__PURE__ */ n(a, { ...e, className: o.badge })
+}) => g ? /* @__PURE__ */ d(u, { ...p, as: c, variant: e, color: r, className: m(t.button, o), children: [
+  /* @__PURE__ */ l("span", { className: t.label, children: a }),
+  /* @__PURE__ */ l("span", { className: m(t.icon, t.closeIcon), children: /* @__PURE__ */ l(b, { svgElement: N }) }),
+  s && /* @__PURE__ */ l(f, { ...s, className: t.badge })
+] }) : i ? /* @__PURE__ */ d(u, { ...p, as: c, variant: e, color: r, className: m(t.button, o), children: [
+  /* @__PURE__ */ l("span", { className: t.label, children: a }),
+  /* @__PURE__ */ l(y, { ...i, className: t.avatarGroup }),
+  s && /* @__PURE__ */ l(f, { ...s, className: t.badge })
+] }) : n ? /* @__PURE__ */ d(u, { ...p, as: c, variant: e, color: r, className: m(t.button, o), children: [
+  /* @__PURE__ */ l("span", { className: t.label, children: a }),
+  /* @__PURE__ */ l(I, { type: n == null ? void 0 : n.type, name: n == null ? void 0 : n.name, style: { fontSize: "2.25rem" } }),
+  s && /* @__PURE__ */ l(f, { ...s, className: t.badge })
+] }) : /* @__PURE__ */ d(u, { ...p, as: c, variant: e, color: r, className: m(t.button, o), children: [
+  /* @__PURE__ */ l("span", { className: t.label, children: a }),
+  /* @__PURE__ */ l("span", { className: m(t.icon, t.loginIcon), children: /* @__PURE__ */ l(b, { svgElement: h }) }),
+  s && /* @__PURE__ */ l(f, { ...s, className: t.badge })
 ] });
 export {
   K as HeaderButton

package/dist/components/Header/HeaderLogo.js

@@ -1,20 +1,19 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { c as i } from "../../index-L8X2o7IH.js";
-import { ButtonBase as e } from "../Button/ButtonBase.js";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { c as n } from "../../index-L8X2o7IH.js";
+import { ButtonBase as i } from "../Button/ButtonBase.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { DigdirLogomark as c } from "./DigdirLogomark.js";
-import "../Search/AutocompleteBase.js";
+import { DigdirLogomark as a } from "./DigdirLogomark.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/HeaderLogo.css';const a = "_logo_y48xn_1", x = "_symbol_y48xn_8", y = "_riksSymbol_y48xn_14", _ = "_text_y48xn_20", o = {
-  logo: a,
+import '../../assets/HeaderLogo.css';const c = "_logo_y48xn_1", x = "_symbol_y48xn_8", p = "_text_y48xn_20", o = {
+  logo: c,
   symbol: x,
-  riksSymbol: y,
-  text: _
-}, h = ({ className: s, as: m = "a", title: r = "Altinn", href: l = "/" }) => /* @__PURE__ */ n(e, { as: m, className: i(o.logo, s), href: l, children: [
-  /* @__PURE__ */ t(c, { className: o.symbol }),
+  text: p
+}, j = ({ className: s, as: m = "a", title: r = "Altinn", href: e = "/" }) => /* @__PURE__ */ l(i, { as: m, className: n(o.logo, s), href: e, children: [
+  /* @__PURE__ */ t(a, { className: o.symbol }),
   /* @__PURE__ */ t("span", { className: o.text, children: r })
 ] });
 export {
-  h as HeaderLogo
+  j as HeaderLogo
 };

package/dist/components/Header/LocaleButton.js

@@ -1,14 +1,14 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import * as i from "react";
+import * as a from "react";
 import { forwardRef as c } from "react";
 import { IconButton as m } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { u } from "../../useId-CsCRkvK3.js";
-import '../../assets/LocaleButton.css';var f = function(e, n) {
+import { u as f } from "../../useId-BVFxCjkq.js";
+import '../../assets/LocaleButton.css';var u = function(e, n) {
   var o = {};
   for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -16,24 +16,23 @@ import '../../assets/LocaleButton.css';var f = function(e, n) {
       n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (o[t[r]] = e[t[r]]);
   return o;
 };
-const s = c((e, n) => {
-  var { title: o, titleId: t } = e, r = f(e, ["title", "titleId"]);
-  let l = u();
-  return l = o ? t || "title-" + l : void 0, i.createElement(
+const d = c((e, n) => {
+  var { title: o, titleId: t } = e, r = u(e, ["title", "titleId"]);
+  let l = f();
+  return l = o ? t || "title-" + l : 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: n, "aria-labelledby": l }, r),
-    o ? i.createElement("title", { id: l }, o) : null,
-    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12m6.74-7.683A8.28 8.28 0 0 0 4.65 8.25h3.719a41 41 0 0 1 .62-3.934m1.63-.452a41 41 0 0 0-.742 4.385h4.245a41 41 0 0 0-.743-4.385 8.3 8.3 0 0 0-2.76 0M8.24 14.25a34.5 34.5 0 0 1 0-4.5H4.06A8.3 8.3 0 0 0 3.75 12c0 .78.108 1.535.31 2.25zm1.503 0a33 33 0 0 1 0-4.5h4.514c.103 1.51.103 2.997 0 4.5zm-.754 5.433a41 41 0 0 1-.62-3.933h-3.72a8.28 8.28 0 0 0 4.34 3.933m1.631.452a41 41 0 0 1-.743-4.385h4.246a41 41 0 0 1-.743 4.385 8.3 8.3 0 0 1-2.76 0m5.141-5.885c.098-1.502.098-2.99 0-4.5h4.179c.202.715.31 1.47.31 2.25a8.3 8.3 0 0 1-.31 2.25zm-.75-9.933a8.28 8.28 0 0 1 4.34 3.933h-3.72a41 41 0 0 0-.62-3.933m0 15.366c.276-1.344.483-2.648.62-3.933h3.72a8.28 8.28 0 0 1-4.34 3.933", clipRule: "evenodd" })
+    o ? a.createElement("title", { id: l }, o) : null,
+    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12m6.74-7.683A8.28 8.28 0 0 0 4.65 8.25h3.719a41 41 0 0 1 .62-3.934m1.63-.452a41 41 0 0 0-.742 4.385h4.245a41 41 0 0 0-.743-4.385 8.3 8.3 0 0 0-2.76 0M8.24 14.25a34.5 34.5 0 0 1 0-4.5H4.06A8.3 8.3 0 0 0 3.75 12c0 .78.108 1.535.31 2.25zm1.503 0a33 33 0 0 1 0-4.5h4.514c.103 1.51.103 2.997 0 4.5zm-.754 5.433a41 41 0 0 1-.62-3.933h-3.72a8.28 8.28 0 0 0 4.34 3.933m1.631.452a41 41 0 0 1-.743-4.385h4.246a41 41 0 0 1-.743 4.385 8.3 8.3 0 0 1-2.76 0m5.141-5.885c.098-1.502.098-2.99 0-4.5h4.179c.202.715.31 1.47.31 2.25a8.3 8.3 0 0 1-.31 2.25zm-.75-9.933a8.28 8.28 0 0 1 4.34 3.933h-3.72a41 41 0 0 0-.62-3.933m0 15.366c.276-1.344.483-2.648.62-3.933h3.72a8.28 8.28 0 0 1-4.34 3.933", clipRule: "evenodd" })
   );
-}), d = "_button_utwi0_1", p = "_icon_utwi0_17", b = {
-  button: d,
-  icon: p
-}, I = ({ id: e = "language-switcher", expanded: n, onClick: o }) => /* @__PURE__ */ a(
+}), p = "_button_utwi0_1", s = {
+  button: p
+}, I = ({ id: e = "language-switcher", expanded: n, onClick: o }) => /* @__PURE__ */ i(
   m,
   {
-    className: b.button,
+    className: s.button,
     size: "md",
-    icon: s,
+    icon: d,
     iconSize: "md",
     variant: "text",
     selected: n,

package/dist/components/Header/LocaleSwitcher.js

@@ -3,7 +3,7 @@ import { jsx as t, jsxs as a } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { useRootContext as n } from "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { MenuOption as p } from "../Menu/MenuOption.js";
 import { MenuHeader as u } from "../Menu/MenuHeader.js";