@altinn/altinn-components 0.27.1 → 0.28.1

package/dist/components/Metadata/index.js

@@ -0,0 +1,19 @@
+import { MetaBase as o } from "./MetaBase.js";
+import { MetaItemBase as a } from "./MetaItemBase.js";
+import { MetaItemIcon as p } from "./MetaItemIcon.js";
+import { MetaItemLabel as f } from "./MetaItemLabel.js";
+import { MetaItem as s } from "./MetaItem.js";
+import { MetaProgress as i } from "./MetaProgress.js";
+import { MetaTimestamp as L } from "./MetaTimestamp.js";
+import { MetaListItem as c, Metadata as d } from "./Metadata.js";
+export {
+  o as MetaBase,
+  s as MetaItem,
+  a as MetaItemBase,
+  p as MetaItemIcon,
+  f as MetaItemLabel,
+  c as MetaListItem,
+  i as MetaProgress,
+  L as MetaTimestamp,
+  d as Metadata
+};

package/dist/components/Page/AccordionSection.js

@@ -3,7 +3,7 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { Typography as n } from "../Typography/Typography.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { PageDetails as c } from "./PageDetails.js";
 import { Section as e } from "./Section.js";

package/dist/components/Page/Breadcrumbs.js

@@ -1,23 +1,42 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { Icon as e } from "../Icon/Icon.js";
+"use client";
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { Icon as f } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
-import "react";
+import * as c from "react";
+import { forwardRef as p } from "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { BreadcrumbsLink as c } from "./BreadcrumbsLink.js";
-import { S as a } from "../../ArrowRight-OLgmLkGy.js";
-import '../../assets/Breadcrumbs.css';const p = "_list_tknjf_1", _ = "_item_tknjf_12", f = "_icon_tknjf_18", o = {
-  list: p,
-  item: _,
-  icon: f
-}, B = ({ items: t = [] }) => /* @__PURE__ */ r("ul", { className: o.list, children: t.map((m, i) => {
-  const { label: s, ...n } = m;
-  return (t == null ? void 0 : t.length) > i + 1 ? /* @__PURE__ */ l("li", { className: o.item, children: [
-    /* @__PURE__ */ r(c, { ...n, children: s }),
-    /* @__PURE__ */ r(e, { svgElement: a, className: o.icon })
-  ] }, i) : /* @__PURE__ */ r("li", { className: o.item, children: /* @__PURE__ */ r(c, { ...n, as: "span", children: s }) }, i);
+import { BreadcrumbsLink as s } from "./BreadcrumbsLink.js";
+import { u as d } from "../../useId-BVFxCjkq.js";
+import '../../assets/Breadcrumbs.css';var u = function(e, n) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var l = 0, t = Object.getOwnPropertySymbols(e); l < t.length; l++)
+      n.indexOf(t[l]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[l]) && (r[t[l]] = e[t[l]]);
+  return r;
+};
+const h = p((e, n) => {
+  var { title: r, titleId: t } = e, l = u(e, ["title", "titleId"]);
+  let i = d();
+  return i = r ? t || "title-" + i : void 0, c.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": i }, l),
+    r ? c.createElement("title", { id: i }, r) : null,
+    c.createElement("path", { fill: "currentColor", d: "M14.087 6.874a.752.752 0 0 0-.117 1.156l3.22 3.22H5a.75.75 0 0 0 0 1.5h12.19l-3.22 3.22a.75.75 0 0 0 1.06 1.06l4.5-4.5a.75.75 0 0 0 0-1.06l-4.5-4.5a.75.75 0 0 0-.943-.096" })
+  );
+}), b = "_list_tknjf_1", g = "_item_tknjf_12", _ = "_icon_tknjf_18", a = {
+  list: b,
+  item: g,
+  icon: _
+}, N = ({ items: e = [] }) => /* @__PURE__ */ o("ul", { className: a.list, children: e.map((n, r) => {
+  const { label: t, ...l } = n;
+  return (e == null ? void 0 : e.length) > r + 1 ? /* @__PURE__ */ m("li", { className: a.item, children: [
+    /* @__PURE__ */ o(s, { ...l, children: t }),
+    /* @__PURE__ */ o(f, { svgElement: h, className: a.icon })
+  ] }, r) : /* @__PURE__ */ o("li", { className: a.item, children: /* @__PURE__ */ o(s, { ...l, as: "span", children: t }) }, r);
 }) });
 export {
-  B as Breadcrumbs
+  N as Breadcrumbs
 };

package/dist/components/Page/ContactButtons.js

@@ -3,7 +3,7 @@ import { createElement as i } from "react";
 import "../../index-L8X2o7IH.js";
 import { Button as e } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as n } from "./Flex.js";
 const B = ({ items: t }) => /* @__PURE__ */ m(n, { spacing: 2, children: t.map((r, o) => /* @__PURE__ */ i(e, { ...r, variant: "outline", key: o })) });

package/dist/components/Page/ContactSection.js

@@ -4,7 +4,7 @@ import "react";
 import "../RootProvider/RootProvider.js";
 import { Typography as a } from "../Typography/Typography.js";
 import { Heading as s } from "../Typography/Heading.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as g } from "./Section.js";
 import { ContactButtons as h } from "./ContactButtons.js";

package/dist/components/Page/Flex.js

@@ -1,44 +1,46 @@
-import { jsx as u } from "react/jsx-runtime";
-import { c as _ } from "../../index-L8X2o7IH.js";
-import '../../assets/Flex.css';const b = "_flex_165ub_1", h = {
-  flex: b
-}, y = ({
+import { jsx as b } from "react/jsx-runtime";
+import { c as h } from "../../index-L8X2o7IH.js";
+import '../../assets/Flex.css';const j = "_flex_144b4_1", u = {
+  flex: j
+}, C = ({
   as: a = "div",
   color: t,
-  theme: e = "transparent",
-  shadow: n = "none",
-  direction: o = "row",
-  reverse: d = !1,
-  align: s = "initial",
-  justify: i = "initial",
-  spacing: r,
-  padding: l,
-  margin: c,
-  bleed: f = !1,
-  className: m,
-  style: p,
-  children: x,
-  ...g
-}) => /* @__PURE__ */ u(
+  size: e,
+  theme: n = "transparent",
+  shadow: o = "none",
+  direction: d = "row",
+  reverse: s = !1,
+  align: i = "initial",
+  justify: r = "initial",
+  spacing: l,
+  padding: c,
+  margin: f,
+  bleed: m = !1,
+  className: p,
+  style: x,
+  children: g,
+  ..._
+}) => /* @__PURE__ */ b(
   a,
   {
-    className: _(h.flex, m),
-    style: p,
+    className: h(u.flex, p),
+    style: x,
+    "data-size": e,
     "data-color": t,
-    "data-theme": e,
-    "data-shadow": n,
-    "data-direction": o,
-    "data-reverse": d,
-    "data-align": s,
-    "data-justify": i,
-    "data-spacing": r,
-    "data-padding": l,
-    "data-margin": c,
-    "data-bleed": f,
-    ...g,
-    children: x
+    "data-theme": n,
+    "data-shadow": o,
+    "data-direction": d,
+    "data-reverse": s,
+    "data-align": i,
+    "data-justify": r,
+    "data-spacing": l,
+    "data-padding": c,
+    "data-margin": f,
+    "data-bleed": m,
+    ..._,
+    children: g
   }
 );
 export {
-  y as Flex
+  C as Flex
 };

package/dist/components/Page/Grid.js

@@ -1,6 +1,6 @@
 import { jsx as g } from "react/jsx-runtime";
 import { c as p } from "../../index-L8X2o7IH.js";
-import '../../assets/Grid.css';const l = "_grid_bc7lq_1", f = {
+import '../../assets/Grid.css';const l = "_grid_alo99_1", f = {
   grid: l
 }, C = ({
   as: a = "div",
@@ -11,14 +11,14 @@ import '../../assets/Grid.css';const l = "_grid_bc7lq_1", f = {
   spacing: s,
   padding: e,
   margin: n,
-  className: c,
-  style: i,
+  className: i,
+  style: c,
   children: m
 }) => /* @__PURE__ */ g(
   a,
   {
-    className: p(f.grid, c),
-    style: i,
+    className: p(f.grid, i),
+    style: c,
     "data-theme": t,
     "data-color": o,
     "data-cols": r,

package/dist/components/Page/PageDetails.js

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { D as a, a as i, b as o } from "../../index-B7UjMwQm.js";
+import { D as a, a as i, b as o } from "../../index-D3Rt9ate.js";
 const n = ({ summary: t, children: s }) => /* @__PURE__ */ r(a, { style: { fontSize: "1.125rem" }, children: [
   /* @__PURE__ */ e(i, { children: t }),
   /* @__PURE__ */ e(o, { children: s })

package/dist/components/Page/PageHeader.js

@@ -2,56 +2,54 @@ 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 z } from "../List/ListItemIcon.js";
+import { Typography as P } from "../Typography/Typography.js";
+import { Heading as j } from "../Typography/Heading.js";
+import "../Searchbar/AutocompleteBase.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";
-const R = ({
+import { PageNav as y } from "./PageNav.js";
+import { PageTabs as H } from "./PageTabs.js";
+import { Section as I } from "./Section.js";
+const K = ({
   variant: g,
   size: f = "xl",
-  title: x,
+  title: t,
   description: o,
-  icon: t,
-  avatar: h,
-  avatarGroup: s,
+  icon: a,
   tabs: e,
   theme: l,
-  padding: a,
+  padding: x,
   shadow: c,
   bleed: d,
   breadcrumbs: n,
   backButton: p,
-  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 }),
+  controls: T,
+  children: h,
+  ...s
+}) => (g === "card" && (l = "default", x = "page", c = "xs", d = !0), g === "card" ? /* @__PURE__ */ i(I, { as: "header", theme: l, shadow: c, bleed: d, ...s, 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__ */ r(z, { icon: a, 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(j, { size: f, children: t }),
+      o && /* @__PURE__ */ r(P, { 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 }),
-  /* @__PURE__ */ i(m, { direction: "row", align: "center", padding: a, spacing: 3, children: [
-    /* @__PURE__ */ r(j, { avatar: h, avatarGroup: s, icon: t, size: "xl" }),
+  h,
+  e && /* @__PURE__ */ r(H, { ...e, padding: 2 })
+] }) : /* @__PURE__ */ i(I, { as: "header", theme: l, shadow: c, bleed: d, ...s, children: [
+  (p || n) && /* @__PURE__ */ r(y, { backButton: p, breadcrumbs: n }),
+  /* @__PURE__ */ i(m, { direction: "row", align: "center", padding: x, spacing: 3, children: [
+    /* @__PURE__ */ r(z, { icon: a, 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(j, { size: f, children: t }),
+      o && /* @__PURE__ */ r(P, { size: "xs", children: o })
     ] })
   ] }),
-  z,
-  e && /* @__PURE__ */ r(T, { ...e })
+  h,
+  e && /* @__PURE__ */ r(H, { ...e })
 ] }));
 export {
-  R as PageHeader
+  K as PageHeader
 };

package/dist/components/Page/PageMenu.js

@@ -3,7 +3,7 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { MenuItem as n } from "../Menu/MenuItem.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/PageMenu.css';const o = "_menu_13em0_1", l = "_list_13em0_6", a = "_item_13em0_29", e = {
   menu: o,

package/dist/components/Page/PageNav.js

@@ -1,29 +1,47 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
+"use client";
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import "react";
-import { Button as n } from "../Button/Button.js";
+import * as a from "react";
+import { forwardRef as m } from "react";
+import { Button as f } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as a } from "./Flex.js";
-import { Breadcrumbs as l } from "./Breadcrumbs.js";
-import { S as c } from "../../ArrowLeft-C91mClJx.js";
-import '../../assets/PageNav.css';const p = "_nav_9bu1z_1", v = "_controls_9bu1z_7", f = {
-  nav: p,
-  controls: v
-}, S = ({
-  color: s,
-  padding: t,
-  breadcrumbs: i,
-  backButton: r = {
+import { Flex as c } from "./Flex.js";
+import { Breadcrumbs as p } from "./Breadcrumbs.js";
+import { u as d } from "../../useId-BVFxCjkq.js";
+import '../../assets/PageNav.css';var u = function(t, o) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
+  return l;
+};
+const v = m((t, o) => {
+  var { title: l, titleId: e } = t, r = u(t, ["title", "titleId"]);
+  let i = d();
+  return i = l ? e || "title-" + i : void 0, a.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": i }, r),
+    l ? a.createElement("title", { id: i }, l) : null,
+    a.createElement("path", { fill: "currentColor", d: "M4.47 11.47a.75.75 0 0 0 0 1.06l4.5 4.5a.75.75 0 0 0 1.06-1.06l-3.22-3.22H19a.75.75 0 0 0 0-1.5H6.81l3.22-3.22a.75.75 0 1 0-1.06-1.06z" })
+  );
+}), w = "_controls_9bu1z_7", g = {
+  controls: w
+}, z = ({
+  color: t,
+  padding: o,
+  breadcrumbs: l,
+  backButton: e = {
     as: "a",
     label: "Back"
   },
-  controls: e
-}) => /* @__PURE__ */ m(a, { as: "nav", direction: "row", align: "center", justify: "between", color: s, padding: t, children: [
-  i ? /* @__PURE__ */ o(l, { items: i }) : /* @__PURE__ */ o(n, { ...r, variant: "text", size: "sm", icon: c, children: (r == null ? void 0 : r.label) || "Back" }),
-  e && /* @__PURE__ */ o("div", { className: f.controls, children: e })
+  controls: r
+}) => /* @__PURE__ */ s(c, { as: "nav", direction: "row", align: "center", justify: "between", color: t, padding: o, children: [
+  l ? /* @__PURE__ */ n(p, { items: l }) : /* @__PURE__ */ n(f, { ...e, variant: "text", size: "sm", icon: v, children: (e == null ? void 0 : e.label) || "Back" }),
+  r && /* @__PURE__ */ n("div", { className: g.controls, children: r })
 ] });
 export {
-  S as PageNav
+  z as PageNav
 };

package/dist/components/Page/PageTabs.js

@@ -3,7 +3,7 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { MenuItem as p } from "../Menu/MenuItem.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as l } from "./Flex.js";
 import '../../assets/PageTabs.css';const c = "_list_gp6cp_1", n = "_item_gp6cp_21", r = {

package/dist/components/Page/Section.js

@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as p } from "./Flex.js";
 const j = ({ as: o = "section", direction: r = "col", children: t, ...i }) => /* @__PURE__ */ m(p, { as: o, direction: r, ...i, children: t });

package/dist/components/Page/index.js

@@ -1,36 +1,30 @@
 import { PageBase as e } from "./PageBase.js";
-import { PageNav as a } from "./PageNav.js";
+import { PageNav as m } from "./PageNav.js";
 import { PageMenu as x } from "./PageMenu.js";
 import { PageTabs as p } from "./PageTabs.js";
-import { PageHeader as d } from "./PageHeader.js";
-import { PageDetails as i } from "./PageDetails.js";
-import { ArticleHeader as g } from "./ArticleHeader.js";
-import { Flex as b } from "./Flex.js";
-import { Grid as B } from "./Grid.js";
-import { Breadcrumbs as C } from "./Breadcrumbs.js";
-import { BreadcrumbsLink as H } from "./BreadcrumbsLink.js";
-import { Section as h } from "./Section.js";
-import { ContactSection as k } from "./ContactSection.js";
+import { PageHeader as n } from "./PageHeader.js";
+import { PageDetails as g } from "./PageDetails.js";
+import { Flex as P } from "./Flex.js";
+import { Grid as u } from "./Grid.js";
+import { Breadcrumbs as b } from "./Breadcrumbs.js";
+import { BreadcrumbsLink as l } from "./BreadcrumbsLink.js";
+import { Section as k } from "./Section.js";
+import { ContactSection as A } from "./ContactSection.js";
 import { ContactButtons as F } from "./ContactButtons.js";
-import { AccordionSection as L } from "./AccordionSection.js";
-import { DashboardHeader as N } from "./DashboardHeader.js";
-import { DashboardCard as j } from "./DashboardCard.js";
+import { AccordionSection as H } from "./AccordionSection.js";
 export {
-  L as AccordionSection,
-  g as ArticleHeader,
-  C as Breadcrumbs,
-  H as BreadcrumbsLink,
+  H as AccordionSection,
+  b as Breadcrumbs,
+  l as BreadcrumbsLink,
   F as ContactButtons,
-  k as ContactSection,
-  j as DashboardCard,
-  N as DashboardHeader,
-  b as Flex,
-  B as Grid,
+  A as ContactSection,
+  P as Flex,
+  u as Grid,
   e as PageBase,
-  i as PageDetails,
-  d as PageHeader,
+  g as PageDetails,
+  n as PageHeader,
   x as PageMenu,
-  a as PageNav,
+  m as PageNav,
   p as PageTabs,
-  h as Section
+  k as Section
 };

package/dist/components/Profile/AccountList.js

@@ -2,11 +2,11 @@ import { jsx as o } from "react/jsx-runtime";
 import { createElement as m } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { ListBase as i } from "../List/ListBase.js";
-import "../Search/AutocompleteBase.js";
-import { AccountListItem as e } from "./AccountListItem.js";
+import { List as i } from "../List/List.js";
+import "../Searchbar/AutocompleteBase.js";
+import { AccountListItem as p } from "./AccountListItem.js";
 import "../Snackbar/useSnackbar.js";
-const d = ({ items: t }) => /* @__PURE__ */ o(i, { children: t.map((r) => /* @__PURE__ */ m(e, { ...r, key: r.id })) });
+const d = ({ items: t }) => /* @__PURE__ */ o(i, { children: t.map((r) => /* @__PURE__ */ m(p, { ...r, key: r.id })) });
 export {
   d as AccountList
 };

package/dist/components/Profile/AccountListItem.js

@@ -1,18 +1,18 @@
 "use client";
-import { jsxs as y, jsx as i } from "react/jsx-runtime";
+import { jsxs as v, jsx as n } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import * as a from "react";
+import * as c from "react";
 import { forwardRef as m } from "react";
-import { Badge as O } from "../Badge/Badge.js";
-import { ContextMenu as w } from "../ContextMenu/ContextMenu.js";
-import { ListItemControls as h } from "../List/ListItemControls.js";
-import { ListItem as I } from "../List/ListItem.js";
+import { Badge as y } from "../Badge/Badge.js";
+import { ContextMenu as O } from "../ContextMenu/ContextMenu.js";
+import { ListItemControls as w } from "../List/ListItemControls.js";
+import { ListItem as h } from "../List/ListItem.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
+import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as j } from "../Page/Flex.js";
-import { u as d } from "../../useId-CsCRkvK3.js";
-var x = function(t, o) {
+import { Flex as I } from "../Page/Flex.js";
+import { u as d } from "../../useId-BVFxCjkq.js";
+var j = function(t, o) {
   var l = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
@@ -20,17 +20,17 @@ var x = function(t, o) {
       o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
   return l;
 };
-const E = m((t, o) => {
-  var { title: l, titleId: e } = t, r = x(t, ["title", "titleId"]);
-  let n = d();
-  return n = l ? e || "title-" + n : void 0, a.createElement(
+const x = m((t, o) => {
+  var { title: l, titleId: e } = t, r = j(t, ["title", "titleId"]);
+  let i = d();
+  return i = l ? e || "title-" + i : void 0, c.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": n }, r),
-    l ? a.createElement("title", { id: n }, l) : null,
-    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.207 6.354-1 9.56l-6.5 6.5-.53-.53-.53.53-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.356 3.125 7.875 3.125c1.349 0 2.726.602 4.125 1.844M12 20.5l-.53.53a.75.75 0 0 0 1.06 0zm0-1.06 5.97-5.97c2.793-2.794 2.627-5.812 1-7.44-.919-.918-1.864-1.405-2.845-1.405s-2.177.487-3.595 1.905a.75.75 0 0 1-1.06 0C10.05 5.112 8.856 4.625 7.874 4.625S5.948 5.112 5.03 6.03c-1.627 1.628-1.793 4.646 1 7.44z", clipRule: "evenodd" })
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": i }, r),
+    l ? c.createElement("title", { id: i }, l) : null,
+    c.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.207 6.354-1 9.56l-6.5 6.5-.53-.53-.53.53-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.356 3.125 7.875 3.125c1.349 0 2.726.602 4.125 1.844M12 20.5l-.53.53a.75.75 0 0 0 1.06 0zm0-1.06 5.97-5.97c2.793-2.794 2.627-5.812 1-7.44-.919-.918-1.864-1.405-2.845-1.405s-2.177.487-3.595 1.905a.75.75 0 0 1-1.06 0C10.05 5.112 8.856 4.625 7.874 4.625S5.948 5.112 5.03 6.03c-1.627 1.628-1.793 4.646 1 7.44z", clipRule: "evenodd" })
   );
 });
-var S = function(t, o) {
+var E = function(t, o) {
   var l = {};
   for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
@@ -38,51 +38,49 @@ var S = function(t, o) {
       o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
   return l;
 };
-const _ = m((t, o) => {
-  var { title: l, titleId: e } = t, r = S(t, ["title", "titleId"]);
-  let n = d();
-  return n = l ? e || "title-" + n : void 0, a.createElement(
+const S = m((t, o) => {
+  var { title: l, titleId: e } = t, r = E(t, ["title", "titleId"]);
+  let i = d();
+  return i = l ? e || "title-" + i : void 0, c.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": n }, r),
-    l ? a.createElement("title", { id: n }, l) : null,
-    a.createElement("path", { fill: "currentColor", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.206 6.354-1 9.56l-6.5 6.5a.75.75 0 0 1-1.06 0l-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.355 3.125 7.874 3.125c1.349 0 2.726.602 4.125 1.844" })
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": i }, r),
+    l ? c.createElement("title", { id: i }, l) : null,
+    c.createElement("path", { fill: "currentColor", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.206 6.354-1 9.56l-6.5 6.5a.75.75 0 0 1-1.06 0l-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.355 3.125 7.874 3.125c1.349 0 2.726.602 4.125 1.844" })
   );
-}), q = ({
-  size: t = "md",
+}), $ = ({
+  size: t,
   expanded: o,
   type: l,
-  avatar: e,
-  avatarGroup: r,
-  title: n,
-  description: s,
-  label: c,
-  favourite: p = !1,
+  icon: e,
+  title: r,
+  description: i,
+  label: a,
+  favourite: s = !1,
   contextMenu: f,
-  favouriteLabel: u,
-  children: g,
-  ...b
+  favouriteLabel: p,
+  children: u,
+  ...g
 }) => {
-  const v = /* @__PURE__ */ y(h, { children: [
-    /* @__PURE__ */ i(j, { align: "center", spacing: 2, style: { position: "relative", fontSize: "1.25rem" }, children: c ? /* @__PURE__ */ i(O, { color: l === "group" ? "neutral" : l, children: c }) : p ? /* @__PURE__ */ i(_, { "aria-label": u }) : /* @__PURE__ */ i(E, { "aria-hidden": !0 }) }),
-    f && /* @__PURE__ */ i(w, { ...f, size: "sm" })
+  const b = /* @__PURE__ */ v(w, { children: [
+    /* @__PURE__ */ n(I, { align: "center", spacing: 2, style: { position: "relative", fontSize: "1.25rem" }, children: a ? /* @__PURE__ */ n(y, { color: l === "group" ? "neutral" : l, children: a }) : s ? /* @__PURE__ */ n(S, { "aria-label": p }) : /* @__PURE__ */ n(x, { "aria-hidden": !0 }) }),
+    f && /* @__PURE__ */ n(O, { ...f, size: "sm" })
   ] });
-  return /* @__PURE__ */ i(
-    I,
+  return /* @__PURE__ */ n(
+    h,
     {
-      ...b,
+      ...g,
       size: t,
-      avatar: e,
-      avatarGroup: r && { ...r, size: t === "md" ? "sm" : "xs" },
-      title: n,
-      description: o ? void 0 : s,
+      icon: e,
+      title: r,
+      description: o ? void 0 : i,
       expanded: o,
       selected: o,
-      badge: v,
+      badge: !o && b,
       linkIcon: !0,
-      children: g
+      children: u
     }
   );
 };
 export {
-  q as AccountListItem
+  $ as AccountListItem
 };