@altinn/altinn-components 0.7.2 → 0.7.4

package/dist/components/Dialog/DialogListItem.js

@@ -1,93 +1,19 @@
-import { jsx as t, jsxs as e } from "react/jsx-runtime";
-import { ListItemBase as h } 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 M } from "../List/ListItemLabel.js";
-import { DialogBorder as d } from "./DialogBorder.js";
-import { DialogMetadata as D } 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 { DialogSummary as E } from "./DialogSummary.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: u = "neutral",
-  loading: o,
-  select: s,
-  status: y,
-  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: S,
-  touchedBy: _,
-  attachmentsCount: T,
-  title: p,
-  summary: n,
-  ...v
-}) => {
-  const g = f ? "trashed" : l ? "archived" : u;
-  return r === "xs" || r === "sm" ? /* @__PURE__ */ t(h, { ...v, loading: o, size: r, className: m.item, children: /* @__PURE__ */ e(d, { className: m.border, size: r, seen: c, loading: o, children: [
-    /* @__PURE__ */ t(M, { loading: o, size: r, title: p, description: n }),
-    /* @__PURE__ */ t(D, { loading: o, updatedAt: a, updatedAtLabel: i })
-  ] }) }) : /* @__PURE__ */ t(
-    h,
-    {
-      ...v,
-      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: g, 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: n }),
-        /* @__PURE__ */ e("footer", { "data-size": r, className: m.footer, children: [
-          /* @__PURE__ */ t(
-            D,
-            {
-              loading: o,
-              status: y,
-              updatedAt: a,
-              updatedAtLabel: i,
-              archivedAt: l,
-              archivedAtLabel: x,
-              trashedAt: f,
-              trashedAtLabel: I,
-              dueAt: j,
-              dueAtLabel: H,
-              seenBy: S,
-              attachmentsCount: T
-            }
-          ),
-          _ && /* @__PURE__ */ t(w, { loading: o, size: "xs", touchedBy: _, className: m.touchedBy })
-        ] })
-      ] })
-    }
-  );
-};
+import "./DialogDescription.js";
 export {
-  cr as DialogListItem
+  c as DialogListItem
 };

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

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

package/dist/components/Dialog/DialogNav.js

@@ -3,32 +3,32 @@ import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import { Button as c } from "../Button/Button.js";
-import { ContextMenu as l } from "../ContextMenu/ContextMenu.js";
+import { C as l } from "../../Autocomplete-BNV2UfH3.js";
 import { MetaTimestamp as p } from "../Meta/MetaTimestamp.js";
 import { DialogStatus as d } from "./DialogStatus.js";
 import { DialogTouchedBy as v } from "./DialogTouchedBy.js";
 import '../../assets/DialogNav.css';const f = "_nav_678a5_1", x = "_action_678a5_8", t = {
   nav: f,
   action: x
-}, M = ({
-  backButton: i = {
+}, C = ({
+  backButton: a = {
     as: "a",
     label: "Back"
   },
-  status: a,
+  status: i,
   dueAt: r,
   dueAtLabel: e,
-  touchedBy: n,
-  menu: s
+  touchedBy: s,
+  menu: n
 }) => /* @__PURE__ */ m("nav", { className: t.nav, children: [
-  /* @__PURE__ */ o(c, { ...i, variant: "text", color: "secondary", icon: "arrow-left", children: (i == null ? void 0 : i.label) || "Back" }),
+  /* @__PURE__ */ o(c, { ...a, variant: "text", color: "secondary", icon: "arrow-left", children: (a == null ? void 0 : a.label) || "Back" }),
   /* @__PURE__ */ m("div", { className: t.action, children: [
     r && e && /* @__PURE__ */ o(p, { datetime: r, icon: "clock-dashed", size: "xs", children: e }),
-    a && /* @__PURE__ */ o(d, { ...a }),
-    n && /* @__PURE__ */ o(v, { touchedBy: n }),
-    s && /* @__PURE__ */ o(l, { ...s, size: "md" })
+    i && /* @__PURE__ */ o(d, { ...i }),
+    s && /* @__PURE__ */ o(v, { touchedBy: s }),
+    n && /* @__PURE__ */ o(l, { ...n, size: "md" })
   ] })
 ] });
 export {
-  M as DialogNav
+  C as DialogNav
 };

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

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

package/dist/components/Dialog/index.js

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

package/dist/components/Dropdown/DrawerButton.js

@@ -2,12 +2,13 @@ import { jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { ButtonBase as i } from "../Button/ButtonBase.js";
-import { ButtonLabel as m } from "../Button/ButtonLabel.js";
+import { ButtonBase as m } from "../Button/ButtonBase.js";
+import { ButtonLabel as n } from "../Button/ButtonLabel.js";
 import "../RootProvider/RootProvider.js";
+import "../../Autocomplete-BNV2UfH3.js";
 import '../../assets/DrawerButton.css';const s = "_button_19v2d_1", e = {
   button: s
-}, B = ({ label: o, children: r, onClick: n }) => /* @__PURE__ */ t(i, { variant: "solid", size: "md", className: e.button, onClick: n, children: /* @__PURE__ */ t(m, { size: "md", children: r || o }) });
+}, f = ({ label: o, children: r, onClick: i }) => /* @__PURE__ */ t(m, { variant: "solid", size: "md", className: e.button, onClick: i, children: /* @__PURE__ */ t(n, { size: "md", children: r || o }) });
 export {
-  B as DrawerButton
+  f as DrawerButton
 };

package/dist/components/Dropdown/DrawerOrDropdown.js

@@ -8,20 +8,21 @@ import { Backdrop as c } from "./Backdrop.js";
 import { DrawerBase as l } from "./DrawerBase.js";
 import { DrawerHeader as f } from "./DrawerHeader.js";
 import { DrawerFooter as n } from "./DrawerFooter.js";
-import { DrawerButton as D } from "./DrawerButton.js";
-import { DrawerBody as t } from "./DrawerBody.js";
+import { DrawerButton as t } from "./DrawerButton.js";
+import { DrawerBody as D } from "./DrawerBody.js";
+import "../../Autocomplete-BNV2UfH3.js";
 import '../../assets/DrawerOrDropdown.css';const _ = "_dropdown_1mzzo_1", B = "_drawer_1mzzo_5", i = {
   dropdown: _,
   drawer: B
-}, q = ({ expanded: m = !1, title: d, onClose: e, button: r, children: a }) => /* @__PURE__ */ p(w, { children: [
+}, v = ({ expanded: m = !1, title: d, onClose: e, button: r, children: a }) => /* @__PURE__ */ p(w, { children: [
   m && /* @__PURE__ */ o(c, { onClick: e }),
   /* @__PURE__ */ o(s, { className: i.dropdown, padding: !0, expanded: m, children: a }),
   /* @__PURE__ */ p(l, { className: i.drawer, placement: "bottom", expanded: m, children: [
     /* @__PURE__ */ o(f, { title: d, onClose: e }),
-    /* @__PURE__ */ o(t, { children: a }),
-    /* @__PURE__ */ o(n, { children: r && /* @__PURE__ */ o(D, { onClick: r == null ? void 0 : r.onClick, children: r == null ? void 0 : r.label }) })
+    /* @__PURE__ */ o(D, { children: a }),
+    /* @__PURE__ */ o(n, { children: r && /* @__PURE__ */ o(t, { onClick: r == null ? void 0 : r.onClick, children: r == null ? void 0 : r.label }) })
   ] })
 ] });
 export {
-  q as DrawerOrDropdown
+  v as DrawerOrDropdown
 };

package/dist/components/GlobalMenu/AccountButton.js

@@ -6,7 +6,8 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-const x = ({ account: e, linkText: l, onClick: t, multipleAccounts: d }) => d ? /* @__PURE__ */ r(m, { size: "lg", onClick: t, linkText: l, linkIcon: "chevron-right", as: "button", children: [
+import "../../Autocomplete-BNV2UfH3.js";
+const b = ({ account: e, linkText: t, onClick: l, multipleAccounts: d }) => d ? /* @__PURE__ */ r(m, { size: "lg", onClick: l, linkText: t, linkIcon: "chevron-right", as: "button", children: [
   /* @__PURE__ */ i(
     s,
     {
@@ -32,5 +33,5 @@ const x = ({ account: e, linkText: l, onClick: t, multipleAccounts: d }) => d ?
   /* @__PURE__ */ i(p, { size: "lg", title: e == null ? void 0 : e.name, description: e == null ? void 0 : e.description })
 ] });
 export {
-  x as AccountButton
+  b as AccountButton
 };

package/dist/components/GlobalMenu/AccountMenu.js

@@ -4,8 +4,9 @@ import { useState as M } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
+import "../../Autocomplete-BNV2UfH3.js";
 import { Menu as b } from "../Menu/Menu.js";
-const v = (r) => `${r} hits`, a = ({
+const v = (r) => `${r} hits`, j = ({
   accounts: r = [],
   accountGroups: o = {},
   accountSearch: s,
@@ -53,5 +54,5 @@ const v = (r) => `${r} hits`, a = ({
   );
 };
 export {
-  a as AccountMenu
+  j as AccountMenu
 };

package/dist/components/GlobalMenu/BackButton.js

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

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -8,10 +8,11 @@ import { AccountMenu as v } from "./AccountMenu.js";
 import { AccountButton as C } from "./AccountButton.js";
 import { BackButton as j } from "./BackButton.js";
 import { LogoutButton as A } from "./LogoutButton.js";
+import "../../Autocomplete-BNV2UfH3.js";
 import { MenuListItem as l } from "../Menu/MenuBase.js";
 import { Menu as d } from "../Menu/Menu.js";
 import { GlobalMenuBase as m, GlobalMenuHeader as f, GlobalMenuFooter as F } from "./GlobalMenuBase.js";
-const N = ({
+const O = ({
   accounts: a = [],
   accountGroups: h = {},
   accountSearch: s,
@@ -60,5 +61,5 @@ const N = ({
   ] }) : /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(d, { groups: c, items: p }) });
 };
 export {
-  N as GlobalMenu
+  O as GlobalMenu
 };

package/dist/components/Header/HeaderBase.js

@@ -1,16 +1,17 @@
-import { jsxs as t, jsx as d } from "react/jsx-runtime";
+import { jsxs as s, jsx as d } from "react/jsx-runtime";
 import { c as p } from "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { Backdrop as m } from "../Dropdown/Backdrop.js";
+import "../../Autocomplete-BNV2UfH3.js";
 import '../../assets/HeaderBase.css';const i = "_header_5ao8r_1", n = "_backdrop_5ao8r_11", r = {
   header: i,
   backdrop: n
-}, f = ({ currentId: o, className: a, children: e, open: c, onClose: s }) => /* @__PURE__ */ t("header", { className: p(r.header, a), "data-current-id": o, children: [
-  c && /* @__PURE__ */ d(m, { className: r.backdrop, onClick: s }),
+}, j = ({ currentId: o, className: a, children: e, open: c, onClose: t }) => /* @__PURE__ */ s("header", { className: p(r.header, a), "data-current-id": o, children: [
+  c && /* @__PURE__ */ d(m, { className: r.backdrop, onClick: t }),
   e
 ] });
 export {
-  f as HeaderBase
+  j as HeaderBase
 };

package/dist/components/Layout/Layout.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsxs as r, jsx as m } from "react/jsx-runtime";
-import { LayoutBase as y } from "./LayoutBase.js";
-import { LayoutBody as c } from "./LayoutBody.js";
-import { LayoutContent as i } from "./LayoutContent.js";
+import { LayoutBase as i } from "./LayoutBase.js";
+import { LayoutBody as y } from "./LayoutBody.js";
+import { LayoutContent as c } from "./LayoutContent.js";
 import { LayoutSidebar as L } from "./LayoutSidebar.js";
 import { Footer as x } from "../Footer/Footer.js";
 import { Header as j } from "../Header/Header.js";
@@ -11,20 +11,21 @@ import "../Icon/SvgIcon.js";
 import "react";
 import { useRootContext as B } from "../RootProvider/RootProvider.js";
 import { Menu as C } from "../Menu/Menu.js";
-const z = ({ theme: n = "global", header: p, footer: u, sidebar: o = {}, content: t = {}, children: e }) => {
+import "../../Autocomplete-BNV2UfH3.js";
+const A = ({ theme: n = "global", header: p, footer: u, sidebar: o = {}, content: t = {}, children: e }) => {
   const { currentId: f } = B(), { menu: h, ...l } = o;
-  return /* @__PURE__ */ r(y, { theme: n, currentId: f, children: [
+  return /* @__PURE__ */ r(i, { theme: n, currentId: f, children: [
     p && /* @__PURE__ */ m(j, { ...p }),
-    /* @__PURE__ */ r(c, { children: [
+    /* @__PURE__ */ r(y, { children: [
       o && /* @__PURE__ */ r(L, { hidden: o == null ? void 0 : o.hidden, theme: o == null ? void 0 : o.theme, ...l, children: [
         h && /* @__PURE__ */ m(C, { ...h }),
         o == null ? void 0 : o.children
       ] }),
-      /* @__PURE__ */ m(i, { theme: t == null ? void 0 : t.theme, children: e })
+      /* @__PURE__ */ m(c, { theme: t == null ? void 0 : t.theme, children: e })
     ] }),
     u && /* @__PURE__ */ m(x, { ...u })
   ] });
 };
 export {
-  z as Layout
+  A as Layout
 };

package/dist/components/Layout/Layout.stories.js

@@ -1,14 +1,14 @@
-import { jsx as n, jsxs as u, Fragment as I } from "react/jsx-runtime";
+import { jsx as o, jsxs as u, Fragment as I } from "react/jsx-runtime";
 import { useState as g, createElement as y } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
-import { DialogListItem as A } from "../Dialog/DialogListItem.js";
-import { ListBase as v } from "../List/ListBase.js";
+import { D as A } from "../../Autocomplete-BNV2UfH3.js";
 import { Layout as k } from "./Layout.js";
-import { ActionHeader as w } from "../LayoutAction/ActionHeader.js";
-import { ActionFooter as C } from "../LayoutAction/ActionFooter.js";
-import { ActionMenu as L } from "../LayoutAction/ActionMenu.js";
+import { ActionHeader as v } from "../LayoutAction/ActionHeader.js";
+import { ActionFooter as w } from "../LayoutAction/ActionFooter.js";
+import { ActionMenu as C } from "../LayoutAction/ActionMenu.js";
+import { ListBase as L } from "../List/ListBase.js";
 import { Snackbar as M } from "../Snackbar/Snackbar.js";
 const m = {
   search: {
@@ -122,20 +122,22 @@ const m = {
     s(t.target.value);
   }, p = [
     {
+      type: "scope",
       groupId: "1",
       id: "inbox",
       href: "#",
       label: r ? () => /* @__PURE__ */ u("span", { children: [
-        /* @__PURE__ */ n("mark", { children: r }),
+        /* @__PURE__ */ o("mark", { children: r }),
         " i innboksen"
       ] }) : "Alt i innboksen"
     },
     {
+      type: "scope",
       groupId: "1",
       id: "global",
       href: "#",
       label: r ? () => /* @__PURE__ */ u("span", { children: [
-        /* @__PURE__ */ n("mark", { children: r }),
+        /* @__PURE__ */ o("mark", { children: r }),
         " i hele Altinn"
       ] }) : "Alt i hele Altinn"
     }
@@ -143,14 +145,14 @@ const m = {
     {
       groupId: "2",
       href: "http://www.altinn.no",
-      label: "Skattemelding 2024"
+      description: "Skattemelding 2024"
     },
     {
       groupId: "2",
       href: "http://www.altinn.no",
-      label: "Skattemelding 2025"
+      description: "Skattemelding 2025"
     }
-  ].filter((t) => t.label.toLowerCase().includes((r ?? "").toLowerCase())) : [], d = {
+  ].filter((t) => t.description.toLowerCase().includes((r ?? "").toLowerCase())) : [], d = {
     groups: {
       2: {
         title: `${c.length} treff i innboksen`
@@ -158,7 +160,7 @@ const m = {
     },
     items: [...p, ...c]
   };
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ o(
     k,
     {
       ...a,
@@ -215,44 +217,44 @@ const m = {
   ].map((e) => ({
     ...e,
     as: "button",
-    onClick: () => s((o) => [
-      ...o,
+    onClick: () => s((n) => [
+      ...n,
       {
         message: "Snack me"
       }
     ])
   })), d = ({ id: e }) => {
-    p((o) => ({
-      ...o,
+    p((n) => ({
+      ...n,
       [e]: {
-        ...o[e],
-        selected: !o[e].selected
+        ...n[e],
+        selected: !n[e].selected
       }
     }));
-  }, t = Object.values(h), l = t == null ? void 0 : t.filter((e) => e.selected), i = (l == null ? void 0 : l.length) > 0, b = (l == null ? void 0 : l.length) + " av " + (t == null ? void 0 : t.length) + " valgt";
+  }, t = Object.values(h), i = t == null ? void 0 : t.filter((e) => e.selected), l = (i == null ? void 0 : i.length) > 0, b = (i == null ? void 0 : i.length) + " av " + (t == null ? void 0 : t.length) + " valgt";
   return /* @__PURE__ */ u(
     k,
     {
-      theme: i ? "neutral" : "company",
-      header: { ...m, search: i ? null : m.search },
-      sidebar: { hidden: i, menu: f },
+      theme: l ? "neutral" : "company",
+      header: { ...m, search: l ? void 0 : m.search },
+      sidebar: { hidden: l, menu: f },
       content: { theme: "neutral" },
       children: [
-        /* @__PURE__ */ n(w, { title: b, hidden: !i }),
-        /* @__PURE__ */ n(v, { children: t == null ? void 0 : t.map((e) => /* @__PURE__ */ y(
+        /* @__PURE__ */ o(v, { title: b, hidden: !l }),
+        /* @__PURE__ */ o(L, { children: t == null ? void 0 : t.map((e) => /* @__PURE__ */ y(
           A,
           {
             ...e,
             key: e == null ? void 0 : e.id,
             title: e.title,
-            onClick: i ? () => d(e) : void 0,
+            onClick: l ? () => d(e) : void 0,
             selected: e.selected,
             select: { checked: e == null ? void 0 : e.selected, onChange: () => d(e) }
           }
         )) }),
-        /* @__PURE__ */ n(C, { hidden: !1, children: /* @__PURE__ */ u(I, { children: [
-          i && /* @__PURE__ */ n(L, { items: c, theme: "global-dark" }),
-          r.length > 0 && (r == null ? void 0 : r.map((e, o) => /* @__PURE__ */ n(M, { ...e }, o)))
+        /* @__PURE__ */ o(w, { hidden: !1, children: /* @__PURE__ */ u(I, { children: [
+          l && /* @__PURE__ */ o(C, { items: c, theme: "global-dark" }),
+          r.length > 0 && (r == null ? void 0 : r.map((e, n) => /* @__PURE__ */ o(M, { ...e }, n)))
         ] }) })
       ]
     }

package/dist/components/LayoutAction/ActionMenu.js

@@ -2,13 +2,14 @@ import { jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { MenuItem as n } from "../Menu/MenuItem.js";
+import { MenuItem as o } from "../Menu/MenuItem.js";
 import "../RootProvider/RootProvider.js";
-import { MenuBase as o } from "../Menu/MenuBase.js";
+import "../../Autocomplete-BNV2UfH3.js";
+import { MenuBase as n } from "../Menu/MenuBase.js";
 import '../../assets/ActionMenu.css';const s = "_menu_12gbo_1", l = "_list_12gbo_14", e = {
   menu: s,
   list: l
-}, f = ({ theme: m = "inherit", items: r = [] }) => /* @__PURE__ */ t(o, { theme: m, className: e.menu, children: /* @__PURE__ */ t("ul", { className: e.list, children: r.map((i) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(n, { ...i, className: e.item }) }, i.id)) }) });
+}, M = ({ theme: m = "inherit", items: r = [] }) => /* @__PURE__ */ t(n, { theme: m, className: e.menu, children: /* @__PURE__ */ t("ul", { className: e.list, children: r.map((i) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(o, { ...i, className: e.item }) }, i.id)) }) });
 export {
-  f as ActionMenu
+  M as ActionMenu
 };

package/dist/components/List/List.js

@@ -3,9 +3,9 @@ import { createElement as s } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
-import { ListItem as n } from "./ListItem.js";
-import { ListBase as f } from "./ListBase.js";
-const h = ({ theme: r, size: t = "md", spacing: m = "md", items: o = [] }) => /* @__PURE__ */ p(f, { theme: r, spacing: m, children: o.map((e, i) => /* @__PURE__ */ s(n, { ...e, size: t, key: "item" + i })) });
+import { a } from "../../Autocomplete-BNV2UfH3.js";
+import { ListBase as n } from "./ListBase.js";
+const h = ({ theme: r, size: t = "md", spacing: m = "md", items: o = [] }) => /* @__PURE__ */ p(n, { theme: r, spacing: m, children: o.map((e, i) => /* @__PURE__ */ s(a, { ...e, size: t, key: "item" + i })) });
 export {
   h as List
 };

package/dist/components/List/List.stories.js

@@ -3,8 +3,9 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../RootProvider/RootProvider.js";
+import "../../Autocomplete-BNV2UfH3.js";
 import { List as t } from "./List.js";
-const m = {
+const a = {
   title: "List/List",
   component: t,
   tags: ["autodocs"],
@@ -31,10 +32,10 @@ const m = {
       }
     ]
   }
-}, a = {
+}, c = {
   args: {}
 };
 export {
-  a as Default,
-  m as default
+  c as Default,
+  a as default
 };

package/dist/components/List/ListItem.d.ts

@@ -32,4 +32,4 @@ export interface ListItemProps extends ListItemBaseProps {
     /** Child items */
     items?: ListItemProps[];
 }
-export declare const ListItem: ({ as, color, loading, size, icon, avatar, avatarGroup, title, description, children, collapsible, expanded, badge, linkText, linkIcon, menu, select, controls, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItem: ({ as, color, loading, size, icon, avatar, avatarGroup, title, description, collapsible, expanded, badge, linkText, linkIcon, menu, select, controls, children, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/List/ListItem.js

@@ -1,41 +1,8 @@
-import { jsx as t } from "react/jsx-runtime";
-import { ListItemBase as v } from "./ListItemBase.js";
-import { ListItemControls as x } from "./ListItemControls.js";
-import { ListItemHeader as j } from "./ListItemHeader.js";
-import { ListItemLabel as w } from "./ListItemLabel.js";
-const D = ({
-  as: e = "a",
-  color: n,
-  loading: o,
-  size: r = "sm",
-  icon: i,
-  avatar: c,
-  avatarGroup: p,
-  title: s,
-  description: I,
-  children: L,
-  collapsible: m,
-  expanded: a,
-  badge: f,
-  linkText: l,
-  linkIcon: h,
-  menu: k,
-  select: b,
-  controls: d,
-  ...u
-}) => /* @__PURE__ */ t(
-  v,
-  {
-    as: e,
-    size: r,
-    color: n,
-    loading: o,
-    select: b,
-    controls: d || /* @__PURE__ */ t(x, { linkIcon: m && a ? "chevron-up" : m ? "chevron-down" : h, linkText: l, menu: k, badge: f }),
-    ...u,
-    children: /* @__PURE__ */ t(j, { loading: o, size: r, icon: i, avatar: c, avatarGroup: p, children: /* @__PURE__ */ t(w, { loading: o, title: s, description: I, size: r, children: L }) })
-  }
-);
+import "react/jsx-runtime";
+import "./ListItemBase.js";
+import { a } from "../../Autocomplete-BNV2UfH3.js";
+import "./ListItemHeader.js";
+import "./ListItemLabel.js";
 export {
-  D as ListItem
+  a as ListItem
 };

package/dist/components/List/ListItem.stories.js

@@ -5,7 +5,7 @@ import "../Icon/SvgIcon.js";
 import { Button as b } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { MetaItem as r } from "../Meta/MetaItem.js";
-import { ListItem as t } from "./ListItem.js";
+import { a as t } from "../../Autocomplete-BNV2UfH3.js";
 import { ListBase as d } from "./ListBase.js";
 import { List as k } from "./List.js";
 const l = ["lg", "md", "sm", "xs"], T = {