@altinn/altinn-components 0.14.3 → 0.15.0

package/dist/components/Dialog/DialogListItem.js

@@ -1,103 +1,111 @@
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
-import { DialogMetadata as N } from "./DialogMetadata.js";
-import { DialogByline as E } from "./DialogByline.js";
-import { Skeleton as F } from "../Skeleton/Skeleton.js";
-import { DialogSelect as G } from "./DialogSelect.js";
-import { DialogHeading as J } from "./DialogHeading.js";
+import { DialogMetadata as y } from "./DialogMetadata.js";
+import { DialogByline as w } from "./DialogByline.js";
+import { Skeleton as C } from "../Skeleton/Skeleton.js";
+import { DialogSelect as E } from "./DialogSelect.js";
+import { DialogHeading as F } from "./DialogHeading.js";
 import "../RootProvider/RootProvider.js";
-import { ListItemBase as b } from "../List/ListItemBase.js";
-import { ListItemLink as g } from "../List/ListItemLink.js";
+import { ListItemBase as G } from "../List/ListItemBase.js";
+import { ListItemLink as J } from "../List/ListItemLink.js";
 import { ListItemLabel as K } from "../List/ListItemLabel.js";
+import { ListItem as O } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DialogListItem.css';const O = "_link_1gdsf_1", P = "_border_1gdsf_22", Q = "_select_1gdsf_61", R = "_header_1gdsf_68", U = "_summary_1gdsf_80", V = "_footer_1gdsf_108", W = "_touchedBy_1gdsf_112", t = {
-  link: O,
-  border: P,
-  select: Q,
-  header: R,
-  summary: U,
-  footer: V,
-  touchedBy: W
-}, de = ({
-  size: e = "xl",
-  state: k = "normal",
+import '../../assets/DialogListItem.css';const P = "_link_1gdsf_1", Q = "_border_1gdsf_22", R = "_select_1gdsf_61", U = "_header_1gdsf_68", V = "_summary_1gdsf_80", W = "_footer_1gdsf_108", X = "_touchedBy_1gdsf_112", r = {
+  link: P,
+  border: Q,
+  select: R,
+  header: U,
+  summary: V,
+  footer: W,
+  touchedBy: X
+}, ft = ({
+  size: t = "xl",
+  state: g = "normal",
   loading: o,
   select: l,
-  selected: s,
-  status: B,
-  sender: d,
-  recipient: x,
-  recipientLabel: D = "to",
-  recipientGroup: L = !1,
-  updatedAt: i,
-  updatedAtLabel: n,
-  archivedAt: f,
-  archivedAtLabel: I,
+  selected: a,
+  status: N,
+  sender: i,
+  recipient: B,
+  recipientLabel: k = "to",
+  recipientGroup: x = !1,
+  updatedAt: d,
+  updatedAtLabel: f,
+  archivedAt: n,
+  archivedAtLabel: L,
   trashedAt: h,
-  trashedAtLabel: S,
-  label: j,
-  dueAt: v,
-  dueAtLabel: H,
-  seen: c = !1,
-  seenBy: M,
-  touchedBy: T,
-  attachmentsCount: q,
+  trashedAtLabel: D,
+  label: I,
+  dueAt: S,
+  dueAtLabel: j,
+  seen: m = !1,
+  seenBy: v,
+  touchedBy: H,
+  attachmentsCount: M,
   title: _,
   description: p,
-  summary: u,
-  theme: w,
-  ...a
+  summary: b,
+  theme: T = "default",
+  ...s
 }) => {
-  const C = h ? "trashed" : f ? "archived" : k, y = w || s ? "subtle" : "default";
-  return e === "xs" || e === "sm" || e === "md" ? /* @__PURE__ */ r(b, { ...a, size: e, selected: s, theme: y, children: /* @__PURE__ */ r(g, { ...a, size: e, className: t.link, children: /* @__PURE__ */ m("div", { className: t.border, "data-size": e, "data-seen": c, "data-loading": o, children: [
-    /* @__PURE__ */ r(K, { loading: o, size: e, title: _, description: u || p }),
-    /* @__PURE__ */ r(N, { loading: o, sender: d, updatedAt: i, updatedAtLabel: n })
-  ] }) }) }) : /* @__PURE__ */ m(b, { ...a, size: e, selected: s, theme: y, children: [
-    /* @__PURE__ */ r(g, { ...a, size: e, className: t.link, children: /* @__PURE__ */ m("div", { className: t.border, "data-size": e, "data-seen": c, "data-loading": o, children: [
-      /* @__PURE__ */ m("header", { className: t.header, "data-size": e, children: [
-        /* @__PURE__ */ r(J, { loading: o, size: e, state: C, label: j, seen: c, children: _ }),
-        /* @__PURE__ */ r(
-          E,
+  const q = h ? "trashed" : n ? "archived" : g, u = a ? "subtle" : T;
+  return t === "xs" || t === "sm" || t === "md" ? /* @__PURE__ */ e(
+    O,
+    {
+      ...s,
+      size: t,
+      selected: a,
+      theme: u,
+      label: /* @__PURE__ */ e("div", { className: r.border, "data-size": t, "data-seen": m, "data-loading": o, children: /* @__PURE__ */ e(K, { loading: o, size: t, title: _, description: b || p }) }),
+      badge: /* @__PURE__ */ e(y, { loading: o, sender: i, updatedAt: d, updatedAtLabel: f })
+    }
+  ) : /* @__PURE__ */ c(G, { ...s, size: t, selected: a, theme: u, children: [
+    /* @__PURE__ */ e(J, { ...s, size: t, className: r.link, children: /* @__PURE__ */ c("div", { className: r.border, "data-size": t, "data-seen": m, "data-loading": o, children: [
+      /* @__PURE__ */ c("header", { className: r.header, "data-size": t, children: [
+        /* @__PURE__ */ e(F, { loading: o, size: t, state: q, label: I, seen: m, children: _ }),
+        /* @__PURE__ */ e(
+          w,
           {
             size: "xs",
             loading: o,
-            sender: d,
-            recipient: x,
-            recipientLabel: D,
-            recipientGroup: L
+            sender: i,
+            recipient: B,
+            recipientLabel: k,
+            recipientGroup: x
           }
         ),
-        /* @__PURE__ */ r("p", { "data-size": e, className: t.summary, children: /* @__PURE__ */ r(F, { loading: o, children: u || p }) })
+        /* @__PURE__ */ e("p", { "data-size": t, className: r.summary, children: /* @__PURE__ */ e(C, { loading: o, children: b || p }) })
       ] }),
-      /* @__PURE__ */ r(
-        N,
+      /* @__PURE__ */ e(
+        y,
         {
-          className: t.footer,
+          className: r.footer,
           loading: o,
-          status: B,
-          updatedAt: i,
-          updatedAtLabel: n,
-          archivedAt: f,
-          archivedAtLabel: I,
+          status: N,
+          updatedAt: d,
+          updatedAtLabel: f,
+          archivedAt: n,
+          archivedAtLabel: L,
           trashedAt: h,
-          trashedAtLabel: S,
-          dueAt: v,
-          dueAtLabel: H,
-          attachmentsCount: q,
-          seenBy: M,
+          trashedAtLabel: D,
+          dueAt: S,
+          dueAtLabel: j,
+          attachmentsCount: M,
+          seenBy: v,
           touchedBy: {
-            touchedBy: T,
-            className: t.touchedBy
+            touchedBy: H,
+            className: r.touchedBy
           }
         }
       )
     ] }) }),
-    l && /* @__PURE__ */ r(G, { className: t.select, ...l })
+    l && /* @__PURE__ */ e(E, { className: r.select, ...l })
   ] });
 };
 export {
-  de as DialogListItem
+  ft as DialogListItem
 };

package/dist/components/Dialog/DialogSection.js

@@ -1,8 +1,8 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { Heading as m } from "../Typography/Heading.js";
 import "react";
+import { Heading as m } from "../Typography/Heading.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Dialog/DraftDialog.js

@@ -1,9 +1,9 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
+import "react";
 import { Typography as g } from "../Typography/Typography.js";
 import { Heading as B } from "../Typography/Heading.js";
-import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import { DialogMetadata as P } from "./DialogMetadata.js";
 import { DialogActions as w } from "./DialogActions.js";

package/dist/components/GlobalMenu/AccountButton.js

@@ -1,18 +1,18 @@
 import { jsxs as r, jsx as i } from "react/jsx-runtime";
 import { MenuItemBase as m } from "../Menu/MenuItemBase.js";
 import { MenuItemLabel as p } from "../Menu/MenuItemLabel.js";
-import { MenuItemMedia as s } from "../Menu/MenuItemMedia.js";
+import { MenuItemIcon as s } from "../Menu/MenuItemIcon.js";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import "../Icon/SvgIcon.js";
-const j = ({ account: e, linkText: t, onClick: l, multipleAccounts: d }) => d ? /* @__PURE__ */ r(m, { size: "lg", onClick: l, linkText: t, linkIcon: "chevron-right", as: "button", children: [
+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,
     {
-      size: "lg",
+      size: "xl",
       avatar: {
         name: e.name,
         type: e.type
@@ -34,5 +34,5 @@ const j = ({ account: e, linkText: t, onClick: l, multipleAccounts: d }) => d ?
   /* @__PURE__ */ i(p, { size: "lg", title: e == null ? void 0 : e.name, description: e == null ? void 0 : e.description })
 ] });
 export {
-  j as AccountButton
+  b as AccountButton
 };

package/dist/components/GlobalMenu/AccountMenu.js

@@ -1,28 +1,31 @@
 "use client";
-import { jsx as y } from "react/jsx-runtime";
-import { useState as L } from "react";
+import { jsx as v } from "react/jsx-runtime";
+import { useState as y } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Menu as M } from "../Menu/Menu.js";
-const h = (p) => `${p} hits`, j = ({
-  accounts: p = [],
+import { Menu as L } from "../Menu/Menu.js";
+const M = (d) => `${d} hits`, j = ({
+  accounts: d = [],
   accountGroups: C = {},
   accountSearch: s,
-  onSelectAccount: d,
+  onSelectAccount: p,
   currentAccount: m
 }) => {
   var f;
-  const g = p.map((e) => ({
+  const t = d.map((e) => ({
     id: e.id || e.name,
     groupId: e.groupId || "search",
     selected: e.selected ?? (m == null ? void 0 : m.id) === e.id,
     title: e.name,
     ...(e == null ? void 0 : e.accountNames) && {
       avatarGroup: {
-        items: e.accountNames.map((l) => ({ name: l, type: e.type }))
+        items: e.accountNames.map((l) => ({
+          name: l,
+          type: e.type
+        }))
       }
     },
     ...!(e != null && e.accountNames) && {
@@ -33,27 +36,35 @@ const h = (p) => `${p} hits`, j = ({
     },
     badge: e.badge,
     alertBadge: e.alertBadge,
-    onClick: () => d == null ? void 0 : d(e.id || e.name)
-  })), [i, t] = L(""), r = i ? g.filter((e) => {
+    onClick: () => p == null ? void 0 : p(e.id || e.name)
+  })), [i, g] = y(""), r = i ? t.filter((e) => {
     var l;
     return (l = e == null ? void 0 : e.title) == null ? void 0 : l.toLowerCase().includes(i.toLowerCase());
   }).map((e) => ({
     ...e,
     groupId: "search"
-  })) : g, I = i ? {
+  })) : t, I = i ? {
     search: {
-      title: ((f = s == null ? void 0 : s.getResultsLabel) == null ? void 0 : f.call(s, r.length)) ?? h(r.length)
+      title: ((f = s == null ? void 0 : s.getResultsLabel) == null ? void 0 : f.call(s, r.length)) ?? M(r.length)
     }
   } : C, b = {
     name: "account-search",
     value: i,
     placeholder: (s == null ? void 0 : s.placeholder) ?? "Find account",
-    onChange: (e) => t(e.target.value),
-    onClear: () => t("")
-  }, v = [
+    onChange: (e) => g(e.target.value),
+    onClear: () => g("")
+  }, h = [
     ...r.length > 0 ? r : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
-  return /* @__PURE__ */ y(M, { search: s && b, groups: I, items: v });
+  return /* @__PURE__ */ v(
+    L,
+    {
+      theme: "default",
+      search: s && b,
+      groups: I,
+      items: h
+    }
+  );
 };
 export {
   j as AccountMenu

package/dist/components/GlobalMenu/BackButton.js

@@ -6,7 +6,7 @@ import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { MenuItem as m } from "../Menu/MenuItem.js";
-const d = ({ label: t, onClick: r, as: o }) => /* @__PURE__ */ i(m, { size: "xs", id: "back", icon: "arrow-undo", theme: "transparent", title: t, onClick: r, as: o });
+const f = ({ label: o, onClick: t, as: r }) => /* @__PURE__ */ i(m, { size: "sm", id: "back", icon: "arrow-undo", title: o, onClick: t, as: r });
 export {
-  d as BackButton
+  f as BackButton
 };

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,16 +1,16 @@
 "use client";
-import { jsxs as a, jsx as r, Fragment as v } from "react/jsx-runtime";
+import { jsxs as n, jsx as r, Fragment as T } from "react/jsx-runtime";
 import { useState as j, useMemo as A } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import { AccountMenu as F } from "./AccountMenu.js";
-import { AccountButton as I } from "./AccountButton.js";
-import { BackButton as L } from "./BackButton.js";
-import { LogoutButton as H } from "./LogoutButton.js";
+import { AccountButton as L } from "./AccountButton.js";
+import { BackButton as H } from "./BackButton.js";
+import { LogoutButton as I } from "./LogoutButton.js";
 import "../Snackbar/useSnackbar.js";
-import { MenuListItem as n } from "../Menu/MenuBase.js";
+import { MenuListItem as a } from "../Menu/MenuBase.js";
 import { Menu as h } from "../Menu/Menu.js";
 import { GlobalMenuBase as l, GlobalMenuHeader as g, GlobalMenuFooter as W } from "./GlobalMenuBase.js";
 const U = ({
@@ -28,18 +28,18 @@ const U = ({
 }) => {
   const [x, G] = j(!1), m = () => {
     G((t) => !t);
-  }, T = (t) => {
+  }, v = (t) => {
     m(), e == null || e(), o == null || o(t);
-  }, f = A(() => p.map((t) => ({
+  }, d = A(() => p.map((t) => ({
     ...t,
     onClick: () => {
-      var d;
-      (d = t.onClick) == null || d.call(t), e == null || e();
+      var f;
+      (f = t.onClick) == null || f.call(t), e == null || e();
     }
   })), [p, e]);
-  return x ? /* @__PURE__ */ a(l, { children: [
-    /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(L, { onClick: m, label: B }) }),
-    /* @__PURE__ */ r(n, { as: "div", role: "separator" }),
+  return x ? /* @__PURE__ */ n(l, { children: [
+    /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(H, { onClick: m, label: B }) }),
+    /* @__PURE__ */ r(a, { as: "div", role: "separator" }),
     /* @__PURE__ */ r(
       F,
       {
@@ -47,12 +47,12 @@ const U = ({
         accounts: c,
         accountGroups: M,
         accountSearch: k,
-        onSelectAccount: T
+        onSelectAccount: v
       }
     )
-  ] }) : i ? /* @__PURE__ */ a(l, { children: [
+  ] }) : i ? /* @__PURE__ */ n(l, { children: [
     /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(
-      I,
+      L,
       {
         account: i,
         linkText: b,
@@ -60,13 +60,13 @@ const U = ({
         onClick: m
       }
     ) }),
-    /* @__PURE__ */ r(n, { as: "div", role: "separator" }),
-    /* @__PURE__ */ r(h, { groups: u, items: f, defaultItemTheme: "surface" }),
-    s && /* @__PURE__ */ a(v, { children: [
-      /* @__PURE__ */ r(n, { as: "div", role: "separator" }),
-      /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(H, { ...s }) })
+    /* @__PURE__ */ r(a, { as: "div", role: "separator" }),
+    /* @__PURE__ */ r(h, { groups: u, items: d, theme: "default" }),
+    s && /* @__PURE__ */ n(T, { children: [
+      /* @__PURE__ */ r(a, { as: "div", role: "separator" }),
+      /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(I, { ...s }) })
     ] })
-  ] }) : /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(h, { groups: u, items: f }) });
+  ] }) : /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(h, { groups: u, items: d }) });
 };
 export {
   U as GlobalMenu

package/dist/components/GlobalMenu/GlobalMenuBase.js

@@ -1,12 +1,12 @@
-import { jsx as r } from "react/jsx-runtime";
-import '../../assets/GlobalMenuBase.css';const a = "_nav_1sg75_1", n = "_footer_1sg75_6", s = "_drawer_1sg75_14", t = "_dropdown_1sg75_20", e = {
+import { jsx as e } from "react/jsx-runtime";
+import '../../assets/GlobalMenuBase.css';const a = "_nav_1sg75_1", t = "_footer_1sg75_6", n = "_drawer_1sg75_14", s = "_dropdown_1sg75_20", r = {
   nav: a,
-  footer: n,
-  drawer: s,
-  dropdown: t
-}, c = ({ children: o }) => /* @__PURE__ */ r("nav", { className: e.nav, "data-color": "neutral", children: o }), l = ({ children: o }) => /* @__PURE__ */ r("header", { className: e.header, children: o }), _ = ({ children: o }) => /* @__PURE__ */ r("footer", { className: e.footer, children: o });
+  footer: t,
+  drawer: n,
+  dropdown: s
+}, _ = ({ children: o }) => /* @__PURE__ */ e("nav", { className: r.nav, "data-theme": "default", children: o }), c = ({ children: o }) => /* @__PURE__ */ e("header", { className: r.header, children: o }), l = ({ children: o }) => /* @__PURE__ */ e("footer", { className: r.footer, children: o });
 export {
-  c as GlobalMenuBase,
-  _ as GlobalMenuFooter,
-  l as GlobalMenuHeader
+  _ as GlobalMenuBase,
+  l as GlobalMenuFooter,
+  c as GlobalMenuHeader
 };

package/dist/components/Header/HeaderButton.js

@@ -1,11 +1,15 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
-import { c as s } from "../../index-L8X2o7IH.js";
+import { jsxs as _, jsx as o } from "react/jsx-runtime";
+import { c as t } from "../../index-L8X2o7IH.js";
 import { Avatar as b } from "../Avatar/Avatar.js";
 import { AvatarGroup as I } from "../Avatar/AvatarGroup.js";
-import { Badge as p } from "../Badge/Badge.js";
+import { Badge as a } from "../Badge/Badge.js";
 import { ButtonBase as u } from "../Button/ButtonBase.js";
 import { Icon as N } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
 import '../../assets/HeaderButton.css';const g = "_button_ottvn_1", x = "_label_ottvn_12", B = "_icon_ottvn_18", G = "_avatarGroup_ottvn_28", k = "_loginIcon_ottvn_37", y = "_closeIcon_ottvn_42", j = "_badge_ottvn_46", n = {
   button: g,
   label: x,
@@ -14,8 +18,8 @@ import '../../assets/HeaderButton.css';const g = "_button_ottvn_1", x = "_label_
   loginIcon: k,
   closeIcon: y,
   badge: j
-}, E = ({
-  className: t,
+}, L = ({
+  className: s,
   as: l = "button",
   color: m = "accent",
   variant: i = "solid",
@@ -25,24 +29,24 @@ import '../../assets/HeaderButton.css';const g = "_button_ottvn_1", x = "_label_
   expanded: h,
   label: r = "Menu",
   badge: c,
-  ..._
-}) => h ? /* @__PURE__ */ a(u, { ..._, as: l, variant: i, color: m, className: s(n.button, t), children: [
+  ...p
+}) => h ? /* @__PURE__ */ _(u, { ...p, as: l, variant: i, color: m, className: t(n.button, s), children: [
   /* @__PURE__ */ o("span", { className: n.label, children: r }),
-  /* @__PURE__ */ o("span", { className: s(n.icon, n.closeIcon), children: /* @__PURE__ */ o(N, { name: "x-mark" }) }),
-  c && /* @__PURE__ */ o(p, { ...c, className: n.badge })
-] }) : d ? /* @__PURE__ */ a(u, { ..._, as: l, variant: i, color: m, className: s(n.button, t), children: [
+  /* @__PURE__ */ o("span", { className: t(n.icon, n.closeIcon), children: /* @__PURE__ */ o(N, { name: "x-mark" }) }),
+  c && /* @__PURE__ */ o(a, { ...c, className: n.badge })
+] }) : d ? /* @__PURE__ */ _(u, { ...p, as: l, variant: i, color: m, className: t(n.button, s), children: [
   /* @__PURE__ */ o("span", { className: n.label, children: r }),
   /* @__PURE__ */ o(I, { ...d, size: "sm", className: n.avatarGroup }),
-  c && /* @__PURE__ */ o(p, { ...c, className: n.badge })
-] }) : e ? /* @__PURE__ */ a(u, { ..._, as: l, variant: i, color: m, className: s(n.button, t), children: [
+  c && /* @__PURE__ */ o(a, { ...c, className: n.badge })
+] }) : e ? /* @__PURE__ */ _(u, { ...p, as: l, variant: i, color: m, className: t(n.button, s), children: [
   /* @__PURE__ */ o("span", { className: n.label, children: r }),
   /* @__PURE__ */ o(b, { type: e == null ? void 0 : e.type, name: e == null ? void 0 : e.name, size: "lg" }),
-  c && /* @__PURE__ */ o(p, { ...c, className: n.badge })
-] }) : /* @__PURE__ */ a(u, { ..._, as: l, variant: i, color: m, className: s(n.button, t), children: [
+  c && /* @__PURE__ */ o(a, { ...c, className: n.badge })
+] }) : /* @__PURE__ */ _(u, { ...p, as: l, variant: i, color: m, className: t(n.button, s), children: [
   /* @__PURE__ */ o("span", { className: n.label, children: r }),
-  /* @__PURE__ */ o("span", { className: s(n.icon, n.loginIcon), children: /* @__PURE__ */ o(N, { name: f }) }),
-  c && /* @__PURE__ */ o(p, { ...c, className: n.badge })
+  /* @__PURE__ */ o("span", { className: t(n.icon, n.loginIcon), children: /* @__PURE__ */ o(N, { name: f }) }),
+  c && /* @__PURE__ */ o(a, { ...c, className: n.badge })
 ] });
 export {
-  E as HeaderButton
+  L as HeaderButton
 };

package/dist/components/Icon/Icon.js

@@ -1,18 +1,19 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as s } from "../../index-L8X2o7IH.js";
-import { SvgIcon as d } from "./SvgIcon.js";
+import { c as e } from "../../index-L8X2o7IH.js";
+import { SvgIcon as h } from "./SvgIcon.js";
 import { iconsMap as m } from "./iconsMap.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
+import { Skeleton as u } from "../Skeleton/Skeleton.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Icon.css';const u = "_icon_8905q_1", p = {
-  icon: u
-}, y = ({ name: t, size: a, color: e, theme: l, variant: f = "outline", className: n }) => {
-  var i, r;
-  const c = ((i = m[t]) == null ? void 0 : i[f]) ?? ((r = m[t]) == null ? void 0 : r.outline);
-  return c ? /* @__PURE__ */ o("span", { "data-size": a, "data-color": e, "data-theme": l, className: s([p.icon], n), children: /* @__PURE__ */ o(d, { svgIconComponent: c }) }) : /* @__PURE__ */ o("span", { className: s([p.icon], n) });
+import '../../assets/Icon.css';const v = "_icon_3p8he_1", s = {
+  icon: v
+}, C = ({ loading: p, name: t, size: a, color: l, theme: f, variant: d = "outline", className: n }) => {
+  var i, c;
+  const r = ((i = m[t]) == null ? void 0 : i[d]) ?? ((c = m[t]) == null ? void 0 : c.outline);
+  return r ? /* @__PURE__ */ o(u, { loading: p, variant: "circle", children: /* @__PURE__ */ o("span", { "data-size": a, "data-color": l, "data-theme": f, className: e([s.icon], n), children: /* @__PURE__ */ o(h, { svgIconComponent: r }) }) }) : /* @__PURE__ */ o("span", { className: e([s.icon], n) });
 };
 export {
-  y as Icon
+  C as Icon
 };

package/dist/components/Icon/IconOrAvatar.js

@@ -0,0 +1,27 @@
+import { jsx as f } from "react/jsx-runtime";
+import { isValidElement as p } from "react";
+import { Icon as n } from "./Icon.js";
+import "./SvgIcon.js";
+import "../../index-L8X2o7IH.js";
+import "../Autocomplete/AutocompleteBase.js";
+import { Avatar as u } from "../Avatar/Avatar.js";
+import { AvatarGroup as s } from "../Avatar/AvatarGroup.js";
+import "../RootProvider/RootProvider.js";
+import "../Snackbar/useSnackbar.js";
+const O = ({ size: m, icon: r, iconTheme: i, avatar: o, avatarGroup: e }) => {
+  if (!r && !o && !e)
+    return null;
+  if (r) {
+    if (p(r))
+      return r;
+    const t = typeof r == "string" ? { name: r } : r;
+    return /* @__PURE__ */ f(n, { ...t, theme: (t == null ? void 0 : t.theme) || i, size: m });
+  }
+  if (o)
+    return /* @__PURE__ */ f(u, { ...o, size: m });
+  if (e)
+    return /* @__PURE__ */ f(s, { ...e, size: m });
+};
+export {
+  O as IconOrAvatar
+};

package/dist/components/Icon/index.js

@@ -1,14 +1,16 @@
 import { Icon as e } from "./Icon.js";
 import { SvgIcon as p } from "./SvgIcon.js";
-import { CheckboxIcon as f } from "./CheckboxIcon.js";
-import { RadioIcon as n } from "./RadioIcon.js";
+import { CheckboxIcon as x } from "./CheckboxIcon.js";
+import { RadioIcon as m } from "./RadioIcon.js";
 import { ProgressIcon as I } from "./ProgressIcon.js";
-import { iconsMap as a } from "./iconsMap.js";
+import { iconsMap as s } from "./iconsMap.js";
+import { IconOrAvatar as i } from "./IconOrAvatar.js";
 export {
-  f as CheckboxIcon,
+  x as CheckboxIcon,
   e as Icon,
+  i as IconOrAvatar,
   I as ProgressIcon,
-  n as RadioIcon,
+  m as RadioIcon,
   p as SvgIcon,
-  a as iconsMap
+  s as iconsMap
 };

package/dist/components/LayoutAction/ActionHeader.js

@@ -1,8 +1,8 @@
 import { jsxs as n, jsx as s } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { Heading as d } from "../Typography/Heading.js";
 import "react";
+import { Heading as d } from "../Typography/Heading.js";
 import "../Autocomplete/AutocompleteBase.js";
 import { IconButton as c } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";

package/dist/components/List/ListBase.js

@@ -5,8 +5,8 @@ import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as p } from "../Page/Flex.js";
-const j = ({ direction: o = "col", spacing: r = 2, children: t, ...m }) => /* @__PURE__ */ i(p, { direction: o, spacing: r, ...m, children: t });
+import { Flex as m } from "../Page/Flex.js";
+const a = ({ spacing: o = 2, children: r, ...t }) => /* @__PURE__ */ i(m, { direction: "col", spacing: o, ...t, children: r });
 export {
-  j as ListBase
+  a as ListBase
 };