@altinn/altinn-components 0.34.0 → 0.35.1

package/dist/assets/ListItemControls.css

@@ -1 +1 @@
-._controls_mvhfq_1{display:flex;align-items:center;white-space:nowrap;flex-wrap:nowrap;gap:.25rem}._controls_mvhfq_1:empty{display:none}._linkText_mvhfq_13{font-size:.875rem;white-space:nowrap}._linkIcon_mvhfq_18{font-size:1.5rem}
+._controls_1hxfb_1{display:flex;align-items:center;white-space:nowrap;flex-wrap:nowrap;gap:.25rem;margin-left:auto}._controls_1hxfb_1:empty{display:none}._linkText_1hxfb_14{font-size:.875rem;white-space:nowrap}._linkIcon_1hxfb_19{font-size:1.5rem}

package/dist/assets/ListItemHeader.css

@@ -1 +1 @@
-._header_b93u8_1{--dsc-item-spacing: .5em;position:relative;width:100%;min-height:var(--dsc-item-height);display:flex;align-items:center;justify-content:space-between;background:var(--dsc-item-background);column-gap:var(--dsc-item-spacing);padding-right:var(--dsc-item-px);padding-left:var(--dsc-item-px)}._header_b93u8_1[data-interactive=true]{cursor:pointer}._header_b93u8_1[data-interactive=true]:hover{background:var(--dsc-item-background--hover)}._header_b93u8_1[data-interactive=true]:hover ._label_b93u8_27 h2{text-decoration:underline}._header_b93u8_1[data-has-active-child=true]{background-color:var(--ds-color-background-tinted)}._linkIcon_b93u8_35{flex-shrink:0;min-width:2em;min-height:2em;display:flex;align-items:center;justify-content:center;pointer-events:none}
+._header_1k7r6_1{--dsc-item-spacing: .5em;position:relative;width:100%;min-height:var(--dsc-item-height);display:flex;align-items:center;justify-content:start;background:var(--dsc-item-background);column-gap:var(--dsc-item-spacing);padding-right:var(--dsc-item-px);padding-left:var(--dsc-item-px)}._header_1k7r6_1[data-interactive=true]{cursor:pointer}._header_1k7r6_1[data-interactive=true]:hover{background:var(--dsc-item-background--hover)}._header_1k7r6_1[data-interactive=true]:hover ._label_1k7r6_27 h2{text-decoration:underline}._header_1k7r6_1[data-has-active-child=true]{background-color:var(--ds-color-background-tinted)}._linkIcon_1k7r6_35{flex-shrink:0;min-width:2em;min-height:2em;display:flex;align-items:center;justify-content:center;pointer-events:none}._badgeAndIcon_1k7r6_45{display:flex;align-items:center;justify-content:center;gap:var(--dsc-item-spacing);margin-left:auto}

package/dist/assets/ListItemLabel.css

@@ -1 +1 @@
-._label_1aex5_1{pointer-events:none;position:relative;width:100%;display:flex;flex-direction:column;align-items:start;justify-content:center;margin-top:var(--dsc-item-my);margin-bottom:var(--dsc-item-my)}
+._label_1b76c_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)}

package/dist/assets/ListItemLink.css

@@ -1 +1 @@
-._link_18ajm_1{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:0;background-color:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}._link_18ajm_1>*{opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}._link_18ajm_1[aria-disabled=true]{pointer-events:none}._link_18ajm_1[data-interactive=true]{cursor:pointer}
+._link_c8adz_1{display:flex;align-items:center;justify-content:start;flex-direction:row;width:100%;column-gap:var(--dsc-item-spacing);--dsc-item-spacing: .5em;top:0;right:0;bottom:0;left:0;padding:0;border:0;background-color:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}._link_c8adz_1[aria-disabled=true]{pointer-events:none}._link_c8adz_1[data-interactive=true]{cursor:pointer}

package/dist/assets/TimelineHeader.css

@@ -1 +1 @@
-._header_177gq_1{width:100%;display:flex;align-items:center;column-gap:.5rem;min-height:1.5rem}._sidebar_177gq_9{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:.375rem;width:2.25rem}._content_177gq_19{flex-grow:1;display:flex;flex-direction:column}
+._header_ffjwj_1{width:100%;display:flex;align-items:center;column-gap:.5rem;min-height:1.5rem}._sidebar_ffjwj_9{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:.375rem}._content_ffjwj_18{flex-grow:1;display:flex;flex-direction:column}

package/dist/assets/UserListItem.css

@@ -0,0 +1 @@
+._badges_1m5z5_1{display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap;justify-content:start;margin-bottom:auto;margin-top:calc(var(--dsc-item-my) * .85)}._label_1m5z5_11{display:flex;flex-direction:row;align-items:center;gap:.5rem}._subUnitAvatar_1m5z5_18{position:relative}._subUnitAvatar_1m5z5_18:before{content:"U";position:absolute;bottom:0;right:0;width:1rem;height:1rem;background-color:#fffc;clip-path:polygon(100% 100%,0% 100%,100% 0%);display:flex;align-items:flex-end;justify-content:flex-end;font-size:.5rem;font-weight:700;color:#333;z-index:1;padding-right:.1rem}

package/dist/components/{AccessAreaList → AccessAreaListItem}/AccessAreaListItem.js

@@ -4,23 +4,24 @@ import "react";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { ListItem as b } from "../List/ListItem.js";
-import '../../assets/AccessAreaListItem.css';const d = "_content_7hk0i_1", h = {
+import { ListItem as h } from "../List/ListItem.js";
+import '../../assets/AccessAreaListItem.css';const d = "_content_7hk0i_1", I = {
   content: d
-}, k = ({
+}, x = ({
   name: t,
   icon: i,
   iconUrl: r,
-  size: m = "md",
-  children: l,
+  size: l = "md",
+  children: m,
   expanded: o = !1,
   onClick: a,
   badgeText: e,
   colorTheme: s,
   loading: c,
-  ...p
+  titleAs: p = "h3",
+  ...b
 }) => /* @__PURE__ */ n(
-  b,
+  h,
   {
     as: "button",
     icon: {
@@ -30,18 +31,18 @@ import '../../assets/AccessAreaListItem.css';const d = "_content_7hk0i_1", h = {
       color: s,
       altText: ""
     },
-    title: t,
+    title: { children: t, as: p },
     ariaLabel: t,
-    size: m,
+    size: l,
     collapsible: !c,
     expanded: o,
     onClick: a,
     badge: e ? { label: e, color: s } : void 0,
     loading: c,
-    ...p,
-    children: o && /* @__PURE__ */ n("div", { className: h.content, children: l })
+    ...b,
+    children: o && /* @__PURE__ */ n("div", { className: I.content, children: m })
   }
 );
 export {
-  k as AccessAreaListItem
+  x as AccessAreaListItem
 };

package/dist/components/{AccessAreaList → AccessAreaListItem}/index.js

@@ -1,6 +1,4 @@
 import { AccessAreaListItem as s } from "./AccessAreaListItem.js";
-import { AccessAreaList as c } from "./AccessAreaList.js";
 export {
-  c as AccessAreaList,
   s as AccessAreaListItem
 };

package/dist/components/{AccessPackageList → AccessPackageListItem}/AccessPackageListItem.js

@@ -9,28 +9,42 @@ import "../Snackbar/useSnackbar.js";
 import { ListItem as f } from "../List/ListItem.js";
 import { u as c } from "../../useId-BVFxCjkq.js";
 var d = function(t, o) {
-  var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (r[e] = t[e]);
+  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 l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      o.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
-  return r;
+    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 p = m((t, o) => {
-  var { title: r, titleId: e } = t, l = d(t, ["title", "titleId"]);
+  var { title: l, titleId: e } = t, r = d(t, ["title", "titleId"]);
   let i = c();
-  return i = r ? e || "title-" + i : void 0, n.createElement(
+  return i = l ? e || "title-" + i : void 0, n.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": i }, l),
-    r ? n.createElement("title", { id: i }, 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: o, "aria-labelledby": i }, r),
+    l ? n.createElement("title", { id: i }, l) : null,
     n.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.625 2.35a.75.75 0 0 1 .75 0l7.794 4.5a.75.75 0 0 1 .375.65v9a.75.75 0 0 1-.375.65l-7.794 4.5a.75.75 0 0 1-.75 0l-7.794-4.5a.75.75 0 0 1-.375-.65v-9a.75.75 0 0 1 .375-.65zM12 3.866 5.706 7.5 12 11.134 18.294 7.5zm7.044 4.933-6.294 3.634v7.268l6.294-3.634zM11.25 19.701v-7.268L4.956 8.799v7.268z", clipRule: "evenodd" })
   );
-}), I = ({
+}), h = ({
   as: t = "button",
-  title: o,
-  color: r = "neutral",
-  ...e
-}) => /* @__PURE__ */ a(f, { icon: p, as: t, size: "sm", title: o, color: r, variant: "tinted", ...e });
+  name: o,
+  color: l = "neutral",
+  titleAs: e = "h4",
+  size: r = "sm",
+  ...i
+}) => /* @__PURE__ */ a(
+  f,
+  {
+    icon: p,
+    as: t,
+    title: { children: o, as: e },
+    ariaLabel: o,
+    color: l,
+    size: r,
+    variant: "tinted",
+    ...i
+  }
+);
 export {
-  I as AccessPackageListItem
+  h as AccessPackageListItem
 };

package/dist/components/{AccessPackageList → AccessPackageListItem}/index.js

@@ -1,6 +1,4 @@
 import { AccessPackageListItem as s } from "./AccessPackageListItem.js";
-import { AccessPackageList as a } from "./AccessPackageList.js";
 export {
-  a as AccessPackageList,
   s as AccessPackageListItem
 };

package/dist/components/Account/AccountListItem.js

@@ -3,9 +3,9 @@ import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
-import { ListItem as j } from "../List/ListItem.js";
+import { ListItem as v } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
-import { AccountListItemControls as k } from "./AccountListItemControls.js";
+import { AccountListItemControls as C } from "./AccountListItemControls.js";
 const D = ({
   id: r,
   type: i,
@@ -14,42 +14,42 @@ const D = ({
   icon: s,
   title: c,
   description: p,
-  isCurrentEndUser: e,
-  isDeleted: n,
-  badge: f,
-  favourite: l = !1,
+  isCurrentEndUser: n,
+  isDeleted: e,
+  badge: l,
+  favourite: f = !1,
   favouriteLabel: u,
   onToggleFavourite: I,
   contextMenu: L,
   children: A,
-  interactive: b,
-  ...g
+  interactive: j,
+  ...k
 }) => /* @__PURE__ */ o(
-  j,
+  v,
   {
-    ...g,
+    ...k,
     size: m,
     icon: s,
     title: c,
     description: t ? void 0 : p,
     expanded: t,
     selected: t,
-    badge: !t && /* @__PURE__ */ o(
-      k,
+    controls: !t && /* @__PURE__ */ o(
+      C,
       {
         id: r,
         type: i,
-        favourite: l,
+        favourite: f,
         favouriteLabel: u,
-        badge: f,
-        isCurrentEndUser: e,
-        isDeleted: n,
+        badge: l,
+        isCurrentEndUser: n,
+        isDeleted: e,
         onToggleFavourite: I,
         contextMenu: L
       }
     ),
     linkIcon: !0,
-    interactive: b,
+    interactive: j,
     children: A
   }
 );

package/dist/components/List/ListItemControls.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as r } from "../../index-L8X2o7IH.js";
-import '../../assets/ListItemControls.css';const c = "_controls_mvhfq_1", n = {
+import '../../assets/ListItemControls.css';const c = "_controls_1hxfb_1", n = {
   controls: c
 }, e = ({ className: o, children: s }) => /* @__PURE__ */ t("div", { className: r(n.controls, o), children: s });
 export {

package/dist/components/List/ListItemHeader.js

@@ -1,101 +1,105 @@
-import { jsxs as l, jsx as e, Fragment as E } from "react/jsx-runtime";
-import { c as w } from "../../index-L8X2o7IH.js";
-import { useId as z, isValidElement as D } from "react";
-import { Icon as F } from "../Icon/Icon.js";
-import { Badge as H } from "../Badge/Badge.js";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { c as E } from "../../index-L8X2o7IH.js";
+import { useId as g, isValidElement as w } from "react";
+import { Icon as z } from "../Icon/Icon.js";
+import { Badge as D } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
-import { ListItemLink as R } from "./ListItemLink.js";
-import { ListItemLabel as U } from "./ListItemLabel.js";
-import { ListItemIcon as V } from "./ListItemIcon.js";
-import { ListItemControls as q } from "./ListItemControls.js";
-import { ListItemSelect as A } from "./ListItemSelect.js";
+import { ListItemLink as H } from "./ListItemLink.js";
+import { ListItemLabel as R } from "./ListItemLabel.js";
+import { ListItemIcon as U } from "./ListItemIcon.js";
+import { ListItemControls as V } from "./ListItemControls.js";
+import { ListItemSelect as q } from "./ListItemSelect.js";
 import "../Snackbar/useSnackbar.js";
-import { S as G, a as J } from "../../ChevronUp-DR4Lz2Jb.js";
-import { S as K } from "../../ChevronRight-BbelnTke.js";
-import '../../assets/ListItemHeader.css';const M = "_header_b93u8_1", O = "_label_b93u8_27", P = "_linkIcon_b93u8_35", o = {
-  header: M,
-  label: O,
-  linkIcon: P
-}, ne = ({
-  as: c,
-  interactive: p = !0,
-  color: d,
-  loading: t,
-  disabled: f,
-  collapsible: I,
-  linkIcon: h,
-  expanded: u,
+import { S as F, a as G } from "../../ChevronUp-DR4Lz2Jb.js";
+import { S as J } from "../../ChevronRight-BbelnTke.js";
+import '../../assets/ListItemHeader.css';const K = "_header_1k7r6_1", M = "_label_1k7r6_27", O = "_linkIcon_1k7r6_35", P = "_badgeAndIcon_1k7r6_45", o = {
+  header: K,
+  label: M,
+  linkIcon: O,
+  badgeAndIcon: P
+}, ae = ({
+  as: p,
+  interactive: I = !0,
+  color: f,
+  loading: r,
+  disabled: h,
+  collapsible: v,
+  linkIcon: _,
+  expanded: b,
   select: m,
-  href: v,
-  onClick: L,
-  onKeyPress: _,
-  tabIndex: b,
-  size: s,
-  title: S,
-  description: k,
-  icon: N,
-  active: i,
-  badge: r,
-  controls: n,
+  href: L,
+  onClick: k,
+  onKeyPress: u,
+  tabIndex: S,
+  size: a,
+  title: n,
+  description: N,
+  icon: A,
+  active: c,
+  badge: t,
+  controls: s,
   className: x,
-  children: C,
-  ariaLabel: j
+  children: y,
+  ariaLabel: l
 }) => {
-  const a = I ? u ? G : J : h ? K : void 0, y = () => r && !t && typeof r == "object" && "label" in r ? /* @__PURE__ */ e(H, { ...r }) : D(r) ? r : null, B = z();
-  return /* @__PURE__ */ l(
+  const d = v ? b ? F : G : _ ? J : void 0, C = () => t && !r && typeof t == "object" && "label" in t ? /* @__PURE__ */ e(D, { ...t }) : w(t) ? t : null, j = l !== void 0 ? l : typeof n == "string" ? n : void 0, B = g();
+  return /* @__PURE__ */ i(
     "div",
     {
-      className: w(o.header, x),
-      "data-color": d,
-      "data-interactive": p,
-      "data-size": s,
-      "data-has-active-child": i,
+      className: E(o.header, x),
+      "data-color": f,
+      "data-interactive": I,
+      "data-size": a,
+      "data-has-active-child": c,
       children: [
-        /* @__PURE__ */ e(
-          R,
+        /* @__PURE__ */ i(
+          H,
           {
-            as: c,
-            href: v,
-            onClick: L,
-            onKeyPress: _,
-            tabIndex: b,
-            loading: t,
-            disabled: f || t,
-            active: i,
-            ariaLabel: j
+            as: p,
+            href: L,
+            onClick: k,
+            onKeyPress: u,
+            tabIndex: S,
+            loading: r,
+            disabled: h || r,
+            active: c,
+            ariaLabel: j,
+            children: [
+              m && /* @__PURE__ */ e(q, { ...m, className: o.select }),
+              /* @__PURE__ */ e(U, { loading: r, icon: A }),
+              /* @__PURE__ */ e(
+                R,
+                {
+                  size: a,
+                  loading: r,
+                  title: n,
+                  description: N,
+                  id: B,
+                  className: o.label,
+                  children: y
+                }
+              ),
+              !s && !r && /* @__PURE__ */ i("div", { className: o.badgeAndIcon, children: [
+                C(),
+                d && /* @__PURE__ */ e("span", { className: o.linkIcon, children: /* @__PURE__ */ e(
+                  z,
+                  {
+                    svgElement: d,
+                    style: {
+                      fontSize: "1.5rem"
+                    }
+                  }
+                ) })
+              ] })
+            ]
           }
         ),
-        m && /* @__PURE__ */ e(A, { ...m, className: o.select }),
-        /* @__PURE__ */ e(V, { loading: t, icon: N }),
-        /* @__PURE__ */ e(
-          U,
-          {
-            size: s,
-            loading: t,
-            title: S,
-            description: k,
-            id: B,
-            className: o.label,
-            children: C
-          }
-        ),
-        /* @__PURE__ */ e(q, { className: o.controls, children: n && !t ? /* @__PURE__ */ e("span", { children: n }) : /* @__PURE__ */ l(E, { children: [
-          y(),
-          a && /* @__PURE__ */ e("span", { className: o.linkIcon, children: /* @__PURE__ */ e(
-            F,
-            {
-              svgElement: a,
-              style: {
-                fontSize: "1.5rem"
-              }
-            }
-          ) })
-        ] }) })
+        /* @__PURE__ */ e(V, { className: o.controls, children: s && !r && /* @__PURE__ */ e("span", { children: s }) })
       ]
     }
   );
 };
 export {
-  ne as ListItemHeader
+  ae as ListItemHeader
 };

package/dist/components/List/ListItemLabel.js

@@ -5,15 +5,15 @@ import "../RootProvider/RootProvider.js";
 import { Heading as e } from "../Typography/Heading.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/ListItemLabel.css';const g = "_label_1aex5_1", h = {
+import '../../assets/ListItemLabel.css';const g = "_label_1b76c_1", y = {
   label: g
 }, j = (r) => typeof r == "object" && r !== null && "children" in r;
 function z(r) {
   return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || _(r);
 }
-const y = (r) => {
+const d = (r) => {
   const s = {
-    as: "h2",
+    as: "h3",
     size: "sm"
     //    leading: "tight",
   };
@@ -21,9 +21,9 @@ const y = (r) => {
     ...s,
     children: r
   } : null;
-}, d = (r) => {
+}, h = (r) => {
   const s = {
-    as: "h3",
+    as: "span",
     size: "xs",
     weight: "normal",
     variant: "subtle"
@@ -36,22 +36,22 @@ const y = (r) => {
 }, I = ({
   loading: r = !1,
   size: s,
-  title: o,
+  title: n,
   value: p,
   description: c,
-  children: n,
+  children: o,
   id: l,
   className: a
 }) => {
-  if (o && p) {
-    const f = o && d(o), u = p && y(p);
-    return /* @__PURE__ */ t("span", { className: x(h.label, a), id: l, "data-size": s, children: n || /* @__PURE__ */ b(P, { children: [
+  if (n && p) {
+    const f = n && d(n), u = p && h(p);
+    return /* @__PURE__ */ t("span", { className: x(y.label, a), id: l, "data-size": s, children: o || /* @__PURE__ */ b(P, { children: [
       f && /* @__PURE__ */ t(e, { ...f, loading: r }),
       u && /* @__PURE__ */ t(e, { ...u, loading: r })
     ] }) });
   }
-  const i = o && y(o), m = c && d(c);
-  return /* @__PURE__ */ t("span", { className: x(h.label, a), id: l, "data-size": s, children: n || /* @__PURE__ */ b(P, { children: [
+  const i = n && d(n), m = c && h(c);
+  return /* @__PURE__ */ t("span", { className: x(y.label, a), id: l, "data-size": s, children: o || /* @__PURE__ */ b(P, { children: [
     i && /* @__PURE__ */ t(e, { ...i, loading: r }),
     m && /* @__PURE__ */ t(e, { ...m, loading: r })
   ] }) });

package/dist/components/List/ListItemLink.js

@@ -1,37 +1,42 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as m } from "../../index-L8X2o7IH.js";
-import '../../assets/ListItemLink.css';const u = "_link_18ajm_1", s = {
-  link: u
-}, h = ({
-  as: c,
-  loading: l,
-  disabled: p,
-  selected: v,
-  href: f,
+import { jsx as c } from "react/jsx-runtime";
+import { c as l } from "../../index-L8X2o7IH.js";
+import '../../assets/ListItemLink.css';const b = "_link_c8adz_1", p = {
+  link: b
+}, A = ({
+  as: v,
+  loading: r,
+  disabled: o,
+  selected: u,
+  href: e,
   onClick: t,
   onKeyPress: a,
-  className: r,
-  active: o,
-  ariaLabel: e
+  className: s,
+  active: x,
+  ariaLabel: d,
+  children: m
 }) => {
-  const n = c || "div";
-  return n === "div" ? /* @__PURE__ */ i("div", { className: m(s.link, r), children: /* @__PURE__ */ i("span", { children: e }) }) : /* @__PURE__ */ i(
-    n,
+  const i = v || "div";
+  if (i === "div")
+    return /* @__PURE__ */ c("div", { className: l(p.link, s), children: m });
+  const _ = !r && e || i !== "a" && d;
+  return /* @__PURE__ */ c(
+    i,
     {
-      className: m(s.link, r),
-      href: f,
-      onKeyPress: (d) => {
-        d.key === "Enter" && (t == null || t()), a == null || a(d);
+      className: l(p.link, s),
+      href: e,
+      onKeyPress: (n) => {
+        n.key === "Enter" && (t == null || t()), a == null || a(n);
       },
       onClick: t,
       "data-interactive": "true",
-      "aria-disabled": l || p,
-      "aria-selected": v,
-      "aria-label": e,
-      "data-active": o
+      "aria-disabled": r || o,
+      "aria-selected": u,
+      ..._ && { "aria-label": d },
+      "data-active": x,
+      children: m
     }
   );
 };
 export {
-  h as ListItemLink
+  A as ListItemLink
 };

package/dist/components/{ResourceList → ResourceListItem}/ResourceListItem.js

@@ -4,15 +4,16 @@ import "react";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { ListItem as e } from "../List/ListItem.js";
-const u = ({
+import { ListItem as s } from "../List/ListItem.js";
+const h = ({
   ownerName: t,
   resourceName: i,
   ownerLogoUrlAlt: r,
   ownerLogoUrl: m,
-  ...o
+  titleAs: o = "h3",
+  ...e
 }) => /* @__PURE__ */ p(
-  e,
+  s,
   {
     icon: {
       name: t,
@@ -20,11 +21,11 @@ const u = ({
       imageUrlAlt: r,
       type: "company"
     },
-    title: i,
+    title: { children: i, as: o },
     description: t,
-    ...o
+    ...e
   }
 );
 export {
-  u as ResourceListItem
+  h as ResourceListItem
 };

package/dist/components/ResourceListItem/index.js

@@ -0,0 +1,4 @@
+import { ResourceListItem as r } from "./ResourceListItem.js";
+export {
+  r as ResourceListItem
+};

package/dist/components/Timeline/TimelineHeader.js

@@ -8,14 +8,14 @@ import { TimelineIcon as l } from "./TimelineIcon.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as d } from "../Page/Flex.js";
-import '../../assets/TimelineHeader.css';const p = "_header_177gq_1", h = "_sidebar_177gq_9", _ = "_content_177gq_19", r = {
-  header: p,
-  sidebar: h,
-  content: _
-}, T = ({ as: t = "li", loading: i, color: o, icon: s, children: n }) => /* @__PURE__ */ m(d, { as: t, className: r.header, color: o, children: [
+import '../../assets/TimelineHeader.css';const f = "_header_ffjwj_1", p = "_sidebar_ffjwj_9", h = "_content_ffjwj_18", r = {
+  header: f,
+  sidebar: p,
+  content: h
+}, g = ({ as: t = "li", loading: i, color: o, icon: s, children: n }) => /* @__PURE__ */ m(d, { as: t, className: r.header, color: o, children: [
   /* @__PURE__ */ e("aside", { className: r.sidebar, children: /* @__PURE__ */ e(c, { variant: "circle", loading: i, children: /* @__PURE__ */ e(l, { icon: s, theme: "base", size: "lg" }) }) }),
   /* @__PURE__ */ e("div", { className: r.content, children: /* @__PURE__ */ e(a, { loading: i, size: "lg", children: n }) })
 ] });
 export {
-  T as TimelineHeader
+  g as TimelineHeader
 };