@altinn/altinn-components 0.56.18 → 0.56.20

package/dist/components/Dialog/DialogStatus.js

@@ -1,47 +1,47 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
-import a, { forwardRef as p } from "react";
+import a, { forwardRef as f } from "react";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
 import { MetaItem as c } from "../Metadata/MetaItem.js";
 import { MetaProgress as d } from "../Metadata/MetaProgress.js";
 import "../Snackbar/useSnackbar.js";
-import { u as f } from "../../useId-BVFxCjkq.js";
-var s = function(e, n) {
-  var r = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (r[t] = e[t]);
+import { u as p } from "../../useId-BVFxCjkq.js";
+var s = function(e, i) {
+  var t = {};
+  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && i.indexOf(r) < 0 && (t[r] = e[r]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var i = 0, t = Object.getOwnPropertySymbols(e); i < t.length; i++)
-      n.indexOf(t[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[i]) && (r[t[i]] = e[t[i]]);
-  return r;
+    for (var n = 0, r = Object.getOwnPropertySymbols(e); n < r.length; n++)
+      i.indexOf(r[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[n]) && (t[r[n]] = e[r[n]]);
+  return t;
 };
-const m = p((e, n) => {
-  var { title: r, titleId: t } = e, i = s(e, ["title", "titleId"]);
-  let l = f();
-  return l = r ? t || "title-" + l : void 0, a.createElement(
+const m = f((e, i) => {
+  var { title: t, titleId: r } = e, n = s(e, ["title", "titleId"]);
+  let l = p();
+  return l = t ? r || "title-" + l : 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: n, "aria-labelledby": l }, i),
-    r ? a.createElement("title", { id: l }, r) : null,
+    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: i, "aria-labelledby": l }, n),
+    t ? a.createElement("title", { id: l }, t) : null,
     a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 3.25a.75.75 0 0 0 0 1.5h.315c.109 1.966.642 3.846 1.546 5.302.502.81 1.116 1.479 1.81 1.948-.694.47-1.308 1.138-1.81 1.948-.904 1.456-1.437 3.336-1.546 5.302H6a.75.75 0 0 0 0 1.5h12a.75.75 0 0 0 0-1.5h-.298c-.109-1.966-.643-3.846-1.546-5.302-.503-.81-1.116-1.479-1.81-1.948.694-.47 1.307-1.138 1.81-1.948.904-1.456 1.437-3.336 1.546-5.302H18a.75.75 0 0 0 0-1.5zm6.008 8c.972 0 2.027-.624 2.873-1.989.738-1.189 1.211-2.785 1.318-4.511H7.818c.107 1.726.58 3.322 1.318 4.511.846 1.365 1.901 1.989 2.872 1.989m0 1.5c-.971 0-2.026.624-2.872 1.989-.738 1.189-1.211 2.784-1.318 4.511h8.381c-.107-1.727-.58-3.322-1.318-4.511-.846-1.365-1.901-1.989-2.873-1.989", clipRule: "evenodd" })
   );
 });
 var u = /* @__PURE__ */ ((e) => (e["not-applicable"] = "NOT_APPLICABLE", e.draft = "DRAFT", e.awaiting = "AWAITING", e.completed = "COMPLETED", e["in-progress"] = "IN_PROGRESS", e["requires-attention"] = "REQUIRES_ATTENTION", e))(u || {});
-const P = ({ loading: e, size: n = "xs", value: r = "not-applicable", label: t }) => {
+const P = ({ loading: e, size: i = "xs", value: t = "not-applicable", label: r, tooltip: n }) => {
   if (e)
     return null;
-  switch (r) {
+  switch (t) {
     case "draft":
-      return /* @__PURE__ */ o(c, { size: n, variant: "dotted", children: t || r });
+      return /* @__PURE__ */ o(c, { tooltip: n, size: i, variant: "dotted", children: r || t });
     case "requires-attention":
-      return /* @__PURE__ */ o(c, { variant: "solid", children: t || r });
+      return /* @__PURE__ */ o(c, { tooltip: n, variant: "solid", children: r || t });
     case "awaiting":
-      return /* @__PURE__ */ o(c, { size: n, variant: "outline", icon: m, children: t || r });
+      return /* @__PURE__ */ o(c, { tooltip: n, size: i, variant: "outline", icon: m, children: r || t });
     case "in-progress":
-      return /* @__PURE__ */ o(d, { size: n, variant: "outline", progress: 75, children: t || r });
+      return /* @__PURE__ */ o(d, { tooltip: n, size: i, variant: "outline", progress: 75, children: r || t });
     case "completed":
-      return /* @__PURE__ */ o(d, { size: n, variant: "outline", progress: 100, children: t || r });
+      return /* @__PURE__ */ o(d, { tooltip: n, size: i, variant: "outline", progress: 100, children: r || t });
     default:
       return null;
   }

package/dist/components/Layout/Layout.js

@@ -2,8 +2,8 @@
 import { jsxs as m, jsx as t } from "react/jsx-runtime";
 import { LayoutBase as d } from "./LayoutBase.js";
 import { LayoutGrid as a } from "./LayoutGrid.js";
-import { LayoutBody as s } from "./LayoutBody.js";
-import { LayoutContent as h } from "./LayoutContent.js";
+import { LayoutBody as h } from "./LayoutBody.js";
+import { LayoutContent as s } from "./LayoutContent.js";
 import { LayoutSidebar as L } from "./LayoutSidebar.js";
 import { Breadcrumbs as x } from "../Breadcrumbs/Breadcrumbs.js";
 import "../../index-p1eeF8LQ.js";
@@ -34,8 +34,8 @@ const Q = ({
     n && /* @__PURE__ */ t(G, { ...n }),
     i && (y ? /* @__PURE__ */ t(j, { ...i }) : /* @__PURE__ */ t(F, { ...i })),
     /* @__PURE__ */ m(a, { currentId: r, children: [
-      c && /* @__PURE__ */ t(x, { items: c }),
-      /* @__PURE__ */ m(s, { currentId: r, children: [
+      c && /* @__PURE__ */ t(x, { ...c }),
+      /* @__PURE__ */ m(h, { currentId: r, children: [
         o && /* @__PURE__ */ m(
           L,
           {
@@ -49,7 +49,7 @@ const Q = ({
             ]
           }
         ),
-        /* @__PURE__ */ t(h, { color: u?.color, id: "main-content", children: f })
+        /* @__PURE__ */ t(s, { color: u?.color, id: "main-content", children: f })
       ] })
     ] }),
     e && /* @__PURE__ */ t(B, { ...e })

package/dist/components/Menu/MenuItem.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as m, jsx as n, Fragment as z } from "react/jsx-runtime";
+import { jsxs as s, jsx as n, Fragment as z } from "react/jsx-runtime";
 import { c as A } from "../../index-p1eeF8LQ.js";
 import { Badge as C } from "../Badge/Badge.js";
 import { Icon as V } from "../Icon/Icon.js";
@@ -15,57 +15,57 @@ import { pickAriaProps as Y } from "./aria.js";
 import { S as Z } from "../../Checkmark-Byz_C9x4.js";
 import { u as $ } from "../../useId-BVFxCjkq.js";
 import { S as T } from "../../ChevronRight-ANFWmIs1.js";
-import '../../assets/MenuItem.css';var W = function(t, o) {
+import '../../assets/MenuItem.css';var W = function(t, l) {
   var a = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (a[e] = t[e]);
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && l.indexOf(e) < 0 && (a[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]) && (a[e[r]] = t[e[r]]);
+      l.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (a[e[r]] = t[e[r]]);
   return a;
 };
-const tt = X((t, o) => {
+const tt = X((t, l) => {
   var { title: a, titleId: e } = t, r = W(t, ["title", "titleId"]);
-  let l = $();
-  return l = a ? e || "title-" + l : void 0, h.createElement(
+  let o = $();
+  return o = a ? e || "title-" + o : void 0, h.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": l }, r),
-    a ? h.createElement("title", { id: l }, a) : null,
+    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: l, "aria-labelledby": o }, r),
+    a ? h.createElement("title", { id: o }, a) : null,
     h.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.75 12a.75.75 0 0 1 .75-.75h13a.75.75 0 1 1 0 1.5h-13a.75.75 0 0 1-.75-.75", clipRule: "evenodd" })
   );
-}), et = "_item_uhbxn_3", at = "_media_uhbxn_129", it = "_label_uhbxn_150", rt = "_title_uhbxn_165", nt = "_description_uhbxn_169", lt = "_count_uhbxn_181", ot = "_linkIcon_uhbxn_189", i = {
+}), et = "_item_1ud33_3", at = "_media_1ud33_130", it = "_label_1ud33_151", rt = "_title_1ud33_166", nt = "_description_1ud33_170", ot = "_count_1ud33_182", lt = "_linkIcon_1ud33_190", i = {
   item: et,
   media: at,
   label: it,
   title: rt,
   description: nt,
-  count: lt,
-  linkIcon: ot
-}, Nt = ({
+  count: ot,
+  linkIcon: lt
+}, Ot = ({
   id: t,
-  groupId: o,
+  groupId: l,
   role: a = "menuItem",
   as: e,
   href: r,
-  onClick: l,
+  onClick: o,
   onChange: v,
   onKeyPress: y,
-  onMouseEnter: x,
-  size: I = "sm",
-  variant: g,
-  color: w,
+  onMouseEnter: I,
+  size: g = "sm",
+  variant: w,
+  color: N,
   name: D,
   value: G,
-  checked: s,
-  icon: b,
-  label: _,
+  checked: c,
+  icon: _,
+  label: b,
   badge: d,
-  controls: N,
+  controls: O,
   title: p,
-  description: O,
+  description: x,
   highlightWords: P,
   count: u,
   linkIcon: j = !1,
-  disabled: c,
+  disabled: m,
   selected: S,
   active: E,
   tabIndex: k = 0,
@@ -73,33 +73,33 @@ const tt = X((t, o) => {
   "data-testid": B,
   ...H
 }) => {
-  const L = typeof _ == "function" ? _() : _, M = Y(H);
+  const L = typeof b == "function" ? b() : b, M = Y(H);
   if (a === "checkbox" || a === "radio") {
-    const f = b || (s ? Z : tt);
-    return /* @__PURE__ */ m(
+    const f = _ || (c ? Z : tt);
+    return /* @__PURE__ */ s(
       "label",
       {
         ...M,
         className: A(i.item, R),
         id: t,
         "data-id": t,
-        "data-group-id": o,
-        "data-size": I,
-        "data-variant": g,
-        "data-color": w,
+        "data-group-id": l,
+        "data-size": g,
+        "data-variant": w,
+        "data-color": N,
         "data-active": E,
         role: a,
-        "aria-disabled": c,
-        "aria-checked": s,
-        "aria-selected": s,
-        "data-selected": s,
+        "aria-disabled": m,
+        "aria-checked": c,
+        "aria-selected": c,
+        "data-selected": c,
         "aria-label": p,
         "data-testid": B,
         onKeyUp: (U) => {
-          c || (U.key === "Enter" && l?.(), y?.(U));
+          m || (U.key === "Enter" && o?.(), y?.(U));
         },
-        onClick: l,
-        onMouseEnter: x,
+        onClick: o,
+        onMouseEnter: I,
         tabIndex: k,
         children: [
           /* @__PURE__ */ n(
@@ -108,7 +108,7 @@ const tt = X((t, o) => {
               name: D,
               value: G,
               type: a,
-              checked: !!s,
+              checked: !!c,
               onChange: v,
               readOnly: !v,
               style: { opacity: 0, position: "absolute" },
@@ -121,7 +121,7 @@ const tt = X((t, o) => {
             {
               className: i.label,
               highlightWords: P,
-              title: /* @__PURE__ */ m(z, { children: [
+              title: /* @__PURE__ */ s(z, { children: [
                 p,
                 " ",
                 u && /* @__PURE__ */ n("i", { className: i.count, children: u })
@@ -130,7 +130,7 @@ const tt = X((t, o) => {
                 weight: "medium",
                 className: i.title
               },
-              description: O,
+              description: x,
               descriptionProps: {
                 weight: "normal",
                 variant: "subtle",
@@ -139,48 +139,48 @@ const tt = X((t, o) => {
               children: L
             }
           ),
-          /* @__PURE__ */ m(q, { children: [
+          /* @__PURE__ */ s(q, { children: [
             d && /* @__PURE__ */ n(C, { ...d }),
-            N
+            !m && O
           ] })
         ]
       }
     );
   }
   const J = e || (r ? "a" : "button"), Q = j && T;
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ s(
     J,
     {
       href: r,
       className: A(i.item, R),
       id: t,
       "data-id": t,
-      "data-group-id": o,
-      "data-size": I,
-      "data-variant": g,
-      "data-color": w,
+      "data-group-id": l,
+      "data-size": g,
+      "data-variant": w,
+      "data-color": N,
       "data-active": E,
-      "aria-disabled": c,
+      "aria-disabled": m,
       "aria-selected": S,
       "data-selected": S,
       "aria-label": p,
       "data-testid": B,
       onKeyUp: (f) => {
-        c || (f.key === "Enter" && l?.(), y?.(f));
+        m || (f.key === "Enter" && o?.(), y?.(f));
       },
-      onClick: l,
-      onMouseEnter: x,
-      tabIndex: c ? -1 : k ?? 0,
+      onClick: o,
+      onMouseEnter: I,
+      tabIndex: m ? -1 : k ?? 0,
       role: a === "menuItem" ? "menuitem" : a,
       ...M,
       children: [
-        b && /* @__PURE__ */ n(F, { icon: b, className: i.media }),
+        _ && /* @__PURE__ */ n(F, { icon: _, className: i.media }),
         /* @__PURE__ */ n(
           K,
           {
             className: i.label,
             highlightWords: P,
-            title: /* @__PURE__ */ m(z, { children: [
+            title: /* @__PURE__ */ s(z, { children: [
               p,
               " ",
               u && /* @__PURE__ */ n("i", { className: i.count, children: u })
@@ -189,7 +189,7 @@ const tt = X((t, o) => {
               weight: "medium",
               className: i.title
             },
-            description: O,
+            description: x,
             descriptionProps: {
               variant: "subtle",
               className: i.description
@@ -197,9 +197,9 @@ const tt = X((t, o) => {
             children: L
           }
         ),
-        /* @__PURE__ */ m(q, { children: [
+        /* @__PURE__ */ s(q, { children: [
           d && /* @__PURE__ */ n(C, { ...d }),
-          N,
+          !m && O,
           j && /* @__PURE__ */ n(V, { svgElement: Q, className: i.linkIcon })
         ] })
       ]
@@ -207,5 +207,5 @@ const tt = X((t, o) => {
   );
 };
 export {
-  Nt as MenuItem
+  Ot as MenuItem
 };

package/dist/components/Metadata/MetaItem.js

@@ -1,25 +1,30 @@
-import { jsxs as x, jsx as e } from "react/jsx-runtime";
+import { jsx as t, jsxs as M } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { MetaItemBase as I } from "./MetaItemBase.js";
-import { MetaItemIcon as f } from "./MetaItemIcon.js";
-import { MetaItemLabel as M } from "./MetaItemLabel.js";
+import { Tooltip as i } from "../Tooltip/Tooltip.js";
+import { MetaItemBase as c } from "./MetaItemBase.js";
+import { MetaItemIcon as b } from "./MetaItemIcon.js";
+import { MetaItemLabel as h } from "./MetaItemLabel.js";
 import "../Snackbar/useSnackbar.js";
-const d = ({
-  loading: t,
-  reverse: p,
-  size: m = "xs",
-  variant: r = "text",
-  icon: o,
-  children: i,
-  ...s
-}) => /* @__PURE__ */ x(I, { loading: t, reverse: p, variant: r, size: m, ...s, children: [
-  !t && o && /* @__PURE__ */ e(f, { icon: o }),
-  /* @__PURE__ */ e(M, { variant: r, size: m, children: i })
+const y = ({
+  loading: m,
+  reverse: e,
+  size: r = "xs",
+  variant: o = "text",
+  icon: p,
+  children: f,
+  tooltip: x,
+  ...I
+}) => x ? /* @__PURE__ */ t(i, { placement: "bottom", content: x, children: /* @__PURE__ */ M(c, { loading: m, reverse: e, variant: o, size: r, ...I, children: [
+  !m && p && /* @__PURE__ */ t(b, { icon: p }),
+  /* @__PURE__ */ t(h, { variant: o, size: r, children: f })
+] }) }) : /* @__PURE__ */ M(c, { loading: m, reverse: e, variant: o, size: r, ...I, children: [
+  !m && p && /* @__PURE__ */ t(b, { icon: p }),
+  /* @__PURE__ */ t(h, { variant: o, size: r, children: f })
 ] });
 export {
-  d as MetaItem
+  y as MetaItem
 };

package/dist/components/Metadata/MetaProgress.js

@@ -1,17 +1,21 @@
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { MetaItemBase as i } from "./MetaItemBase.js";
-import { MetaItemIcon as s } from "./MetaItemIcon.js";
-import { MetaItemLabel as x } from "./MetaItemLabel.js";
+import { Tooltip as x } from "../Tooltip/Tooltip.js";
+import { MetaItemBase as f } from "./MetaItemBase.js";
+import { MetaItemIcon as i } from "./MetaItemIcon.js";
+import { MetaItemLabel as n } from "./MetaItemLabel.js";
 import "../Snackbar/useSnackbar.js";
-const g = ({ size: t = "xs", variant: r = "text", progress: m = 0, children: e }) => /* @__PURE__ */ p(i, { variant: r, size: t, children: [
-  /* @__PURE__ */ o(s, { size: t, progress: m }),
-  /* @__PURE__ */ o(x, { variant: r, size: t, children: e })
+const L = ({ size: t = "xs", variant: m = "text", progress: r = 0, tooltip: e, children: p }) => e ? /* @__PURE__ */ o(x, { placement: "bottom", content: e, children: /* @__PURE__ */ c(f, { variant: m, size: t, children: [
+  /* @__PURE__ */ o(i, { size: t, progress: r }),
+  /* @__PURE__ */ o(n, { variant: m, size: t, children: p })
+] }) }) : /* @__PURE__ */ c(f, { variant: m, size: t, children: [
+  /* @__PURE__ */ o(i, { size: t, progress: r }),
+  /* @__PURE__ */ o(n, { variant: m, size: t, children: p })
 ] });
 export {
-  g as MetaProgress
+  L as MetaProgress
 };

package/dist/components/Metadata/MetaTimestamp.js

@@ -1,24 +1,29 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { jsx as m, jsxs as s } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { MetaItemBase as a } from "./MetaItemBase.js";
-import { MetaItemIcon as x } from "./MetaItemIcon.js";
-import { MetaItemLabel as f } from "./MetaItemLabel.js";
+import { Tooltip as b } from "../Tooltip/Tooltip.js";
+import { MetaItemBase as I } from "./MetaItemBase.js";
+import { MetaItemIcon as M } from "./MetaItemIcon.js";
+import { MetaItemLabel as c } from "./MetaItemLabel.js";
 import "../Snackbar/useSnackbar.js";
-const L = ({
-  loading: m,
+const q = ({
+  loading: r,
   size: t = "xs",
-  variant: r = "text",
+  variant: o = "text",
   datetime: p,
-  icon: o,
-  children: i
-}) => /* @__PURE__ */ s(a, { loading: m, as: "time", variant: r, datetime: p, size: t, children: [
-  !m && o && /* @__PURE__ */ e(x, { size: t, icon: o }),
-  /* @__PURE__ */ e(f, { variant: r, size: t, children: i })
+  icon: e,
+  tooltip: f,
+  children: x
+}) => f ? /* @__PURE__ */ m(b, { placement: "bottom", content: f, children: /* @__PURE__ */ s(I, { loading: r, as: "time", variant: o, datetime: p, size: t, children: [
+  !r && e && /* @__PURE__ */ m(M, { size: t, icon: e }),
+  /* @__PURE__ */ m(c, { variant: o, size: t, children: x })
+] }) }) : /* @__PURE__ */ s(I, { loading: r, as: "time", variant: o, datetime: p, size: t, children: [
+  !r && e && /* @__PURE__ */ m(M, { size: t, icon: e }),
+  /* @__PURE__ */ m(c, { variant: o, size: t, children: x })
 ] });
 export {
-  L as MetaTimestamp
+  q as MetaTimestamp
 };

package/dist/components/Tooltip/Tooltip.js

@@ -95,7 +95,7 @@ import '../../assets/Tooltip.css';const H = U(function({ id: s, children: e, con
   }
 }, V = "_tooltip_10ebf_1", Z = {
   tooltip: V
-}, le = ({ size: r = "xs", placement: s, children: e, content: n, hidden: t }) => /* @__PURE__ */ w(H, { "aria-hidden": t, "data-size": r, content: n, placement: s, className: Z.tooltip, children: e });
+}, le = ({ size: r = "xs", placement: s, children: e, content: n, hidden: t }) => n ? /* @__PURE__ */ w(H, { "aria-hidden": t, "data-size": r, content: n, placement: s, className: Z.tooltip, children: e }) : e;
 export {
   le as Tooltip
 };

package/dist/types/lib/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,5 +1,7 @@
 import { BreadcrumbsLinkProps } from '../';
 export interface BreadcrumbsProps {
+    ariaLabel?: string;
+    className?: string;
     items?: BreadcrumbsLinkProps[];
 }
-export declare const Breadcrumbs: ({ items }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Breadcrumbs: ({ ariaLabel, className, items }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Breadcrumbs/Breadcrumbs.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ items }: import('./Breadcrumbs').BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ ariaLabel, className, items }: import('./Breadcrumbs').BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/dist/types/lib/components/Dialog/DialogHeader.d.ts

@@ -25,4 +25,4 @@ export interface DialogHeaderProps extends DialogMetadataProps {
     /** Due date label */
     dueAtLabel?: string;
 }
-export declare const DialogHeader: ({ loading, title, badge, status, extendedStatusLabel, draftsLabel, sentCount, receivedCount, updatedAt, updatedAtLabel, attachmentsCount, dueAt, dueAtLabel, activityLog, }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogHeader: ({ loading, title, badge, status, extendedStatusLabel, draftsLabel, sentCount, receivedCount, updatedAt, updatedAtLabel, attachmentsCount, dueAt, dueAtLabel, activityLog, tooltips, }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dialog/DialogHeader.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ loading, title, badge, status, extendedStatusLabel, draftsLabel, sentCount, receivedCount, updatedAt, updatedAtLabel, attachmentsCount, dueAt, dueAtLabel, activityLog, }: import('./DialogHeader').DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ loading, title, badge, status, extendedStatusLabel, draftsLabel, sentCount, receivedCount, updatedAt, updatedAtLabel, attachmentsCount, dueAt, dueAtLabel, activityLog, tooltips, }: import('./DialogHeader').DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -20,4 +20,6 @@ export declare const Default: Story;
 export declare const InProgress: Story;
 export declare const Completed: Story;
 export declare const Loading: Story;
+export declare const WithBadge: Story;
 export declare const WithExtendedStatus: Story;
+export declare const WithTooltips: Story;

package/dist/types/lib/components/Dialog/DialogListItem.d.ts

@@ -53,4 +53,4 @@ export interface DialogListItemProps extends ListItemProps, DialogMetadataProps
  * summary, sender, and receiver.
  * to mark the item as checked/unchecked and can visually indicate if it is unread.
  */
-export declare const DialogListItem: ({ size, state, loading, controls, select, selected, status, extendedStatusLabel, sender, recipient, recipientLabel, grouped, updatedAt, updatedAtLabel, archived, archivedAt, archivedAtLabel, trashed, trashedAt, trashedAtLabel, badge, dueAt, dueAtLabel, unread, seenByLog, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, title, description, summary, highlightWords, variant, id, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogListItem: ({ size, state, loading, controls, select, selected, status, extendedStatusLabel, sender, recipient, recipientLabel, grouped, updatedAt, updatedAtLabel, archived, archivedAt, archivedAtLabel, trashed, trashedAt, trashedAtLabel, badge, dueAt, dueAtLabel, unread, seenByLog, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, tooltips, title, description, summary, highlightWords, variant, id, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dialog/DialogMetadata.d.ts

@@ -3,6 +3,7 @@ interface DialogMetadataButtonProps {
     label: string;
     onClick?: () => void;
 }
+export type DialogMetadataTooltips = Record<string, string>;
 export type DialogMetadataProps = {
     className?: string;
     /** Metadata is loading */
@@ -47,9 +48,11 @@ export type DialogMetadataProps = {
     transmissionsLabel?: string;
     /** Activity Log */
     activityLog?: DialogMetadataButtonProps;
+    /** Tooltips */
+    tooltips?: DialogMetadataTooltips;
 };
 /**
  * Metadata for a dialog in list view.
  */
-export declare const DialogMetadata: ({ className, loading, status, sender, updatedAt, updatedAtLabel, dueAt, dueAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, transmissionsLabel, activityLog, extendedStatusLabel, }: DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogMetadata: ({ className, loading, status, sender, updatedAt, updatedAtLabel, dueAt, dueAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, transmissionsLabel, activityLog, extendedStatusLabel, tooltips, }: DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/lib/components/Dialog/DialogMetadata.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ className, loading, status, sender, updatedAt, updatedAtLabel, dueAt, dueAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, transmissionsLabel, activityLog, extendedStatusLabel, }: import('./DialogMetadata').DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ className, loading, status, sender, updatedAt, updatedAtLabel, dueAt, dueAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, transmissionsLabel, activityLog, extendedStatusLabel, tooltips, }: import('./DialogMetadata').DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -19,3 +19,4 @@ export declare const NotApplicable: Story;
 export declare const Transmissions: Story;
 export declare const ActivityLog: Story;
 export declare const WithExtendedStatus: Story;
+export declare const WithTooltips: Story;

package/dist/types/lib/components/Dialog/DialogStatus.d.ts

@@ -18,9 +18,10 @@ export interface DialogStatusProps {
     loading?: boolean;
     size?: MetaItemSize;
     value?: DialogStatusValue;
+    tooltip?: string;
     label?: string;
 }
 /**
  * Dialog status.
  */
-export declare const DialogStatus: ({ loading, size, value, label }: DialogStatusProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DialogStatus: ({ loading, size, value, label, tooltip }: DialogStatusProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/lib/components/Dialog/DialogStatus.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ loading, size, value, label }: import('./DialogStatus').DialogStatusProps) => import("react/jsx-runtime").JSX.Element | null;
+    component: ({ loading, size, value, label, tooltip }: import('./DialogStatus').DialogStatusProps) => import("react/jsx-runtime").JSX.Element | null;
     tags: string[];
     parameters: {};
     argTypes: {

package/dist/types/lib/components/Layout/Layout.d.ts

@@ -23,7 +23,7 @@ export interface LayoutProps {
     children?: ReactNode;
     skipLink?: SkipLinkProps;
     useGlobalHeader?: boolean;
-    breadcrumbs?: BreadcrumbsProps['items'];
+    breadcrumbs?: BreadcrumbsProps;
 }
 export declare const Layout: ({ color, theme, header, footer, sidebar, content, children, skipLink, breadcrumbs, useGlobalHeader, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/lib/components/Metadata/MetaItem.d.ts

@@ -13,9 +13,11 @@ export interface MetaItemProps {
     icon?: MetaItemIconProps['icon'];
     /** Label */
     children?: ReactNode;
+    /** Tooltip */
+    tooltip?: string;
     /** classname */
     className?: string;
     /** OnClick handler */
     onClick?: () => void;
 }
-export declare const MetaItem: ({ loading, reverse, size, variant, icon, children, ...rest }: MetaItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetaItem: ({ loading, reverse, size, variant, icon, children, tooltip, ...rest }: MetaItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Metadata/MetaItem.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ loading, reverse, size, variant, icon, children, ...rest }: import('./MetaItem').MetaItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ loading, reverse, size, variant, icon, children, tooltip, ...rest }: import('./MetaItem').MetaItemProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;