@altinn/altinn-components 0.15.1 → 0.15.2

package/dist/components/Dialog/Dialog.js

@@ -1,90 +1,90 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { Typography as h } from "../Typography/Typography.js";
-import { Heading as v } from "../Typography/Heading.js";
-import "../Autocomplete/AutocompleteBase.js";
-import { DialogMetadata as w } from "./DialogMetadata.js";
-import { DialogByline as C } from "./DialogByline.js";
-import { DialogActions as F } from "./DialogActions.js";
-import { DialogContent as N } from "./DialogContent.js";
-import { DialogSection as s } from "./DialogSection.js";
+import { ContextMenu as H } from "../ContextMenu/ContextMenu.js";
+import { DialogHeader as v } from "./DialogHeader.js";
+import { DialogBody as w } from "./DialogBody.js";
+import { DialogActions as N } from "./DialogActions.js";
+import { DialogSection as T } from "./DialogSection.js";
 import { DialogAttachments as k } from "./DialogAttachments.js";
 import "../RootProvider/RootProvider.js";
-import { DialogTimeline as q } from "./DialogTimeline.js";
-import { DialogHistory as E } from "./DialogHistory.js";
+import { DialogTimeline as n } from "./DialogTimeline.js";
+import { DialogHistory as q } from "./DialogHistory.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { PageBase as G } from "../Page/PageBase.js";
-import { PageNav as J } from "../Page/PageNav.js";
-import { PageMenu as K } from "../Page/PageMenu.js";
-import { Article as L } from "../Page/Article.js";
-import { Section as O } from "../Page/Section.js";
-import { Flex as Q } from "../Page/Flex.js";
-const hr = ({
-  backButton: D,
-  menu: p,
-  updatedAt: x,
-  updatedAtLabel: d,
-  dueAt: y,
-  dueAtLabel: z,
-  status: A,
-  title: P,
-  sender: S,
-  recipient: b,
-  recipientLabel: j = "to",
-  recipientGroup: u,
-  summary: B = "Summary.",
-  body: H,
-  actions: l = [],
-  attachments: g,
-  seenBy: M,
-  activityLog: T,
-  history: t,
-  timeline: o,
-  additionalInfo: e,
-  contactInfo: i
-}) => /* @__PURE__ */ m(G, { bleed: !0, children: [
-  /* @__PURE__ */ m(O, { theme: "default", shadow: "xs", children: [
-    /* @__PURE__ */ r(J, { color: "neutral", padding: 2, backButton: D, menu: p }),
-    /* @__PURE__ */ m(L, { padding: 6, spacing: 6, children: [
-      /* @__PURE__ */ m(Q, { direction: "col", align: "start", spacing: 3, children: [
-        /* @__PURE__ */ r(v, { size: "xl", children: P }),
-        /* @__PURE__ */ r(w, { status: A, dueAt: y, dueAtLabel: z })
-      ] }),
-      t && /* @__PURE__ */ r(E, { ...t, collapsible: !0 }),
-      /* @__PURE__ */ r(
-        C,
+import { PageBase as z } from "../Page/PageBase.js";
+import { PageNav as E } from "../Page/PageNav.js";
+import { PageMenu as F } from "../Page/PageMenu.js";
+import { Article as G } from "../Page/Article.js";
+import { Section as J } from "../Page/Section.js";
+import { ContactSection as K } from "../Page/ContactSection.js";
+const lr = ({
+  loading: e,
+  backButton: f,
+  contextMenu: p,
+  pageMenu: t,
+  updatedAt: h,
+  updatedAtLabel: D,
+  dueAt: d,
+  dueAtLabel: u,
+  status: x,
+  title: S,
+  sender: b,
+  recipient: A,
+  recipientLabel: P = "to",
+  recipientGroup: a,
+  summary: j = "Summary.",
+  body: y,
+  actions: m = [],
+  attachments: l,
+  seenBy: B,
+  activityLog: C,
+  history: c,
+  timeline: g,
+  additionalInfo: o,
+  contactInfo: s
+}) => /* @__PURE__ */ i(z, { spacing: 0, bleed: !0, children: [
+  /* @__PURE__ */ i(J, { theme: "default", shadow: "xs", children: [
+    /* @__PURE__ */ r(
+      E,
+      {
+        color: "neutral",
+        padding: 2,
+        backButton: f,
+        controls: p && /* @__PURE__ */ r(H, { ...p })
+      }
+    ),
+    /* @__PURE__ */ i(G, { padding: 6, spacing: 6, children: [
+      /* @__PURE__ */ r(v, { loading: e, title: S, status: x, dueAt: d, dueAtLabel: u }),
+      c && /* @__PURE__ */ r(q, { ...c, collapsible: !0 }),
+      /* @__PURE__ */ i(
+        w,
         {
-          size: "lg",
-          sender: S,
-          recipient: b,
-          recipientLabel: j,
-          recipientGroup: u
-        }
-      ),
-      /* @__PURE__ */ m(
-        N,
-        {
-          updatedAt: x,
-          updatedAtLabel: d,
-          seenBy: M,
-          activityLog: T,
+          loading: e,
+          sender: b,
+          recipient: A,
+          recipientLabel: P,
+          recipientGroup: a,
+          updatedAt: h,
+          updatedAtLabel: D,
+          seenBy: B,
+          activityLog: C,
           children: [
-            /* @__PURE__ */ r("p", { children: B }),
-            H,
-            g && /* @__PURE__ */ r(k, { ...g }),
-            (l == null ? void 0 : l.length) > 0 && /* @__PURE__ */ r(F, { items: l })
+            /* @__PURE__ */ r("p", { children: j }),
+            y,
+            l && /* @__PURE__ */ r(k, { ...l }),
+            (m == null ? void 0 : m.length) > 0 && /* @__PURE__ */ r(N, { items: m })
           ]
         }
       ),
-      o && /* @__PURE__ */ r(q, { ...o }),
-      e && /* @__PURE__ */ r(s, { title: e == null ? void 0 : e.title, children: /* @__PURE__ */ r(h, { size: "md", children: e == null ? void 0 : e.children }) }),
-      i && /* @__PURE__ */ r(s, { title: i == null ? void 0 : i.title, children: /* @__PURE__ */ r(h, { size: "md", children: i == null ? void 0 : i.children }) })
+      g && /* @__PURE__ */ r(n, { ...g }),
+      o && /* @__PURE__ */ r(T, { children: o == null ? void 0 : o.children }),
+      s && /* @__PURE__ */ r(K, { ...s })
     ] })
   ] }),
-  /* @__PURE__ */ r(K, { items: p == null ? void 0 : p.items })
+  /* @__PURE__ */ r(F, { theme: "subtle", items: t == null ? void 0 : t.items })
 ] });
 export {
-  hr as Dialog
+  lr as Dialog
 };

package/dist/components/Dialog/DialogActions.js

@@ -1,59 +1,58 @@
 "use client";
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { useState as a, useMemo as m } from "react";
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { useState as a, useMemo as d } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import "../Autocomplete/AutocompleteBase.js";
 import { Button as u } from "../Button/Button.js";
 import { ComboButton as f } from "../Button/ComboButton.js";
 import "../RootProvider/RootProvider.js";
 import { Menu as y } from "../Menu/Menu.js";
 import { DropdownBase as g } from "../Dropdown/DropdownBase.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DialogActions.css';const h = "_action_1lkfe_1", _ = "_comboButton_1lkfe_7", k = "_dropdown_1lkfe_11", s = {
+import '../../assets/DialogActions.css';const h = "_action_m3crc_1", B = "_comboButton_m3crc_7", s = {
   action: h,
-  comboButton: _,
-  dropdown: k
-}, M = ({ items: i, maxItems: e = 2 }) => {
-  const [c, p] = a(!1), r = m(() => (i || []).sort((n, o) => {
+  comboButton: B
+}, I = ({ items: i, maxItems: e = 2 }) => {
+  const [c, p] = a(!1), t = d(() => (i || []).sort((r, o) => {
     const l = ["primary", "secondary", "tertiary"];
-    return l.indexOf(n == null ? void 0 : n.priority) - l.indexOf(o == null ? void 0 : o.priority);
+    return l.indexOf(r == null ? void 0 : r.priority) - l.indexOf(o == null ? void 0 : o.priority);
   }), [i]);
-  if (!r.length || e <= 0)
+  if (!t.length || e <= 0)
     return null;
-  if (r.length > e) {
-    const n = r.slice(1).map((o) => ({
+  if (t.length > e) {
+    const r = t.slice(1).map((o) => ({
       id: o.id,
       title: o.label,
       onClick: o.onClick,
       group: o.priority
     }));
-    return /* @__PURE__ */ d("section", { className: s.comboButton, children: [
-      /* @__PURE__ */ t(
+    return /* @__PURE__ */ m("section", { className: s.comboButton, children: [
+      /* @__PURE__ */ n(
         f,
         {
           variant: "solid",
           icon: c ? "chevron-up" : "chevron-down",
           size: "lg",
           onIconClick: () => p((o) => !o),
-          children: r[0].label
+          children: t[0].label
         }
       ),
-      /* @__PURE__ */ t(g, { open: c, children: /* @__PURE__ */ t(y, { items: n }) })
+      /* @__PURE__ */ n(g, { open: c, children: /* @__PURE__ */ n(y, { items: r }) })
     ] });
   }
-  return /* @__PURE__ */ t("section", { className: s.action, children: r.map((n, o) => /* @__PURE__ */ t(
+  return /* @__PURE__ */ n("section", { className: s.action, children: t.map((r, o) => /* @__PURE__ */ n(
     u,
     {
-      onClick: n.onClick,
-      variant: n.priority === "primary" ? "solid" : "outline",
+      onClick: r.onClick,
+      variant: r.priority === "primary" ? "solid" : "outline",
       size: "lg",
-      loading: n.loading,
-      children: n.label
+      loading: r.loading,
+      children: r.label
     },
     "button-" + o
   )) });
 };
 export {
-  M as DialogActions
+  I as DialogActions
 };

package/dist/components/Dialog/DialogActivityLog.js

@@ -2,8 +2,8 @@ import { jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import { MetaItem as m } from "../Meta/MetaItem.js";
 import "react";
-import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import "../Icon/SvgIcon.js";
 const x = ({

package/dist/components/Dialog/DialogAttachments.js

@@ -2,15 +2,15 @@ import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { Heading as n } from "../Typography/Heading.js";
-import { AttachmentList as m } from "../Attachment/AttachmentList.js";
-import "../Autocomplete/AutocompleteBase.js";
+import { AttachmentList as n } from "../Attachment/AttachmentList.js";
 import "../RootProvider/RootProvider.js";
+import { Heading as m } from "../Typography/Heading.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as p } from "../Page/Section.js";
 const u = ({ title: o = "Attachments", items: r }) => r != null && r.length ? /* @__PURE__ */ i(p, { spacing: 1, children: [
-  /* @__PURE__ */ t(n, { as: "h2", size: "xs", children: o }),
-  /* @__PURE__ */ t(m, { size: "lg", items: r })
+  /* @__PURE__ */ t(m, { as: "h2", size: "xs", children: o }),
+  /* @__PURE__ */ t(n, { items: r })
 ] }) : null;
 export {
   u as DialogAttachments

package/dist/components/Dialog/DialogBody.js

@@ -0,0 +1,48 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import { DialogMetadata as m } from "./DialogMetadata.js";
+import { DialogByline as g } from "./DialogByline.js";
+import { Skeleton as y } from "../Skeleton/Skeleton.js";
+import { Typography as x } from "../Typography/Typography.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { TimelineSection as D } from "../Timeline/TimelineSection.js";
+import { Section as t } from "../Page/Section.js";
+const A = ({
+  loading: i,
+  loadingText: e = "Loading ...",
+  grouped: p,
+  sender: n,
+  recipient: c,
+  recipientLabel: l,
+  updatedAt: s,
+  updatedAtLabel: h,
+  children: d,
+  seenBy: f,
+  activityLog: a
+}) => /* @__PURE__ */ o(t, { spacing: 6, children: [
+  /* @__PURE__ */ r(
+    g,
+    {
+      size: "lg",
+      sender: n,
+      recipient: c,
+      recipientLabel: l,
+      grouped: p,
+      loading: i
+    }
+  ),
+  /* @__PURE__ */ r(D, { children: /* @__PURE__ */ o(t, { spacing: 4, margin: "section", children: [
+    /* @__PURE__ */ o("div", { children: [
+      /* @__PURE__ */ r(m, { loading: i, updatedAt: s, updatedAtLabel: h }),
+      /* @__PURE__ */ r(x, { loading: i, size: "md", children: i && /* @__PURE__ */ r("p", { children: /* @__PURE__ */ r(y, { loading: i, children: e }) }) || d })
+    ] }),
+    /* @__PURE__ */ r(m, { loading: i, seenBy: f, activityLog: a })
+  ] }) })
+] });
+export {
+  A as DialogBody
+};

package/dist/components/Dialog/DialogByline.js

@@ -2,23 +2,23 @@ import { jsxs as u, jsx as f } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import "../Autocomplete/AutocompleteBase.js";
-import "../RootProvider/RootProvider.js";
 import { Byline as p } from "../Byline/Byline.js";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 const s = ({
   sender: o,
-  recipient: a,
-  recipientLabel: m = "to",
-  recipientGroup: t = !1,
-  loading: l,
-  size: r = "xs"
-}) => !o && !a ? null : /* @__PURE__ */ u(p, { loading: l, size: r, avatar: o, avatarGroup: t && o && a ? {
-  items: [o, a]
+  recipient: m,
+  recipientLabel: t = "to",
+  grouped: r = !1,
+  loading: a,
+  size: l = "xs"
+}) => !o && !m ? null : /* @__PURE__ */ u(p, { loading: a, size: l, avatar: o, avatarGroup: !a && r && o && m ? {
+  items: [o, m]
 } : void 0, children: [
   /* @__PURE__ */ f("strong", { children: o == null ? void 0 : o.name }),
   " ",
-  m + " " + (a == null ? void 0 : a.name)
+  t + " " + (m == null ? void 0 : m.name)
 ] });
 export {
   s as DialogByline

package/dist/components/Dialog/DialogContent.js

@@ -2,20 +2,20 @@ import { jsx as i, jsxs as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { Typography as n } from "../Typography/Typography.js";
-import "../Autocomplete/AutocompleteBase.js";
+import { Byline as n } from "../Byline/Byline.js";
+import "../RootProvider/RootProvider.js";
 import { DialogActivityLog as c } from "./DialogActivityLog.js";
 import { DialogSeenBy as l } from "./DialogSeenBy.js";
 import { MetaBase as a } from "../Meta/MetaBase.js";
-import "../RootProvider/RootProvider.js";
-import { Byline as d } from "../Byline/Byline.js";
+import { Typography as d } from "../Typography/Typography.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { TimelineSection as f } from "../Timeline/TimelineSection.js";
 import { Section as s } from "../Page/Section.js";
 const M = ({ updatedAt: t, updatedAtLabel: e, seenBy: r, activityLog: m, children: p }) => /* @__PURE__ */ i(f, { children: /* @__PURE__ */ o(s, { spacing: 4, margin: "section", children: [
   /* @__PURE__ */ o("div", { children: [
-    /* @__PURE__ */ i(d, { datetime: t, children: e }),
-    /* @__PURE__ */ i(n, { size: "md", children: p })
+    /* @__PURE__ */ i(n, { datetime: t, children: e }),
+    /* @__PURE__ */ i(d, { size: "md", children: p })
   ] }),
   /* @__PURE__ */ o(a, { children: [
     r && /* @__PURE__ */ i(l, { ...r }),

package/dist/components/Dialog/DialogHeader.js

@@ -0,0 +1,17 @@
+import { jsxs as e, jsx as m } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import { DialogMetadata as a } from "./DialogMetadata.js";
+import { Heading as n } from "../Typography/Heading.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Section as c } from "../Page/Section.js";
+const z = ({ loading: r, title: t, status: o, dueAt: i, dueAtLabel: p }) => /* @__PURE__ */ e(c, { as: "header", spacing: 3, children: [
+  /* @__PURE__ */ m(n, { loading: r, size: "xl", children: t }),
+  (o || i) && /* @__PURE__ */ m(a, { loading: r, status: o, dueAt: i, dueAtLabel: p })
+] });
+export {
+  z as DialogHeader
+};

package/dist/components/Dialog/DialogHeading.js

@@ -2,18 +2,18 @@ import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import "../Autocomplete/AutocompleteBase.js";
-import { Skeleton as p } from "../Skeleton/Skeleton.js";
-import { DialogLabel as l } from "./DialogLabel.js";
 import "../RootProvider/RootProvider.js";
+import { Skeleton as l } from "../Skeleton/Skeleton.js";
+import { DialogLabel as d } from "./DialogLabel.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DialogHeading.css';const d = "_heading_xpy9u_1", c = "_title_xpy9u_7", s = {
-  heading: d,
+import '../../assets/DialogHeading.css';const p = "_heading_rx9gi_1", c = "_title_rx9gi_7", o = {
+  heading: p,
   title: c
-}, D = ({ loading: e, size: r = "sm", seen: a = !1, state: i, label: o, children: m }) => /* @__PURE__ */ n("div", { className: s.heading, children: [
-  /* @__PURE__ */ t("h2", { className: s.title, "data-seen": a, "data-size": r, "data-state": i, children: /* @__PURE__ */ t(p, { loading: e, children: m }) }),
-  !e && o && /* @__PURE__ */ t(l, { type: i, size: "xs", children: o })
+}, N = ({ loading: i, size: s = "sm", seen: a = !1, state: e, label: r, children: m }) => /* @__PURE__ */ n("div", { className: o.heading, children: [
+  /* @__PURE__ */ t("h2", { className: o.title, "data-seen": a, "data-size": s, "data-state": e, children: /* @__PURE__ */ t(l, { loading: i, children: m }) }),
+  !i && r && /* @__PURE__ */ t(d, { type: e, size: "xs", children: r })
 ] });
 export {
-  D as DialogHeading
+  N as DialogHeading
 };

package/dist/components/Dialog/DialogHistory.js

@@ -1,31 +1,44 @@
 "use client";
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import { useState as x, createElement as y } from "react";
-import "../../index-L8X2o7IH.js";
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { useState as g, createElement as u } from "react";
+import { Icon as f } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
-import "../Autocomplete/AutocompleteBase.js";
-import { MetaItem as h } from "../Meta/MetaItem.js";
+import "../../index-L8X2o7IH.js";
+import { ButtonBase as h } from "../Button/ButtonBase.js";
 import "../RootProvider/RootProvider.js";
-import { DialogHistoryItem as n } from "./DialogHistoryItem.js";
+import { ActivityItem as x } from "./ActivityItem.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { TimelineBase as g } from "../Timeline/TimelineBase.js";
-const b = ({
-  items: o,
-  summary: s = "History summary",
-  updatedAt: m,
-  updatedAtLabel: a,
-  collapsible: i = !1,
-  expandLabel: p = "Expand history",
-  collapseLabel: l = "Collapse history"
+import { TimelineBase as l } from "../Timeline/TimelineBase.js";
+import { TimelineSection as y } from "../Timeline/TimelineSection.js";
+import '../../assets/DialogHistory.css';const B = "_toggle_1it16_1", T = {
+  toggle: B
+}, s = ({ expanded: t, children: o, onClick: r }) => /* @__PURE__ */ m(
+  h,
+  {
+    className: T.toggle,
+    size: "sm",
+    onClick: r,
+    style: { display: "inline-flex", alignItems: "center" },
+    children: [
+      o,
+      /* @__PURE__ */ e(f, { name: t ? "arrow-up" : "arrow-down", size: "sm" })
+    ]
+  }
+), H = ({
+  items: t,
+  collapsible: o = !1,
+  expandLabel: r = "Expand history",
+  collapseLabel: c = "Collapse history"
 }) => {
-  const [e, c] = x(!1), d = () => {
-    c((t) => !t);
+  const [a, p] = g(!1), i = () => {
+    p((n) => !n);
   };
-  return o ? /* @__PURE__ */ f(g, { children: [
-    (e || !i) && o.map((t, u) => /* @__PURE__ */ y(n, { ...t, key: u })) || /* @__PURE__ */ r(n, { createdAt: m, createdAtLabel: a, summary: s }),
-    i && /* @__PURE__ */ r("footer", { children: /* @__PURE__ */ r(h, { size: "xs", as: "button", reverse: !0, icon: e ? "arrow-up" : "arrow-down", onClick: d, children: /* @__PURE__ */ r("strong", { children: e ? l : p }) }) })
-  ] }) : null;
+  return t ? a || !o ? /* @__PURE__ */ m(l, { children: [
+    t.map((n, d) => /* @__PURE__ */ u(x, { ...n, key: d })),
+    o && /* @__PURE__ */ e(s, { expanded: !0, onClick: i, children: c })
+  ] }) : /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(y, { color: "neutral", children: /* @__PURE__ */ e(s, { onClick: i, children: r }) }) }) : null;
 };
 export {
-  b as DialogHistory
+  H as DialogHistory
 };

package/dist/components/Dialog/DialogLabel.js

@@ -2,8 +2,8 @@ import { jsx as i } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import { MetaItem as a } from "../Meta/MetaItem.js";
 import "react";
-import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import "../Icon/SvgIcon.js";
 const v = ({ size: r = "xs", type: e, label: t, children: o }) => {

package/dist/components/Dialog/DialogList.js

@@ -3,10 +3,10 @@ import { createElement as t } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import { useMenu as f } from "../../hooks/useMenu.js";
-import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
 import { DialogListGroup as l } from "./DialogListGroup.js";
 import { DialogListItem as y } from "./DialogListItem.js";
-import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as d } from "../Page/Section.js";
 const j = ({ items: i, groups: m = {} }) => {

package/dist/components/Dialog/DialogListGroup.js

@@ -2,20 +2,20 @@ import { jsxs as o, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { Heading as e } from "../Typography/Heading.js";
-import "../Autocomplete/AutocompleteBase.js";
-import { Button as m } from "../Button/Button.js";
+import { Button as e } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { ListBase as n } from "../List/ListBase.js";
+import { ListBase as m } from "../List/ListBase.js";
+import { Heading as n } from "../Typography/Heading.js";
+import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as p } from "../Page/Flex.js";
 import { Section as c } from "../Page/Section.js";
 const z = ({ title: i, children: t }) => /* @__PURE__ */ o(c, { spacing: 3, children: [
   i && /* @__PURE__ */ o(p, { direction: "row", align: "center", justify: "between", children: [
-    /* @__PURE__ */ r(e, { size: "lg", children: i }),
-    /* @__PURE__ */ r(m, { variant: "text", icon: "checkmark", size: "sm", children: "Velg alle" })
+    /* @__PURE__ */ r(n, { size: "lg", children: i }),
+    /* @__PURE__ */ r(e, { variant: "text", icon: "checkmark", size: "sm", children: "Velg alle" })
   ] }),
-  /* @__PURE__ */ r(n, { spacing: 3, children: t })
+  /* @__PURE__ */ r(m, { spacing: 3, children: t })
 ] });
 export {
   z as DialogListGroup