@altinn/altinn-components 0.64.0 → 0.64.2

package/dist/assets/AccountSelector.css

@@ -1 +1 @@
-._accountSelector_829wd_1{display:flex;flex-direction:column;align-items:center;padding:1rem 0;max-width:1000px;margin:0 auto;--horizontal-padding: .7rem}._heading_829wd_11{margin-bottom:1rem;width:100%;padding:.3rem var(--horizontal-padding)}._searchSection_829wd_17{position:sticky;z-index:2;top:1rem;width:100%;padding:.5rem var(--horizontal-padding);display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;background-color:#fff}._searchField_829wd_30{width:50%}._accountMenu_829wd_34{height:fit-content;width:100%;overflow-y:auto;margin-bottom:1rem;padding:0 var(--horizontal-padding)}._accountMenu_829wd_34._virtualized_829wd_43{overflow-y:hidden}._btnIcon_829wd_48{font-size:1.5rem}._spinner_829wd_58{margin:auto;width:100%;overflow:hidden}@media(max-width:1023px){._accountSelector_829wd_1{--horizontal-padding: .1rem}._searchField_829wd_30{width:100%}._searchSection_829wd_17{flex-direction:column;align-items:stretch;gap:.5rem}}
+._accountSelector_stjza_1{display:flex;flex-direction:column;align-items:center;padding:1rem 0;max-width:1000px;margin:0 auto;--horizontal-padding: .7rem}._heading_stjza_11{margin-bottom:.5rem;width:100%;padding:0 var(--horizontal-padding)}._searchSection_stjza_17{position:sticky;z-index:2;top:1rem;width:100%;padding:.5rem var(--horizontal-padding);display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;background-color:#fff}._searchField_stjza_30{width:50%}._accountMenu_stjza_34{height:fit-content;width:100%;overflow-y:auto;margin-bottom:1rem;padding:0 var(--horizontal-padding)}._accountMenu_stjza_34._virtualized_stjza_42{overflow-y:hidden}._btnIcon_stjza_47{font-size:1.5rem}._spinner_stjza_51{margin:auto;width:100%;overflow:hidden}@media(max-width:1023px){._accountSelector_stjza_1{--horizontal-padding: .1rem}._searchField_stjza_30{width:100%}._searchSection_stjza_17{flex-direction:column;align-items:stretch;gap:.5rem}}

package/dist/assets/HeaderDrawer.css

@@ -1 +1 @@
-html:has(dialog[open]){overflow:hidden;scrollbar-gutter:stable}._backdrop_1fmb0_11{display:block;z-index:1;background-color:#111d4640;position:fixed;top:calc(4.5rem + var(--altinn-banner-height, 0px));right:0;bottom:0;left:0;width:100%;height:100%}._backdrop_1fmb0_11[aria-hidden=true]{display:none}._drawer_1fmb0_28{position:fixed;z-index:2;background-color:#fff;width:100%;max-width:100vw;height:auto;max-height:auto;box-sizing:border-box;padding:0;margin:0;border:0;top:calc(4.5rem + var(--altinn-banner-height, 0px));bottom:0;display:flex;flex-direction:column;overflow-y:scroll}._drawer_1fmb0_28::backdrop{background-color:transparent}._drawer_1fmb0_28:not([data-open=true]){display:none}._footer_1fmb0_60{display:none}._body_1fmb0_64{padding:0 .5rem}@media(min-width:1024px){._body_1fmb0_64{padding:0 1rem}._drawer_1fmb0_28{top:calc(4.5rem + var(--altinn-banner-height, 0px));bottom:4.5rem}._drawer_1fmb0_28[data-expanded=true]{bottom:0}._footer_1fmb0_60{position:sticky;z-index:2000;display:flex;bottom:0;left:0;right:0;justify-content:center;align-items:center;background-color:#fff}._toggleButton_1fmb0_94{margin:1rem 0}}
+html:has(dialog[open]){overflow:hidden;scrollbar-gutter:stable}._backdrop_yn0zc_11{display:block;z-index:1;background-color:#111d4640;position:fixed;top:calc(4.5rem + var(--altinn-banner-height, 0px));right:0;bottom:0;left:0;width:100%;height:100%}._backdrop_yn0zc_11[aria-hidden=true]{display:none}._drawer_yn0zc_28{position:fixed;z-index:2;background-color:#fff;width:100%;max-width:100vw;height:auto;max-height:none;box-sizing:border-box;padding:0;margin:0;border:0;top:calc(4.5rem + var(--altinn-banner-height, 0px));bottom:0;display:flex;flex-direction:column;overflow-y:scroll}._drawer_yn0zc_28::backdrop{background-color:transparent}._drawer_yn0zc_28:not([data-open=true]){display:none}._footer_yn0zc_60{display:none}._body_yn0zc_64{padding:0 .5rem}@media(min-width:1024px){._body_yn0zc_64{padding:0 1rem}._drawer_yn0zc_28{inset:auto;position:fixed;top:calc(4.5rem + var(--altinn-banner-height, 0px));left:0;right:0;margin:0;height:auto;max-height:55vh;overflow-y:auto}._drawer_yn0zc_28[data-expanded=true]{bottom:0;height:auto;max-height:none;overflow-y:scroll}._footer_yn0zc_60{position:sticky;z-index:2000;display:flex;bottom:0;left:0;right:0;justify-content:center;align-items:center;background-color:#fff}._toggleButton_yn0zc_104{margin:1rem 0}}

package/dist/components/AccountSelector/AccountSelector.js

@@ -1,48 +1,49 @@
-import { jsx as c, jsxs as f } from "react/jsx-runtime";
-import { c as _ } from "../../index-p1eeF8LQ.js";
-import { useState as o, useRef as T, useEffect as g } from "react";
-import { AccountMenu as F } from "../Account/AccountMenu.js";
-import { r as H, H as R } from "../../tooltip-Ct39-719.js";
+import { jsx as c, jsxs as g } from "react/jsx-runtime";
+import { c as p } from "../../index-p1eeF8LQ.js";
+import { useState as o, useRef as C, useEffect as v } from "react";
+import { AccountMenu as T } from "../Account/AccountMenu.js";
+import { r as y, H as F } from "../../tooltip-Ct39-719.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
-import { w as y, S as I } from "../../ToolbarSearch-DeQTx93w.js";
+import { w as H, S as R } from "../../ToolbarSearch-DeQTx93w.js";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Switch as M } from "../Forms/Switch.js";
-import '../../assets/AccountSelector.css';const j = "_accountSelector_829wd_1", E = "_heading_829wd_11", V = "_searchSection_829wd_17", $ = "_searchField_829wd_30", K = "_accountMenu_829wd_34", O = "_virtualized_829wd_43", W = "_spinner_829wd_58", r = {
-  accountSelector: j,
+import { Switch as I } from "../Forms/Switch.js";
+import '../../assets/AccountSelector.css';const M = "_accountSelector_stjza_1", E = "_heading_stjza_11", V = "_searchSection_stjza_17", $ = "_searchField_stjza_30", K = "_accountMenu_stjza_34", O = "_virtualized_stjza_42", W = "_spinner_stjza_51", a = {
+  accountSelector: M,
   heading: E,
   searchSection: V,
   searchField: $,
   accountMenu: K,
   virtualized: O,
   spinner: W
-}, re = ({
+}, ae = ({
   accountMenu: e,
   forceOpenFullScreen: n,
-  className: a,
-  loading: v,
+  className: r,
+  loading: _,
   showDeletedUnits: l,
-  onShowDeletedUnitsChange: w,
-  isFullScreen: b
+  onShowDeletedUnitsChange: b,
+  isFullScreen: z
 }) => {
-  const { closeAll: d, languageCode: u, currentId: x } = y(), s = x === "account" || !!n, [h, m] = o(""), [z, p] = o(n), [N, k] = o(0), S = T(s);
-  g(() => {
-    s && !S.current && k((t) => t + 1), S.current = s;
-  }, [s]), g(() => {
-    !n && z && d(), p(n);
+  const { closeAll: u, languageCode: d, currentId: x } = H(), s = x === "account" || !!n, [h, m] = o(""), [j, S] = o(n), [k, w] = o(0), f = C(s);
+  v(() => {
+    s && !f.current && w((t) => t + 1), f.current = s;
+  }, [s]), v(() => {
+    !n && j && u(), S(n);
   }, [n]);
-  const { searchText: i, heading: L, switchLabel: A } = q(u), C = (t) => {
-    e.onSelectAccount?.(t), d(), p(!1);
+  const { searchText: i, heading: A, switchLabel: N } = q(d), L = (t) => {
+    e.onSelectAccount?.(t), u(), S(!1);
   };
-  return v ? /* @__PURE__ */ c(H, { "aria-hidden": !0, "data-color": "neutral", className: r.spinner }) : /* @__PURE__ */ f("div", { className: _(a, r.accountSelector), children: [
-    /* @__PURE__ */ c(R, { "data-size": "sm", level: 2, className: r.heading, children: L }),
-    /* @__PURE__ */ f("div", { className: r.searchSection, children: [
+  return _ ? /* @__PURE__ */ c(y, { "aria-hidden": !0, "data-color": "neutral", className: a.spinner }) : /* @__PURE__ */ g("div", { className: p(r, a.accountSelector), children: [
+    /* @__PURE__ */ c(F, { "data-size": "sm", level: 2, className: a.heading, id: "account-selector-heading", children: A }),
+    /* @__PURE__ */ g("div", { className: a.searchSection, children: [
       /* @__PURE__ */ c(
-        I,
+        R,
         {
           size: "sm",
+          "aria-labelledby": "account-selector-heading",
           label: i,
           hideLabel: !0,
           name: i,
@@ -50,41 +51,41 @@ import '../../assets/AccountSelector.css';const j = "_accountSelector_829wd_1",
           value: h,
           onChange: (t) => m(t.target.value),
           onClear: () => m(""),
-          className: r.searchField
+          className: a.searchField
         }
       ),
       l !== void 0 && /* @__PURE__ */ c(
-        M,
+        I,
         {
           size: "sm",
           checked: l,
-          onChange: (t) => w?.(t.target.checked),
-          label: A
+          onChange: (t) => b?.(t.target.checked),
+          label: N
         }
       )
     ] }),
     /* @__PURE__ */ c(
       "div",
       {
-        className: _(
-          r.accountMenu,
-          b && r.fullScreen,
-          e.virtualized && r.virtualized
+        className: p(
+          a.accountMenu,
+          z && a.fullScreen,
+          e.virtualized && a.virtualized
         ),
         children: /* @__PURE__ */ c(
-          F,
+          T,
           {
             ...e,
-            onSelectAccount: C,
+            onSelectAccount: L,
             keyboardEvents: !1,
             search: {
               hidden: !0,
               name: "",
               value: h,
-              getResultsLabel: (t) => B(t, u)
+              getResultsLabel: (t) => B(t, d)
             }
           },
-          N
+          k
         )
       }
     )
@@ -94,26 +95,26 @@ import '../../assets/AccountSelector.css';const j = "_accountSelector_829wd_1",
     case "nn":
       return {
         searchText: "Søk i aktørar",
-        heading: "Kven vil du representere?",
+        heading: "Kven vil du bruke Altinn på vegner av?",
         switchLabel: "Vis slettede"
       };
     case "en":
       return {
         searchText: "Search in actors",
-        heading: "Who do you want to represent?",
+        heading: "Who do you want to use Altinn on behalf of?",
         switchLabel: "Show deleted"
       };
     default:
       return {
         searchText: "Søk i aktører",
-        heading: "Hvem vil du representere?",
+        heading: "Hvem vil du bruke Altinn på vegne av?",
         switchLabel: "Vis slettede"
       };
   }
 }, B = (e, n) => {
-  const a = n === "nb" || n === "nn";
-  return e === 0 ? a ? "Ingen treff" : "No hits" : a ? `${e} treff` : e === 1 ? "1 hit" : `${e} hits`;
+  const r = n === "nb" || n === "nn";
+  return e === 0 ? r ? "Ingen treff" : "No hits" : r ? `${e} treff` : e === 1 ? "1 hit" : `${e} hits`;
 };
 export {
-  re as AccountSelector
+  ae as AccountSelector
 };

package/dist/components/GlobalHeader/GlobalHeader.js

@@ -1,7 +1,7 @@
 "use client";
-import { jsx as n, jsxs as i, Fragment as _ } from "react/jsx-runtime";
-import { useState as F } from "react";
-import { useIsDesktop as A } from "../../hooks/useIsDesktop.js";
+import { jsx as n, jsxs as i, Fragment as A } from "react/jsx-runtime";
+import { useState as O } from "react";
+import { useIsDesktop as F } from "../../hooks/useIsDesktop.js";
 import { AccountSelector as b } from "../AccountSelector/AccountSelector.js";
 import { GlobalMenu as w } from "../GlobalMenu/GlobalMenu.js";
 import "../../index-p1eeF8LQ.js";
@@ -10,17 +10,17 @@ import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import { w as C } from "../../ToolbarSearch-DeQTx93w.js";
-import { GlobalMenuButton as j } from "./GlobalMenuButton.js";
-import { GlobalAccountButton as k } from "./GlobalAccountButton.js";
+import { GlobalMenuButton as D } from "./GlobalMenuButton.js";
+import { GlobalAccountButton as M } from "./GlobalAccountButton.js";
 import "../Snackbar/useSnackbar.js";
-import { HeaderDrawer as D } from "./HeaderDrawer.js";
-import { HeaderDropdown as G } from "./HeaderDropdown.js";
-import { HeaderLogo as H } from "./HeaderLogo.js";
-import '../../assets/GlobalHeader.css';const N = "_header_1iojv_1", T = "_container_1iojv_7", y = "_nav_1iojv_53", t = {
-  header: N,
+import { HeaderDrawer as N } from "./HeaderDrawer.js";
+import { HeaderDropdown as j } from "./HeaderDropdown.js";
+import { HeaderLogo as E } from "./HeaderLogo.js";
+import '../../assets/GlobalHeader.css';const I = "_header_1iojv_1", T = "_container_1iojv_7", k = "_nav_1iojv_53", t = {
+  header: I,
   container: T,
-  nav: y
-}, Y = ({
+  nav: k
+}, B = 5, Z = ({
   globalMenu: r,
   desktopMenu: d,
   mobileMenu: m,
@@ -30,17 +30,17 @@ import '../../assets/GlobalHeader.css';const N = "_header_1iojv_1", T = "_contai
   badge: f,
   onLoginClick: h
 }) => {
-  const { currentId: o, toggleId: a, closeAll: c } = C(), g = () => {
-    o !== "account" && window.scrollTo({ top: 0, behavior: "instant" }), a("account");
-  }, v = () => {
-    a("menu");
-  }, l = o === "account" || e?.forceOpenFullScreen || !1, [s, x] = F(!1), O = A();
+  const { currentId: o, toggleId: c, closeAll: a } = C(), g = () => {
+    o !== "account" && window.scrollTo({ top: 0, behavior: "instant" }), c("account");
+  }, _ = () => {
+    c("menu");
+  }, l = o === "account" || e?.forceOpenFullScreen || !1, [s, v] = O(!1), x = F();
   return /* @__PURE__ */ n("header", { className: t.header, "data-current-id": o, children: /* @__PURE__ */ i("div", { className: t.container, children: [
-    /* @__PURE__ */ n(H, { ...u, badge: f, className: t.logo }),
+    /* @__PURE__ */ n(E, { ...u, badge: f, className: t.logo }),
     /* @__PURE__ */ i("nav", { className: t.nav, children: [
-      e && /* @__PURE__ */ i(_, { children: [
+      e && /* @__PURE__ */ i(A, { children: [
         /* @__PURE__ */ n(
-          k,
+          M,
           {
             currentAccount: e.accountMenu?.currentAccount,
             onClick: e.accountMenu?.currentAccount ? g : h,
@@ -50,28 +50,29 @@ import '../../assets/GlobalHeader.css';const N = "_header_1iojv_1", T = "_contai
           }
         ),
         /* @__PURE__ */ n(
-          D,
+          N,
           {
             id: "header-account",
             open: l,
-            onClose: c,
+            onClose: a,
             closedBy: e?.forceOpenFullScreen ? "none" : "any",
             expanded: e?.forceOpenFullScreen || s,
-            onToggle: () => x(!s),
+            onToggle: () => v(!s),
+            expandable: e.accountMenu.items.length > B,
             children: /* @__PURE__ */ n(b, { ...e, forceOpenFullScreen: e.forceOpenFullScreen })
           }
         )
       ] }),
       /* @__PURE__ */ n(
-        G,
+        j,
         {
           id: "header-menu",
           open: o === "menu",
-          onClose: c,
+          onClose: a,
           trigger: /* @__PURE__ */ n(
-            j,
+            D,
             {
-              onClick: v,
+              onClick: _,
               expanded: o === "menu",
               disabled: e?.forceOpenFullScreen,
               label: r?.menuLabel
@@ -81,8 +82,8 @@ import '../../assets/GlobalHeader.css';const N = "_header_1iojv_1", T = "_contai
             w,
             {
               ...r,
-              menu: O ? d || r?.menu : m || r?.menu,
-              onClose: c,
+              menu: x ? d || r?.menu : m || r?.menu,
+              onClose: a,
               localeSwitcher: p,
               isOpen: o === "menu"
             }
@@ -93,5 +94,5 @@ import '../../assets/GlobalHeader.css';const N = "_header_1iojv_1", T = "_contai
   ] }) });
 };
 export {
-  Y as GlobalHeader
+  Z as GlobalHeader
 };

package/dist/components/GlobalHeader/HeaderDrawer.js

@@ -1,5 +1,5 @@
-import { jsxs as c, Fragment as d, jsx as r } from "react/jsx-runtime";
-import { useRef as N, useEffect as h } from "react";
+import { jsxs as c, Fragment as m, jsx as r } from "react/jsx-runtime";
+import { useRef as N, useEffect as v } from "react";
 import { Button as D } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "../../tooltip-Ct39-719.js";
@@ -8,81 +8,82 @@ import "../Typography/Link.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as z } from "../../ChevronUp-hn05LboH.js";
-import { S as j } from "../../ChevronDown-D_a7nb-G.js";
-import '../../assets/HeaderDrawer.css';const I = "_backdrop_1fmb0_11", M = "_drawer_1fmb0_28", R = "_footer_1fmb0_60", F = "_body_1fmb0_64", V = "_toggleButton_1fmb0_94", n = {
-  backdrop: I,
-  drawer: M,
-  footer: R,
-  body: F,
-  toggleButton: V
-}, W = ({
+import { S as j } from "../../ChevronUp-hn05LboH.js";
+import { S as I } from "../../ChevronDown-D_a7nb-G.js";
+import '../../assets/HeaderDrawer.css';const M = "_backdrop_yn0zc_11", R = "_drawer_yn0zc_28", F = "_footer_yn0zc_60", V = "_body_yn0zc_64", q = "_toggleButton_yn0zc_104", t = {
+  backdrop: M,
+  drawer: R,
+  footer: F,
+  body: V,
+  toggleButton: q
+}, Z = ({
   id: l,
   open: i,
   onClose: a,
   closedBy: o = "any",
-  expanded: f,
-  onToggle: v,
+  expanded: u,
+  expandable: y = !0,
+  onToggle: b,
   children: _
 }) => {
-  const { languageCode: w } = L(), u = q(w), m = N(null);
-  h(() => {
-    const e = m.current, s = (t) => {
-      const { clientY: p, clientX: b, target: y } = t;
-      if (t instanceof KeyboardEvent && t.key === "Escape") {
+  const { languageCode: w } = L(), f = A(w), d = N(null);
+  v(() => {
+    const e = d.current, s = (n) => {
+      const { clientY: p, clientX: h, target: z } = n;
+      if (n instanceof KeyboardEvent && n.key === "Escape") {
         if (o === "none") {
-          t.preventDefault();
+          n.preventDefault();
           return;
         }
         a();
         return;
       }
-      if (!window.getSelection()?.toString() && e && y === e && o === "any") {
-        const { top: E, left: S, right: x, bottom: C } = e.getBoundingClientRect();
-        E <= p && p <= C && S <= b && b <= x || e?.close();
+      if (!window.getSelection()?.toString() && e && z === e && o === "any") {
+        const { top: E, left: x, right: S, bottom: C } = e.getBoundingClientRect();
+        E <= p && p <= C && x <= h && h <= S || e?.close();
       }
     }, g = () => {
-      const t = e?.querySelector("[autofocus]");
-      document.activeElement !== t && t?.focus();
+      const n = e?.querySelector("[autofocus]");
+      document.activeElement !== n && n?.focus();
     };
     return e?.addEventListener("animationend", g), e?.addEventListener("click", s), e?.addEventListener("keydown", s), () => {
       e?.removeEventListener("animationend", g), e?.removeEventListener("click", s), e?.removeEventListener("keydown", s);
     };
-  }, [o, a]), h(() => {
-    const e = m.current;
+  }, [o, a]), v(() => {
+    const e = d.current;
     e && (i ? e.open || e.showModal() : e.open && e.close());
   }, [i]);
   const k = (e) => {
     e.preventDefault(), o === "any" && a();
   };
-  return /* @__PURE__ */ c(d, { children: [
-    /* @__PURE__ */ r("div", { className: n.backdrop, "aria-hidden": !i }),
+  return /* @__PURE__ */ c(m, { children: [
+    /* @__PURE__ */ r("div", { className: t.backdrop, "aria-hidden": !i }),
     /* @__PURE__ */ c(
       "dialog",
       {
         id: l,
-        ref: m,
+        ref: d,
         "aria-modal": "true",
         "aria-labelledby": "modal-title",
         "data-open": i,
-        "data-expanded": f,
+        "data-expanded": u,
         onCancel: k,
-        className: n.drawer,
+        className: t.drawer,
         onClose: o !== "none" ? a : void 0,
         children: [
-          /* @__PURE__ */ r("div", { className: n.body, children: _ }),
-          o !== "none" && /* @__PURE__ */ r("footer", { className: n.footer, children: /* @__PURE__ */ r(D, { className: n.toggleButton, variant: "outline", onClick: v, children: f ? /* @__PURE__ */ c(d, { children: [
-            /* @__PURE__ */ r(z, { className: n.btnIcon, "aria-hidden": "true" }),
-            u.minimize
-          ] }) : /* @__PURE__ */ c(d, { children: [
-            /* @__PURE__ */ r(j, { className: n.btnIcon, "aria-hidden": "true" }),
-            u.fullscreen
+          /* @__PURE__ */ r("div", { className: t.body, children: _ }),
+          o !== "none" && y && /* @__PURE__ */ r("footer", { className: t.footer, children: /* @__PURE__ */ r(D, { className: t.toggleButton, size: "xs", variant: "outline", onClick: b, children: u ? /* @__PURE__ */ c(m, { children: [
+            /* @__PURE__ */ r(j, { className: t.btnIcon, "aria-hidden": "true" }),
+            f.minimize
+          ] }) : /* @__PURE__ */ c(m, { children: [
+            /* @__PURE__ */ r(I, { className: t.btnIcon, "aria-hidden": "true" }),
+            f.fullscreen
           ] }) }) })
         ]
       }
     )
   ] });
-}, q = (l) => {
+}, A = (l) => {
   switch (l) {
     case "nn":
       return {
@@ -102,5 +103,5 @@ import '../../assets/HeaderDrawer.css';const I = "_backdrop_1fmb0_11", M = "_dra
   }
 };
 export {
-  W as HeaderDrawer
+  Z as HeaderDrawer
 };

package/dist/components/ResourceListItem/ResourceListItem.js

@@ -1,36 +1,47 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsxs as d, Fragment as f, jsx as o } from "react/jsx-runtime";
+import { B as g } from "../../ToolbarSearch-DeQTx93w.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import "../../ToolbarSearch-DeQTx93w.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import { ListItem as c } from "../List/ListItem.js";
-const L = ({
+import { ListItem as h } from "../List/ListItem.js";
+const F = ({
   ownerName: t,
   resourceName: i,
-  ownerLogoUrlAlt: r,
-  ownerLogoUrl: m,
-  description: o,
-  titleAs: p = "h3",
-  ...e
-}) => /* @__PURE__ */ s(
-  c,
-  {
-    icon: {
-      name: t,
-      imageUrl: m,
-      imageUrlAlt: r,
-      type: "company"
-    },
-    title: { children: i, as: p },
-    description: o ?? t,
-    ...e
-  }
-);
+  ownerLogoUrlAlt: e,
+  ownerLogoUrl: p,
+  description: n,
+  titleAs: s = "h3",
+  titleBadge: r,
+  size: l,
+  loading: m,
+  ...c
+}) => {
+  const a = r && !m ? /* @__PURE__ */ d(f, { children: [
+    i,
+    /* @__PURE__ */ o(g, { ...r, style: { marginLeft: "0.5em", verticalAlign: "middle" } })
+  ] }) : i;
+  return /* @__PURE__ */ o(
+    h,
+    {
+      icon: {
+        name: t,
+        imageUrl: p,
+        imageUrlAlt: e,
+        type: "company"
+      },
+      title: { children: a, as: s },
+      description: n ?? t,
+      size: l,
+      loading: m,
+      ...c
+    }
+  );
+};
 export {
-  L as ResourceListItem
+  F as ResourceListItem
 };