@altinn/altinn-components 0.7.4 → 0.7.5

package/dist/{Autocomplete-BNV2UfH3.js → Autocomplete-hEFuiN2u.js}

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as e, jsxs as f, Fragment as $ } from "react/jsx-runtime";
+import { jsx as e, jsxs as _, Fragment as $ } from "react/jsx-runtime";
 import { Fragment as G, forwardRef as K, createElement as R } from "react";
 import { useMenu as E } from "./hooks/useMenu.js";
 import { AutocompleteBase as Q } from "./components/Searchbar/AutocompleteBase.js";
@@ -38,7 +38,7 @@ import './assets/Autocomplete.css';const ae = ({ size: t = "sm", title: n, descr
   className: s,
   onToggle: a,
   children: i
-}) => /* @__PURE__ */ f("div", { className: q(w.toggle, s), "data-theme": "neutral", children: [
+}) => /* @__PURE__ */ _("div", { className: q(w.toggle, s), "data-theme": "neutral", children: [
   /* @__PURE__ */ e(
     oe,
     {
@@ -60,14 +60,14 @@ import './assets/Autocomplete.css';const ae = ({ size: t = "sm", title: n, descr
   className: a,
   items: i
 }) => {
-  const { currentId: l, toggleId: c } = J();
+  const { currentId: d, toggleId: c } = J();
   return /* @__PURE__ */ e(
     ue,
     {
       size: o,
       placement: n,
       className: a,
-      expanded: l === t,
+      expanded: d === t,
       onToggle: () => c(t),
       children: /* @__PURE__ */ e(S, { groups: s, items: i })
     }
@@ -80,31 +80,34 @@ import './assets/Autocomplete.css';const ae = ({ size: t = "sm", title: n, descr
   defaultItemColor: a,
   defaultItemSize: i
 }) => {
-  const { menu: l } = E({
+  const { menu: d } = E({
     items: o,
     groups: s,
     groupByKey: "groupId",
     keyboardEvents: !1
   });
-  return /* @__PURE__ */ e(te, { expanded: n, children: l.map((c, d) => {
-    const m = (c == null ? void 0 : c.props) || {}, { title: u, divider: I = !0 } = m, h = l[d + 1];
-    return /* @__PURE__ */ f(G, { children: [
-      (t > 0 || d) && I ? /* @__PURE__ */ e(B, { role: "separator" }) : "",
-      u && /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(ee, { title: u }) }),
-      c == null ? void 0 : c.items.map((p, _) => {
-        const { active: v } = p, { groupId: k, ...r } = p.props || {}, { expanded: y } = r, b = c == null ? void 0 : c.items[_ + 1];
-        return /* @__PURE__ */ f(B, { role: "presentation", expanded: y, children: [
+  return /* @__PURE__ */ e(te, { expanded: n, children: d.map((c, u) => {
+    const m = (c == null ? void 0 : c.props) || {}, { title: f, divider: I = !0 } = m, p = d[u + 1];
+    return /* @__PURE__ */ _(G, { children: [
+      (t > 0 || u) && I ? /* @__PURE__ */ e(B, { role: "separator" }) : "",
+      f && /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e(ee, { title: f }) }),
+      c == null ? void 0 : c.items.filter((h) => {
+        var l;
+        return !((l = h.props) != null && l.hidden);
+      }).map((h, l) => {
+        const { active: x } = h, { groupId: k, ...r } = h.props || {}, { expanded: y } = r, b = c == null ? void 0 : c.items[l + 1];
+        return /* @__PURE__ */ _(B, { role: "presentation", expanded: y, children: [
           /* @__PURE__ */ e(
             P,
             {
               ...r,
               color: (r == null ? void 0 : r.color) || (m == null ? void 0 : m.defaultItemColor) || a,
               size: (r == null ? void 0 : r.size) || (m == null ? void 0 : m.defaultItemSize) || i,
-              active: v,
+              active: x,
               tabIndex: r != null && r.disabled ? -1 : 0
             }
           ),
-          y && (r == null ? void 0 : r.items) && /* @__PURE__ */ f($, { children: [
+          y && (r == null ? void 0 : r.items) && /* @__PURE__ */ _($, { children: [
             /* @__PURE__ */ e(
               S,
               {
@@ -116,17 +119,17 @@ import './assets/Autocomplete.css';const ae = ({ size: t = "sm", title: n, descr
                 defaultItemSize: i
               }
             ),
-            (h || b) && /* @__PURE__ */ e(B, { role: "separator" })
+            (p || b) && /* @__PURE__ */ e(B, { role: "separator", as: "div" })
           ] })
-        ] }, _);
+        ] }, l);
       })
-    ] }, d);
+    ] }, u);
   }) });
-}, he = "_controls_dduzt_1", _e = "_linkText_dduzt_14", Ie = "_linkIcon_dduzt_19", N = {
+}, he = "_controls_dduzt_1", _e = "_linkText_dduzt_14", pe = "_linkIcon_dduzt_19", N = {
   controls: he,
   linkText: _e,
-  linkIcon: Ie
-}, pe = ({ badge: t, linkText: n, linkIcon: o, menu: s, children: a }) => /* @__PURE__ */ e("div", { className: N.controls, "data-menu": s && !0, children: a || /* @__PURE__ */ f($, { children: [
+  linkIcon: pe
+}, Ie = ({ badge: t, linkText: n, linkIcon: o, menu: s, children: a }) => /* @__PURE__ */ e("div", { className: N.controls, "data-menu": s && !0, children: a || /* @__PURE__ */ _($, { children: [
   t && /* @__PURE__ */ e(z, { ...t }),
   n && /* @__PURE__ */ e("span", { className: N.linkText, children: n }),
   o && /* @__PURE__ */ e(re, { name: o, className: N.linkIcon }),
@@ -138,16 +141,16 @@ import './assets/Autocomplete.css';const ae = ({ size: t = "sm", title: n, descr
   size: s = "sm",
   icon: a,
   avatar: i,
-  avatarGroup: l,
+  avatarGroup: d,
   title: c,
-  description: d,
+  description: u,
   collapsible: m,
-  expanded: u,
+  expanded: f,
   badge: I,
-  linkText: h,
-  linkIcon: p,
-  menu: _,
-  select: v,
+  linkText: p,
+  linkIcon: h,
+  menu: l,
+  select: x,
   controls: k,
   children: r,
   ...y
@@ -158,15 +161,15 @@ import './assets/Autocomplete.css';const ae = ({ size: t = "sm", title: n, descr
     size: s,
     color: n,
     loading: o,
-    select: v,
-    controls: k || /* @__PURE__ */ e(pe, { linkIcon: m && u ? "chevron-up" : m ? "chevron-down" : p, linkText: h, menu: _, badge: I }),
+    select: x,
+    controls: k || /* @__PURE__ */ e(Ie, { linkIcon: m && f ? "chevron-up" : m ? "chevron-down" : h, linkText: p, menu: l, badge: I }),
     ...y,
-    children: /* @__PURE__ */ e(se, { loading: o, size: s, icon: a, avatar: i, avatarGroup: l, children: /* @__PURE__ */ e(H, { loading: o, title: c, description: d, size: s, children: r }) })
+    children: /* @__PURE__ */ e(se, { loading: o, size: s, icon: a, avatar: i, avatarGroup: d, children: /* @__PURE__ */ e(H, { loading: o, title: c, description: u, size: s, children: r }) })
   }
-), ye = "_item_v64fv_1", xe = "_select_v64fv_16", ve = "_summary_v64fv_23", be = "_footer_v64fv_44", ke = "_touchedBy_v64fv_52", Be = "_border_v64fv_61", x = {
+), ye = "_item_v64fv_1", ve = "_select_v64fv_16", xe = "_summary_v64fv_23", be = "_footer_v64fv_44", ke = "_touchedBy_v64fv_52", Be = "_border_v64fv_61", v = {
   item: ye,
-  select: xe,
-  summary: ve,
+  select: ve,
+  summary: xe,
   footer: be,
   touchedBy: ke,
   border: Be
@@ -177,16 +180,16 @@ import './assets/Autocomplete.css';const ae = ({ size: t = "sm", title: n, descr
   select: s,
   status: a,
   sender: i,
-  recipient: l,
+  recipient: d,
   grouped: c,
-  updatedAt: d,
+  updatedAt: u,
   updatedAtLabel: m,
-  archivedAt: u,
+  archivedAt: f,
   archivedAtLabel: I,
-  trashedAt: h,
-  trashedAtLabel: p,
-  label: _,
-  dueAt: v,
+  trashedAt: p,
+  trashedAtLabel: h,
+  label: l,
+  dueAt: x,
   dueAtLabel: k,
   seen: r = !1,
   seenBy: y,
@@ -196,43 +199,43 @@ import './assets/Autocomplete.css';const ae = ({ size: t = "sm", title: n, descr
   description: g,
   ...j
 }) => {
-  const A = h ? "trashed" : u ? "archived" : n;
-  return t === "xs" || t === "sm" ? /* @__PURE__ */ e(D, { ...j, loading: o, size: t, className: x.item, children: /* @__PURE__ */ f(C, { className: x.border, size: t, seen: r, loading: o, children: [
+  const A = p ? "trashed" : f ? "archived" : n;
+  return t === "xs" || t === "sm" ? /* @__PURE__ */ e(D, { ...j, loading: o, size: t, className: v.item, children: /* @__PURE__ */ _(C, { className: v.border, size: t, seen: r, loading: o, children: [
     /* @__PURE__ */ e(H, { loading: o, size: t, title: M, description: g }),
-    /* @__PURE__ */ e(T, { loading: o, updatedAt: d, updatedAtLabel: m })
+    /* @__PURE__ */ e(T, { loading: o, updatedAt: u, updatedAtLabel: m })
   ] }) }) : /* @__PURE__ */ e(
     D,
     {
       ...j,
       loading: o,
       size: t,
-      className: x.item,
-      controls: s && /* @__PURE__ */ e(Y, { className: x.select, ...s }),
-      children: /* @__PURE__ */ f(C, { className: x.border, size: t, seen: r, loading: o, children: [
-        /* @__PURE__ */ f(O, { size: t, children: [
-          /* @__PURE__ */ e(W, { loading: o, size: t, variant: A, label: _, seen: r, children: M }),
-          /* @__PURE__ */ e(U, { loading: o, size: t, grouped: c, sender: i, recipient: l })
+      className: v.item,
+      controls: s && /* @__PURE__ */ e(Y, { className: v.select, ...s }),
+      children: /* @__PURE__ */ _(C, { className: v.border, size: t, seen: r, loading: o, children: [
+        /* @__PURE__ */ _(O, { size: t, children: [
+          /* @__PURE__ */ e(W, { loading: o, size: t, variant: A, label: l, seen: r, children: M }),
+          /* @__PURE__ */ e(U, { loading: o, size: t, grouped: c, sender: i, recipient: d })
         ] }),
         /* @__PURE__ */ e(Z, { loading: o, size: t, children: g }),
-        /* @__PURE__ */ f("footer", { "data-size": t, className: x.footer, children: [
+        /* @__PURE__ */ _("footer", { "data-size": t, className: v.footer, children: [
           /* @__PURE__ */ e(
             T,
             {
               loading: o,
               status: a,
-              updatedAt: d,
+              updatedAt: u,
               updatedAtLabel: m,
-              archivedAt: u,
+              archivedAt: f,
               archivedAtLabel: I,
-              trashedAt: h,
-              trashedAtLabel: p,
-              dueAt: v,
+              trashedAt: p,
+              trashedAtLabel: h,
+              dueAt: x,
               dueAtLabel: k,
               seenBy: y,
               attachmentsCount: F
             }
           ),
-          b && /* @__PURE__ */ e(X, { loading: o, size: "xs", touchedBy: b, className: x.touchedBy })
+          b && /* @__PURE__ */ e(X, { loading: o, size: "xs", touchedBy: b, className: v.touchedBy })
         ] })
       ] })
     }
@@ -254,19 +257,19 @@ import './assets/Autocomplete.css';const ae = ({ size: t = "sm", title: n, descr
   }
 }, ot = K(
   ({ className: t, items: n, groups: o = {}, expanded: s }, a) => {
-    const { menu: i, setActiveIndex: l } = E({
+    const { menu: i, setActiveIndex: d } = E({
       items: n,
       groups: o,
       groupByKey: "groupId",
       keyboardEvents: !0
     });
-    return /* @__PURE__ */ e(Q, { className: t, expanded: s, ref: a, children: i.map((c, d) => /* @__PURE__ */ R(V, { ...c.props, key: d }, /* @__PURE__ */ e("ul", { children: c.items.map((m, u) => {
+    return /* @__PURE__ */ e(Q, { className: t, expanded: s, ref: a, children: i.map((c, u) => /* @__PURE__ */ R(V, { ...c.props, key: u }, /* @__PURE__ */ e("ul", { children: c.items.map((m, f) => {
       const {
         active: I,
-        menuIndex: h,
-        props: { groupId: p, ..._ }
+        menuIndex: p,
+        props: { groupId: h, ...l }
       } = m;
-      return /* @__PURE__ */ e("li", { tabIndex: -1, onMouseEnter: () => l(h), children: /* @__PURE__ */ e(Me, { ..._, active: I }) }, u);
+      return /* @__PURE__ */ e("li", { tabIndex: -1, onMouseEnter: () => d(p), children: /* @__PURE__ */ e(Me, { ...l, active: I }) }, f);
     }) }))) });
   }
 );
@@ -275,7 +278,7 @@ export {
   ae as B,
   fe as C,
   Ne as D,
-  pe as L,
+  Ie as L,
   S as M,
   De as S,
   L as a,

package/dist/assets/GlobalMenuBase.css

@@ -1 +1 @@
-._nav_1mnmu_1{background-color:#fff;display:flex;flex-direction:column;padding:0 .5rem}._footer_1mnmu_8{padding:1rem .5rem;display:flex;width:100%;flex-direction:column;align-items:stretch}._drawer_1mnmu_16[aria-expanded=true]{display:block;padding:.5rem;z-index:2}._dropdown_1mnmu_22[aria-expanded=true]{display:none}@media (min-width: 1024px){._drawer_1mnmu_16[aria-expanded=true]{display:none}._dropdown_1mnmu_22[aria-expanded=true]{display:block;z-index:2}}
+._nav_ratd2_1{background-color:#fff;display:flex;flex-direction:column}._footer_ratd2_7{padding:1rem .5rem;display:flex;width:100%;flex-direction:column;align-items:stretch}._drawer_ratd2_15[aria-expanded=true]{display:block;padding:.5rem;z-index:2}._dropdown_ratd2_21[aria-expanded=true]{display:none}@media (min-width: 1024px){._drawer_ratd2_15[aria-expanded=true]{display:none}._dropdown_ratd2_21[aria-expanded=true]{display:block;z-index:2}}

package/dist/assets/Header.css

@@ -1 +1 @@
-._drawer_1wgf5_1[aria-expanded=true]{display:block}._dropdown_1wgf5_5[aria-expanded=true]{width:320px;display:none}@media (min-width: 1024px){._dropdown_1wgf5_5[aria-expanded=true]{display:block}}@media (min-width: 1024px){._drawer_1wgf5_1[aria-expanded=true]{display:none}._dropdown_1wgf5_5[aria-expanded=true]{display:block}}
+._drawer_ft5v3_1[aria-expanded=true]{display:block}._dropdown_ft5v3_5[aria-expanded=true]{display:none}@media (min-width: 1024px){._dropdown_ft5v3_5[aria-expanded=true]{width:320px;display:block}._drawer_ft5v3_1[aria-expanded=true]{display:none}}

package/dist/assets/LayoutBase.css

@@ -1 +1 @@
-._base_1401f_1{position:relative;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}._base_1401f_1[data-theme]{background-color:var(--theme-background-subtle)}._base_1401f_1[data-current-id=menu]{background-color:var(--theme-background-default)}@media (max-width: 1024px){._base_1401f_1[data-current-id=menu] header+*,._base_1401f_1[data-current-id=menu] footer{display:none}}
+._base_wqztk_1{position:relative;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}._base_wqztk_1[data-theme]{background-color:var(--theme-background-subtle)}._base_wqztk_1[data-current-id=menu]{background-color:var(--theme-background-default)}

package/dist/components/Bookmarks/BookmarksList.js

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import { createElement as p } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { B as i } from "../../Autocomplete-BNV2UfH3.js";
+import { B as i } from "../../Autocomplete-hEFuiN2u.js";
 import "../RootProvider/RootProvider.js";
 import { ListBase as a } from "../List/ListBase.js";
 const L = ({ items: r, spacing: m }) => /* @__PURE__ */ t(a, { spacing: m, children: r == null ? void 0 : r.map((o) => /* @__PURE__ */ p(i, { ...o, key: o.id })) });

package/dist/components/Bookmarks/BookmarksListItem.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { B as e } from "../../Autocomplete-BNV2UfH3.js";
+import { B as e } from "../../Autocomplete-hEFuiN2u.js";
 import "./QueryLabel.js";
 import "../RootProvider/RootProvider.js";
 export {

package/dist/components/Bookmarks/BookmarksListItem.stories.js

@@ -2,7 +2,7 @@ import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { Fragment as s } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { B as m } from "../../Autocomplete-BNV2UfH3.js";
+import { B as m } from "../../Autocomplete-hEFuiN2u.js";
 import "../RootProvider/RootProvider.js";
 import { MetaItem as l } from "../Meta/MetaItem.js";
 import { ListBase as i } from "../List/ListBase.js";

package/dist/components/Bookmarks/index.js

@@ -1,5 +1,5 @@
 import { BookmarksList as e } from "./BookmarksList.js";
-import { B as t } from "../../Autocomplete-BNV2UfH3.js";
+import { B as t } from "../../Autocomplete-hEFuiN2u.js";
 import { QueryItem as a, QueryLabel as k } from "./QueryLabel.js";
 export {
   e as BookmarksList,

package/dist/components/Button/Buttons.stories.js

@@ -7,7 +7,7 @@ import { ComboButton as d } from "./ComboButton.js";
 import { IconButton as p } from "./IconButton.js";
 import "../RootProvider/RootProvider.js";
 import { MetaItem as c } from "../Meta/MetaItem.js";
-import "../../Autocomplete-BNV2UfH3.js";
+import "../../Autocomplete-hEFuiN2u.js";
 const I = {
   title: "Atoms/Button/Buttons",
   tags: ["autodocs"],

package/dist/components/ContextMenu/ContextMenu.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { C as n } from "../../Autocomplete-BNV2UfH3.js";
+import { C as n } from "../../Autocomplete-hEFuiN2u.js";
 import "../RootProvider/RootProvider.js";
 export {
   n as ContextMenu

package/dist/components/ContextMenu/ContextMenu.stories.js

@@ -1,4 +1,4 @@
-import { C as t } from "../../Autocomplete-BNV2UfH3.js";
+import { C as t } from "../../Autocomplete-hEFuiN2u.js";
 const o = {
   title: "ContextMenu/ContextMenu",
   component: t,

package/dist/components/ContextMenu/ContextMenuBase.js

@@ -4,7 +4,7 @@ import "../Icon/SvgIcon.js";
 import "react";
 import "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
-import { b as s } from "../../Autocomplete-BNV2UfH3.js";
+import { b as s } from "../../Autocomplete-hEFuiN2u.js";
 import "../Dropdown/DropdownBase.js";
 export {
   s as ContextMenuBase

package/dist/components/ContextMenu/index.js

@@ -1,4 +1,4 @@
-import { C as t } from "../../Autocomplete-BNV2UfH3.js";
+import { C as t } from "../../Autocomplete-hEFuiN2u.js";
 export {
   t as ContextMenu
 };

package/dist/components/Dialog/DialogActions.js

@@ -6,7 +6,7 @@ import "../Icon/SvgIcon.js";
 import { Button as u } from "../Button/Button.js";
 import { ComboButton as f } from "../Button/ComboButton.js";
 import "../RootProvider/RootProvider.js";
-import "../../Autocomplete-BNV2UfH3.js";
+import "../../Autocomplete-hEFuiN2u.js";
 import { Menu as y } from "../Menu/Menu.js";
 import '../../assets/DialogActions.css';const g = "_action_1lkfe_1", h = "_comboButton_1lkfe_7", _ = "_dropdown_1lkfe_11", i = {
   action: g,

package/dist/components/Dialog/DialogGroup.js

@@ -6,7 +6,7 @@ import { Button as t } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { Heading as e } from "../Typography/Heading.js";
 import { ListBase as n } from "../List/ListBase.js";
-import "../../Autocomplete-BNV2UfH3.js";
+import "../../Autocomplete-hEFuiN2u.js";
 import { SectionBase as p } from "../Page/SectionBase.js";
 import { SectionHeader as a } from "../Page/SectionHeader.js";
 const k = ({ title: i, children: m }) => /* @__PURE__ */ o(p, { spacing: "md", children: [

package/dist/components/Dialog/DialogList.js

@@ -4,7 +4,7 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
 import { useMenu as f } from "../../hooks/useMenu.js";
-import { D as l } from "../../Autocomplete-BNV2UfH3.js";
+import { D as l } from "../../Autocomplete-hEFuiN2u.js";
 import { SectionBase as y } from "../Page/SectionBase.js";
 import { DialogGroup as d } from "./DialogGroup.js";
 const P = ({ items: e, groups: m = {} }) => {

package/dist/components/Dialog/DialogListItem.js

@@ -10,7 +10,7 @@ import "./DialogHeaderBase.js";
 import "./DialogHeadings.js";
 import "./DialogTitle.js";
 import "./DialogTouchedBy.js";
-import { D as c } from "../../Autocomplete-BNV2UfH3.js";
+import { D as c } from "../../Autocomplete-hEFuiN2u.js";
 import "./DialogSelect.js";
 import "../RootProvider/RootProvider.js";
 import "./DialogDescription.js";

package/dist/components/Dialog/DialogListItem.stories.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { withThemeByDataAttribute as y } from "@storybook/addon-themes";
 import { Fragment as u, useState as v } from "react";
-import { D as n } from "../../Autocomplete-BNV2UfH3.js";
+import { D as n } from "../../Autocomplete-hEFuiN2u.js";
 import { DialogStatusEnum as g } from "./DialogStatus.js";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";

package/dist/components/Dialog/DialogNav.js

@@ -3,7 +3,7 @@ import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import { Button as c } from "../Button/Button.js";
-import { C as l } from "../../Autocomplete-BNV2UfH3.js";
+import { C as l } from "../../Autocomplete-hEFuiN2u.js";
 import { MetaTimestamp as p } from "../Meta/MetaTimestamp.js";
 import { DialogStatus as d } from "./DialogStatus.js";
 import { DialogTouchedBy as v } from "./DialogTouchedBy.js";

package/dist/components/Dialog/Examples.stories.js

@@ -5,7 +5,7 @@ import "../Icon/SvgIcon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { MetaItem as s } from "../Meta/MetaItem.js";
-import { D as o } from "../../Autocomplete-BNV2UfH3.js";
+import { D as o } from "../../Autocomplete-hEFuiN2u.js";
 import { ListBase as a } from "../List/ListBase.js";
 const y = {
   title: "Dialog/Examples",

package/dist/components/Dialog/index.js

@@ -1,7 +1,7 @@
 import { Dialog as e } from "./Dialog.js";
 import { DialogList as a } from "./DialogList.js";
 import { DialogMetadata as l } from "./DialogMetadata.js";
-import { D as m } from "../../Autocomplete-BNV2UfH3.js";
+import { D as m } from "../../Autocomplete-hEFuiN2u.js";
 import { DialogActions as f } from "./DialogActions.js";
 import { DialogActivityLog as x } from "./DialogActivityLog.js";
 import { DialogArticleBase as B } from "./DialogArticleBase.js";

package/dist/components/Dropdown/DrawerButton.js

@@ -5,7 +5,7 @@ import "react";
 import { ButtonBase as m } from "../Button/ButtonBase.js";
 import { ButtonLabel as n } from "../Button/ButtonLabel.js";
 import "../RootProvider/RootProvider.js";
-import "../../Autocomplete-BNV2UfH3.js";
+import "../../Autocomplete-hEFuiN2u.js";
 import '../../assets/DrawerButton.css';const s = "_button_19v2d_1", e = {
   button: s
 }, f = ({ label: o, children: r, onClick: i }) => /* @__PURE__ */ t(m, { variant: "solid", size: "md", className: e.button, onClick: i, children: /* @__PURE__ */ t(n, { size: "md", children: r || o }) });

package/dist/components/Dropdown/DrawerOrDropdown.js

@@ -10,7 +10,7 @@ import { DrawerHeader as f } from "./DrawerHeader.js";
 import { DrawerFooter as n } from "./DrawerFooter.js";
 import { DrawerButton as t } from "./DrawerButton.js";
 import { DrawerBody as D } from "./DrawerBody.js";
-import "../../Autocomplete-BNV2UfH3.js";
+import "../../Autocomplete-hEFuiN2u.js";
 import '../../assets/DrawerOrDropdown.css';const _ = "_dropdown_1mzzo_1", B = "_drawer_1mzzo_5", i = {
   dropdown: _,
   drawer: B

package/dist/components/GlobalMenu/AccountButton.js

@@ -6,7 +6,7 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../../Autocomplete-BNV2UfH3.js";
+import "../../Autocomplete-hEFuiN2u.js";
 const b = ({ account: e, linkText: t, onClick: l, multipleAccounts: d }) => d ? /* @__PURE__ */ r(m, { size: "lg", onClick: l, linkText: t, linkIcon: "chevron-right", as: "button", children: [
   /* @__PURE__ */ i(
     s,

package/dist/components/GlobalMenu/AccountMenu.d.ts

@@ -1,5 +1,6 @@
+import { BadgeProps } from '../Badge';
 import { MenuItemGroups, MenuSearchProps } from '../Menu';
-export interface AccountSearch extends MenuSearchProps {
+export interface AccountSearchProps extends MenuSearchProps {
     getResultsLabel?: (hits: number) => string;
     hidden?: boolean;
 }
@@ -9,11 +10,13 @@ export interface AccountMenuItem {
     id: string;
     groupId?: string;
     selected?: boolean;
+    accountNames?: string[];
+    badge?: BadgeProps;
 }
 export interface AccountMenuProps {
     accounts?: AccountMenuItem[];
     accountGroups?: MenuItemGroups;
-    accountSearch?: AccountSearch;
+    accountSearch?: AccountSearchProps;
     currentAccount?: AccountMenuItem;
     onSelectAccount?: (id: string) => void;
 }

package/dist/components/GlobalMenu/AccountMenu.js

@@ -1,50 +1,58 @@
 "use client";
-import { jsx as L } from "react/jsx-runtime";
-import { useState as M } from "react";
+import { jsx as v } from "react/jsx-runtime";
+import { useState as y } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
-import "../../Autocomplete-BNV2UfH3.js";
-import { Menu as b } from "../Menu/Menu.js";
-const v = (r) => `${r} hits`, j = ({
-  accounts: r = [],
-  accountGroups: o = {},
+import "../../Autocomplete-hEFuiN2u.js";
+import { Menu as L } from "../Menu/Menu.js";
+const M = (p) => `${p} hits`, k = ({
+  accounts: p = [],
+  accountGroups: b = {},
   accountSearch: s,
-  onSelectAccount: t,
-  currentAccount: d
+  onSelectAccount: d,
+  currentAccount: m
 }) => {
-  var g;
-  const p = r.map((e) => ({
+  var f;
+  const g = p.map((e) => ({
     id: e.id || e.name,
     groupId: e.groupId || "search",
-    selected: e.selected ?? (d == null ? void 0 : d.id) === e.id,
+    selected: e.selected ?? (m == null ? void 0 : m.id) === e.id,
     title: e.name,
-    avatar: {
-      type: e.type,
-      name: e.name
+    ...(e == null ? void 0 : e.accountNames) && {
+      avatarGroup: {
+        items: e.accountNames.map((r) => ({ name: r, type: e.type }))
+      }
     },
-    onClick: () => t == null ? void 0 : t(e.id || e.name)
-  })), [i, m] = M(""), l = i ? p.filter((e) => {
-    var f;
-    return (f = e == null ? void 0 : e.title) == null ? void 0 : f.toLowerCase().includes(i.toLowerCase());
+    ...!(e != null && e.accountNames) && {
+      avatar: {
+        type: e.type,
+        name: e.name
+      }
+    },
+    badge: e.badge,
+    onClick: () => d == null ? void 0 : d(e.id || e.name)
+  })), [i, t] = y(""), l = i ? g.filter((e) => {
+    var r;
+    return (r = e == null ? void 0 : e.title) == null ? void 0 : r.toLowerCase().includes(i.toLowerCase());
   }).map((e) => ({
     ...e,
     groupId: "search"
-  })) : p, C = i ? {
+  })) : g, C = i ? {
     search: {
-      title: ((g = s == null ? void 0 : s.getResultsLabel) == null ? void 0 : g.call(s, l.length)) ?? v(l.length)
+      title: ((f = s == null ? void 0 : s.getResultsLabel) == null ? void 0 : f.call(s, l.length)) ?? M(l.length)
     }
-  } : o, I = {
+  } : b, I = {
     name: "account-search",
     value: i,
     placeholder: (s == null ? void 0 : s.placeholder) ?? "Find account",
-    onChange: (e) => m(e.target.value),
-    onClear: () => m("")
+    onChange: (e) => t(e.target.value),
+    onClear: () => t("")
   }, h = [
     ...l.length > 0 ? l : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
-  return /* @__PURE__ */ L(
-    b,
+  return /* @__PURE__ */ v(
+    L,
     {
       theme: "global",
       search: s && I,
@@ -54,5 +62,5 @@ const v = (r) => `${r} hits`, j = ({
   );
 };
 export {
-  j as AccountMenu
+  k as AccountMenu
 };

package/dist/components/GlobalMenu/AccountMenu.stories.js

@@ -19,14 +19,31 @@ const r = {
         groupId: "primary",
         type: "person",
         name: "Aurora Mikalsen",
-        selected: !0
+        selected: !0,
+        badge: {
+          label: "2"
+        }
       },
       {
         id: "bergen-bar",
         groupId: "favourites",
         type: "company",
         name: "Bergen Bar",
-        selected: !1
+        selected: !1,
+        badge: {
+          label: "19"
+        }
+      },
+      {
+        id: "allAccounts",
+        groupId: "groups",
+        type: "company",
+        name: "Alle virksomheter",
+        accountNames: ["Keeperhansker AS", "Stadion drift AS", "Landslaget"],
+        selected: !1,
+        badge: {
+          label: "19"
+        }
       },
       {
         id: "keeper",

package/dist/components/GlobalMenu/BackButton.js

@@ -4,7 +4,7 @@ import "../Icon/SvgIcon.js";
 import "react";
 import { MenuItem as i } from "../Menu/MenuItem.js";
 import "../RootProvider/RootProvider.js";
-import "../../Autocomplete-BNV2UfH3.js";
+import "../../Autocomplete-hEFuiN2u.js";
 const u = ({ label: t, onClick: o }) => /* @__PURE__ */ r(i, { id: "back", icon: "arrow-left", title: t, onClick: o });
 export {
   u as BackButton