@altinn/altinn-components 0.38.17 → 0.38.18

package/dist/assets/Avatar.css

@@ -1 +1 @@
-._avatar_1k073_1{position:relative;overflow:hidden}._avatar_1k073_1[data-variant=circle]{border-radius:50%}._avatar_1k073_1[data-variant=square]{border-radius:5%}._avatar_1k073_1[data-outline=true]{outline:1px solid #ffffff;box-sizing:border-box}._shape_1k073_20{display:block;font-size:1em;width:1em;height:1em}._label_1k073_27{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;overflow:hidden;font-size:.575em}._image_1k073_37{display:block;width:100%;height:100%}
+._avatar_13ch2_1{position:relative;overflow:hidden;box-sizing:border-box}._avatar_13ch2_1[data-shape=circle]{border-radius:50%}._avatar_13ch2_1[data-shape=square]{border-radius:5%}._avatar_13ch2_1[data-variant=outline]{border:1px solid}._avatar_13ch2_1[data-outline=true]{outline:1px solid #ffffff;box-sizing:border-box}._shape_13ch2_25{display:block;font-size:1em;width:1em;height:1em}._label_13ch2_32{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;overflow:hidden;font-size:.575em}._image_13ch2_42{display:block;width:100%;height:100%}

package/dist/assets/DrawerOrDropdown.css

@@ -1 +1 @@
-._drawerOrDropdown_127yi_1{background-color:var(--ds-color-background-default);display:none}._drawerOrDropdown_127yi_1[data-expanded=true]{position:fixed;top:5.5rem;right:0;bottom:0;left:0;display:block;z-index:2;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (min-width: 1024px){._header_127yi_19,._footer_127yi_20{display:none}._drawerOrDropdown_127yi_1[data-expanded=true]{position:absolute;top:auto;right:auto;bottom:auto;left:0;min-width:16rem;max-width:24rem;margin-top:.5rem;border-radius:.375rem;overflow:hidden}}
+._drawerOrDropdown_h06dg_1{background-color:var(--ds-color-background-default);display:none}._drawerOrDropdown_h06dg_1[data-expanded=true]{position:fixed;top:5.5rem;right:0;bottom:0;left:0;display:block;z-index:2;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (min-width: 1024px){._header_h06dg_19,._footer_h06dg_20{display:none}._drawerOrDropdown_h06dg_1[data-expanded=true]{position:absolute;top:auto;right:auto;bottom:auto;left:0;min-width:16rem;max-width:24rem;margin-top:.5rem;border-radius:.375rem;overflow:hidden}._drawerOrDropdown_h06dg_1[data-size=lg]{width:20rem}}

package/dist/assets/DropdownBase.css

@@ -1 +1 @@
-._dropdown_1ixqr_1{display:none;background-color:var(--ds-color-background-default)}._dropdown_1ixqr_1[data-expanded=true]{display:block;position:absolute;z-index:9999}._dropdown_1ixqr_1[data-placement=left]{left:0}._dropdown_1ixqr_1[data-placement=right]{right:0}._dropdown_1ixqr_1[data-padding=true]{padding:0 .5rem}._dropdown_1ixqr_1{min-width:16rem;max-width:24rem;margin-top:.5rem;border-radius:.375rem;overflow:hidden}@media (max-width: 1023px){._dropdown_1ixqr_1[data-expanded=true][data-layout=desktop]{display:none}}@media (min-width: 1024px){._dropdown_1ixqr_1[data-expanded=true][data-layout=mobile]{display:none}}
+._dropdown_1tyzv_1{display:none;background-color:var(--ds-color-background-default)}._dropdown_1tyzv_1[data-expanded=true]{display:block;position:absolute;z-index:9999}._dropdown_1tyzv_1[data-placement=left]{left:0}._dropdown_1tyzv_1[data-placement=right]{right:0}._dropdown_1tyzv_1[data-padding=true]{padding:0 .5rem}._dropdown_1tyzv_1{min-width:16rem;max-width:24rem;margin-top:.5rem;border-radius:.375rem;overflow:hidden}._dropdown_1tyzv_1[data-size=lg]{width:20rem}@media (max-width: 1023px){._dropdown_1tyzv_1[data-expanded=true][data-layout=desktop]{display:none}}@media (min-width: 1024px){._dropdown_1tyzv_1[data-expanded=true][data-layout=mobile]{display:none}}

package/dist/assets/Header.css

@@ -1 +1 @@
-._drawer_1tael_1[data-expanded=true]{display:block;width:100%}._dropdown_1tael_6[data-expanded=true]{display:none}@media (min-width: 1024px){._dropdown_1tael_6[data-expanded=true]{width:320px;display:block}._drawer_1tael_1[data-expanded=true]{display:none}}._relative_1tael_20{position:relative}
+._drawer_afyu3_1[data-expanded=true]{display:block;width:100%}._dropdown_afyu3_6[data-expanded=true]{display:none}@media (min-width: 1024px){._dropdown_afyu3_6[data-expanded=true]{display:block}._drawer_afyu3_1[data-expanded=true]{display:none}}._relative_afyu3_19{position:relative}

package/dist/assets/ListItemLabel.css

@@ -1 +1 @@
-._label_1cju7_1{pointer-events:none;position:relative;display:flex;flex-direction:column;align-items:start;justify-content:center;margin-top:var(--dsc-item-my);margin-bottom:var(--dsc-item-my)}._label_1cju7_1 mark{background-color:var(--ds-color-surface-tinted)}
+._label_1tmg6_1{pointer-events:none;position:relative;display:flex;flex-direction:column;align-items:start;justify-content:center;margin-top:var(--dsc-item-my);margin-bottom:var(--dsc-item-my)}._label_1tmg6_1 mark{background-color:transparent;text-decoration:underline}

package/dist/assets/MenuHeader.css

@@ -1 +1 @@
-._header_y0pus_1{padding:.75rem .5rem;margin:.5rem 0}._title_y0pus_6{font-size:.875rem;font-weight:400;line-height:1.25rem;color:var(--ds-color-text-subtle);margin:0}
+._header_1aaxa_1{padding:.5rem;margin:.5rem 0}._title_1aaxa_6{font-size:.875rem;font-weight:400;line-height:1.25rem;color:var(--ds-color-text-subtle);margin:0}

package/dist/assets/MenuItemIcon.css

@@ -1 +1 @@
-._icon_1wobj_1{position:relative;min-width:1em;display:flex;align-items:center;justify-content:center}._icon_1wobj_1[data-size=lg]{font-size:2.75rem}._icon_1wobj_1[data-size=lg] svg,._icon_1wobj_1[data-size=lg] img{font-size:1.75rem}._icon_1wobj_1[data-size=md]{font-size:2rem}._icon_1wobj_1[data-size=md] svg,._icon_1wobj_1[data-size=md] img{font-size:1.5rem}._icon_1wobj_1[data-size=sm]{font-size:1.5rem}._icon_1wobj_1[data-size=sm] svg,._icon_1wobj_1[data-size=sm] img{font-size:1.25rem}._avatarGroup_1wobj_36{font-size:.625em}._badge_1wobj_40{position:absolute;top:0;right:0;margin-top:-.25em;margin-right:-.25em;outline:1px solid white}
+._icon_18swu_1{position:relative;min-width:1em;display:flex;align-items:center;justify-content:center;box-sizing:border-box}._icon_18swu_1[data-size=lg]{font-size:2.75rem}._icon_18swu_1[data-size=lg] svg,._icon_18swu_1[data-size=lg] img{font-size:1.75rem}._icon_18swu_1[data-size=md]{font-size:2rem}._icon_18swu_1[data-size=md] svg,._icon_18swu_1[data-size=md] img{font-size:1.5rem}._icon_18swu_1[data-size=sm]{font-size:1.5rem}._icon_18swu_1[data-size=sm] svg,._icon_18swu_1[data-size=sm] img{font-size:1.25rem}._avatar_18swu_37{font-size:1em;width:1em;height:1em}._avatarGroup_18swu_43{font-size:.625em}._badge_18swu_47{position:absolute;top:0;right:0;margin-top:-.25em;margin-right:-.25em;outline:1px solid white}

package/dist/assets/MenuItemsVirtual.css

@@ -1 +1 @@
-._virtualScrollRef_u54k3_1{max-height:400px;overflow-y:auto;padding:0 .5em;margin:0 -.5em}._virtualMenuListItem_u54k3_8{position:absolute;top:0;left:0;width:100%}._virtualMenuListItem_u54k3_8>*{margin:0}
+._virtualScrollRef_nmoqo_1{max-height:400px;overflow-y:auto;padding:.5em;margin:0 -.5em}._virtualMenuListItem_nmoqo_8{position:absolute;top:0;left:0;width:100%}._virtualMenuListItem_nmoqo_8>*{margin:0}

package/dist/assets/MenuOption.css

@@ -1 +1 @@
-._label_50eke_1{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 .125rem;font-size:1rem;column-gap:.5em}._title_50eke_12{display:inline-flex;align-items:center;column-gap:.5em}._radio_50eke_18,._checkbox_50eke_19{flex-shrink:0;flex-grow:0;position:relative;width:1.25em;height:1.25em;display:flex;align-items:center;justify-content:center;color:transparent}._radio_50eke_18{border:1px solid;border-color:var(--ds-color-border-subtle);outline:1px solid;outline-color:var(--ds-color-border-subtle);border-radius:50%}._checkbox_50eke_19{border:2px solid;border-color:var(--ds-color-border-subtle);border-radius:2px}._radio_50eke_18[data-checked=true],._checkbox_50eke_19[data-checked=true]{background-color:var(--ds-color-base-default);border:none;outline-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}._icon_50eke_53{font-size:1.25em}
+._label_zw85f_1{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 .125rem;font-size:1rem;column-gap:.5em;pointer-events:none}._title_zw85f_13{display:inline-flex;align-items:center;column-gap:.5em}._radio_zw85f_19,._checkbox_zw85f_20{flex-shrink:0;flex-grow:0;position:relative;width:1.25em;height:1.25em;display:flex;align-items:center;justify-content:center;color:transparent}._radio_zw85f_19{border:1px solid;border-color:var(--ds-color-border-subtle);outline:var(--ds-color-border-subtle) solid 1px;border-radius:50%}._checkbox_zw85f_20{border:2px solid;border-color:var(--ds-color-border-subtle);border-radius:2px}._radio_zw85f_19[data-checked=true],._checkbox_zw85f_20[data-checked=true]{background-color:var(--ds-color-base-default);border:none;outline-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}._icon_zw85f_53{font-size:1.25em}

package/dist/components/Account/AccountMenu.js

@@ -11,7 +11,7 @@ const b = (r) => `${r} hits`, G = ({
   search: t,
   onSelectAccount: e,
   currentAccount: a,
-  menuItemsVirtual: C,
+  isVirtualized: C,
   keyboardEvents: h
 }) => {
   var u;
@@ -51,7 +51,7 @@ const b = (r) => `${r} hits`, G = ({
       search: t && w,
       groups: L,
       items: I,
-      menuItemsVirtual: C,
+      isVirtualized: C,
       keyboardEvents: h
     }
   );

package/dist/components/Avatar/Avatar.js

@@ -1,58 +1,62 @@
 "use client";
-import { jsx as s, jsxs as N } from "react/jsx-runtime";
-import { c as x } from "../../index-L8X2o7IH.js";
-import { useState as C } from "react";
-import { Skeleton as S } from "../Skeleton/Skeleton.js";
-import { fromStringToColor as j } from "./color.js";
-import '../../assets/Avatar.css';const A = "_avatar_1k073_1", E = "_shape_1k073_20", I = "_label_1k073_27", y = "_image_1k073_37", r = {
-  avatar: A,
-  shape: E,
-  label: I,
-  image: y
-}, w = (a) => typeof a == "object" && a !== null && "name" in a, B = ({
+import { jsx as e, jsxs as x } from "react/jsx-runtime";
+import { c as j } from "../../index-L8X2o7IH.js";
+import { useState as A } from "react";
+import { Skeleton as E } from "../Skeleton/Skeleton.js";
+import { fromStringToColor as I } from "./color.js";
+import '../../assets/Avatar.css';const y = "_avatar_13ch2_1", q = "_shape_13ch2_25", z = "_label_13ch2_32", H = "_image_13ch2_42", r = {
+  avatar: y,
+  shape: q,
+  label: z,
+  image: H
+}, F = (a) => typeof a == "object" && a !== null && "name" in a, G = ({
   type: a = "person",
-  size: i,
-  name: o = "Avatar",
-  outline: n = !1,
-  imageUrl: e,
-  imageUrlAlt: m,
-  customLabel: p,
-  loading: l,
-  className: d,
-  style: c = {}
+  size: h,
+  name: l = "Avatar",
+  shape: d,
+  color: u,
+  variant: o = "solid",
+  outline: c = !0,
+  imageUrl: s,
+  imageUrlAlt: _,
+  customLabel: g,
+  loading: n,
+  className: b,
+  style: i = {}
 }) => {
-  const [h, u] = C(!1), v = a === "person" ? "circle" : "square", _ = a === "person" ? "light" : "dark", { backgroundColor: f, foregroundColor: g } = j(o, _), k = (o[0] ?? "").toUpperCase(), t = e && !h, b = !l && !t ? {
-    ...c,
-    backgroundColor: f,
-    color: g
-  } : c;
-  return /* @__PURE__ */ s(
+  const [f, v] = A(!1), C = d || a === "person" ? "circle" : "square", N = u || a === "person" ? "light" : "dark", { backgroundColor: p, foregroundColor: m } = I(l, N), S = (l[0] ?? "").toUpperCase(), t = s && !f, k = !n && !t ? {
+    ...i,
+    backgroundColor: o === "outline" ? m : p,
+    color: o === "outline" ? p : m
+  } : i;
+  return /* @__PURE__ */ e(
     "div",
     {
-      className: x(r.avatar, { [r.outline]: n }, d),
-      style: b,
-      "data-variant": v,
-      "data-size": i,
-      "data-outline": n,
+      className: j(r.avatar, { [r.outline]: c }, b),
+      style: k,
+      "data-variant": o,
+      "data-shape": C,
+      "data-size": h,
+      "data-outline": c,
       "aria-hidden": !0,
-      children: /* @__PURE__ */ N(S, { loading: l, className: r.shape, variant: "circle", children: [
-        /* @__PURE__ */ s("div", { className: r.shape, children: t && /* @__PURE__ */ s(
+      children: /* @__PURE__ */ x(E, { loading: n, className: r.shape, variant: "circle", children: [
+        /* @__PURE__ */ e("div", { className: r.shape, children: t && /* @__PURE__ */ e(
           "img",
           {
-            src: e,
+            src: s,
             className: r.image,
-            alt: m || e,
+            alt: _ || s,
             onError: () => {
-              u(!0);
+              v(!0);
             }
           }
         ) }),
-        !t && /* @__PURE__ */ s("span", { className: r.label, children: p || k })
+        !t && /* @__PURE__ */ e("span", { className: r.label, children: g || S })
       ] })
     }
   );
 };
 export {
-  B as Avatar,
-  w as isAvatarProps
+  G as Avatar,
+  F as isAvatarProps
 };

package/dist/components/Button/ComboButton.js

@@ -1,68 +1,71 @@
-import { jsxs as k, jsx as o } from "react/jsx-runtime";
-import { c as v } from "../../index-L8X2o7IH.js";
+import { jsxs as v, jsx as o } from "react/jsx-runtime";
+import { c as B } from "../../index-L8X2o7IH.js";
 import "react";
 import { ButtonBase as s } from "./ButtonBase.js";
-import { ButtonLabel as x } from "./ButtonLabel.js";
-import { ButtonIcon as B } from "./ButtonIcon.js";
+import { ButtonLabel as h } from "./ButtonLabel.js";
+import { ButtonIcon as x } from "./ButtonIcon.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/ComboButton.css';const h = "_button_kd2d3_1", N = "_divider_kd2d3_7", C = "_primary_kd2d3_14", j = "_secondary_kd2d3_15", r = {
-  button: h,
-  divider: N,
-  primary: C,
-  secondary: j
-}, E = ({
-  variant: a = "solid",
-  color: n,
+import '../../assets/ComboButton.css';const N = "_button_kd2d3_1", C = "_divider_kd2d3_7", j = "_primary_kd2d3_14", L = "_secondary_kd2d3_15", r = {
+  button: N,
+  divider: C,
+  primary: j,
+  secondary: L
+}, F = ({
+  variant: n = "solid",
+  color: c,
   size: t,
   selected: e = !1,
-  icon: d,
-  iconSize: c,
-  iconAltText: m,
-  label: p,
-  labelSize: i,
-  children: l,
-  className: _,
-  ariaLabel: u,
-  onLabelClick: y,
-  onIconClick: b,
-  dataTestId: f
-}) => /* @__PURE__ */ k(
+  icon: i,
+  iconSize: m,
+  iconAltText: p,
+  label: l,
+  labelSize: d,
+  children: _,
+  className: u,
+  ariaLabel: y,
+  onLabelClick: b,
+  onIconClick: f,
+  dataTestId: k,
+  tabIndex: a = 0
+}) => /* @__PURE__ */ v(
   s,
   {
     as: "div",
     size: t,
-    variant: a,
-    color: n,
+    variant: n,
+    color: c,
     selected: e,
-    className: v(r.button, _),
+    className: B(r.button, u),
     tabIndex: -1,
     children: [
       /* @__PURE__ */ o(
         s,
         {
-          ariaLabel: u,
+          ariaLabel: y,
           size: t,
-          onClick: y,
+          onClick: b,
           className: r.primary,
-          dataTestId: f,
-          children: /* @__PURE__ */ o(x, { size: i, children: l || p })
+          dataTestId: k,
+          tabIndex: a,
+          children: /* @__PURE__ */ o(h, { size: d, children: _ || l })
         }
       ),
       /* @__PURE__ */ o("span", { "data-size": t, className: r.divider }),
       /* @__PURE__ */ o(
         s,
         {
-          onClick: b,
+          onClick: f,
           className: r.secondary,
-          ariaLabel: m,
-          size: c || i,
-          children: d && /* @__PURE__ */ o(B, { icon: d })
+          ariaLabel: p,
+          size: m || d,
+          tabIndex: a,
+          children: i && /* @__PURE__ */ o(x, { icon: i })
         }
       )
     ]
   }
 );
 export {
-  E as ComboButton
+  F as ComboButton
 };

package/dist/components/Dashboard/DashboardCard.js

@@ -1,41 +1,41 @@
 "use client";
 import { jsx as s, jsxs as d } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import { forwardRef as p, useRef as y, useEffect as B } from "react";
+import { forwardRef as p, useRef as g, useEffect as B } from "react";
 import "../RootProvider/RootProvider.js";
 import { Typography as R } from "../Typography/Typography.js";
-import { Heading as w } from "../Typography/Heading.js";
-import { MenuItemIcon as b } from "../Menu/MenuItemIcon.js";
+import { Heading as b } from "../Typography/Heading.js";
 import "../Snackbar/useSnackbar.js";
+import { DashboardIcon as w } from "./DashboardIcon.js";
 import { S as u } from "../../index-D8Pn8SCu.js";
 import { c as h } from "../../lite-1fxw3LjI.js";
 import { u as j } from "../../useMergeRefs-DOnoWyUH.js";
-const z = p(function({ asChild: c = !1, variant: r = "default", className: o, ...t }, a) {
-  const i = c ? u : "div", l = y(null), k = j([l, a]);
+const D = p(function({ asChild: a = !1, variant: r = "default", className: o, ...t }, i) {
+  const c = a ? u : "div", l = g(null), k = j([l, i]);
   return B(() => {
-    const e = l.current, f = ({ ctrlKey: v, metaKey: x, target: g }) => {
+    const e = l.current, f = ({ ctrlKey: v, metaKey: x, target: y }) => {
       const n = e == null ? void 0 : e.querySelector(":is(h1,h2,h3,h4,h5,h6) a");
-      !n || n != null && n.contains(g) || (v || x ? window.open(n.href, "", "noreferrer") : n.click());
+      !n || n != null && n.contains(y) || (v || x ? window.open(n.href, "", "noreferrer") : n.click());
     };
     return e == null || e.addEventListener("click", f), () => e == null ? void 0 : e.removeEventListener("click", f);
-  }, []), s(i, { className: h("ds-card", o), "data-variant": r, ref: k, ...t });
-}), E = p(function({ asChild: c, className: r, ...o }, t) {
-  return s(c ? u : "div", { className: h("ds-card__block", r), ref: t, ...o });
-}), C = Object.assign(z, {
+  }, []), s(c, { className: h("ds-card", o), "data-variant": r, ref: k, ...t });
+}), E = p(function({ asChild: a, className: r, ...o }, t) {
+  return s(a ? u : "div", { className: h("ds-card__block", r), ref: t, ...o });
+}), C = Object.assign(D, {
   Block: E
 });
 C.Block.displayName = "Card.Block";
 function T({
   color: m,
-  theme: c = "tinted",
+  theme: a = "tinted",
   icon: r,
   title: o,
   href: t,
-  children: a,
-  loading: i,
+  children: i,
+  loading: c,
   className: l
 }) {
-  return /* @__PURE__ */ d(C, { "data-color": m, variant: c, className: l, children: [
+  return /* @__PURE__ */ d(C, { "data-color": m, variant: a, className: l, children: [
     /* @__PURE__ */ d(
       "header",
       {
@@ -46,12 +46,12 @@ function T({
           rowGap: "1rem"
         },
         children: [
-          r && /* @__PURE__ */ s(b, { loading: i, icon: r, size: "lg", theme: "default" }),
-          /* @__PURE__ */ s(w, { size: "lg", loading: i, children: t ? /* @__PURE__ */ s("a", { href: t, children: o }) : o })
+          r && /* @__PURE__ */ s(w, { loading: c, icon: r, theme: "default" }),
+          /* @__PURE__ */ s(b, { size: "lg", loading: c, children: t ? /* @__PURE__ */ s("a", { href: t, children: o }) : o })
         ]
       }
     ),
-    /* @__PURE__ */ s(R, { size: "sm", loading: i, children: a })
+    /* @__PURE__ */ s(R, { size: "sm", loading: c, children: i })
   ] });
 }
 export {

package/dist/components/Dashboard/DashboardHeader.js

@@ -1,23 +1,23 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Avatar as a } from "../Avatar/Avatar.js";
+import { Skeleton as a } from "../Skeleton/Skeleton.js";
 import "../RootProvider/RootProvider.js";
-import { Typography as c } from "../Typography/Typography.js";
-import { Heading as d } from "../Typography/Heading.js";
-import { Skeleton as l } from "../Skeleton/Skeleton.js";
+import { Typography as n } from "../Typography/Typography.js";
+import { Heading as c } from "../Typography/Heading.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as s } from "../Page/Flex.js";
-import { Section as h } from "../Page/Section.js";
-const H = ({ type: o, name: t, title: m, description: n, loading: e, children: p }) => /* @__PURE__ */ i(h, { as: "header", theme: "default", padding: "page", spacing: 6, shadow: "xs", bleed: !0, children: [
-  /* @__PURE__ */ i(s, { direction: "row", align: "center", spacing: 3, children: [
-    /* @__PURE__ */ r("div", { style: { position: "relative" }, children: /* @__PURE__ */ r(a, { style: { fontSize: "2.75rem" }, type: o, name: t, loading: e }) }),
-    /* @__PURE__ */ i(s, { direction: "col", spacing: 0, children: [
-      /* @__PURE__ */ r(d, { size: "lg", loading: e, children: m || t }),
-      /* @__PURE__ */ r(c, { as: "section", variant: "subtle", size: "xs", loading: e, children: n || o })
+import { Flex as t } from "../Page/Flex.js";
+import { Section as d } from "../Page/Section.js";
+import { DashboardIcon as h } from "./DashboardIcon.js";
+const H = ({ icon: i, title: m, description: p, loading: r, children: s }) => /* @__PURE__ */ o(d, { as: "header", theme: "default", padding: "page", spacing: 6, shadow: "xs", bleed: !0, children: [
+  /* @__PURE__ */ o(t, { direction: "row", align: "center", spacing: 3, children: [
+    i && /* @__PURE__ */ e(h, { loading: r, icon: i }),
+    /* @__PURE__ */ o(t, { direction: "col", spacing: 0, children: [
+      /* @__PURE__ */ e(c, { size: "lg", loading: r, children: m }),
+      /* @__PURE__ */ e(n, { as: "section", variant: "subtle", size: "xs", loading: r, children: p })
     ] })
   ] }),
-  /* @__PURE__ */ r(l, { loading: e, children: p })
+  /* @__PURE__ */ e(a, { loading: r, children: s })
 ] });
 export {
   H as DashboardHeader

package/dist/components/Dashboard/DashboardIcon.js

@@ -1,25 +1,10 @@
-import { jsx as a, jsxs as i } from "react/jsx-runtime";
-import { isValidElement as n } from "react";
-import { Icon as s, isIconProps as u } from "../Icon/Icon.js";
+import { jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import { isAvatarProps as f, Avatar as g } from "../Avatar/Avatar.js";
-import { isAvatarGroupProps as l, AvatarGroup as d } from "../Avatar/AvatarGroup.js";
-import { Badge as b } from "../Badge/Badge.js";
+import "react";
 import "../RootProvider/RootProvider.js";
+import { MenuItemIcon as i } from "../Menu/MenuItemIcon.js";
 import "../Snackbar/useSnackbar.js";
-import { S as c } from "../../XMark-tKk6aExO.js";
-import '../../assets/DashboardIcon.css';const _ = "_icon_c8ubg_1", v = "_avatarGroup_c8ubg_32", G = "_badge_c8ubg_36", o = {
-  icon: _,
-  avatarGroup: v,
-  badge: G
-};
-function N(t) {
-  return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null || n(t);
-}
-const z = ({ loading: t, size: p, icon: r, theme: e, badge: m }) => r ? t ? /* @__PURE__ */ a(s, { className: o.icon, svgElement: c, loading: !0 }) : /* @__PURE__ */ i("div", { className: o.icon, "data-size": p, children: [
-  f(r) && /* @__PURE__ */ a(g, { ...r }) || l(r) && /* @__PURE__ */ a(d, { ...r, className: o.avatarGroup }) || u(r) && /* @__PURE__ */ a(s, { ...r, theme: (r == null ? void 0 : r.theme) || e }) || N(r) && r || /* @__PURE__ */ a(s, { theme: e, svgElement: r }),
-  m && /* @__PURE__ */ a(b, { ...m, className: o.badge })
-] }) : null;
+const a = ({ loading: o, icon: r, theme: t }) => /* @__PURE__ */ m(i, { icon: r, size: "lg", theme: t, loading: o });
 export {
-  z as DashboardIcon
+  a as DashboardIcon
 };

package/dist/components/Dropdown/DrawerOrDropdown.js

@@ -2,29 +2,30 @@ import { jsxs as p, Fragment as l, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { Backdrop as a } from "./Backdrop.js";
+import { Backdrop as d } from "./Backdrop.js";
 import { DrawerHeader as f } from "./DrawerHeader.js";
-import { DrawerFooter as D } from "./DrawerFooter.js";
-import { DrawerButton as _ } from "./DrawerButton.js";
-import { DrawerBody as d } from "./DrawerBody.js";
+import { DrawerFooter as h } from "./DrawerFooter.js";
+import { DrawerButton as D } from "./DrawerButton.js";
+import { DrawerBody as _ } from "./DrawerBody.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DrawerOrDropdown.css';const h = "_drawerOrDropdown_127yi_1", n = "_header_127yi_19", y = "_footer_127yi_20", e = {
-  drawerOrDropdown: h,
-  header: n,
-  footer: y
-}, H = ({
+import '../../assets/DrawerOrDropdown.css';const n = "_drawerOrDropdown_h06dg_1", O = "_header_h06dg_19", g = "_footer_h06dg_20", e = {
+  drawerOrDropdown: n,
+  header: O,
+  footer: g
+}, z = ({
   open: i = !1,
+  size: s = "auto",
   onClose: m,
   drawerButton: o,
   children: c,
-  drawerTitle: s
+  drawerTitle: a
 }) => /* @__PURE__ */ p(l, { children: [
-  i && /* @__PURE__ */ r(a, { onClick: m }),
-  /* @__PURE__ */ p("div", { className: e.drawerOrDropdown, "data-expanded": i, children: [
-    /* @__PURE__ */ r(f, { className: e.header, title: s, onClose: m }),
-    /* @__PURE__ */ r(d, { children: c }),
-    /* @__PURE__ */ r(D, { className: e.footer, children: o && /* @__PURE__ */ r(
-      _,
+  i && /* @__PURE__ */ r(d, { onClick: m }),
+  /* @__PURE__ */ p("div", { className: e.drawerOrDropdown, "data-expanded": i, "data-size": s, children: [
+    /* @__PURE__ */ r(f, { className: e.header, title: a, onClose: m }),
+    /* @__PURE__ */ r(_, { children: c }),
+    /* @__PURE__ */ r(h, { className: e.footer, children: o && /* @__PURE__ */ r(
+      D,
       {
         onClick: o == null ? void 0 : o.onClick,
         onFocus: o == null ? void 0 : o.onFocus,
@@ -35,5 +36,5 @@ import '../../assets/DrawerOrDropdown.css';const h = "_drawerOrDropdown_127yi_1"
   ] })
 ] });
 export {
-  H as DrawerOrDropdown
+  z as DrawerOrDropdown
 };

package/dist/components/Dropdown/DropdownBase.js

@@ -1,35 +1,37 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c } from "../../index-L8X2o7IH.js";
-import { useRef as l } from "react";
-import { useClickOutside as f } from "../../hooks/useClickOutside.js";
-import '../../assets/DropdownBase.css';const i = "_dropdown_1ixqr_1", u = {
-  dropdown: i
-}, y = ({
+import { jsx as c } from "react/jsx-runtime";
+import { c as l } from "../../index-L8X2o7IH.js";
+import { useRef as f } from "react";
+import { useClickOutside as i } from "../../hooks/useClickOutside.js";
+import '../../assets/DropdownBase.css';const u = "_dropdown_1tyzv_1", w = {
+  dropdown: u
+}, v = ({
   layout: t,
+  size: a = "auto",
   placement: d = "left",
-  padding: a = !0,
-  open: e = !1,
-  className: n,
-  children: r,
-  onClose: s,
-  as: p = "div"
+  padding: e = !0,
+  open: n = !1,
+  className: r,
+  children: s,
+  onClose: p,
+  as: m = "div"
 }) => {
-  const o = l(null);
-  return f(o, s), /* @__PURE__ */ m(
-    p,
+  const o = f(null);
+  return i(o, p), /* @__PURE__ */ c(
+    m,
     {
       ref: o,
-      className: c(u.dropdown, n),
+      className: l(w.dropdown, r),
       "data-layout": t,
       "data-theme": "default",
       "data-shadow": "md",
+      "data-size": a,
       "data-placement": d,
-      "data-padding": a,
-      "data-expanded": e,
-      children: r
+      "data-padding": e,
+      "data-expanded": n,
+      children: s
     }
   );
 };
 export {
-  y as DropdownBase
+  v as DropdownBase
 };

package/dist/components/GlobalMenu/CurrentAccount.js

@@ -2,25 +2,22 @@ import { jsx as p } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
+import { MenuItem as d } from "../Menu/MenuItem.js";
 import "../Snackbar/useSnackbar.js";
-import { MenuItem as t } from "../Menu/MenuItem.js";
-const h = ({ account: i, multipleAccounts: e, as: r, onClick: m }) => /* @__PURE__ */ p(
-  t,
+const x = ({ account: i, multipleAccounts: r, as: e, onClick: m }) => /* @__PURE__ */ p(
+  d,
   {
     id: "account",
     size: "lg",
-    interactive: !!e,
-    as: e ? r : "div",
+    interactive: !!r,
+    as: r ? e : "div",
     onClick: m,
-    linkIcon: e,
-    icon: {
-      name: i.name,
-      type: i.type
-    },
+    linkIcon: r,
+    icon: i == null ? void 0 : i.icon,
     title: { children: i == null ? void 0 : i.name, size: "sm", weight: "medium" },
     description: i == null ? void 0 : i.description
   }
 );
 export {
-  h as CurrentAccount
+  x as CurrentAccount
 };