@altinn/altinn-components 0.18.8 → 0.19.0

package/dist/components/Meta/MetaItemBase.js

@@ -1,32 +1,34 @@
-import { jsx as v } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { c as _ } from "../../index-L8X2o7IH.js";
-import '../../assets/MetaItemBase.css';const d = "_item_1qvb3_1", x = "_reverse_1qvb3_27", e = {
-  item: d,
-  reverse: x
-}, q = ({
-  as: t,
+import { Skeleton as l } from "../Skeleton/Skeleton.js";
+import '../../assets/MetaItemBase.css';const x = "_item_1qvb3_1", f = "_reverse_1qvb3_27", t = {
+  item: x,
+  reverse: f
+}, h = ({
+  as: r,
+  loading: o,
   reverse: s,
-  variant: r = "text",
-  size: a,
-  color: o,
-  progress: m,
-  datetime: n,
-  className: c,
-  children: i,
-  ...p
-}) => /* @__PURE__ */ v(
-  t || "span",
+  variant: a = "text",
+  size: m,
+  color: n,
+  progress: i,
+  datetime: c,
+  className: p,
+  children: v,
+  ...d
+}) => /* @__PURE__ */ e(
+  r || "span",
   {
-    "data-size": a,
-    "data-color": o,
-    "data-variant": r,
-    "data-progress": m,
-    dateTime: n,
-    className: _(e.item, { [e.reverse]: s }, c),
-    ...p,
-    children: i
+    "data-size": m,
+    "data-color": n,
+    "data-variant": a,
+    "data-progress": i,
+    dateTime: c,
+    className: _(t.item, { [t.reverse]: s }, p),
+    ...d,
+    children: /* @__PURE__ */ e(l, { loading: o, children: v })
   }
 );
 export {
-  q as MetaItemBase
+  h as MetaItemBase
 };

package/dist/components/Meta/MetaTimestamp.js

@@ -1,19 +1,18 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { Skeleton as f } from "../Skeleton/Skeleton.js";
-import { MetaItemBase as i } from "./MetaItemBase.js";
-import { MetaItemLabel as x } from "./MetaItemLabel.js";
-import { MetaItemMedia as M } from "./MetaItemMedia.js";
-const j = ({
-  loading: m,
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { MetaItemBase as x } from "./MetaItemBase.js";
+import { MetaItemLabel as M } from "./MetaItemLabel.js";
+import { MetaItemMedia as f } from "./MetaItemMedia.js";
+const c = ({
+  loading: e,
   size: t = "xs",
-  variant: r = "text",
-  datetime: p,
-  icon: o,
-  children: a
-}) => /* @__PURE__ */ e(f, { loading: m, children: /* @__PURE__ */ s(i, { as: "time", variant: r, datetime: p, size: t, children: [
-  !m && o && /* @__PURE__ */ e(M, { size: t, icon: o }),
-  /* @__PURE__ */ e(x, { variant: r, size: t, children: a })
-] }) });
+  variant: m = "text",
+  datetime: a,
+  icon: r,
+  children: p
+}) => /* @__PURE__ */ s(x, { loading: e, as: "time", variant: m, datetime: a, size: t, children: [
+  !e && r && /* @__PURE__ */ o(f, { size: t, icon: r }),
+  /* @__PURE__ */ o(M, { variant: m, size: t, children: p })
+] });
 export {
-  j as MetaTimestamp
+  c as MetaTimestamp
 };

package/dist/components/Page/ContactSection.js

@@ -3,12 +3,12 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import { Button as m } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { Typography as h } from "../Typography/Typography.js";
-import { Heading as g } from "../Typography/Heading.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as t } from "./Flex.js";
-import { Section as s } from "./Section.js";
+import { Section as h } from "./Section.js";
+import { Typography as g } from "../Typography/Typography.js";
+import { Heading as s } from "../Typography/Heading.js";
 const F = ({
   theme: e,
   color: l,
@@ -17,7 +17,7 @@ const F = ({
   description: n,
   items: c
 }) => /* @__PURE__ */ p(
-  s,
+  h,
   {
     direction: "col",
     theme: e,
@@ -27,8 +27,8 @@ const F = ({
     spacing: 4,
     children: [
       /* @__PURE__ */ p(t, { direction: "col", children: [
-        /* @__PURE__ */ r(g, { size: "lg", children: d }),
-        n && /* @__PURE__ */ r(h, { children: n })
+        /* @__PURE__ */ r(s, { size: "lg", children: d }),
+        n && /* @__PURE__ */ r(g, { children: n })
       ] }),
       c && /* @__PURE__ */ r(t, { spacing: 2, children: c.map((o, a) => /* @__PURE__ */ r(m, { variant: "outline", icon: o == null ? void 0 : o.icon, children: o.label }, a)) })
     ]

package/dist/components/Page/Flex.js

@@ -1,6 +1,6 @@
-import { jsx as v } from "react/jsx-runtime";
+import { jsx as u } from "react/jsx-runtime";
 import { c as _ } from "../../index-L8X2o7IH.js";
-import '../../assets/Flex.css';const h = "_flex_vvg9d_1", j = {
+import '../../assets/Flex.css';const h = "_flex_1e7ut_1", j = {
   flex: h
 }, C = ({
   as: a = "div",
@@ -19,7 +19,7 @@ import '../../assets/Flex.css';const h = "_flex_vvg9d_1", j = {
   style: p,
   children: x,
   ...g
-}) => /* @__PURE__ */ v(
+}) => /* @__PURE__ */ u(
   a,
   {
     className: _(j.flex, m),

package/dist/components/Page/PageHeader.js

@@ -2,15 +2,15 @@ import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { ListItemIcon as j } from "../List/ListItemIcon.js";
-import { Typography as y } from "../Typography/Typography.js";
-import { Heading as H } from "../Typography/Heading.js";
 import "../Search/AutocompleteBase.js";
+import { ListItemIcon as j } from "../List/ListItemIcon.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as m } from "./Flex.js";
-import { PageNav as I } from "./PageNav.js";
-import { PageTabs as T } from "./PageTabs.js";
-import { Section as F } from "./Section.js";
+import { PageNav as y } from "./PageNav.js";
+import { PageTabs as H } from "./PageTabs.js";
+import { Section as I } from "./Section.js";
+import { Typography as T } from "../Typography/Typography.js";
+import { Heading as F } from "../Typography/Heading.js";
 const R = ({
   variant: g,
   size: f = "xl",
@@ -29,28 +29,28 @@ const R = ({
   controls: L,
   children: z,
   ...P
-}) => (g === "card" && (l = "default", a = "page", c = "xs", d = !0), g === "card" ? /* @__PURE__ */ i(F, { as: "header", theme: l, shadow: c, bleed: d, ...P, children: [
-  (p || n) && /* @__PURE__ */ r(I, { backButton: p, breadcrumbs: n, padding: 2 }),
+}) => (g === "card" && (l = "default", a = "page", c = "xs", d = !0), g === "card" ? /* @__PURE__ */ i(I, { as: "header", theme: l, shadow: c, bleed: d, ...P, children: [
+  (p || n) && /* @__PURE__ */ r(y, { backButton: p, breadcrumbs: n, padding: 2 }),
   /* @__PURE__ */ i(m, { direction: "row", align: "center", padding: "page", spacing: 3, children: [
     /* @__PURE__ */ r(j, { avatar: h, avatarGroup: s, icon: t, size: "xl" }),
     /* @__PURE__ */ i(m, { direction: "col", children: [
-      /* @__PURE__ */ r(H, { size: f, children: x }),
-      o && /* @__PURE__ */ r(y, { size: "xs", children: o })
+      /* @__PURE__ */ r(F, { size: f, children: x }),
+      o && /* @__PURE__ */ r(T, { size: "xs", children: o })
     ] })
   ] }),
   z,
-  e && /* @__PURE__ */ r(T, { ...e, padding: 2 })
-] }) : /* @__PURE__ */ i(F, { as: "header", theme: l, shadow: c, bleed: d, ...P, children: [
-  (p || n) && /* @__PURE__ */ r(I, { backButton: p, breadcrumbs: n }),
+  e && /* @__PURE__ */ r(H, { ...e, padding: 2 })
+] }) : /* @__PURE__ */ i(I, { as: "header", theme: l, shadow: c, bleed: d, ...P, children: [
+  (p || n) && /* @__PURE__ */ r(y, { backButton: p, breadcrumbs: n }),
   /* @__PURE__ */ i(m, { direction: "row", align: "center", padding: a, spacing: 3, children: [
     /* @__PURE__ */ r(j, { avatar: h, avatarGroup: s, icon: t, size: "xl" }),
     /* @__PURE__ */ i(m, { direction: "col", children: [
-      /* @__PURE__ */ r(H, { size: f, children: x }),
-      o && /* @__PURE__ */ r(y, { size: "xs", children: o })
+      /* @__PURE__ */ r(F, { size: f, children: x }),
+      o && /* @__PURE__ */ r(T, { size: "xs", children: o })
     ] })
   ] }),
   z,
-  e && /* @__PURE__ */ r(T, { ...e })
+  e && /* @__PURE__ */ r(H, { ...e })
 ] }));
 export {
   R as PageHeader

package/dist/components/Search/AutocompleteItem.js

@@ -4,10 +4,10 @@ import "react";
 import { BookmarksListItem as a } from "../Bookmarks/BookmarksListItem.js";
 import "../RootProvider/RootProvider.js";
 import { DialogListItem as r } from "../Dialog/DialogListItem.js";
-import { ListItem as o } from "../List/ListItem.js";
 import "./AutocompleteBase.js";
 import { ScopeListItem as n } from "./ScopeListItem.js";
 import { SuggestListItem as s } from "./SuggestListItem.js";
+import { ListItem as o } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
 const w = ({ type: m, ...e }) => {
   switch (m) {

package/dist/components/Search/SuggestListItem.js

@@ -2,8 +2,8 @@ import { jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { ListItem as o } from "../List/ListItem.js";
 import "./AutocompleteBase.js";
+import { ListItem as o } from "../List/ListItem.js";
 import { QueryLabel as i } from "./QueryLabel.js";
 import "../Snackbar/useSnackbar.js";
 const g = ({ as: p = "a", params: r, ...m }) => /* @__PURE__ */ t(o, { label: /* @__PURE__ */ t(i, { params: r }), ...m });

package/dist/components/Skeleton/Skeleton.js

@@ -1,19 +1,30 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as r } from "../../index-L8X2o7IH.js";
-import '../../assets/Skeleton.css';const d = "_skelaton_10sb8_1", f = "_fade_10sb8_1", l = {
-  skelaton: d,
-  fade: f
-}, _ = ({ loading: a = !1, size: s, variant: e = "text", className: o, children: t }) => a ? /* @__PURE__ */ n(
-  "span",
-  {
-    className: r(l.skelaton, o),
-    "data-size": s,
-    "data-loading": a,
-    "data-variant": e,
-    "aria-hidden": "true",
-    children: t
-  }
-) : t;
+import { jsx as a } from "react/jsx-runtime";
+import { c as i } from "../../index-L8X2o7IH.js";
+import '../../assets/Skeleton.css';const c = "_skeleton_kmhzx_1", l = "_fade_kmhzx_1", m = {
+  skeleton: c,
+  fade: l
+}, u = ({
+  as: s = "span",
+  loading: e = !1,
+  size: n,
+  variant: o = "text",
+  className: r,
+  children: t
+}) => {
+  const d = s;
+  return e ? /* @__PURE__ */ a(
+    d,
+    {
+      className: i(m.skeleton, r),
+      "aria-busy": !0,
+      "data-size": n,
+      "data-loading": e,
+      "data-variant": o,
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ a("div", { "aria-hidden": "true", children: t })
+    }
+  ) : t;
+};
 export {
-  _ as Skeleton
+  u as Skeleton
 };

package/dist/components/Timeline/Timeline.js

@@ -1,8 +1,11 @@
-import { jsx as n } from "react/jsx-runtime";
-import { createElement as i } from "react";
-import { TimelineBase as m } from "./TimelineBase.js";
-import { TimelineSection as l } from "./TimelineSection.js";
-const a = ({ items: r }) => /* @__PURE__ */ n(m, { children: r == null ? void 0 : r.map((e, o) => /* @__PURE__ */ i(l, { ...e, key: o }, e.children)) });
+import { jsx as r } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Section as i } from "../Page/Section.js";
+const f = ({ children: o }) => /* @__PURE__ */ r(i, { spacing: 2, children: o });
 export {
-  a as Timeline
+  f as Timeline
 };

package/dist/components/Timeline/TimelineActivity.js

@@ -0,0 +1,33 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import { Byline as x } from "../Byline/Byline.js";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { TimelineBase as y } from "./TimelineBase.js";
+import { Section as S } from "../Page/Section.js";
+import { Typography as T } from "../Typography/Typography.js";
+import { S as a } from "../../CircleFill-IZdiBc_K.js";
+const q = ({
+  loading: r,
+  byline: i,
+  icon: p = a,
+  color: e = "neutral",
+  typographyProps: s = {},
+  margin: c,
+  spacing: f,
+  datetime: l,
+  children: m,
+  footer: n,
+  ...h
+}) => /* @__PURE__ */ o(y, { loading: r, color: e, icon: p, ...h, children: [
+  i && /* @__PURE__ */ t(x, { loading: r, datetime: l, children: i }),
+  /* @__PURE__ */ o(S, { margin: c, spacing: f, children: [
+    m && /* @__PURE__ */ t(T, { loading: r, size: "md", ...s, children: m }),
+    n
+  ] })
+] });
+export {
+  q as TimelineActivity
+};

package/dist/components/Timeline/TimelineBase.js

@@ -1,8 +1,35 @@
-import { jsx as t } from "react/jsx-runtime";
-import { c as m } from "../../index-L8X2o7IH.js";
-import '../../assets/TimelineBase.css';const s = "_timeline_17zz6_1", n = {
-  timeline: s
-}, r = ({ className: e, children: i }) => /* @__PURE__ */ t("div", { className: m(n.timeline, e), children: i });
+import { jsxs as n, jsx as s } from "react/jsx-runtime";
+import { Icon as l } from "../Icon/Icon.js";
+import "../../index-L8X2o7IH.js";
+import "react";
+import { Avatar as _ } from "../Avatar/Avatar.js";
+import "../RootProvider/RootProvider.js";
+import { Skeleton as p } from "../Skeleton/Skeleton.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Flex as h } from "../Page/Flex.js";
+import '../../assets/TimelineBase.css';const b = "_section_si67h_1", f = "_sidebar_si67h_8", v = "_content_si67h_18", N = "_border_si67h_24", x = "_icon_si67h_30", o = {
+  section: b,
+  sidebar: f,
+  content: v,
+  border: N,
+  icon: x
+}, I = ({
+  as: c = "section",
+  loading: i,
+  border: a = "solid",
+  color: e,
+  icon: t,
+  iconColor: m,
+  avatar: r,
+  children: d
+}) => /* @__PURE__ */ n(h, { as: c, className: o.section, color: e, children: [
+  /* @__PURE__ */ n("aside", { className: o.sidebar, children: [
+    r && /* @__PURE__ */ s(_, { ...r, size: "sm" }) || t && /* @__PURE__ */ s(p, { loading: i, variant: "circle", children: /* @__PURE__ */ s("span", { "data-color": m, className: o.icon, children: /* @__PURE__ */ s(l, { svgElement: t, size: "sm" }) }) }),
+    /* @__PURE__ */ s("div", { className: o.border, "data-loading": i, "data-variant": a, "data-color": e })
+  ] }),
+  /* @__PURE__ */ s("div", { className: o.content, children: d })
+] });
 export {
-  r as TimelineBase
+  I as TimelineBase
 };

package/dist/components/Timeline/TimelineFooter.js

@@ -0,0 +1,20 @@
+import { jsx as o } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import { Byline as l } from "../Byline/Byline.js";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { TimelineBase as n } from "./TimelineBase.js";
+import { S as f } from "../../CircleFill-IZdiBc_K.js";
+const S = ({
+  loading: r,
+  as: i = "footer",
+  color: e = "neutral",
+  icon: m = f,
+  iconColor: t,
+  children: p
+}) => /* @__PURE__ */ o(n, { loading: r, as: i, icon: m, color: e, iconColor: t, border: "hidden", children: /* @__PURE__ */ o(l, { loading: r, children: p }) });
+export {
+  S as TimelineFooter
+};

package/dist/components/Timeline/TimelineHeader.js

@@ -0,0 +1,29 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import { IconOrAvatar as d } from "../Icon/IconOrAvatar.js";
+import "react";
+import { Byline as l } from "../Byline/Byline.js";
+import "../RootProvider/RootProvider.js";
+import { Skeleton as p } from "../Skeleton/Skeleton.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Flex as h } from "../Page/Flex.js";
+import '../../assets/TimelineHeader.css';const _ = "_header_177gq_1", b = "_sidebar_177gq_9", f = "_content_177gq_19", r = {
+  header: _,
+  sidebar: b,
+  content: f
+}, A = ({
+  as: i = "header",
+  loading: t,
+  color: o,
+  icon: s,
+  iconTheme: n = "base",
+  avatar: a,
+  children: c
+}) => /* @__PURE__ */ m(h, { as: i, className: r.header, color: o, children: [
+  /* @__PURE__ */ e("aside", { className: r.sidebar, children: /* @__PURE__ */ e(p, { variant: "circle", loading: t, children: /* @__PURE__ */ e(d, { size: "lg", icon: s, iconTheme: n, avatar: a }) }) }),
+  /* @__PURE__ */ e("div", { className: r.content, children: /* @__PURE__ */ e(l, { loading: t, size: "lg", children: c }) })
+] });
+export {
+  A as TimelineHeader
+};

package/dist/components/Timeline/TimelineSection.js

@@ -1,42 +1,31 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { c as _ } from "../../index-L8X2o7IH.js";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
 import "react";
-import { Avatar as p } from "../Avatar/Avatar.js";
-import { Byline as l } from "../Byline/Byline.js";
+import { Byline as x } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/TimelineSection.css';const g = "_section_ghh0s_1", N = "_sidebar_ghh0s_6", f = "_media_ghh0s_23", x = "_dot_ghh0s_30", B = "_content_ghh0s_37", v = "_border_ghh0s_48", E = "_seenByEnderUser_ghh0s_54", s = {
-  section: g,
-  sidebar: N,
-  media: f,
-  dot: x,
-  content: B,
-  border: v,
-  seenByEnderUser: E
-}, k = ({
-  loading: d,
-  color: a,
-  size: e = "xs",
-  datetime: i,
-  dateline: t,
-  byline: r,
-  avatar: n,
+import { TimelineBase as T } from "./TimelineBase.js";
+import { Section as j } from "../Page/Section.js";
+import { Typography as l } from "../Typography/Typography.js";
+const v = ({
+  loading: r,
+  margin: p,
+  spacing: e,
+  border: n = "strong",
+  color: s,
+  typographyProps: c = {},
+  datetime: f,
+  byline: o,
   children: m,
-  isSeenByEndUser: h = !1
-}) => /* @__PURE__ */ c("section", { className: s.section, "data-color": a, "data-size": e, children: [
-  /* @__PURE__ */ c("aside", { className: s.sidebar, "data-size": e, children: [
-    (r || t) && /* @__PURE__ */ o("div", { className: s.media, "data-size": e, children: n && /* @__PURE__ */ o(p, { ...n, size: e }) || /* @__PURE__ */ o("div", { className: s.dot }) }),
-    /* @__PURE__ */ o("div", { className: _(s.border, { [s.seenByEnderUser]: h }) })
-  ] }),
-  /* @__PURE__ */ c("div", { className: s.content, "data-size": e, children: [
-    (r || t) && /* @__PURE__ */ c(l, { loading: d, datetime: i, size: e, children: [
-      r && /* @__PURE__ */ o("strong", { children: r && t ? r + ", " : r }),
-      t && /* @__PURE__ */ o("span", { children: t })
-    ] }),
-    m
+  footer: h
+}) => /* @__PURE__ */ i(T, { loading: r, border: n, color: s, children: [
+  o && /* @__PURE__ */ t(x, { loading: r, datetime: f, children: o }),
+  /* @__PURE__ */ i(j, { margin: p, spacing: e, children: [
+    m && /* @__PURE__ */ t(l, { loading: r, size: "md", ...c, children: m }),
+    h
   ] })
 ] });
 export {
-  k as TimelineSection
+  v as TimelineSection
 };

package/dist/components/Timeline/index.js

@@ -1,8 +1,14 @@
-import { TimelineBase as o } from "./TimelineBase.js";
-import { TimelineSection as r } from "./TimelineSection.js";
-import { Timeline as t } from "./Timeline.js";
+import { Timeline as o } from "./Timeline.js";
+import { TimelineBase as m } from "./TimelineBase.js";
+import { TimelineSection as n } from "./TimelineSection.js";
+import { TimelineHeader as l } from "./TimelineHeader.js";
+import { TimelineFooter as x } from "./TimelineFooter.js";
+import { TimelineActivity as a } from "./TimelineActivity.js";
 export {
-  t as Timeline,
-  o as TimelineBase,
-  r as TimelineSection
+  o as Timeline,
+  a as TimelineActivity,
+  m as TimelineBase,
+  x as TimelineFooter,
+  l as TimelineHeader,
+  n as TimelineSection
 };

package/dist/components/Toolbar/ToolbarAccountMenu.js

@@ -2,12 +2,12 @@ import { jsxs as f, jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { useRootContext as n } from "../RootProvider/RootProvider.js";
-import { ToolbarButton as x } from "./ToolbarButton.js";
-import { ToolbarFilterBase as T } from "./ToolbarFilterBase.js";
-import { DrawerOrDropdown as b } from "../Dropdown/DrawerOrDropdown.js";
-import { AccountMenu as g } from "../GlobalMenu/AccountMenu.js";
+import { DrawerOrDropdown as x } from "../Dropdown/DrawerOrDropdown.js";
+import { AccountMenu as T } from "../GlobalMenu/AccountMenu.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
+import { ToolbarButton as b } from "./ToolbarButton.js";
+import { ToolbarFilterBase as g } from "./ToolbarFilterBase.js";
 const y = ({
   currentAccount: o,
   id: i = "toolbar-accounts",
@@ -15,10 +15,10 @@ const y = ({
   ...e
 }) => {
   const { currentId: s, toggleId: l, closeAll: p } = n(), a = () => l(i), t = s === i;
-  return /* @__PURE__ */ f(T, { expanded: t, children: [
-    /* @__PURE__ */ m(x, { type: "switch", onToggle: a, active: !!o, children: o == null ? void 0 : o.name }),
-    /* @__PURE__ */ m(b, { open: t, drawerTitle: "Endre konto", onClose: p, children: /* @__PURE__ */ m(
-      g,
+  return /* @__PURE__ */ f(g, { expanded: t, children: [
+    /* @__PURE__ */ m(b, { type: "switch", onToggle: a, active: !!o, children: o == null ? void 0 : o.name }),
+    /* @__PURE__ */ m(x, { open: t, drawerTitle: "Endre konto", onClose: p, children: /* @__PURE__ */ m(
+      T,
       {
         ...e,
         onSelectAccount: (d) => {

package/dist/components/Toolbar/ToolbarAdd.js

@@ -2,17 +2,17 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { useRootContext as d } from "../RootProvider/RootProvider.js";
-import { ToolbarButton as s } from "./ToolbarButton.js";
-import { ToolbarFilterBase as c } from "./ToolbarFilterBase.js";
-import { Menu as a } from "../Menu/Menu.js";
-import { DrawerOrDropdown as g } from "../Dropdown/DrawerOrDropdown.js";
+import { DrawerOrDropdown as s } from "../Dropdown/DrawerOrDropdown.js";
+import { Menu as c } from "../Menu/Menu.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
+import { ToolbarButton as a } from "./ToolbarButton.js";
+import { ToolbarFilterBase as g } from "./ToolbarFilterBase.js";
 const D = ({ label: r = "Legg til", items: n, id: t }) => {
   const { closeAll: l, currentId: m, toggleId: i } = d(), e = m === t;
-  return /* @__PURE__ */ p(c, { expanded: e, children: [
-    /* @__PURE__ */ o(s, { type: "add", onToggle: () => i(t), children: r }),
-    /* @__PURE__ */ o(g, { drawerTitle: r, onClose: l, open: e, children: /* @__PURE__ */ o(a, { color: "neutral", items: n }) })
+  return /* @__PURE__ */ p(g, { expanded: e, children: [
+    /* @__PURE__ */ o(a, { type: "add", onToggle: () => i(t), children: r }),
+    /* @__PURE__ */ o(s, { drawerTitle: r, onClose: l, open: e, children: /* @__PURE__ */ o(c, { color: "neutral", items: n }) })
   ] });
 };
 export {

package/dist/components/Toolbar/ToolbarDaterange.js

@@ -2,13 +2,13 @@ import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import { useState as m } from "react";
 import "../../index-L8X2o7IH.js";
 import { useRootContext as F } from "../RootProvider/RootProvider.js";
-import { ToolbarButton as x } from "./ToolbarButton.js";
-import { ToolbarFilterBase as S } from "./ToolbarFilterBase.js";
+import { DrawerOrDropdown as x } from "../Dropdown/DrawerOrDropdown.js";
 import { MenuInputField as p } from "../Menu/MenuInputField.js";
-import { MenuBase as w } from "../Menu/MenuBase.js";
-import { DrawerOrDropdown as y } from "../Dropdown/DrawerOrDropdown.js";
+import { MenuBase as S } from "../Menu/MenuBase.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
+import { ToolbarButton as w } from "./ToolbarButton.js";
+import { ToolbarFilterBase as y } from "./ToolbarFilterBase.js";
 import { Datepicker as B } from "../Datepicker/Datepicker.js";
 import '../../assets/ToolbarDaterange.css';const I = "_datepicker_ud6cb_1", N = "_fields_ud6cb_6", j = "_description_ud6cb_10", c = {
   datepicker: I,
@@ -30,9 +30,9 @@ import '../../assets/ToolbarDaterange.css';const I = "_datepicker_ud6cb_1", N =
   }, v = (e) => {
     s ? (r(e), a("")) : t && e < t ? (a(t), r(e)) : t ? a(e) : r(e);
   };
-  return /* @__PURE__ */ n(S, { expanded: d, children: [
-    /* @__PURE__ */ o(x, { type: "switch", onToggle: l, active: !!b, children: D }),
-    /* @__PURE__ */ o(y, { open: d, drawerTitle: f, onClose: l, children: /* @__PURE__ */ n(w, { children: [
+  return /* @__PURE__ */ n(y, { expanded: d, children: [
+    /* @__PURE__ */ o(w, { type: "switch", onToggle: l, active: !!b, children: D }),
+    /* @__PURE__ */ o(x, { open: d, drawerTitle: f, onClose: l, children: /* @__PURE__ */ n(S, { children: [
       /* @__PURE__ */ n("div", { className: c.fields, children: [
         /* @__PURE__ */ o(
           p,