@altinn/altinn-components 0.58.7 → 0.59.0

package/dist/components/Settings/UsedByLog.js

@@ -2,7 +2,7 @@
 import { jsx as o, jsxs as a } from "react/jsx-runtime";
 import { useState as y, createElement as B, useMemo as S, Fragment as L } from "react";
 import "../../index-p1eeF8LQ.js";
-import { S as s, p as d } from "../../Section-BisoLqNN.js";
+import { S as s, q as d } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -12,18 +12,18 @@ import "../Snackbar/useSnackbar.js";
 import { Flex as j } from "../Page/Flex.js";
 import { UsedByLogItem as h } from "./UsedByLogItem.js";
 const w = ({
-  collapsible: p = !0,
+  collapsible: i = !0,
   expanded: f,
   title: t,
   items: n,
   size: e = "sm",
-  endUserLabel: i
+  endUserLabel: m
 }) => {
-  const [m, l] = y(f || !p && !0), v = () => {
+  const [p, l] = y(f || !i && !0), v = () => {
     l((r) => !r);
   };
   if (n?.length === 1)
-    return /* @__PURE__ */ o(s, { spacing: 1, children: /* @__PURE__ */ o(d, { size: e, spacing: 1, children: n?.map((r) => /* @__PURE__ */ B(h, { ...r, key: r.id, size: e, endUserLabel: i })) }) });
+    return /* @__PURE__ */ o(s, { spacing: 1, children: /* @__PURE__ */ o(d, { size: e, spacing: 1, children: n?.map((r) => /* @__PURE__ */ B(h, { ...r, key: r.id, size: e, endUserLabel: m })) }) });
   const c = S(
     () => n.map((r) => ({
       ...r,
@@ -32,11 +32,11 @@ const w = ({
     [n]
   );
   return /* @__PURE__ */ a(s, { spacing: 1, children: [
-    t && /* @__PURE__ */ o(j, { children: p ? /* @__PURE__ */ o(u, { items: c, as: "button", onClick: v, children: t }) : /* @__PURE__ */ o(u, { items: c, as: "div", children: t }) }),
-    t && m && /* @__PURE__ */ o(g, {}),
-    m && /* @__PURE__ */ o(d, { size: e, spacing: 1, children: n?.map((r, x) => /* @__PURE__ */ a(L, { children: [
+    t && /* @__PURE__ */ o(j, { children: i ? /* @__PURE__ */ o(u, { items: c, as: "button", onClick: v, children: t }) : /* @__PURE__ */ o(u, { items: c, as: "div", children: t }) }),
+    t && p && /* @__PURE__ */ o(g, {}),
+    p && /* @__PURE__ */ o(d, { size: e, spacing: 1, children: n?.map((r, x) => /* @__PURE__ */ a(L, { children: [
       x > 0 && /* @__PURE__ */ o(g, {}),
-      /* @__PURE__ */ o(h, { ...r, size: e, endUserLabel: i })
+      /* @__PURE__ */ o(h, { ...r, size: e, endUserLabel: m })
     ] }, r.id)) })
   ] });
 };

package/dist/components/Settings/UsedByLogItem.js

@@ -1,25 +1,24 @@
-import { jsxs as r, jsx as l } from "react/jsx-runtime";
-import { Badge as n } from "../Badge/Badge.js";
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import { a as p, B as c } from "../../Section-gR5R233Z.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { B as c } from "../../Section-BisoLqNN.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { Flex as g } from "../Page/Flex.js";
-const N = ({
-  type: m,
+const y = ({
+  type: a,
   name: t,
   description: o,
   isEndUser: e,
-  endUserLabel: a,
-  avatar: p,
-  size: s = "sm"
+  endUserLabel: m,
+  avatar: s,
+  size: l = "sm"
 }) => {
-  const i = e && { label: a };
+  const i = e && { label: m };
   return /* @__PURE__ */ r(g, { align: "center", spacing: 2, as: "li", children: [
-    /* @__PURE__ */ r(c, { size: s, avatar: { name: t, type: m, ...p }, children: [
+    /* @__PURE__ */ r(p, { size: l, avatar: { name: t, type: a, ...s }, children: [
       /* @__PURE__ */ r("strong", { children: [
         t,
         o && NaN
@@ -27,9 +26,9 @@ const N = ({
       " ",
       o
     ] }),
-    i && /* @__PURE__ */ l(n, { variant: "subtle", ...i })
+    i && /* @__PURE__ */ n(c, { variant: "subtle", ...i })
   ] });
 };
 export {
-  N as UsedByLogItem
+  y as UsedByLogItem
 };

package/dist/components/Snackbar/SnackbarItem.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as f, jsx as l } from "react/jsx-runtime";
 import { c as p } from "../../index-p1eeF8LQ.js";
-import { I as u, E as v } from "../../Section-BisoLqNN.js";
+import { I as u, C as v } from "../../Section-gR5R233Z.js";
 import a, { forwardRef as _ } from "react";
 import "../Typography/Link.js";
 import { Button as g } from "../Button/Button.js";
@@ -32,7 +32,7 @@ const w = _((e, i) => {
   action: I
 };
 var j = /* @__PURE__ */ ((e) => (e.company = "company", e.success = "success", e.warning = "warning", e.danger = "danger", e.info = "info", e))(j || {});
-const H = ({
+const F = ({
   as: e,
   message: i,
   className: o,
@@ -49,5 +49,5 @@ const H = ({
 ] });
 export {
   j as SnackbarColorEnum,
-  H as SnackbarItem
+  F as SnackbarItem
 };

package/dist/components/Timeline/Timeline.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { S as m } from "../../Section-BisoLqNN.js";
+import { S as m } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Timeline/TimelineActivity.js

@@ -1,7 +1,7 @@
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { S as c, B as n } from "../../Section-BisoLqNN.js";
+import { S as c, a as n } from "../../Section-gR5R233Z.js";
 import { Typography as l } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
@@ -19,8 +19,8 @@ const k = ({
   datetime: e,
   children: o,
   footer: g,
-  ...f
-}) => /* @__PURE__ */ a(c, { margin: p, spacing: s, ...f, children: [
+  ...a
+}) => /* @__PURE__ */ f(c, { margin: p, spacing: s, ...a, children: [
   t && /* @__PURE__ */ i(n, { loading: r, datetime: e, children: t }),
   o && typeof o == "string" ? /* @__PURE__ */ i(l, { as: "p", loading: r, size: "md", ...m, children: o }) : o
 ] });

package/dist/components/Timeline/TimelineBase.js

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../Section-BisoLqNN.js";
+import "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Timeline/TimelineFooter.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { B as l } from "../../Section-BisoLqNN.js";
+import { a as l } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Timeline/TimelineHeader.js

@@ -2,7 +2,7 @@ import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { Skeleton as a } from "../Skeleton/Skeleton.js";
-import { B as c } from "../../Section-BisoLqNN.js";
+import { a as c } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -13,10 +13,10 @@ import '../../assets/TimelineHeader.css';const p = "_header_177gq_1", h = "_side
   header: p,
   sidebar: h,
   content: _
-}, T = ({ as: t = "li", loading: i, color: o, icon: s, children: n }) => /* @__PURE__ */ m(d, { as: t, className: r.header, color: o, children: [
+}, k = ({ as: t = "li", loading: i, color: o, icon: s, children: n }) => /* @__PURE__ */ m(d, { as: t, className: r.header, color: o, children: [
   /* @__PURE__ */ e("aside", { className: r.sidebar, children: /* @__PURE__ */ e(a, { variant: "circle", loading: i, children: /* @__PURE__ */ e(l, { icon: s, theme: "base", size: "lg" }) }) }),
   /* @__PURE__ */ e("div", { className: r.content, children: /* @__PURE__ */ e(c, { loading: i, size: "lg", children: n }) })
 ] });
 export {
-  T as TimelineHeader
+  k as TimelineHeader
 };

package/dist/components/Timeline/TimelineIcon.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { isValidElement as p } from "react";
 import "../../index-p1eeF8LQ.js";
-import { I as s, E as n, i as l } from "../../Section-BisoLqNN.js";
+import { I as s, C as n, i as l } from "../../Section-gR5R233Z.js";
 import { isAvatarProps as f, Avatar as c } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as u, AvatarGroup as d } from "../Avatar/AvatarGroup.js";
 import "../Typography/Link.js";

package/dist/components/Timeline/TimelineSection.js

@@ -1,12 +1,12 @@
-import { jsxs as B, jsx as t } from "react/jsx-runtime";
+import { jsxs as S, jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { B as S, S as T } from "../../Section-BisoLqNN.js";
-import { Typography as c } from "../Typography/Typography.js";
+import { a as T, S as c } from "../../Section-gR5R233Z.js";
+import { Typography as j } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
-import { TimelineBase as j } from "./TimelineBase.js";
+import { TimelineBase as l } from "./TimelineBase.js";
 import "../Snackbar/useSnackbar.js";
 const v = ({
   loading: o,
@@ -14,25 +14,25 @@ const v = ({
   level: e,
   margin: s,
   spacing: n,
-  as: f = "li",
-  border: a = "strong",
+  as: a = "li",
+  border: f = "strong",
   color: i,
   typographyProps: x = {},
   datetime: y,
   byline: m,
   children: r
-}) => /* @__PURE__ */ B(
-  j,
+}) => /* @__PURE__ */ S(
+  l,
   {
     loading: o,
     level: e,
-    border: a,
+    border: f,
     color: i,
     borderColor: p ? i : "neutral",
-    as: f,
+    as: a,
     children: [
-      m && /* @__PURE__ */ t(S, { loading: o, datetime: y, children: m }),
-      /* @__PURE__ */ t(T, { margin: s, spacing: n, children: r && typeof r == "string" ? /* @__PURE__ */ t(c, { as: "p", loading: o, size: "md", ...x, children: r }) : r })
+      m && /* @__PURE__ */ t(T, { loading: o, datetime: y, children: m }),
+      /* @__PURE__ */ t(c, { margin: s, spacing: n, children: r && typeof r == "string" ? /* @__PURE__ */ t(j, { as: "p", loading: o, size: "md", ...x, children: r }) : r })
     ]
   }
 );

package/dist/components/Timeline/TimelineSegment.js

@@ -1,25 +1,25 @@
 import { jsx as i, jsxs as f } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { S, B as h } from "../../Section-BisoLqNN.js";
+import { S, a as h } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import { TimelineBase as x } from "./TimelineBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as B } from "../../CircleFill-yFbEHBRX.js";
+import { S as d } from "../../CircleFill-yFbEHBRX.js";
 const w = ({
   loading: r,
   unread: t,
   datetime: m,
   byline: o,
-  icon: e = B,
+  icon: e = d,
   color: p,
   spacing: l = 2,
   margin: n = "bottom",
   children: s,
   id: c,
-  footer: d,
+  footer: j,
   ...a
 }) => /* @__PURE__ */ i(x, { loading: r, color: t ? p : "neutral", icon: e, as: "li", ...a, id: c, children: /* @__PURE__ */ f(S, { margin: n, spacing: l, children: [
   o && /* @__PURE__ */ i(h, { loading: r, datetime: m, children: o }),

package/dist/components/Toolbar/DatepickerFilter.js

@@ -6,7 +6,7 @@ import { Label as c } from "../Forms/Label.js";
 import { Input as s } from "../Forms/Input.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { x, q as g } from "../../Section-BisoLqNN.js";
+import { w as x, r as g } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -20,7 +20,7 @@ import '../../assets/DatepickerFilter.css';const u = {}, Q = ({
   onChange: r,
   onSubmit: b
 }) => {
-  const { fromDate: a, toDate: i } = t, { languageCode: f } = x(), { backLabel: d, fromLabel: L, toLabel: D } = y(f), k = (o) => {
+  const { fromDate: a, toDate: i } = t, { languageCode: f } = x(), { backLabel: d, fromLabel: L, toLabel: D } = w(f), k = (o) => {
     r?.({
       ...t,
       fromDate: o.target.value
@@ -73,7 +73,7 @@ import '../../assets/DatepickerFilter.css';const u = {}, Q = ({
     /* @__PURE__ */ e(p, {}),
     /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(T, { onSelect: F, selectFrom: a, selectTo: i }) })
   ] });
-}, y = (t) => {
+}, w = (t) => {
   switch (t) {
     case "nn":
       return {

package/dist/components/Toolbar/SelectDateFilter.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
 import { useRef as A, useState as p, useCallback as C, useEffect as R } from "react";
-import { M as x } from "../../Section-BisoLqNN.js";
+import { M as x } from "../../Section-gR5R233Z.js";
 import "../../index-p1eeF8LQ.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";

package/dist/components/Toolbar/Toolbar.js

@@ -1,13 +1,13 @@
 import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { ToolbarFilter as T } from "./ToolbarFilter.js";
-import { y as l, T as x } from "../../Section-BisoLqNN.js";
+import { ToolbarFilter as x } from "./ToolbarFilter.js";
+import { x as l, T } from "../../Section-gR5R233Z.js";
 import '../../assets/Toolbar.css';const z = "_toolbar_ibn1z_1", c = {
   toolbar: z
 }, u = ({ accountMenu: t, menus: m, search: a, filter: s, disabled: o, controls: b, children: e }) => /* @__PURE__ */ p("span", { className: c.toolbar, "data-size": "xs", children: [
   t && /* @__PURE__ */ r(l, { size: "md", ...t, disabled: o, virtualized: !0 }),
   m?.map((i, n) => /* @__PURE__ */ r(l, { ...i, disabled: o }, n)),
-  a && /* @__PURE__ */ r(x, { ...a, disabled: o }),
-  s && /* @__PURE__ */ r(T, { ...s, controls: b, disabled: o }),
+  a && /* @__PURE__ */ r(T, { ...a, disabled: o }),
+  s && /* @__PURE__ */ r(x, { ...s, controls: b, disabled: o }),
   e
 ] });
 export {

package/dist/components/Toolbar/ToolbarFilter.js

@@ -1,12 +1,12 @@
-import { jsxs as l, Fragment as E, jsx as i } from "react/jsx-runtime";
-import { useMemo as I, useState as L, createElement as N } from "react";
-import { Button as O } from "../Button/Button.js";
+import { jsxs as l, Fragment as I, jsx as i } from "react/jsx-runtime";
+import { useMemo as L, useState as N, createElement as O } from "react";
+import { Button as w } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { E as w } from "../../Section-BisoLqNN.js";
+import { C as y } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { ToolbarFilterMenu as y } from "./ToolbarFilterMenu.js";
+import { ToolbarFilterMenu as E } from "./ToolbarFilterMenu.js";
 import { useFilter as X } from "./useFilter.js";
 import { ToolbarControls as q } from "./ToolbarControls.js";
 import { ToolbarFilterAddMenu as z } from "./ToolbarFilterAddMenu.js";
@@ -28,23 +28,23 @@ const _ = ({
     filters: r,
     filterState: e,
     onFilterStateChange: t
-  }), p = I(
+  }), p = L(
     () => r?.filter((o) => o.removable)?.map((o) => o.name) ?? [],
     [r]
-  ), f = p.length > 0 && Object.values(e)?.some((o) => o && o?.length > 0), [c, g] = L(void 0), h = (o) => {
+  ), C = p.length > 0 && Object.values(e)?.some((o) => o && o?.length > 0), [c, g] = N(void 0), h = (o) => {
     g((m) => m === o ? void 0 : o);
   }, u = () => {
     g(void 0);
-  }, B = () => {
+  }, f = () => {
     for (const o of p)
       d(o);
     t?.({});
   };
-  return /* @__PURE__ */ l(E, { children: [
+  return /* @__PURE__ */ l(I, { children: [
     s?.map((o, m) => {
-      const C = M?.(o?.name, e?.[o?.id]) ?? o?.label;
-      return /* @__PURE__ */ N(
-        y,
+      const B = M?.(o?.name, e?.[o?.id]) ?? o?.label;
+      return /* @__PURE__ */ O(
+        E,
         {
           ...o,
           disabled: n,
@@ -53,7 +53,7 @@ const _ = ({
           onToggle: () => h(o.name),
           onClose: u,
           open: c === o.name,
-          label: C,
+          label: B,
           onRemove: () => d(o.name),
           removeLabel: T,
           onFilterChange: A,
@@ -76,8 +76,8 @@ const _ = ({
       }
     ),
     /* @__PURE__ */ l(q, { children: [
-      !n && f && /* @__PURE__ */ l(O, { onClick: B, variant: "ghost", children: [
-        /* @__PURE__ */ i(w, { "aria-hidden": "true" }),
+      !n && C && /* @__PURE__ */ l(w, { onClick: f, variant: "ghost", children: [
+        /* @__PURE__ */ i(y, { "aria-hidden": "true" }),
         /* @__PURE__ */ i("span", { children: b })
       ] }),
       k

package/dist/components/Toolbar/ToolbarFilterAddMenu.js

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as h } from "react/jsx-runtime";
 import { useRef as a, useEffect as y } from "react";
 import { Button as v } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { g as w, M as x } from "../../Section-BisoLqNN.js";
+import { h as w, M as x } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import { useDropdownMenuController as C } from "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Toolbar/ToolbarFilterButton.js

@@ -2,14 +2,14 @@ import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { Button as t } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { E as s, G as a } from "../../Section-BisoLqNN.js";
+import { C as s, E as a } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import "react-dom";
 import { Tooltip as h } from "../Tooltip/Tooltip.js";
 import "../Snackbar/useSnackbar.js";
 import { ButtonGroup as b } from "../Button/ButtonGroup.js";
 import { ButtonGroupDivider as x } from "../Button/ButtonGroupDivider.js";
-function y({
+function w({
   disabled: e,
   name: i,
   onClick: n,
@@ -42,5 +42,5 @@ function y({
   ] });
 }
 export {
-  y as ToolbarFilterButton
+  w as ToolbarFilterButton
 };

package/dist/components/Toolbar/ToolbarFilterMenu.js

@@ -1,16 +1,16 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useRef as G, useEffect as H } from "react";
 import "../../index-p1eeF8LQ.js";
-import { g as E, M as J } from "../../Section-BisoLqNN.js";
+import { h as E, M as J } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import { useDropdownMenuController as K } from "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";
-import { ToolbarFilterButton as p } from "./ToolbarFilterButton.js";
+import { ToolbarFilterButton as v } from "./ToolbarFilterButton.js";
 const S = ({
   as: j,
   disabled: D,
-  size: v,
+  size: g,
   name: o,
   label: d = "",
   searchable: u,
@@ -38,18 +38,18 @@ const S = ({
     F.current = t, r && !t && e?.triggerRef?.current?.focus();
   }, [t, e.triggerRef]);
   const T = (r) => {
-    const i = r.target.type, g = r.target.name, q = r.target.value;
-    B?.(i, g, q), i === "radio" && l();
+    const i = r.target.type, p = r.target.name, q = r.target.value;
+    B?.(i, p, q), i === "radio" && l();
   }, m = y?.map((r) => ({
     ...r,
     onChange: (i) => T(i)
   })), f = (y?.filter((r) => r.checked)?.map((r) => r.value || "true")).length > 0 || c?.[o]?.length ? "tinted" : "outline", P = j || J, s = u ? "combobox" : "menu", V = () => {
     l();
     const r = c?.[o]?.[0];
-    m?.filter((g) => g.checked)?.length === 0 && !r && w?.();
+    m?.filter((p) => p.checked)?.length === 0 && !r && w?.();
   };
   return D ? /* @__PURE__ */ n(
-    p,
+    v,
     {
       disabled: !0,
       name: o,
@@ -67,7 +67,7 @@ const S = ({
       variant: "drawer-dropdown",
       size: C,
       trigger: /* @__PURE__ */ n(
-        p,
+        v,
         {
           name: o,
           onClick: I,
@@ -93,7 +93,7 @@ const S = ({
           name: o,
           filterState: c,
           onFilterStateChange: k,
-          size: v,
+          size: g,
           searchable: u,
           groups: h,
           items: m,
@@ -111,7 +111,7 @@ const S = ({
       title: R,
       variant: "drawer-dropdown",
       submitLabel: x,
-      trigger: /* @__PURE__ */ n(p, { name: o, onClick: I, variant: a || f, children: d }),
+      trigger: /* @__PURE__ */ n(v, { name: o, onClick: I, variant: a || f, children: d }),
       open: t,
       onClose: l,
       ...e.dropdownA11yProps,
@@ -122,7 +122,7 @@ const S = ({
           name: o,
           filterState: c,
           onFilterStateChange: k,
-          size: v,
+          size: g,
           searchable: u,
           groups: h,
           items: m,

package/dist/components/Toolbar/ToolbarMenu.js

@@ -2,10 +2,10 @@ import "react/jsx-runtime";
 import "react";
 import "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { y as f } from "../../Section-BisoLqNN.js";
+import { x as b } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";
 export {
-  f as ToolbarMenu
+  b as ToolbarMenu
 };

package/dist/components/Toolbar/ToolbarSearch.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
-import { T as b } from "../../Section-BisoLqNN.js";
+import { T as b } from "../../Section-gR5R233Z.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Toolbar/example.data.js

@@ -1,7 +1,7 @@
-import { S as c, a as o, b as I, c as m, d as p } from "../../Trash-BG9YcGIl.js";
-import { S as v } from "../../Eye-BrbjRZJp.js";
-import { S as b } from "../../MenuHamburger-YjDC-ncP.js";
-import { S as B, a as k, b as w, c as F } from "../../InboxFill-vGck_zM_.js";
+import { S as c, a as o, b as I } from "../../Paperclip-DjN7qVfQ.js";
+import { S as m } from "../../Eye-BrbjRZJp.js";
+import { S as p } from "../../MenuHamburger-YjDC-ncP.js";
+import { S as v, a as b, b as B, c as k, d as w, e as F } from "../../Trash-B4TuJwxR.js";
 const h = "data:image/png;base64,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", x = {
   type: "company",
   name: "Skatteetaten",
@@ -14,7 +14,7 @@ const h = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAIAAABt+uBvAAA
   id: "owner",
   groupId: "3",
   name: "owner",
-  icon: b,
+  icon: p,
   title: "Tjenesteeier ...",
   groups: {
     1: {
@@ -175,7 +175,7 @@ const h = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAIAAABt+uBvAAA
 }, X = {
   id: "seenBy",
   groupId: "2",
-  icon: v,
+  icon: m,
   name: "seenBy",
   title: "Sett av ...",
   searchable: !0,
@@ -383,38 +383,38 @@ const h = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAIAAABt+uBvAAA
   {
     id: "inbox",
     groupId: "1",
-    icon: B,
+    icon: v,
     selected: !0,
     title: "Innboks"
   },
   {
     id: "drafts",
     groupId: "2",
-    icon: k,
+    icon: b,
     title: "Utkast"
   },
   {
     id: "sent",
     groupId: "2",
-    icon: w,
+    icon: B,
     title: "Sendt"
   },
   {
     id: "bookmarks",
     groupId: "3",
-    icon: F,
+    icon: k,
     title: "Lagrede søk"
   },
   {
     id: "trash",
     groupId: "4",
-    icon: m,
+    icon: w,
     title: "Arkivert"
   },
   {
     id: "6",
     groupId: "4",
-    icon: p,
+    icon: F,
     title: "Papirkurv"
   }
 ], U = {