@altinn/altinn-components 0.7.3 → 0.7.4

package/dist/Autocomplete-BNV2UfH3.js

@@ -0,0 +1,284 @@
+"use client";
+import { jsx as e, jsxs as f, 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";
+import { AutocompleteGroup as V } from "./components/Searchbar/AutocompleteGroup.js";
+import { c as q } from "./index-L8X2o7IH.js";
+import "./components/Icon/SvgIcon.js";
+import { useRootContext as J } from "./components/RootProvider/RootProvider.js";
+import { ListItemBase as D } from "./components/List/ListItemBase.js";
+import { ListItemLabel as H } from "./components/List/ListItemLabel.js";
+import { DialogBorder as C } from "./components/Dialog/DialogBorder.js";
+import { DialogMetadata as T } from "./components/Dialog/DialogMetadata.js";
+import { DialogHeaderBase as O } from "./components/Dialog/DialogHeaderBase.js";
+import { DialogHeadings as U } from "./components/Dialog/DialogHeadings.js";
+import { DialogTitle as W } from "./components/Dialog/DialogTitle.js";
+import { DialogTouchedBy as X } from "./components/Dialog/DialogTouchedBy.js";
+import { DialogSelect as Y } from "./components/Dialog/DialogSelect.js";
+import { DialogDescription as Z } from "./components/Dialog/DialogDescription.js";
+import { Badge as z } from "./components/Badge/Badge.js";
+import { MenuItem as P } from "./components/Menu/MenuItem.js";
+import { MenuHeader as ee } from "./components/Menu/MenuHeader.js";
+import { MenuList as te, MenuListItem as B } from "./components/Menu/MenuBase.js";
+import { IconButton as oe } from "./components/Button/IconButton.js";
+import { DropdownBase as ne } from "./components/Dropdown/DropdownBase.js";
+import { Icon as re } from "./components/Icon/Icon.js";
+import { ListItemHeader as se } from "./components/List/ListItemHeader.js";
+import { QueryLabel as ce } from "./components/Bookmarks/QueryLabel.js";
+import './assets/Autocomplete.css';const ae = ({ size: t = "sm", title: n, description: o, params: s, ...a }) => /* @__PURE__ */ e(L, { size: t, icon: "magnifying-glass", linkIcon: "chevron-right", ...a, children: !n && /* @__PURE__ */ e(ce, { params: s }) }), me = "_toggle_ya7jy_1", ie = "_button_ya7jy_5", le = "_icon_ya7jy_14", de = "_dropdown_ya7jy_18", w = {
+  toggle: me,
+  button: ie,
+  icon: le,
+  dropdown: de
+}, ue = ({
+  size: t = "sm",
+  placement: n = "right",
+  expanded: o = !1,
+  className: s,
+  onToggle: a,
+  children: i
+}) => /* @__PURE__ */ f("div", { className: q(w.toggle, s), "data-theme": "neutral", children: [
+  /* @__PURE__ */ e(
+    oe,
+    {
+      className: w.button,
+      size: t,
+      icon: "menu-elipsis-horizontal",
+      iconSize: "md",
+      variant: "text",
+      color: "secondary",
+      onClick: a
+    }
+  ),
+  /* @__PURE__ */ e(ne, { className: w.dropdown, placement: n, expanded: o, children: i })
+] }), fe = ({
+  id: t = "context-menu",
+  placement: n = "right",
+  size: o,
+  groups: s = {},
+  className: a,
+  items: i
+}) => {
+  const { currentId: l, toggleId: c } = J();
+  return /* @__PURE__ */ e(
+    ue,
+    {
+      size: o,
+      placement: n,
+      className: a,
+      expanded: l === t,
+      onToggle: () => c(t),
+      children: /* @__PURE__ */ e(S, { groups: s, items: i })
+    }
+  );
+}, S = ({
+  level: t = 0,
+  expanded: n,
+  items: o,
+  groups: s = {},
+  defaultItemColor: a,
+  defaultItemSize: i
+}) => {
+  const { menu: l } = 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: [
+          /* @__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,
+              tabIndex: r != null && r.disabled ? -1 : 0
+            }
+          ),
+          y && (r == null ? void 0 : r.items) && /* @__PURE__ */ f($, { children: [
+            /* @__PURE__ */ e(
+              S,
+              {
+                expanded: y,
+                level: t + 1,
+                items: r == null ? void 0 : r.items,
+                groups: s,
+                defaultItemColor: a,
+                defaultItemSize: i
+              }
+            ),
+            (h || b) && /* @__PURE__ */ e(B, { role: "separator" })
+          ] })
+        ] }, _);
+      })
+    ] }, d);
+  }) });
+}, he = "_controls_dduzt_1", _e = "_linkText_dduzt_14", Ie = "_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: [
+  t && /* @__PURE__ */ e(z, { ...t }),
+  n && /* @__PURE__ */ e("span", { className: N.linkText, children: n }),
+  o && /* @__PURE__ */ e(re, { name: o, className: N.linkIcon }),
+  s && /* @__PURE__ */ e(fe, { ...s, className: N.menu })
+] }) }), L = ({
+  as: t = "a",
+  color: n,
+  loading: o,
+  size: s = "sm",
+  icon: a,
+  avatar: i,
+  avatarGroup: l,
+  title: c,
+  description: d,
+  collapsible: m,
+  expanded: u,
+  badge: I,
+  linkText: h,
+  linkIcon: p,
+  menu: _,
+  select: v,
+  controls: k,
+  children: r,
+  ...y
+}) => /* @__PURE__ */ e(
+  D,
+  {
+    as: t,
+    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 }),
+    ...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 }) })
+  }
+), 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 = {
+  item: ye,
+  select: xe,
+  summary: ve,
+  footer: be,
+  touchedBy: ke,
+  border: Be
+}, Ne = ({
+  size: t = "lg",
+  variant: n = "neutral",
+  loading: o,
+  select: s,
+  status: a,
+  sender: i,
+  recipient: l,
+  grouped: c,
+  updatedAt: d,
+  updatedAtLabel: m,
+  archivedAt: u,
+  archivedAtLabel: I,
+  trashedAt: h,
+  trashedAtLabel: p,
+  label: _,
+  dueAt: v,
+  dueAtLabel: k,
+  seen: r = !1,
+  seenBy: y,
+  touchedBy: b,
+  attachmentsCount: F,
+  title: M,
+  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: [
+    /* @__PURE__ */ e(H, { loading: o, size: t, title: M, description: g }),
+    /* @__PURE__ */ e(T, { loading: o, updatedAt: d, 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 })
+        ] }),
+        /* @__PURE__ */ e(Z, { loading: o, size: t, children: g }),
+        /* @__PURE__ */ f("footer", { "data-size": t, className: x.footer, children: [
+          /* @__PURE__ */ e(
+            T,
+            {
+              loading: o,
+              status: a,
+              updatedAt: d,
+              updatedAtLabel: m,
+              archivedAt: u,
+              archivedAtLabel: I,
+              trashedAt: h,
+              trashedAtLabel: p,
+              dueAt: v,
+              dueAtLabel: k,
+              seenBy: y,
+              attachmentsCount: F
+            }
+          ),
+          b && /* @__PURE__ */ e(X, { loading: o, size: "xs", touchedBy: b, className: x.touchedBy })
+        ] })
+      ] })
+    }
+  );
+}, Le = "_item_1a3bc_1", we = {
+  item: Le
+}, De = ({ as: t = "a", label: n, ...o }) => /* @__PURE__ */ e(L, { className: we.item, linkIcon: "chevron-right", ...o, children: typeof n == "function" ? n() : n }), Me = ({ type: t, ...n }) => {
+  switch (t) {
+    case "scope":
+      return /* @__PURE__ */ e(De, { ...n, shadow: "none", tabIndex: -1 });
+    case "bookmark":
+      return /* @__PURE__ */ e(ae, { ...n, shadow: "none", size: "sm", tabIndex: -1 });
+    case "dialog":
+      return /* @__PURE__ */ e(Ne, { ...n, shadow: "none", size: "sm", tabIndex: -1 });
+    case "information":
+      return /* @__PURE__ */ e(L, { ...n, shadow: "none", tabIndex: -1, disabled: !0 });
+    default:
+      return /* @__PURE__ */ e(L, { ...n, shadow: "none", size: "sm", tabIndex: -1 });
+  }
+}, ot = K(
+  ({ className: t, items: n, groups: o = {}, expanded: s }, a) => {
+    const { menu: i, setActiveIndex: l } = 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) => {
+      const {
+        active: I,
+        menuIndex: h,
+        props: { groupId: p, ..._ }
+      } = m;
+      return /* @__PURE__ */ e("li", { tabIndex: -1, onMouseEnter: () => l(h), children: /* @__PURE__ */ e(Me, { ..._, active: I }) }, u);
+    }) }))) });
+  }
+);
+export {
+  ot as A,
+  ae as B,
+  fe as C,
+  Ne as D,
+  pe as L,
+  S as M,
+  De as S,
+  L as a,
+  ue as b,
+  Me as c
+};

package/dist/assets/Autocomplete.css

@@ -0,0 +1 @@
+._toggle_ya7jy_1{position:relative}._button_ya7jy_5{display:flex;align-items:center;justify-content:center;width:2.75rem;padding:.625rem;border-radius:50%}._icon_ya7jy_14{font-size:1.5rem}._dropdown_ya7jy_18{display:none}._dropdown_ya7jy_18[aria-expanded=true]{display:block;position:absolute;right:0;z-index:2}._dropdown_ya7jy_18{margin-top:.5rem;padding:0 .5rem;background-color:var(--neutral-background-default);border-radius:2px;box-shadow:0 0 1px #00000026,0 1px 2px #0000001f,0 2px 4px #0000001a}._controls_dduzt_1{position:absolute;right:0;display:flex;align-items:center;gap:.625rem;padding:0 .625rem}._controls_dduzt_1:empty{display:none}._linkText_dduzt_14{font-size:.875rem;white-space:nowrap}._linkIcon_dduzt_19{font-size:1.5rem}._item_v64fv_1[aria-selected=true]{background-color:var(--theme-background-subtle);outline:2px solid}._item_v64fv_1[data-size=lg],._item_v64fv_1[data-size=md]{padding:1em}._item_v64fv_1[data-size=sm],._item_v64fv_1[data-size=xs]{padding:.5em .75em}._select_v64fv_16{position:absolute;top:0;right:0;margin:.375rem}._summary_v64fv_23{font-size:1rem;line-height:1.35;margin:0;font-weight:400}._summary_v64fv_23[data-size=lg]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-top:.5rem}._summary_v64fv_23[data-size=md]{display:none}._footer_v64fv_44{width:100%;margin-top:1rem;display:flex;flex-direction:column;row-gap:1rem}._touchedBy_v64fv_52{position:absolute;right:0;bottom:0;margin:8px}._border_v64fv_61[data-size=lg],._border_v64fv_61[data-size=md]{padding-left:1rem}._border_v64fv_61[data-size=xs],._border_v64fv_61[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._item_1a3bc_1{box-shadow:none}._item_1a3bc_1 mark{background-color:transparent;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}._item_1a3bc_1 mark:before{content:"«"}._item_1a3bc_1 mark:after{content:"»"}

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 { BookmarksListItem as i } from "./BookmarksListItem.js";
+import { B as i } from "../../Autocomplete-BNV2UfH3.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

@@ -1,11 +1,10 @@
-import { jsx as r } from "react/jsx-runtime";
+import "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { QueryLabel as n } from "./QueryLabel.js";
+import { B as e } from "../../Autocomplete-BNV2UfH3.js";
+import "./QueryLabel.js";
 import "../RootProvider/RootProvider.js";
-import { ListItem as e } from "../List/ListItem.js";
-const k = ({ size: o = "sm", title: i, description: p, params: t, ...m }) => /* @__PURE__ */ r(e, { size: o, icon: "magnifying-glass", linkIcon: "chevron-right", ...m, children: !i && /* @__PURE__ */ r(n, { params: t }) });
 export {
-  k as BookmarksListItem
+  e as BookmarksListItem
 };

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 { BookmarksListItem as m } from "./BookmarksListItem.js";
+import { B as m } from "../../Autocomplete-BNV2UfH3.js";
 import "../RootProvider/RootProvider.js";
 import { MetaItem as l } from "../Meta/MetaItem.js";
 import { ListBase as i } from "../List/ListBase.js";
@@ -26,13 +26,13 @@ const r = ["lg", "md", "sm", "xs"], h = {
     size: "md",
     href: "#"
   }
-}, x = {
+}, B = {
   args: {}
-}, y = {
+}, x = {
   args: {
     title: "Mitt lagrede søk"
   }
-}, B = {
+}, y = {
   args: {
     params: [
       {
@@ -56,9 +56,9 @@ const r = ["lg", "md", "sm", "xs"], h = {
   /* @__PURE__ */ a(l, { children: e })
 ] }, e)) });
 export {
-  y as CustomTitle,
-  x as Default,
-  B as LotsOfParams,
+  x as CustomTitle,
+  B as Default,
+  y as LotsOfParams,
   L as Sizes,
   h as default
 };

package/dist/components/Bookmarks/index.js

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

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

@@ -7,7 +7,8 @@ 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";
-const g = {
+import "../../Autocomplete-BNV2UfH3.js";
+const I = {
   title: "Atoms/Button/Buttons",
   tags: ["autodocs"],
   parameters: {},
@@ -20,7 +21,7 @@ const g = {
       options: ["primary", "secondary"]
     }
   }
-}, n = ["sm", "md", "lg"], m = ["solid", "outline", "dotted", "text"], I = (e) => /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", rowGap: "1rem" }, children: m == null ? void 0 : m.map((t) => /* @__PURE__ */ i(
+}, n = ["sm", "md", "lg"], m = ["solid", "outline", "dotted", "text"], b = (e) => /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", rowGap: "1rem" }, children: m == null ? void 0 : m.map((t) => /* @__PURE__ */ i(
   "div",
   {
     style: {
@@ -45,6 +46,6 @@ const g = {
   t
 )) });
 export {
-  I as VariantsAndSizes,
-  g as default
+  b as VariantsAndSizes,
+  I as default
 };

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,32 +1,9 @@
-"use client";
-import { jsx as o } from "react/jsx-runtime";
+import "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { MenuItems as s } from "../Menu/MenuItems.js";
-import { useRootContext as x } from "../RootProvider/RootProvider.js";
-import { ContextMenuBase as c } from "./ContextMenuBase.js";
-const a = ({
-  id: t = "context-menu",
-  placement: e = "right",
-  size: r,
-  groups: n = {},
-  className: m,
-  items: i
-}) => {
-  const { currentId: p, toggleId: u } = x();
-  return /* @__PURE__ */ o(
-    c,
-    {
-      size: r,
-      placement: e,
-      className: m,
-      expanded: p === t,
-      onToggle: () => u(t),
-      children: /* @__PURE__ */ o(s, { groups: n, items: i })
-    }
-  );
-};
+import { C as n } from "../../Autocomplete-BNV2UfH3.js";
+import "../RootProvider/RootProvider.js";
 export {
-  a as ContextMenu
+  n as ContextMenu
 };

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

@@ -1,4 +1,4 @@
-import { ContextMenu as t } from "./ContextMenu.js";
+import { C as t } from "../../Autocomplete-BNV2UfH3.js";
 const o = {
   title: "ContextMenu/ContextMenu",
   component: t,
@@ -39,8 +39,8 @@ const o = {
       }
     ]
   }
-}, l = {};
+}, a = {};
 export {
-  l as Default,
+  a as Default,
   o as default
 };

package/dist/components/ContextMenu/ContextMenuBase.js

@@ -1,37 +1,11 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { c as m } from "../../index-L8X2o7IH.js";
+import "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { IconButton as l } from "../Button/IconButton.js";
+import "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
-import { DropdownBase as d } from "../Dropdown/DropdownBase.js";
-import '../../assets/ContextMenuBase.css';const p = "_toggle_ya7jy_1", _ = "_button_ya7jy_5", y = "_icon_ya7jy_14", g = "_dropdown_ya7jy_18", o = {
-  toggle: p,
-  button: _,
-  icon: y,
-  dropdown: g
-}, B = ({
-  size: n = "sm",
-  placement: r = "right",
-  expanded: s = !1,
-  className: e,
-  onToggle: a,
-  children: c
-}) => /* @__PURE__ */ i("div", { className: m(o.toggle, e), "data-theme": "neutral", children: [
-  /* @__PURE__ */ t(
-    l,
-    {
-      className: o.button,
-      size: n,
-      icon: "menu-elipsis-horizontal",
-      iconSize: "md",
-      variant: "text",
-      color: "secondary",
-      onClick: a
-    }
-  ),
-  /* @__PURE__ */ t(d, { className: o.dropdown, placement: r, expanded: s, children: c })
-] });
+import { b as s } from "../../Autocomplete-BNV2UfH3.js";
+import "../Dropdown/DropdownBase.js";
 export {
-  B as ContextMenuBase
+  s as ContextMenuBase
 };

package/dist/components/ContextMenu/index.js

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

package/dist/components/Dialog/DialogActions.js

@@ -6,12 +6,13 @@ 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 { 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,
   comboButton: h,
   dropdown: _
-}, O = ({ items: e, maxItems: l = 2 }) => {
+}, j = ({ items: e, maxItems: l = 2 }) => {
   const [c, a] = p(!1), n = m(() => (e || []).sort((r, o) => {
     const s = ["primary", "secondary", "tertiary"];
     return s.indexOf(r == null ? void 0 : r.priority) - s.indexOf(o == null ? void 0 : o.priority);
@@ -54,5 +55,5 @@ import '../../assets/DialogActions.css';const g = "_action_1lkfe_1", h = "_combo
   )) });
 };
 export {
-  O as DialogActions
+  j as DialogActions
 };

package/dist/components/Dialog/DialogGroup.js

@@ -6,9 +6,10 @@ 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 { SectionBase as p } from "../Page/SectionBase.js";
 import { SectionHeader as a } from "../Page/SectionHeader.js";
-const j = ({ title: i, children: m }) => /* @__PURE__ */ o(p, { spacing: "md", children: [
+const k = ({ title: i, children: m }) => /* @__PURE__ */ o(p, { spacing: "md", children: [
   i && /* @__PURE__ */ o(a, { padding: !0, margin: !0, children: [
     /* @__PURE__ */ r(e, { children: i }),
     /* @__PURE__ */ r(t, { variant: "text", icon: "checkmark", size: "sm", children: "Velg alle" })
@@ -16,5 +17,5 @@ const j = ({ title: i, children: m }) => /* @__PURE__ */ o(p, { spacing: "md", c
   /* @__PURE__ */ r(n, { spacing: "md", children: m })
 ] });
 export {
-  j as DialogGroup
+  k as DialogGroup
 };

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 { DialogListItem as l } from "./DialogListItem.js";
+import { D as l } from "../../Autocomplete-BNV2UfH3.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

@@ -1,93 +1,19 @@
-import { jsx as t, jsxs as e } from "react/jsx-runtime";
-import { ListItemBase as n } from "../List/ListItemBase.js";
+import "react/jsx-runtime";
+import "../List/ListItemBase.js";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../Icon/SvgIcon.js";
-import { ListItemLabel as S } from "../List/ListItemLabel.js";
-import { DialogBorder as D } from "./DialogBorder.js";
-import { DialogMetadata as u } from "./DialogMetadata.js";
-import { DialogHeaderBase as V } from "./DialogHeaderBase.js";
-import { DialogHeadings as k } from "./DialogHeadings.js";
-import { DialogTitle as q } from "./DialogTitle.js";
-import { DialogTouchedBy as w } from "./DialogTouchedBy.js";
-import { DialogSelect as C } from "./DialogSelect.js";
+import "../List/ListItemLabel.js";
+import "./DialogBorder.js";
+import "./DialogMetadata.js";
+import "./DialogHeaderBase.js";
+import "./DialogHeadings.js";
+import "./DialogTitle.js";
+import "./DialogTouchedBy.js";
+import { D as c } from "../../Autocomplete-BNV2UfH3.js";
+import "./DialogSelect.js";
 import "../RootProvider/RootProvider.js";
-import { DialogDescription as E } from "./DialogDescription.js";
-import '../../assets/DialogListItem.css';const F = "_item_v64fv_1", G = "_select_v64fv_16", J = "_summary_v64fv_23", K = "_footer_v64fv_44", O = "_touchedBy_v64fv_52", P = "_border_v64fv_61", m = {
-  item: F,
-  select: G,
-  summary: J,
-  footer: K,
-  touchedBy: O,
-  border: P
-}, cr = ({
-  size: r = "lg",
-  variant: y = "neutral",
-  loading: o,
-  select: s,
-  status: d,
-  sender: B,
-  recipient: N,
-  grouped: b,
-  updatedAt: a,
-  updatedAtLabel: i,
-  archivedAt: l,
-  archivedAtLabel: x,
-  trashedAt: f,
-  trashedAtLabel: I,
-  label: L,
-  dueAt: j,
-  dueAtLabel: H,
-  seen: c = !1,
-  seenBy: T,
-  touchedBy: _,
-  attachmentsCount: g,
-  title: p,
-  description: v,
-  ...h
-}) => {
-  const M = f ? "trashed" : l ? "archived" : y;
-  return r === "xs" || r === "sm" ? /* @__PURE__ */ t(n, { ...h, loading: o, size: r, className: m.item, children: /* @__PURE__ */ e(D, { className: m.border, size: r, seen: c, loading: o, children: [
-    /* @__PURE__ */ t(S, { loading: o, size: r, title: p, description: v }),
-    /* @__PURE__ */ t(u, { loading: o, updatedAt: a, updatedAtLabel: i })
-  ] }) }) : /* @__PURE__ */ t(
-    n,
-    {
-      ...h,
-      loading: o,
-      size: r,
-      className: m.item,
-      controls: s && /* @__PURE__ */ t(C, { className: m.select, ...s }),
-      children: /* @__PURE__ */ e(D, { className: m.border, size: r, seen: c, loading: o, children: [
-        /* @__PURE__ */ e(V, { size: r, children: [
-          /* @__PURE__ */ t(q, { loading: o, size: r, variant: M, label: L, seen: c, children: p }),
-          /* @__PURE__ */ t(k, { loading: o, size: r, grouped: b, sender: B, recipient: N })
-        ] }),
-        /* @__PURE__ */ t(E, { loading: o, size: r, children: v }),
-        /* @__PURE__ */ e("footer", { "data-size": r, className: m.footer, children: [
-          /* @__PURE__ */ t(
-            u,
-            {
-              loading: o,
-              status: d,
-              updatedAt: a,
-              updatedAtLabel: i,
-              archivedAt: l,
-              archivedAtLabel: x,
-              trashedAt: f,
-              trashedAtLabel: I,
-              dueAt: j,
-              dueAtLabel: H,
-              seenBy: T,
-              attachmentsCount: g
-            }
-          ),
-          _ && /* @__PURE__ */ t(w, { loading: o, size: "xs", touchedBy: _, className: m.touchedBy })
-        ] })
-      ] })
-    }
-  );
-};
+import "./DialogDescription.js";
 export {
-  cr as DialogListItem
+  c as DialogListItem
 };