@altinn/altinn-components 0.24.7 → 0.25.0

package/dist/components/Meta/MetaItemBase.js

@@ -1,34 +1,34 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as _ } from "../../index-L8X2o7IH.js";
+import { c as f } from "../../index-L8X2o7IH.js";
 import { Skeleton as l } from "../Skeleton/Skeleton.js";
-import '../../assets/MetaItemBase.css';const x = "_item_1qvb3_1", f = "_reverse_1qvb3_27", t = {
-  item: x,
-  reverse: f
-}, h = ({
+import '../../assets/MetaItemBase.css';const v = "_item_ns9fn_1", x = "_reverse_ns9fn_27", t = {
+  item: v,
+  reverse: x
+}, k = ({
   as: r,
-  loading: o,
-  reverse: s,
-  variant: a = "text",
-  size: m,
-  color: n,
+  loading: s,
+  reverse: o,
+  variant: n = "text",
+  size: a,
+  color: m,
   progress: i,
   datetime: c,
   className: p,
-  children: v,
-  ...d
+  children: d,
+  ..._
 }) => /* @__PURE__ */ e(
   r || "span",
   {
-    "data-size": m,
-    "data-color": n,
-    "data-variant": a,
+    "data-size": a,
+    "data-color": m,
+    "data-variant": n,
     "data-progress": i,
     dateTime: c,
-    className: _(t.item, { [t.reverse]: s }, p),
-    ...d,
-    children: /* @__PURE__ */ e(l, { loading: o, children: v })
+    className: f(t.item, { [t.reverse]: o }, p),
+    ..._,
+    children: /* @__PURE__ */ e(l, { loading: s, children: d })
   }
 );
 export {
-  h as MetaItemBase
+  k as MetaItemBase
 };

package/dist/components/Meta/Metadata.js

@@ -0,0 +1,24 @@
+import { jsx as t } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import { MetaItem as n } from "./MetaItem.js";
+import { MetaProgress as p } from "./MetaProgress.js";
+import { MetaTimestamp as a } from "./MetaTimestamp.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Flex as c } from "../Page/Flex.js";
+const s = ({ type: e = "default", label: r, ...i }) => {
+  switch (e) {
+    case "progress":
+      return /* @__PURE__ */ t(p, { ...i, children: r });
+    case "timestamp":
+      return /* @__PURE__ */ t(a, { ...i, children: r });
+    default:
+      return /* @__PURE__ */ t(n, { ...i, children: r });
+  }
+}, F = ({ variant: e = "inline", size: r, items: i = [] }) => /* @__PURE__ */ t(c, { as: "ul", direction: e === "list" ? "col" : "row", spacing: 2, children: i.map((o, m) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(s, { ...o, size: r }) }, "meta-" + m)) });
+export {
+  s as MetaListItem,
+  F as Metadata
+};

package/dist/components/Meta/index.js

@@ -1,19 +1,19 @@
 import { MetaBase as r } from "./MetaBase.js";
-import { MetaList as m, MetaListItem as a } from "./MetaList.js";
-import { MetaItemBase as p } from "./MetaItemBase.js";
-import { MetaItemMedia as x } from "./MetaItemMedia.js";
-import { MetaItemLabel as I } from "./MetaItemLabel.js";
-import { MetaItem as L } from "./MetaItem.js";
-import { MetaProgress as b } from "./MetaProgress.js";
-import { MetaTimestamp as g } from "./MetaTimestamp.js";
+import { MetaItemBase as a } from "./MetaItemBase.js";
+import { MetaItemMedia as M } from "./MetaItemMedia.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 B } from "./MetaTimestamp.js";
+import { MetaListItem as b, Metadata as g } from "./Metadata.js";
 export {
   r as MetaBase,
-  L as MetaItem,
-  p as MetaItemBase,
-  I as MetaItemLabel,
-  x as MetaItemMedia,
-  m as MetaList,
-  a as MetaListItem,
-  b as MetaProgress,
-  g as MetaTimestamp
+  s as MetaItem,
+  a as MetaItemBase,
+  f as MetaItemLabel,
+  M as MetaItemMedia,
+  b as MetaListItem,
+  i as MetaProgress,
+  B as MetaTimestamp,
+  g as Metadata
 };

package/dist/components/Page/AccordionSection.js

@@ -0,0 +1,16 @@
+import { jsx as o } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import { Typography as n } from "../Typography/Typography.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { PageDetails as c } from "./PageDetails.js";
+import { Section as e } from "./Section.js";
+const S = ({ items: r }) => /* @__PURE__ */ o(e, { children: r == null ? void 0 : r.map((t) => {
+  const { id: i, title: p, children: m } = t;
+  return /* @__PURE__ */ o(c, { summary: p, children: /* @__PURE__ */ o(n, { children: m }) }, i);
+}) });
+export {
+  S as AccordionSection
+};

package/dist/components/Page/ArticleHeader.js

@@ -0,0 +1,16 @@
+import { jsxs as m, jsx as i } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import { Byline as t } from "../Byline/Byline.js";
+import "../RootProvider/RootProvider.js";
+import { Heading as e } from "../Typography/Heading.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Section as p } from "./Section.js";
+const g = ({ title: o, byline: r }) => /* @__PURE__ */ m(p, { as: "header", spacing: 2, children: [
+  /* @__PURE__ */ i(e, { size: "xl", children: o }),
+  r && /* @__PURE__ */ i(t, { ...r, size: "md" })
+] });
+export {
+  g as ArticleHeader
+};

package/dist/components/Page/ContactButtons.js

@@ -0,0 +1,12 @@
+import { jsx as m } from "react/jsx-runtime";
+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 "../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 })) });
+export {
+  B as ContactButtons
+};

package/dist/components/Page/ContactSection.js

@@ -1,39 +1,38 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { createElement as s } from "react";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import { Button as f } from "../Button/Button.js";
+import "react";
 import "../RootProvider/RootProvider.js";
-import { Typography as g } from "../Typography/Typography.js";
-import { Heading as h } from "../Typography/Heading.js";
+import { Typography as a } from "../Typography/Typography.js";
+import { Heading as s } from "../Typography/Heading.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as x } from "./Flex.js";
-import { Section as u } from "./Section.js";
-const T = ({
-  variant: o = "inline",
+import { Section as g } from "./Section.js";
+import { ContactButtons as h } from "./ContactButtons.js";
+const B = ({
+  variant: r = "inline",
   theme: t,
-  color: e,
-  typographyProps: p,
+  color: p,
+  typographyProps: c,
   title: i,
   description: m,
-  children: c,
+  children: e,
   items: n
-}) => /* @__PURE__ */ l(
-  u,
+}) => /* @__PURE__ */ d(
+  g,
   {
     direction: "col",
     theme: t,
-    color: e,
-    padding: o === "card" ? "page" : 0,
-    shadow: o === "card" ? "xs" : "none",
+    color: p,
+    padding: r === "card" ? "page" : 0,
+    shadow: r === "card" ? "xs" : "none",
     spacing: 4,
     children: [
-      i && /* @__PURE__ */ r(h, { size: "lg", children: i }),
-      /* @__PURE__ */ r(g, { ...p, children: c || /* @__PURE__ */ r("p", { children: m }) }),
-      n && /* @__PURE__ */ r(x, { spacing: 2, children: n.map((a, d) => /* @__PURE__ */ s(f, { ...a, variant: "outline", key: d })) })
+      i && /* @__PURE__ */ o(s, { size: "lg", children: i }),
+      /* @__PURE__ */ o(a, { ...c, children: e || /* @__PURE__ */ o("p", { children: m }) }),
+      n && /* @__PURE__ */ o(h, { items: n })
     ]
   }
 );
 export {
-  T as ContactSection
+  B as ContactSection
 };

package/dist/components/Page/DashboardCard.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx as c, jsxs as d } from "react/jsx-runtime";
+import { Icon as B } from "../Icon/Icon.js";
+import "../../index-L8X2o7IH.js";
+import { forwardRef as m, useRef as R, useEffect as w } from "react";
+import "../RootProvider/RootProvider.js";
+import { Heading as y } from "../Typography/Heading.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { u as b, c as u } from "../../floating-ui.react-BQwG1HOM.js";
+import { S as p } from "../../index-C8BS_2GY.js";
+const j = m(function({ asChild: o = !1, variant: r = "default", className: n, ...s }, a) {
+  const C = o ? p : "div", l = R(null), k = b([l, a]);
+  return w(() => {
+    const e = l.current, f = ({ ctrlKey: x, metaKey: v, target: g }) => {
+      const t = e == null ? void 0 : e.querySelector(":is(h1,h2,h3,h4,h5,h6) a");
+      !t || t != null && t.contains(g) || (x || v ? window.open(t.href, "", "noreferrer") : t.click());
+    };
+    return e == null || e.addEventListener("click", f), () => e == null ? void 0 : e.removeEventListener("click", f);
+  }, []), c(C, { className: u("ds-card", n), "data-variant": r, ref: k, ...s });
+}), E = m(function({ asChild: o, className: r, ...n }, s) {
+  return c(o ? p : "div", { className: u("ds-card__block", r), ref: s, ...n });
+}), h = Object.assign(j, {
+  Block: E
+});
+h.Block.displayName = "Card.Block";
+function M({ color: i, theme: o = "tinted", icon: r, title: n, children: s }) {
+  return /* @__PURE__ */ d(h, { "data-color": i, variant: o, children: [
+    /* @__PURE__ */ d(
+      "header",
+      {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "flex-start",
+          rowGap: "1rem"
+        },
+        children: [
+          r && /* @__PURE__ */ c(B, { ...r, size: "xl", theme: "default" }),
+          /* @__PURE__ */ c(y, { size: "lg", children: n })
+        ]
+      }
+    ),
+    s
+  ] });
+}
+export {
+  M as DashboardCard
+};

package/dist/components/Page/DashboardHeader.js

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

package/dist/components/Page/PageDetails.js

@@ -0,0 +1,9 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { D as a, a as i, b as o } from "../../index-DcykCrjD.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 })
+] });
+export {
+  n as PageDetails
+};

package/dist/components/Page/PageMenu.js

@@ -2,14 +2,14 @@ import { jsx as t } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { MenuItem as l } from "../Menu/MenuItem.js";
+import { MenuItem as n } from "../Menu/MenuItem.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/PageMenu.css';const n = "_menu_1wsjl_1", o = "_list_1wsjl_6", a = "_item_1wsjl_29", e = {
-  menu: n,
-  list: o,
+import '../../assets/PageMenu.css';const o = "_menu_13em0_1", l = "_list_13em0_6", a = "_item_13em0_29", e = {
+  menu: o,
+  list: l,
   item: a
-}, w = ({ theme: s, color: i, items: r = [] }) => /* @__PURE__ */ t("nav", { "data-theme": s, "data-color": i, className: e.menu, children: /* @__PURE__ */ t("ul", { className: e.list, children: r.map((m) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(l, { ...m, className: e.item }) }, m.id)) }) });
+}, f = ({ theme: i, color: r, items: s = [] }) => /* @__PURE__ */ t("nav", { "data-theme": i, "data-color": r, className: e.menu, children: /* @__PURE__ */ t("ul", { className: e.list, children: s.map((m) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(n, { ...m, className: e.item }) }, m.id)) }) });
 export {
-  w as PageMenu
+  f as PageMenu
 };

package/dist/components/Page/index.js

@@ -1,26 +1,36 @@
-import { PageBase as o } from "./PageBase.js";
-import { PageNav as m } from "./PageNav.js";
-import { PageMenu as a } from "./PageMenu.js";
+import { PageBase as e } from "./PageBase.js";
+import { PageNav as a } from "./PageNav.js";
+import { PageMenu as x } from "./PageMenu.js";
 import { PageTabs as p } from "./PageTabs.js";
-import { PageHeader as g } from "./PageHeader.js";
-import { Article as n } from "./Article.js";
-import { Section as d } from "./Section.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 S } from "./Breadcrumbs.js";
-import { BreadcrumbsLink as v } from "./BreadcrumbsLink.js";
-import { ContactSection as C } from "./ContactSection.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 { 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";
 export {
-  n as Article,
-  S as Breadcrumbs,
-  v as BreadcrumbsLink,
-  C as ContactSection,
+  L as AccordionSection,
+  g as ArticleHeader,
+  C as Breadcrumbs,
+  H as BreadcrumbsLink,
+  F as ContactButtons,
+  k as ContactSection,
+  j as DashboardCard,
+  N as DashboardHeader,
   b as Flex,
   B as Grid,
-  o as PageBase,
-  g as PageHeader,
-  a as PageMenu,
-  m as PageNav,
+  e as PageBase,
+  i as PageDetails,
+  d as PageHeader,
+  x as PageMenu,
+  a as PageNav,
   p as PageTabs,
-  d as Section
+  h as Section
 };

package/dist/components/Profile/AccountList.js

@@ -0,0 +1,12 @@
+import { jsx as t } from "react/jsx-runtime";
+import { createElement as m } from "react";
+import "../../index-L8X2o7IH.js";
+import "../RootProvider/RootProvider.js";
+import { ListBase as p } from "../List/ListBase.js";
+import "../Search/AutocompleteBase.js";
+import { AccountListItem as i } from "./AccountListItem.js";
+import "../Snackbar/useSnackbar.js";
+const L = ({ items: r }) => /* @__PURE__ */ t(p, { children: r == null ? void 0 : r.map((o) => /* @__PURE__ */ m(i, { ...o, key: o.id }, "Details")) });
+export {
+  L as AccountList
+};

package/dist/components/Profile/AccountListItem.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsxs as y, jsx as i } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import * as a 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 "../RootProvider/RootProvider.js";
+import "../Search/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) {
+  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 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(
+    "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" })
+  );
+});
+var S = 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 _ = 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(
+    "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" })
+  );
+}), q = ({
+  size: t = "md",
+  expanded: o,
+  type: l,
+  avatar: e,
+  avatarGroup: r,
+  title: n,
+  description: s,
+  label: c,
+  favourite: p = !1,
+  contextMenu: f,
+  favouriteLabel: u,
+  children: g,
+  ...b
+}) => {
+  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" })
+  ] });
+  return /* @__PURE__ */ i(
+    I,
+    {
+      ...b,
+      size: t,
+      avatar: e,
+      avatarGroup: r && { ...r, size: t === "md" ? "sm" : "xs" },
+      title: n,
+      description: o ? void 0 : s,
+      expanded: o,
+      selected: o,
+      badge: v,
+      linkIcon: !0,
+      children: g
+    }
+  );
+};
+export {
+  q as AccountListItem
+};

package/dist/components/Profile/index.js

@@ -0,0 +1,6 @@
+import { AccountListItem as c } from "./AccountListItem.js";
+import { AccountList as e } from "./AccountList.js";
+export {
+  e as AccountList,
+  c as AccountListItem
+};

package/dist/components/Snackbar/SnackbarItem.js

@@ -18,7 +18,7 @@ import '../../assets/SnackbarItem.css';var w = function(e, o) {
       o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (i[t[n]] = e[t[n]]);
   return i;
 };
-const y = u((e, o) => {
+const b = u((e, o) => {
   var { title: i, titleId: t } = e, n = w(e, ["title", "titleId"]);
   let c = h();
   return c = i ? t || "title-" + c : void 0, a.createElement(
@@ -27,12 +27,12 @@ const y = u((e, o) => {
     i ? a.createElement("title", { id: c }, i) : null,
     a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.75 2.5a.75.75 0 0 0-1.5 0v1.273c-2.222.14-3.655.92-4.499 2.186-.887 1.33-1.001 3.04-1.001 4.541v3c0 .809-.424 1.92-.92 2.915a18 18 0 0 1-.936 1.641l-.014.022-.004.006A.75.75 0 0 0 4.5 19.25h4.338a3.25 3.25 0 0 0 6.324 0H19.5a.75.75 0 0 0 .624-1.166l-.004-.006-.014-.022-.06-.091c-.05-.081-.125-.2-.215-.35-.18-.301-.42-.722-.66-1.2-.497-.994-.921-2.106-.921-2.915v-3c0-1.501-.114-3.21-1.001-4.541-.844-1.266-2.277-2.046-4.499-2.186zm-1.987 17.237a1.8 1.8 0 0 1-.344-.487h3.162a1.75 1.75 0 0 1-1.581 1 1.75 1.75 0 0 1-1.237-.513", clipRule: "evenodd" })
   );
-}), x = "_item_137l4_1", O = "_media_137l4_23", I = "_icon_137l4_32", j = "_content_137l4_36", b = "_action_137l4_44", l = {
-  item: x,
-  media: O,
-  icon: I,
-  content: j,
-  action: b
+}), y = "_item_1dbl6_1", x = "_media_1dbl6_23", O = "_icon_1dbl6_32", I = "_content_1dbl6_36", j = "_action_1dbl6_44", l = {
+  item: y,
+  media: x,
+  icon: O,
+  content: I,
+  action: j
 };
 var N = /* @__PURE__ */ ((e) => (e.accent = "accent", e.neutral = "neutral", e.alert = "alert", e.success = "success", e.warning = "warning", e.danger = "danger", e.info = "info", e))(N || {});
 const D = ({
@@ -40,12 +40,12 @@ const D = ({
   message: o,
   className: i,
   color: t = "accent",
-  icon: n = y,
+  icon: n = b,
   iconAltText: c = "Bell icon",
   dismissable: s = !0,
-  onDismiss: m,
-  ...d
-}) => /* @__PURE__ */ f(e || "div", { className: p(l.item, i), "data-color": t, ...d, children: [
+  onDismiss: d,
+  ...m
+}) => /* @__PURE__ */ f(e || "div", { className: p(l.item, i), "data-color": t, ...m, children: [
   /* @__PURE__ */ r("div", { className: l.media, children: /* @__PURE__ */ r(v, { svgElement: n, className: l.icon }) }),
   /* @__PURE__ */ r("div", { className: l.content, children: o }),
   s && /* @__PURE__ */ r("div", { className: l.action, children: /* @__PURE__ */ r(
@@ -53,7 +53,7 @@ const D = ({
     {
       icon: g,
       variant: "outline",
-      onClick: m,
+      onClick: d,
       className: l.dismiss,
       iconAltText: "close"
     }

package/dist/components/Timeline/TimelineBase.js

@@ -1,37 +1,37 @@
-import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import { Icon as h } from "../Icon/Icon.js";
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { Icon as x } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { Avatar as b } from "../Avatar/Avatar.js";
 import "../RootProvider/RootProvider.js";
-import { Skeleton as v } from "../Skeleton/Skeleton.js";
+import { Skeleton as z } from "../Skeleton/Skeleton.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as f } from "../Page/Flex.js";
-import '../../assets/TimelineBase.css';const N = "_section_1h3ds_1", x = "_sidebar_1h3ds_8", j = "_content_1h3ds_33", z = "_border_1h3ds_39", g = "_icon_1h3ds_45", o = {
-  section: N,
-  sidebar: x,
-  content: j,
-  border: z,
+import { Flex as v } from "../Page/Flex.js";
+import '../../assets/TimelineBase.css';const f = "_section_aixdz_1", N = "_sidebar_aixdz_8", h = "_content_aixdz_33", j = "_border_aixdz_39", g = "_icon_aixdz_45", e = {
+  section: f,
+  sidebar: N,
+  content: h,
+  border: j,
   icon: g
 }, q = ({
-  as: c = "section",
-  loading: e,
-  border: a = "solid",
+  as: n = "section",
+  loading: i,
+  border: c = "solid",
   level: d = 1,
   color: t,
-  icon: r,
+  icon: s,
   iconColor: m,
-  avatar: i,
+  avatar: r,
   children: l,
   id: _,
   ...p
-}) => /* @__PURE__ */ n(f, { as: c, className: o.section, color: t, ...p, id: _, children: [
-  /* @__PURE__ */ n("aside", { className: o.sidebar, "data-level": d, children: [
-    i && /* @__PURE__ */ s(b, { ...i, size: "sm" }) || r && /* @__PURE__ */ s(v, { loading: e, variant: "circle", children: /* @__PURE__ */ s("span", { "data-color": m, className: o.icon, children: /* @__PURE__ */ s(h, { svgElement: r, size: "sm" }) }) }),
-    /* @__PURE__ */ s("div", { className: o.border, "data-loading": e, "data-variant": a, "data-color": t })
+}) => /* @__PURE__ */ a(v, { as: n, className: e.section, color: t, ...p, id: _, children: [
+  /* @__PURE__ */ a("aside", { className: e.sidebar, "data-level": d, children: [
+    r && /* @__PURE__ */ o(b, { ...r, size: "sm" }) || s && /* @__PURE__ */ o(z, { loading: i, variant: "circle", children: /* @__PURE__ */ o("span", { "data-color": m, className: e.icon, children: /* @__PURE__ */ o(x, { svgElement: s, size: "sm" }) }) }),
+    /* @__PURE__ */ o("div", { className: e.border, "data-loading": i, "data-variant": c, "data-color": t })
   ] }),
-  /* @__PURE__ */ s("div", { className: o.content, children: l })
+  /* @__PURE__ */ o("div", { className: e.content, children: l })
 ] });
 export {
   q as TimelineBase