@ilo-org/react 0.28.0 → 0.28.1

package/lib/cjs/_store/CardGroup-chunk-HDoqytKS.js

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),v=require("react"),j=require("./index-chunk-Cxg31gtu.js"),h=require("./useGlobalSettings-chunk-Cd48T6lS.js"),g=require("./Button-chunk-DaJZujL8.js"),M=require("./Link-chunk-CP7cvvcX.js"),C=require("./DynamicHeading-chunk-DJzlOgQG.js"),P=require("./LinkList-chunk-CmVHEiqZ.js"),B=require("./Profile-chunk-Bnn1-Z78.js"),H=require("./Icon-chunk-DLR0d6ii.js"),k=require("./List-entry-31dXgvRv.js"),E=require("./Picture-chunk-CWRmIhTV.js"),V=require("./Status-chunk-CaABjeKb.js"),z=v.forwardRef(({className:d,title:a,theme:i="light",size:r="standard",color:e,intro:l,source:n,titleLevel:_="p"},m)=>{const{prefix:p}=h.useGlobalSettings(),c=`${p}--card`,$=j.classNames(`${c}--wrapper`,d),x=j.classNames(c,`${c}__type__stat`,{[`${c}__size__${String(r)}`]:r,[`${c}__theme__${i}`]:i,[`${c}__color__${e}`]:e});return s.jsx("div",{className:$,ref:m,children:s.jsx("div",{className:x,children:s.jsx("div",{className:`${c}--wrap`,children:s.jsxs("div",{className:`${c}--content`,children:[s.jsx(C.DynamicHeading,{level:_,className:`${c}--title`,children:a}),l&&s.jsx("p",{className:`${c}--intro`,children:l}),n&&s.jsx(M.Link,{className:`${c}--source`,url:n.url,label:n.label})]})})})})}),A=({className:d,theme:a="light",size:i="standard"})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=j.classNames(`${e}--wrapper`,d),n=j.classNames(e,`${e}__type__stat`,{[`${e}__size__${String(i)}`]:i,[`${e}__theme__${a}`]:a,[`${e}__loading`]:!0});return s.jsx("div",{className:l,children:s.jsx("div",{className:n,children:s.jsx("div",{className:`${e}--wrap`,children:s.jsxs("div",{className:`${e}--content`,children:[s.jsx("div",{className:`${e}--skeleton--title`}),s.jsx("div",{className:`${e}--skeleton--intro-1`}),s.jsx("div",{className:`${e}--skeleton--intro-2`}),s.jsx("div",{className:`${e}--skeleton--source`})]})})})})},S=Object.assign(z,{Skeleton:A});S.displayName="StatCard";S.Skeleton.displayName="StatCard.Skeleton";const J=v.forwardRef(({className:d,title:a,size:i="standard",alignment:r,intro:e,link:l,linklist:n,image:_,titleLevel:m="p",eyebrow:p,isVideo:c,theme:$="light"},x)=>{const{prefix:N}=h.useGlobalSettings(),t=`${N}--card`,u=j.classNames(t,d,`${t}__type__multilink`,{[`${t}__align__${r}`]:r,[`${t}__size__${i}`]:i,[`${t}__isvideo`]:c,[`${t}--no-image`]:!_,[`${t}__theme__${$}`]:$});return s.jsxs("div",{className:u,ref:x,children:[l&&s.jsx("a",{className:`${t}--link`,href:l,title:a,children:s.jsx("span",{className:`${t}--link--text`,children:a})}),s.jsxs("div",{className:`${t}--wrap`,children:[_&&s.jsx("div",{className:`${t}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:_,alt:a,className:`${t}--picture`})})}),s.jsxs("div",{className:`${t}--content`,children:[p&&s.jsx("p",{className:`${t}--eyebrow`,children:p}),s.jsx(C.DynamicHeading,{level:m,className:`${t}--title`,children:a}),_&&s.jsx("div",{className:`${t}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:_,alt:a,className:`${t}--picture`})})}),e&&(v.isValidElement(e)?s.jsx("div",{className:`${t}--intro`,children:e}):s.jsx("p",{className:`${t}--intro`,children:e})),n&&s.jsx(P.LinkList,{...n})]})]})]})}),K=({className:d,size:a="standard",alignment:i,theme:r="light"})=>{const{prefix:e}=h.useGlobalSettings(),l=`${e}--card`,n=j.classNames(l,d,`${l}__type__multilink`,{[`${l}__align__${i}`]:i,[`${l}__size__${a}`]:a,[`${l}__theme__${r}`]:r});return s.jsx("div",{className:n,children:s.jsxs("div",{className:`${l}--wrap`,children:[s.jsx("div",{className:`${l}--skeleton--column-image`}),s.jsxs("div",{className:`${l}--content`,children:[s.jsx("div",{className:`${l}--skeleton--eyebrow`}),s.jsx("div",{className:`${l}--skeleton--title-1`}),s.jsx("div",{className:`${l}--skeleton--title-2`}),s.jsx("div",{className:`${l}--skeleton--row-image`}),s.jsx("div",{className:`${l}--skeleton--intro-1`}),s.jsx("div",{className:`${l}--skeleton--intro-2`}),s.jsx("div",{className:`${l}--skeleton--intro-3`}),s.jsx("div",{className:`${l}--skeleton--intro-4`})]})]})})},y=Object.assign(J,{Skeleton:K});y.displayName="MultiLinkCard";y.Skeleton.displayName="MultiLinkCard.Skeleton";const Q=v.forwardRef(({className:d,title:a,theme:i="light",size:r="narrow",date:e,profile:l,link:n,titleLevel:_="p",eyebrow:m},p)=>{const{prefix:c}=h.useGlobalSettings(),$=`${c}--card`,x=j.classNames(`${$}--wrapper`,d),N=j.classNames($,`${$}__type__text`,{[`${$}__size__${String(r)}`]:r,[`${$}__theme__${i}`]:i});return s.jsx("div",{className:x,ref:p,children:s.jsxs("div",{className:N,children:[s.jsx("a",{className:`${$}--link`,href:n,title:a,children:s.jsx("span",{className:`${$}--link--text`,children:a})}),s.jsx("div",{className:`${$}--wrap`,children:s.jsxs("div",{className:`${$}--content`,children:[m&&s.jsx("p",{className:`${$}--eyebrow`,children:m}),s.jsx(C.DynamicHeading,{level:_,className:`${$}--title`,children:a}),e&&s.jsx("time",{className:`${$}--date`,dateTime:e.unix,children:e.human}),l&&s.jsx(B.Profile,{avatar:l.avatar,description:l.description,link:l.link,name:l.name,role:l.role,theme:i})]})})]})})}),U=({className:d,size:a,theme:i})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=j.classNames(`${e}--wrapper`,d),n=j.classNames(e,`${e}__type__text`,{[`${e}__size__${String(a)}`]:a,[`${e}__theme__${i}`]:i});return s.jsx("div",{className:l,children:s.jsx("div",{className:n,children:s.jsx("div",{className:`${e}--wrap`,children:s.jsxs("div",{className:`${e}--content`,children:[s.jsx("div",{className:`${e}--skeleton--eyebrow`}),s.jsx("div",{className:`${e}--skeleton--title`}),s.jsx("div",{className:`${e}--skeleton--date`}),s.jsx("div",{className:`${e}--skeleton--profile`})]})})})})},w=Object.assign(Q,{Skeleton:U});w.displayName="TextCard";w.Skeleton.displayName="TextCard.Skeleton";const W=v.forwardRef(({className:d,title:a,theme:i="light",size:r="narrow",cornercut:e,intro:l,link:n,cta:_,titleLevel:m="p",eyebrow:p},c)=>{const{prefix:$}=h.useGlobalSettings(),x=`${$}--card`,N=j.classNames(`${x}--wrapper`,d,`${x}--wrapper__type__promo`,`${x}--wrapper__type__promo__size__${r}`),t=j.classNames(x,`${x}__type__promo`,{[`${x}__size__${String(r)}`]:r,[`${x}__theme__${i}`]:i,[`${x}__cornercut`]:e});return s.jsx("div",{className:N,ref:c,children:s.jsxs("div",{className:t,children:[s.jsx("a",{className:`${x}--link`,href:n,title:a,children:s.jsx("span",{className:`${x}--link--text`,children:a})}),s.jsx("div",{className:`${x}--wrap`,children:s.jsxs("div",{className:`${x}--content`,children:[p&&s.jsx("p",{className:`${x}--eyebrow`,children:p}),s.jsx(C.DynamicHeading,{level:m,className:`${x}--title`,children:a}),l&&s.jsx("p",{className:`${x}--intro`,children:l}),(_==null?void 0:_.label)&&s.jsx("div",{className:`${x}--cta`,children:s.jsx(g.Button,{link:{url:_.url,label:_.label},size:"medium",type:"primary"})})]})})]})})}),X=({className:d,theme:a="light",size:i="narrow"})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=j.classNames(`${e}--wrapper`,d,`${e}--wrapper__type__promo`,`${e}--wrapper__type__promo__size__${i}`),n=j.classNames(e,`${e}__type__promo`,{[`${e}__size__${String(i)}`]:i,[`${e}__theme__${a}`]:a});return s.jsx("div",{className:l,children:s.jsx("div",{className:n,children:s.jsxs("div",{className:`${e}--wrap`,children:[s.jsx("div",{className:`${e}--skeleton--eyebrow`}),s.jsx("div",{className:`${e}--skeleton--title-1`}),s.jsx("div",{className:`${e}--skeleton--title-2`}),s.jsx("div",{className:`${e}--skeleton--intro-1`}),s.jsx("div",{className:`${e}--skeleton--intro-2`}),s.jsx("div",{className:`${e}--skeleton--intro-3`})]})})})},f=Object.assign(W,{Skeleton:X});f.displayName="PromoCard";f.Skeleton.displayName="PromoCard.Skeleton";const Y=v.forwardRef(({className:d,title:a,theme:i="light",size:r="narrow",date:e,link:l,linklist:n,image:_,titleLevel:m="p",eyebrow:p,isVideo:c},$)=>{const{prefix:x}=h.useGlobalSettings(),N=`${x}--card`,t=j.classNames(N,d,`${N}__type__feature`,{[`${N}__size__${String(r)}`]:r,[`${N}__theme__${i}`]:i,[`${N}__isvideo`]:c,[`${N}__linklist`]:n});return s.jsxs("div",{className:t,ref:$,children:[l&&s.jsx("a",{className:`${N}--link`,href:l,title:a,children:s.jsx("span",{className:`${N}--link--text`,children:a})}),s.jsxs("div",{className:`${N}--wrap`,children:[_&&s.jsx("div",{className:`${N}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:_,alt:a,className:`${N}--picture`})})}),s.jsxs("div",{className:`${N}--content`,children:[p&&s.jsx("p",{className:`${N}--eyebrow`,children:p}),s.jsx(C.DynamicHeading,{level:m,className:`${N}--title`,children:a}),e&&s.jsx("time",{className:`${N}--date`,dateTime:e.unix,children:e.human}),n&&r==="narrow"&&s.jsx(P.LinkList,{headline:n.headline,linkgroup:n.linkgroup,theme:i})]})]}),n&&(r==="wide"||r==="fluid")&&s.jsx(P.LinkList,{headline:n.headline,linkgroup:n.linkgroup,theme:i})]})}),Z=({className:d,size:a,theme:i})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=j.classNames(e,d,`${e}__type__feature`,{[`${e}__size__${String(a)}`]:a,[`${e}__theme__${i}`]:i});return s.jsx("div",{className:l,children:s.jsxs("div",{className:`${e}--wrap`,children:[s.jsx("div",{className:`${e}--skeleton--image`}),s.jsxs("div",{className:`${e}--content`,children:[s.jsx("div",{className:`${e}--skeleton--eyebrow`}),s.jsx("div",{className:`${e}--skeleton--title`}),s.jsx("div",{className:`${e}--skeleton--date`})]})]})})},L=Object.assign(Y,{Skeleton:Z});L.displayName="FeatureCard";L.Skeleton.displayName="FeatureCard.Skeleton";const ss=v.forwardRef(({className:d,title:a,theme:i="light",size:r="narrow",date:e,details:l,dateExtra:n,link:_,titleLevel:m="p",eyebrow:p,intro:c,image:$,isVideo:x=!1,linkComponent:N},t)=>{const{prefix:u}=h.useGlobalSettings(),o=`${u}--card`,R=j.classNames(o,`${o}__type__detail`,d,{[`${o}__size__${String(r)}`]:r,[`${o}__theme__${i}`]:i,[`${o}__isvideo`]:x}),T=v.createElement(N||"a",{className:`${o}--link`,href:_,title:a},s.jsx("span",{className:`${o}--link--text`,children:a}));return s.jsxs("div",{className:R,ref:t,children:[_&&T,s.jsxs("div",{className:`${o}--wrap`,children:[$&&s.jsx("div",{className:`${o}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{className:`${o}--picture`,src:$,alt:a})})}),s.jsxs("div",{className:`${o}--content`,children:[p&&s.jsx("p",{className:`${o}--eyebrow`,children:p}),a&&s.jsx(C.DynamicHeading,{level:m,className:`${o}--title`,children:a}),c&&(v.isValidElement(c)?s.jsx("div",{className:`${o}--intro`,children:c}):s.jsx("p",{className:`${o}--intro`,children:c})),e&&!(n||l)&&s.jsx("time",{className:`${o}--date`,dateTime:e.unix,children:e.human}),(n||l)&&s.jsxs("p",{className:`${o}--date-extra`,children:[s.jsx(H.Icon,{name:"TriangleRight",size:20,className:`${o}--icon-right`}),s.jsx(H.Icon,{name:"TriangleLeft",size:20,className:`${o}--icon-left`}),n||l]})]})]})]})}),es=({className:d,theme:a="light",size:i="narrow"})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=j.classNames(e,`${e}__type__detail`,d,{[`${e}__size__${String(i)}`]:i,[`${e}__theme__${a}`]:a});return s.jsx("div",{className:l,children:s.jsxs("div",{className:`${e}--wrap`,children:[s.jsx("div",{className:`${e}--image--wrapper`,children:s.jsx("div",{className:`${e}--skeleton--image`})}),s.jsxs("div",{className:`${e}--content`,children:[s.jsx("div",{className:`${e}--skeleton--eyebrow`}),s.jsx("div",{className:`${e}--skeleton--title-1`}),s.jsx("div",{className:`${e}--skeleton--title-2`}),s.jsx("div",{className:`${e}--skeleton--intro-1`}),s.jsx("div",{className:`${e}--skeleton--intro-2`}),s.jsx("div",{className:`${e}--skeleton--intro-3`}),s.jsx("div",{className:`${e}--skeleton--intro-4`}),s.jsx("div",{className:`${e}--skeleton--intro-5`})]})]})})},G=Object.assign(ss,{Skeleton:es});G.displayName="DetailCard";G.Skeleton.displayName="DetailCard.Skeleton";const as=v.forwardRef(({title:d,theme:a="light",size:i="narrow",list:r,titleLevel:e="p",className:l},n)=>{const{prefix:_}=h.useGlobalSettings(),m=`${_}--card`,p=j.classNames(m,`${m}__type__factlist`,l,{[`${m}__size__${i}`]:i,[`${m}__theme__${a}`]:a});return s.jsx("div",{className:p,ref:n,children:s.jsx("div",{className:`${m}--wrap`,children:s.jsxs("div",{className:`${m}--content`,children:[d&&s.jsx(C.DynamicHeading,{level:e,className:`${_}--card--title`,children:d}),s.jsx(k.List,{alignment:"default",ordered:"unordered",theme:a,children:r.map(c=>s.jsx(k.List.Item,{children:s.jsx("p",{children:c})},c))})]})})})}),ls=({className:d,theme:a="light",size:i="narrow"})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=j.classNames(e,`${e}__type__factlist`,d,{[`${e}__size__${i}`]:i,[`${e}__theme__${a}`]:a});return s.jsx("div",{className:l,children:s.jsx("div",{className:`${e}--wrap`,children:s.jsxs("div",{className:`${e}--content`,children:[s.jsx("div",{className:`${e}--skeleton--title`}),s.jsxs(k.List,{alignment:"default",ordered:"unordered",theme:a,children:[s.jsx(k.List.Item,{children:s.jsx("div",{className:`${e}--skeleton--list-item`})}),s.jsx(k.List.Item,{children:s.jsx("div",{className:`${e}--skeleton--list-item`})}),s.jsx(k.List.Item,{children:s.jsx("div",{className:`${e}--skeleton--list-item`})}),s.jsx(k.List.Item,{children:s.jsx("div",{className:`${e}--skeleton--list-item`})}),s.jsx(k.List.Item,{children:s.jsx("div",{className:`${e}--skeleton--list-item`})})]})]})})})},D=Object.assign(as,{Skeleton:ls});D.displayName="FactListCard";D.Skeleton.displayName="FactListCard.Skeleton";const ns=v.forwardRef(({theme:d="light",eyebrow:a,size:i="narrow",image:r,dataset:e,columns:l="one",className:n},_)=>{var N;const{prefix:m}=h.useGlobalSettings(),p=i==="narrow"?"one":l,c=`${m}--card`,$=j.classNames(c,`${c}__type__data`,n,{[`${c}__size__${String(i)}`]:i,[`${c}__type__data__columns__${p}`]:p,[`${c}__theme__${d}`]:d}),x=j.classNames(`${c}--content`,{[`${c}--content__with-image`]:r,[`${c}--content__no-image-with-links`]:!r&&(e==null?void 0:e.links),[`${c}--content__default`]:!r&&!(e!=null&&e.links)});return s.jsx("div",{className:$,ref:_,children:s.jsxs("div",{className:`${c}--wrap`,children:[!r&&a&&s.jsx("div",{className:`${c}--eyebrow`,children:a}),s.jsxs("div",{className:x,children:[r&&s.jsxs("div",{className:`${c}--area--image`,children:[a&&s.jsx("div",{className:`${c}--eyebrow`,children:a}),s.jsx("div",{className:`${c}--image`,children:s.jsx("picture",{children:s.jsx("img",{className:`${c}--picture`,src:r,alt:a})})})]}),(N=e==null?void 0:e.content)==null?void 0:N.items.map((t,u)=>s.jsxs("div",{className:`${c}--area--content`,children:[s.jsx("p",{className:`${c}__type__data--content-label`,children:t.label}),s.jsx("p",{className:`${c}__type__data--content-copy`,children:t.copy})]},u)),(e==null?void 0:e.files)&&s.jsx("div",{className:`${c}--area--files`,children:s.jsxs("div",{className:`${c}__type__data--content-files`,children:[s.jsx("p",{className:`${c}__type__data--content-label`,children:e.files.headline}),e.files.items.map((t,u)=>s.jsx(g.Button,{link:{url:t.url,label:t.label,target:t.target||"_self"},size:"small"},u))]})}),(e==null?void 0:e.cta)&&s.jsx("div",{className:`${c}--area--cta`,children:s.jsxs("div",{className:`${c}__type__data--content-cta`,children:[s.jsx("p",{className:`${c}__type__data--content-label`,children:e.cta.headline}),e.cta.items.map(t=>s.jsx(g.Button,{type:"secondary",size:"small",link:{url:t.url,label:t.label,target:t.target}},t.label))]})}),(e==null?void 0:e.links)&&s.jsx("div",{className:`${c}--area--links`,children:s.jsxs("div",{className:`${c}__type__data--content-links`,children:[s.jsx("p",{className:`${c}__type__data--content-label`,children:e.links.headline}),s.jsx("div",{className:`${c}__type__data--content-links-list`,children:e.links.items.map(t=>s.jsx(v.Fragment,{children:s.jsx(M.Link,{url:t.url,label:t.label,className:`${c}__type__data--content-link`})},t.label+t.url))})]})})]})]})})}),cs=({className:d,theme:a="light",size:i="narrow",columns:r="one"})=>{const{prefix:e}=h.useGlobalSettings(),l=i==="narrow"?"one":r,n=`${e}--card`,_=j.classNames(n,`${n}__type__data`,d,{[`${n}__size__${String(i)}`]:i,[`${n}__type__data__columns__${l}`]:l,[`${n}__theme__${a}`]:a,[`${n}__loading`]:!0}),m=`${n}--content`;return s.jsx("div",{className:_,children:s.jsx("div",{className:`${n}--wrap`,children:s.jsxs("div",{className:m,children:[s.jsxs("div",{className:`${n}--area--image`,children:[s.jsx("div",{className:`${n}--skeleton--eyebrow`}),s.jsx("div",{className:`${n}--skeleton--image`})]}),s.jsxs("div",{className:`${n}--area--content`,children:[s.jsx("div",{className:`${n}--skeleton--label`}),s.jsx("div",{className:`${n}--skeleton--copy`})]}),s.jsxs("div",{className:`${n}--area--content`,children:[s.jsx("div",{className:`${n}--skeleton--label`}),s.jsx("div",{className:`${n}--skeleton--copy`})]}),s.jsxs("div",{className:`${n}--area--content`,children:[s.jsx("div",{className:`${n}--skeleton--label`}),s.jsx("div",{className:`${n}--skeleton--copy`})]})]})})})},q=Object.assign(ns,{Skeleton:cs});q.displayName="DataCard";q.Skeleton.displayName="DataCard.Skeleton";const is=v.forwardRef(({className:d,theme:a="light",titleLevel:i="p",size:r="narrow",link:e,linkComponent:l,title:n,isVideo:_=!1,image:m,status:p,eyebrow:c,content:$,cta:x},N)=>{var O;const{prefix:t}=h.useGlobalSettings(),u=a==="dark"?"var(--ilo-color-white)":"var(--ilo-color-gray-accessible)",o=`${t}--card`,R=j.classNames(o,`${o}__type__score`,{[`${o}__theme__${a}`]:a,[`${o}__size__${r}`]:r,[`${o}__isvideo`]:_}),T=v.createElement(l||"a",{href:e,title:n,className:`${o}--link`},s.jsx("span",{className:`${o}--link--text`,children:n}));return s.jsxs("div",{className:j.classNames(R,d),ref:N,children:[T,s.jsxs("div",{className:`${o}--wrap`,children:[m&&r!=="simple"&&s.jsx("div",{className:`${o}--image--wrapper`,children:s.jsx(E.Picture,{...m})}),s.jsxs("div",{className:`${o}--content`,children:[p&&s.jsx(V.Status,{content:p.content,statusType:p.statusType}),c&&r!=="simple"&&s.jsx("p",{className:`${o}--eyebrow`,children:c}),n&&s.jsx(C.DynamicHeading,{level:i,className:`${o}--title`,children:n}),$&&s.jsx("div",{className:`${o}--area--content`,children:(O=$.items)==null?void 0:O.map((b,I)=>s.jsxs("div",{className:`${o}--content--item`,children:[s.jsx(H.Icon,{name:b.icon,size:20,color:u}),s.jsx("span",{children:b.label})]},I))}),x&&s.jsx("div",{className:`${o}--area--cta`,children:x.items.map((b,I)=>s.jsx("div",{className:`${o}--cta`,children:b},I))})]})]})]})}),rs=({className:d,theme:a="light",size:i="narrow"})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=j.classNames(e,`${e}__type__score`,{[`${e}__theme__${a}`]:a,[`${e}__size__${i}`]:i});return s.jsx("div",{className:j.classNames(l,d),children:s.jsxs("div",{className:`${e}--wrap`,children:[s.jsx("div",{className:`${e}--skeleton--image`}),s.jsxs("div",{className:`${e}--content`,children:[s.jsx("div",{className:`${e}--skeleton--eyebrow`}),s.jsx("div",{className:`${e}--skeleton--title`}),s.jsx("div",{className:`${e}--skeleton--date`})]})]})})},F=Object.assign(is,{Skeleton:rs});F.displayName="ScoreCard";F.Skeleton.displayName="ScoreCard.Skeleton";const ts={stat:S,multilink:y,text:w,promo:f,feature:L,detail:G,factlist:D,data:q,score:F},ds=v.forwardRef(({type:d,group:a,cardCount:i="one",cta:r,collapsed:e=!1},l)=>{const n=ts[d],{prefix:_}=h.useGlobalSettings(),m=`${_}--cardgroup`,p=j.classNames(m,`${m}__count__${i}`,{[`${m}__collapsed`]:e});return s.jsxs("div",{className:p,ref:l,children:[s.jsx("div",{className:`${m}--inner`,children:a.map((c,$)=>s.jsx(n,{...c},$))}),r&&s.jsx("div",{className:`${m}--button-wrap`,children:s.jsx(g.Button,{link:{url:r.url,label:r.label},type:"secondary",size:"medium"})})]})});exports.CardGroup=ds;exports.DataCardCombined=q;exports.DetailCardCombined=G;exports.FactListCardCombined=D;exports.FeatureCardCombined=L;exports.MultiLinkCardCombined=y;exports.PromoCardCombined=f;exports.ScoreCardCombined=F;exports.StatCardCombined=S;exports.TextCardCombined=w;

package/lib/cjs/_store/{Cards-entry-DY2D-7_i.js → Cards-entry-DZ1Jw3ZI.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./CardGroup-chunk-D_hGpZ5E.js");exports.CardGroup=r.CardGroup;exports.DataCard=r.DataCardCombined;exports.DetailCard=r.DetailCardCombined;exports.FactListCard=r.FactListCardCombined;exports.FeatureCard=r.FeatureCardCombined;exports.MultiLinkCard=r.MultiLinkCardCombined;exports.PromoCard=r.PromoCardCombined;exports.ScoreCard=r.ScoreCardCombined;exports.StatCard=r.StatCardCombined;exports.TextCard=r.TextCardCombined;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./CardGroup-chunk-HDoqytKS.js");exports.CardGroup=r.CardGroup;exports.DataCard=r.DataCardCombined;exports.DetailCard=r.DetailCardCombined;exports.FactListCard=r.FactListCardCombined;exports.FeatureCard=r.FeatureCardCombined;exports.MultiLinkCard=r.MultiLinkCardCombined;exports.PromoCard=r.PromoCardCombined;exports.ScoreCard=r.ScoreCardCombined;exports.StatCard=r.StatCardCombined;exports.TextCard=r.TextCardCombined;

package/lib/cjs/_store/{components-entry-XHS0OOGY.js → components-entry-DH0DyJir.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Accordion-entry-CmEtc6xU.js"),i=require("./Form-chunk-CyfJEjS9.js"),a=require("./Collapse-chunk-ocNUOS_3.js"),n=require("./Empty-chunk-CSXmTnRW.js"),u=require("./Image-chunk-bZyx8E0O.js"),d=require("./Loading-chunk-BAVpKjsu.js"),c=require("./Radio-chunk-C4PweUcm.js"),l=require("./Tag-chunk-RApwQiSR.js"),s=require("./Button-chunk-DaJZujL8.js"),C=require("./ContextMenu-chunk-Bt4IM9J7.js"),q=require("./Fieldset-chunk-ChHFEwgQ.js"),b=require("./GlobalProvider-chunk-BInwj8Vo.js"),g=require("./GlobalCtx-chunk-D_GlGcgw.js"),r=require("./TextInput.args-chunk-CZIwr5h8.js"),L=require("./Notification-chunk-CEm56fOA.js"),T=require("./ReadMore-chunk-DjPhO-lH.js"),m=require("./Textarea-chunk-yD7hFNC1.js"),p=require("./Callout-chunk-BdeAvp9z.js"),x=require("./FileUpload-chunk-Cs3yHoZ7.js"),P=require("./Heading-chunk-t4FvnOcp.js"),F=require("./Link-chunk-CP7cvvcX.js"),k=require("./NumberPicker-chunk-CTlAxdIK.js"),S=require("./RichText-chunk-vKgvdzZl.js"),M=require("./Tooltip-chunk-DlKiieYX.js"),v=require("./Checkbox-chunk-IcVAXUrv.js"),I=require("./DatePicker-chunk-3IOigKn5.js"),N=require("./Hero-chunk-CDJrCpL6.js"),f=require("./HeroCard-chunk-BO2BICG5.js"),D=require("./LinkList-chunk-CmVHEiqZ.js"),h=require("./Pagination-chunk-mrfIdsCC.js"),G=require("./SearchField-chunk-CJ99dGc4.js"),H=require("./Video-chunk-CEQmBL6F.js"),R=require("./Dropdown-chunk-DmxZPa5u.js"),y=require("./Icon-chunk-DLR0d6ii.js"),A=require("./List-entry-31dXgvRv.js"),B=require("./Profile-chunk-Bnn1-Z78.js"),O=require("./TableOfContents-chunk-CLa_-Dhd.js"),w=require("./Footer-chunk-DvVEyN5x.js"),e=require("./CardGroup-chunk-D_hGpZ5E.js"),E=require("./Breadcrumb-chunk-Bc1WgkRf.js"),U=require("./Status-chunk-CaABjeKb.js"),V=require("./Tabs-chunk-DXWL7rh9.js"),_=require("./AudioPlayer-chunk-B7JUo7j6.js"),j=require("./LanguageToggle-chunk-Dq721sHc.js"),o=require("./MainNav-chunk-C9rtuWNB.js");exports.Accordion=t.Accordion;exports.Form=i.Form;exports.Collapse=a.Collapse;exports.Empty=n.Empty;exports.Image=u.Image;exports.Loading=d.Loading;exports.Radio=c.LabelledRadio;exports.Tag=l.Tag;exports.Button=s.Button;exports.ContextMenu=C.ContextMenu;exports.Fieldset=q.Fieldset;exports.GlobalProvider=b.GlobalProvider;exports.GlobalProviderContext=g.GlobalProviderContext;exports.TextInput=r.LabelledTextInput;exports.TextInputArgs=r.TextInput_args;exports.Notification=L.Notification;exports.ReadMore=T.ReadMore;exports.Textarea=m.LabelledTextarea;exports.Callout=p.Callout;exports.FileUpload=x.LabelledFileUpload;exports.Heading=P.Heading;exports.Link=F.Link;exports.NumberPicker=k.LabelledNumberPicker;exports.RichText=S.RichText;exports.Tooltip=M.Tooltip;exports.Checkbox=v.LabelledCheckbox;exports.DatePicker=I.LabelledDatePicker;exports.Hero=N.Hero;exports.HeroCard=f.HeroCard;exports.LinkList=D.LinkList;exports.Pagination=h.Pagination;exports.SearchField=G.SearchField;exports.Video=H.Video;exports.Dropdown=R.LabelledDropdown;exports.Icon=y.Icon;exports.List=A.List;exports.Profile=B.Profile;exports.TableOfContents=O.TableOfContents;exports.Footer=w.Footer;exports.CardGroup=e.CardGroup;exports.DataCard=e.DataCardCombined;exports.DetailCard=e.DetailCardCombined;exports.FactListCard=e.FactListCardCombined;exports.FeatureCard=e.FeatureCardCombined;exports.MultiLinkCard=e.MultiLinkCardCombined;exports.PromoCard=e.PromoCardCombined;exports.ScoreCard=e.ScoreCardCombined;exports.StatCard=e.StatCardCombined;exports.TextCard=e.TextCardCombined;exports.Breadcrumb=E.Breadcrumb;exports.Status=U.Status;exports.Tabs=V.Tabs;exports.AudioPlayer=_.AudioPlayer;exports.LanguageToggle=j.LanguageToggle;exports.MainNav=o.MainNav;exports.SubsiteNav=o.SubsiteNav;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Accordion-entry-CmEtc6xU.js"),i=require("./Form-chunk-CyfJEjS9.js"),a=require("./Collapse-chunk-ocNUOS_3.js"),n=require("./Empty-chunk-CSXmTnRW.js"),u=require("./Image-chunk-bZyx8E0O.js"),d=require("./Loading-chunk-BAVpKjsu.js"),c=require("./Radio-chunk-C4PweUcm.js"),l=require("./Tag-chunk-RApwQiSR.js"),s=require("./Button-chunk-DaJZujL8.js"),C=require("./ContextMenu-chunk-Bt4IM9J7.js"),q=require("./Fieldset-chunk-ChHFEwgQ.js"),b=require("./GlobalProvider-chunk-BInwj8Vo.js"),g=require("./GlobalCtx-chunk-D_GlGcgw.js"),r=require("./TextInput.args-chunk-CZIwr5h8.js"),L=require("./Notification-chunk-CEm56fOA.js"),T=require("./ReadMore-chunk-DjPhO-lH.js"),m=require("./Textarea-chunk-yD7hFNC1.js"),p=require("./Callout-chunk-BdeAvp9z.js"),x=require("./FileUpload-chunk-Cs3yHoZ7.js"),P=require("./Heading-chunk-t4FvnOcp.js"),F=require("./Link-chunk-CP7cvvcX.js"),k=require("./NumberPicker-chunk-CTlAxdIK.js"),S=require("./RichText-chunk-vKgvdzZl.js"),M=require("./Tooltip-chunk-DlKiieYX.js"),v=require("./Checkbox-chunk-IcVAXUrv.js"),I=require("./DatePicker-chunk-3IOigKn5.js"),N=require("./Hero-chunk-CDJrCpL6.js"),f=require("./HeroCard-chunk-BO2BICG5.js"),D=require("./LinkList-chunk-CmVHEiqZ.js"),h=require("./Pagination-chunk-mrfIdsCC.js"),G=require("./SearchField-chunk-CJ99dGc4.js"),H=require("./Video-chunk-CEQmBL6F.js"),R=require("./Dropdown-chunk-DmxZPa5u.js"),y=require("./Icon-chunk-DLR0d6ii.js"),A=require("./List-entry-31dXgvRv.js"),B=require("./Profile-chunk-Bnn1-Z78.js"),O=require("./TableOfContents-chunk-CLa_-Dhd.js"),w=require("./Footer-chunk-DvVEyN5x.js"),e=require("./CardGroup-chunk-HDoqytKS.js"),E=require("./Breadcrumb-chunk-Bc1WgkRf.js"),U=require("./Status-chunk-CaABjeKb.js"),V=require("./Tabs-chunk-DXWL7rh9.js"),_=require("./AudioPlayer-chunk-B7JUo7j6.js"),j=require("./LanguageToggle-chunk-Dq721sHc.js"),o=require("./MainNav-chunk-C9rtuWNB.js");exports.Accordion=t.Accordion;exports.Form=i.Form;exports.Collapse=a.Collapse;exports.Empty=n.Empty;exports.Image=u.Image;exports.Loading=d.Loading;exports.Radio=c.LabelledRadio;exports.Tag=l.Tag;exports.Button=s.Button;exports.ContextMenu=C.ContextMenu;exports.Fieldset=q.Fieldset;exports.GlobalProvider=b.GlobalProvider;exports.GlobalProviderContext=g.GlobalProviderContext;exports.TextInput=r.LabelledTextInput;exports.TextInputArgs=r.TextInput_args;exports.Notification=L.Notification;exports.ReadMore=T.ReadMore;exports.Textarea=m.LabelledTextarea;exports.Callout=p.Callout;exports.FileUpload=x.LabelledFileUpload;exports.Heading=P.Heading;exports.Link=F.Link;exports.NumberPicker=k.LabelledNumberPicker;exports.RichText=S.RichText;exports.Tooltip=M.Tooltip;exports.Checkbox=v.LabelledCheckbox;exports.DatePicker=I.LabelledDatePicker;exports.Hero=N.Hero;exports.HeroCard=f.HeroCard;exports.LinkList=D.LinkList;exports.Pagination=h.Pagination;exports.SearchField=G.SearchField;exports.Video=H.Video;exports.Dropdown=R.LabelledDropdown;exports.Icon=y.Icon;exports.List=A.List;exports.Profile=B.Profile;exports.TableOfContents=O.TableOfContents;exports.Footer=w.Footer;exports.CardGroup=e.CardGroup;exports.DataCard=e.DataCardCombined;exports.DetailCard=e.DetailCardCombined;exports.FactListCard=e.FactListCardCombined;exports.FeatureCard=e.FeatureCardCombined;exports.MultiLinkCard=e.MultiLinkCardCombined;exports.PromoCard=e.PromoCardCombined;exports.ScoreCard=e.ScoreCardCombined;exports.StatCard=e.StatCardCombined;exports.TextCard=e.TextCardCombined;exports.Breadcrumb=E.Breadcrumb;exports.Status=U.Status;exports.Tabs=V.Tabs;exports.AudioPlayer=_.AudioPlayer;exports.LanguageToggle=j.LanguageToggle;exports.MainNav=o.MainNav;exports.SubsiteNav=o.SubsiteNav;

package/lib/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./_store/Accordion-entry-CmEtc6xU.js"),a=require("./_store/Form-chunk-CyfJEjS9.js"),n=require("./_store/Collapse-chunk-ocNUOS_3.js"),u=require("./_store/Empty-chunk-CSXmTnRW.js"),s=require("./_store/Image-chunk-bZyx8E0O.js"),c=require("./_store/Loading-chunk-BAVpKjsu.js"),d=require("./_store/Radio-chunk-C4PweUcm.js"),l=require("./_store/Tag-chunk-RApwQiSR.js"),C=require("./_store/Button-chunk-DaJZujL8.js"),q=require("./_store/ContextMenu-chunk-Bt4IM9J7.js"),b=require("./_store/Fieldset-chunk-ChHFEwgQ.js"),g=require("./_store/GlobalProvider-chunk-BInwj8Vo.js"),T=require("./_store/GlobalCtx-chunk-D_GlGcgw.js"),r=require("./_store/TextInput.args-chunk-CZIwr5h8.js"),p=require("./_store/Notification-chunk-CEm56fOA.js"),L=require("./_store/ReadMore-chunk-DjPhO-lH.js"),m=require("./_store/Textarea-chunk-yD7hFNC1.js"),P=require("./_store/Callout-chunk-BdeAvp9z.js"),x=require("./_store/FileUpload-chunk-Cs3yHoZ7.js"),k=require("./_store/Heading-chunk-t4FvnOcp.js"),F=require("./_store/Link-chunk-CP7cvvcX.js"),S=require("./_store/NumberPicker-chunk-CTlAxdIK.js"),v=require("./_store/RichText-chunk-vKgvdzZl.js"),G=require("./_store/Tooltip-chunk-DlKiieYX.js"),M=require("./_store/Checkbox-chunk-IcVAXUrv.js"),I=require("./_store/DatePicker-chunk-3IOigKn5.js"),N=require("./_store/Hero-chunk-CDJrCpL6.js"),f=require("./_store/HeroCard-chunk-BO2BICG5.js"),D=require("./_store/LinkList-chunk-CmVHEiqZ.js"),h=require("./_store/Pagination-chunk-mrfIdsCC.js"),H=require("./_store/SearchField-chunk-CJ99dGc4.js"),R=require("./_store/Video-chunk-CEQmBL6F.js"),y=require("./_store/Dropdown-chunk-DmxZPa5u.js"),B=require("./_store/Icon-chunk-DLR0d6ii.js"),O=require("./_store/List-entry-31dXgvRv.js"),A=require("./_store/Profile-chunk-Bnn1-Z78.js"),w=require("./_store/TableOfContents-chunk-CLa_-Dhd.js"),E=require("./_store/Footer-chunk-DvVEyN5x.js"),e=require("./_store/CardGroup-chunk-D_hGpZ5E.js"),U=require("./_store/Breadcrumb-chunk-Bc1WgkRf.js"),V=require("./_store/Status-chunk-CaABjeKb.js"),_=require("./_store/Tabs-chunk-DXWL7rh9.js"),j=require("./_store/AudioPlayer-chunk-B7JUo7j6.js"),$=require("./_store/LanguageToggle-chunk-Dq721sHc.js"),o=require("./_store/MainNav-chunk-C9rtuWNB.js"),z=require("./_store/useGlobalSettings-chunk-Cd48T6lS.js"),J=require("./_store/usePrevious-chunk-DENrwKF1.js"),t=require("./_store/useOutsideClick-chunk-B3G_jqci.js"),K=require("./_store/useFocusTrap-chunk-CB0jpZY1.js");exports.Accordion=i.Accordion;exports.Form=a.Form;exports.Collapse=n.Collapse;exports.Empty=u.Empty;exports.Image=s.Image;exports.Loading=c.Loading;exports.Radio=d.LabelledRadio;exports.Tag=l.Tag;exports.Button=C.Button;exports.ContextMenu=q.ContextMenu;exports.Fieldset=b.Fieldset;exports.GlobalProvider=g.GlobalProvider;exports.GlobalProviderContext=T.GlobalProviderContext;exports.TextInput=r.LabelledTextInput;exports.TextInputArgs=r.TextInput_args;exports.Notification=p.Notification;exports.ReadMore=L.ReadMore;exports.Textarea=m.LabelledTextarea;exports.Callout=P.Callout;exports.FileUpload=x.LabelledFileUpload;exports.Heading=k.Heading;exports.Link=F.Link;exports.NumberPicker=S.LabelledNumberPicker;exports.RichText=v.RichText;exports.Tooltip=G.Tooltip;exports.Checkbox=M.LabelledCheckbox;exports.DatePicker=I.LabelledDatePicker;exports.Hero=N.Hero;exports.HeroCard=f.HeroCard;exports.LinkList=D.LinkList;exports.Pagination=h.Pagination;exports.SearchField=H.SearchField;exports.Video=R.Video;exports.Dropdown=y.LabelledDropdown;exports.Icon=B.Icon;exports.List=O.List;exports.Profile=A.Profile;exports.TableOfContents=w.TableOfContents;exports.Footer=E.Footer;exports.CardGroup=e.CardGroup;exports.DataCard=e.DataCardCombined;exports.DetailCard=e.DetailCardCombined;exports.FactListCard=e.FactListCardCombined;exports.FeatureCard=e.FeatureCardCombined;exports.MultiLinkCard=e.MultiLinkCardCombined;exports.PromoCard=e.PromoCardCombined;exports.ScoreCard=e.ScoreCardCombined;exports.StatCard=e.StatCardCombined;exports.TextCard=e.TextCardCombined;exports.Breadcrumb=U.Breadcrumb;exports.Status=V.Status;exports.Tabs=_.Tabs;exports.AudioPlayer=j.AudioPlayer;exports.LanguageToggle=$.LanguageToggle;exports.MainNav=o.MainNav;exports.SubsiteNav=o.SubsiteNav;exports.useGlobalSettings=z.useGlobalSettings;exports.usePrevious=J.usePrevious;exports.useBreakpoint=t.useBreakpoint;exports.useOutsideClick=t.useOutsideClick;exports.useFocusTrap=K.useFocusTrap;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./_store/Accordion-entry-CmEtc6xU.js"),a=require("./_store/Form-chunk-CyfJEjS9.js"),n=require("./_store/Collapse-chunk-ocNUOS_3.js"),u=require("./_store/Empty-chunk-CSXmTnRW.js"),s=require("./_store/Image-chunk-bZyx8E0O.js"),c=require("./_store/Loading-chunk-BAVpKjsu.js"),d=require("./_store/Radio-chunk-C4PweUcm.js"),l=require("./_store/Tag-chunk-RApwQiSR.js"),C=require("./_store/Button-chunk-DaJZujL8.js"),q=require("./_store/ContextMenu-chunk-Bt4IM9J7.js"),b=require("./_store/Fieldset-chunk-ChHFEwgQ.js"),g=require("./_store/GlobalProvider-chunk-BInwj8Vo.js"),T=require("./_store/GlobalCtx-chunk-D_GlGcgw.js"),r=require("./_store/TextInput.args-chunk-CZIwr5h8.js"),p=require("./_store/Notification-chunk-CEm56fOA.js"),L=require("./_store/ReadMore-chunk-DjPhO-lH.js"),m=require("./_store/Textarea-chunk-yD7hFNC1.js"),P=require("./_store/Callout-chunk-BdeAvp9z.js"),x=require("./_store/FileUpload-chunk-Cs3yHoZ7.js"),k=require("./_store/Heading-chunk-t4FvnOcp.js"),F=require("./_store/Link-chunk-CP7cvvcX.js"),S=require("./_store/NumberPicker-chunk-CTlAxdIK.js"),v=require("./_store/RichText-chunk-vKgvdzZl.js"),G=require("./_store/Tooltip-chunk-DlKiieYX.js"),M=require("./_store/Checkbox-chunk-IcVAXUrv.js"),I=require("./_store/DatePicker-chunk-3IOigKn5.js"),N=require("./_store/Hero-chunk-CDJrCpL6.js"),f=require("./_store/HeroCard-chunk-BO2BICG5.js"),D=require("./_store/LinkList-chunk-CmVHEiqZ.js"),h=require("./_store/Pagination-chunk-mrfIdsCC.js"),H=require("./_store/SearchField-chunk-CJ99dGc4.js"),R=require("./_store/Video-chunk-CEQmBL6F.js"),y=require("./_store/Dropdown-chunk-DmxZPa5u.js"),B=require("./_store/Icon-chunk-DLR0d6ii.js"),O=require("./_store/List-entry-31dXgvRv.js"),A=require("./_store/Profile-chunk-Bnn1-Z78.js"),w=require("./_store/TableOfContents-chunk-CLa_-Dhd.js"),E=require("./_store/Footer-chunk-DvVEyN5x.js"),e=require("./_store/CardGroup-chunk-HDoqytKS.js"),U=require("./_store/Breadcrumb-chunk-Bc1WgkRf.js"),V=require("./_store/Status-chunk-CaABjeKb.js"),_=require("./_store/Tabs-chunk-DXWL7rh9.js"),j=require("./_store/AudioPlayer-chunk-B7JUo7j6.js"),$=require("./_store/LanguageToggle-chunk-Dq721sHc.js"),o=require("./_store/MainNav-chunk-C9rtuWNB.js"),z=require("./_store/useGlobalSettings-chunk-Cd48T6lS.js"),J=require("./_store/usePrevious-chunk-DENrwKF1.js"),t=require("./_store/useOutsideClick-chunk-B3G_jqci.js"),K=require("./_store/useFocusTrap-chunk-CB0jpZY1.js");exports.Accordion=i.Accordion;exports.Form=a.Form;exports.Collapse=n.Collapse;exports.Empty=u.Empty;exports.Image=s.Image;exports.Loading=c.Loading;exports.Radio=d.LabelledRadio;exports.Tag=l.Tag;exports.Button=C.Button;exports.ContextMenu=q.ContextMenu;exports.Fieldset=b.Fieldset;exports.GlobalProvider=g.GlobalProvider;exports.GlobalProviderContext=T.GlobalProviderContext;exports.TextInput=r.LabelledTextInput;exports.TextInputArgs=r.TextInput_args;exports.Notification=p.Notification;exports.ReadMore=L.ReadMore;exports.Textarea=m.LabelledTextarea;exports.Callout=P.Callout;exports.FileUpload=x.LabelledFileUpload;exports.Heading=k.Heading;exports.Link=F.Link;exports.NumberPicker=S.LabelledNumberPicker;exports.RichText=v.RichText;exports.Tooltip=G.Tooltip;exports.Checkbox=M.LabelledCheckbox;exports.DatePicker=I.LabelledDatePicker;exports.Hero=N.Hero;exports.HeroCard=f.HeroCard;exports.LinkList=D.LinkList;exports.Pagination=h.Pagination;exports.SearchField=H.SearchField;exports.Video=R.Video;exports.Dropdown=y.LabelledDropdown;exports.Icon=B.Icon;exports.List=O.List;exports.Profile=A.Profile;exports.TableOfContents=w.TableOfContents;exports.Footer=E.Footer;exports.CardGroup=e.CardGroup;exports.DataCard=e.DataCardCombined;exports.DetailCard=e.DetailCardCombined;exports.FactListCard=e.FactListCardCombined;exports.FeatureCard=e.FeatureCardCombined;exports.MultiLinkCard=e.MultiLinkCardCombined;exports.PromoCard=e.PromoCardCombined;exports.ScoreCard=e.ScoreCardCombined;exports.StatCard=e.StatCardCombined;exports.TextCard=e.TextCardCombined;exports.Breadcrumb=U.Breadcrumb;exports.Status=V.Status;exports.Tabs=_.Tabs;exports.AudioPlayer=j.AudioPlayer;exports.LanguageToggle=$.LanguageToggle;exports.MainNav=o.MainNav;exports.SubsiteNav=o.SubsiteNav;exports.useGlobalSettings=z.useGlobalSettings;exports.usePrevious=J.usePrevious;exports.useBreakpoint=t.useBreakpoint;exports.useOutsideClick=t.useOutsideClick;exports.useFocusTrap=K.useFocusTrap;

package/lib/esm/_store/{CardGroup-chunk-6cDXlMrq.js → CardGroup-chunk-DOfpZMbU.js}

@@ -1,46 +1,46 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { forwardRef as y, isValidElement as R, createElement as H, Fragment as z } from "react";
+import { forwardRef as u, isValidElement as V, createElement as q, Fragment as A } from "react";
 import { c as v } from "./index-chunk-CY3PQDr4.js";
 import { u as C } from "./useGlobalSettings-chunk-BhfWlTcd.js";
 import { B as S } from "./Button-chunk-CQQX91Rg.js";
-import { L as V } from "./Link-chunk-DgmjE6xb.js";
+import { L as z } from "./Link-chunk-DgmjE6xb.js";
 import { D as g } from "./DynamicHeading-chunk-CO_vg_Lp.js";
-import { L } from "./LinkList-chunk-ClC0P1yc.js";
-import { P as A } from "./Profile-chunk-CK4F2KXo.js";
-import { I as D } from "./Icon-chunk-DEroxoA_.js";
+import { L as D } from "./LinkList-chunk-ClC0P1yc.js";
+import { P as E } from "./Profile-chunk-CK4F2KXo.js";
+import { I as T } from "./Icon-chunk-DEroxoA_.js";
 import { List as b } from "./List-entry-BX9gaFfD.js";
 import { P as J } from "./Picture-chunk-DsW0ODDG.js";
 import { S as K } from "./Status-chunk-CjagfPq5.js";
-const Q = y(
+const Q = u(
   ({
     className: o,
     title: s,
-    theme: c = "light",
+    theme: r = "light",
     size: i = "standard",
     color: a,
     intro: l,
     source: n,
     titleLevel: $ = "p"
-  }, _) => {
-    const { prefix: N } = C(), r = `${N}--card`, p = v(`${r}--wrapper`, o), m = v(r, `${r}__type__stat`, {
-      [`${r}__size__${String(i)}`]: i,
-      [`${r}__theme__${c}`]: c,
-      [`${r}__color__${a}`]: a
+  }, m) => {
+    const { prefix: k } = C(), c = `${k}--card`, p = v(`${c}--wrapper`, o), N = v(c, `${c}__type__stat`, {
+      [`${c}__size__${String(i)}`]: i,
+      [`${c}__theme__${r}`]: r,
+      [`${c}__color__${a}`]: a
     });
-    return /* @__PURE__ */ e("div", { className: p, ref: _, children: /* @__PURE__ */ e("div", { className: m, children: /* @__PURE__ */ e("div", { className: `${r}--wrap`, children: /* @__PURE__ */ t("div", { className: `${r}--content`, children: [
+    return /* @__PURE__ */ e("div", { className: p, ref: m, children: /* @__PURE__ */ e("div", { className: N, children: /* @__PURE__ */ e("div", { className: `${c}--wrap`, children: /* @__PURE__ */ t("div", { className: `${c}--content`, children: [
       /* @__PURE__ */ e(
         g,
         {
           level: $,
-          className: `${r}--title`,
+          className: `${c}--title`,
           children: s
         }
       ),
-      l && /* @__PURE__ */ e("p", { className: `${r}--intro`, children: l }),
+      l && /* @__PURE__ */ e("p", { className: `${c}--intro`, children: l }),
       n && /* @__PURE__ */ e(
-        V,
+        z,
         {
-          className: `${r}--source`,
+          className: `${c}--source`,
           url: n.url,
           label: n.label
         }
@@ -50,10 +50,10 @@ const Q = y(
 ), U = ({
   className: o,
   theme: s = "light",
-  size: c = "standard"
+  size: r = "standard"
 }) => {
   const { prefix: i } = C(), a = `${i}--card`, l = v(`${a}--wrapper`, o), n = v(a, `${a}__type__stat`, {
-    [`${a}__size__${String(c)}`]: c,
+    [`${a}__size__${String(r)}`]: r,
     [`${a}__theme__${s}`]: s,
     [`${a}__loading`]: !0
   });
@@ -63,39 +63,39 @@ const Q = y(
     /* @__PURE__ */ e("div", { className: `${a}--skeleton--intro-2` }),
     /* @__PURE__ */ e("div", { className: `${a}--skeleton--source` })
   ] }) }) }) });
-}, T = Object.assign(Q, {
+}, F = Object.assign(Q, {
   Skeleton: U
 });
-T.displayName = "StatCard";
-T.Skeleton.displayName = "StatCard.Skeleton";
-const W = y(
+F.displayName = "StatCard";
+F.Skeleton.displayName = "StatCard.Skeleton";
+const W = u(
   ({
     className: o,
     title: s,
-    size: c = "standard",
+    size: r = "standard",
     alignment: i,
     intro: a,
     link: l,
     linklist: n,
     image: $,
-    titleLevel: _ = "p",
-    eyebrow: N,
-    isVideo: r,
+    titleLevel: m = "p",
+    eyebrow: k,
+    isVideo: c,
     theme: p = "light"
-  }, m) => {
-    const { prefix: h } = C(), d = `${h}--card`, k = v(
+  }, N) => {
+    const { prefix: h } = C(), d = `${h}--card`, y = v(
       d,
       o,
       `${d}__type__multilink`,
       {
         [`${d}__align__${i}`]: i,
-        [`${d}__size__${c}`]: c,
-        [`${d}__isvideo`]: r,
+        [`${d}__size__${r}`]: r,
+        [`${d}__isvideo`]: c,
         [`${d}--no-image`]: !$,
         [`${d}__theme__${p}`]: p
       }
     );
-    return /* @__PURE__ */ t("div", { className: k, ref: m, children: [
+    return /* @__PURE__ */ t("div", { className: y, ref: N, children: [
       l && /* @__PURE__ */ e("a", { className: `${d}--link`, href: l, title: s, children: /* @__PURE__ */ e("span", { className: `${d}--link--text`, children: s }) }),
       /* @__PURE__ */ t("div", { className: `${d}--wrap`, children: [
         $ && /* @__PURE__ */ e("div", { className: `${d}--image--wrapper`, children: /* @__PURE__ */ e("picture", { children: /* @__PURE__ */ e(
@@ -107,11 +107,11 @@ const W = y(
           }
         ) }) }),
         /* @__PURE__ */ t("div", { className: `${d}--content`, children: [
-          N && /* @__PURE__ */ e("p", { className: `${d}--eyebrow`, children: N }),
+          k && /* @__PURE__ */ e("p", { className: `${d}--eyebrow`, children: k }),
           /* @__PURE__ */ e(
             g,
             {
-              level: _,
+              level: m,
               className: `${d}--title`,
               children: s
             }
@@ -124,8 +124,8 @@ const W = y(
               className: `${d}--picture`
             }
           ) }) }),
-          a && (R(a) ? /* @__PURE__ */ e("div", { className: `${d}--intro`, children: a }) : /* @__PURE__ */ e("p", { className: `${d}--intro`, children: a })),
-          n && /* @__PURE__ */ e(L, { ...n })
+          a && (V(a) ? /* @__PURE__ */ e("div", { className: `${d}--intro`, children: a }) : /* @__PURE__ */ e("p", { className: `${d}--intro`, children: a })),
+          n && /* @__PURE__ */ e(D, { ...n })
         ] })
       ] })
     ] });
@@ -133,7 +133,7 @@ const W = y(
 ), X = ({
   className: o,
   size: s = "standard",
-  alignment: c,
+  alignment: r,
   theme: i = "light"
 }) => {
   const { prefix: a } = C(), l = `${a}--card`, n = v(
@@ -141,7 +141,7 @@ const W = y(
     o,
     `${l}__type__multilink`,
     {
-      [`${l}__align__${c}`]: c,
+      [`${l}__align__${r}`]: r,
       [`${l}__size__${s}`]: s,
       [`${l}__theme__${i}`]: i
     }
@@ -159,31 +159,31 @@ const W = y(
       /* @__PURE__ */ e("div", { className: `${l}--skeleton--intro-4` })
     ] })
   ] }) });
-}, F = Object.assign(W, {
+}, j = Object.assign(W, {
   Skeleton: X
 });
-F.displayName = "MultiLinkCard";
-F.Skeleton.displayName = "MultiLinkCard.Skeleton";
-const Y = y(
+j.displayName = "MultiLinkCard";
+j.Skeleton.displayName = "MultiLinkCard.Skeleton";
+const Y = u(
   ({
     className: o,
     title: s,
-    theme: c = "light",
+    theme: r = "light",
     size: i = "narrow",
     date: a,
     profile: l,
     link: n,
     titleLevel: $ = "p",
-    eyebrow: _
-  }, N) => {
-    const { prefix: r } = C(), p = `${r}--card`, m = v(`${p}--wrapper`, o), h = v(p, `${p}__type__text`, {
+    eyebrow: m
+  }, k) => {
+    const { prefix: c } = C(), p = `${c}--card`, N = v(`${p}--wrapper`, o), h = v(p, `${p}__type__text`, {
       [`${p}__size__${String(i)}`]: i,
-      [`${p}__theme__${c}`]: c
+      [`${p}__theme__${r}`]: r
     });
-    return /* @__PURE__ */ e("div", { className: m, ref: N, children: /* @__PURE__ */ t("div", { className: h, children: [
+    return /* @__PURE__ */ e("div", { className: N, ref: k, children: /* @__PURE__ */ t("div", { className: h, children: [
       /* @__PURE__ */ e("a", { className: `${p}--link`, href: n, title: s, children: /* @__PURE__ */ e("span", { className: `${p}--link--text`, children: s }) }),
       /* @__PURE__ */ e("div", { className: `${p}--wrap`, children: /* @__PURE__ */ t("div", { className: `${p}--content`, children: [
-        _ && /* @__PURE__ */ e("p", { className: `${p}--eyebrow`, children: _ }),
+        m && /* @__PURE__ */ e("p", { className: `${p}--eyebrow`, children: m }),
         /* @__PURE__ */ e(
           g,
           {
@@ -194,14 +194,14 @@ const Y = y(
         ),
         a && /* @__PURE__ */ e("time", { className: `${p}--date`, dateTime: a.unix, children: a.human }),
         l && /* @__PURE__ */ e(
-          A,
+          E,
           {
             avatar: l.avatar,
             description: l.description,
             link: l.link,
             name: l.name,
             role: l.role,
-            theme: c
+            theme: r
           }
         )
       ] }) })
@@ -210,11 +210,11 @@ const Y = y(
 ), Z = ({
   className: o,
   size: s,
-  theme: c
+  theme: r
 }) => {
   const { prefix: i } = C(), a = `${i}--card`, l = v(`${a}--wrapper`, o), n = v(a, `${a}__type__text`, {
     [`${a}__size__${String(s)}`]: s,
-    [`${a}__theme__${c}`]: c
+    [`${a}__theme__${r}`]: r
   });
   return /* @__PURE__ */ e("div", { className: l, children: /* @__PURE__ */ e("div", { className: n, children: /* @__PURE__ */ e("div", { className: `${a}--wrap`, children: /* @__PURE__ */ t("div", { className: `${a}--content`, children: [
     /* @__PURE__ */ e("div", { className: `${a}--skeleton--eyebrow` }),
@@ -222,48 +222,48 @@ const Y = y(
     /* @__PURE__ */ e("div", { className: `${a}--skeleton--date` }),
     /* @__PURE__ */ e("div", { className: `${a}--skeleton--profile` })
   ] }) }) }) });
-}, j = Object.assign(Y, {
+}, P = Object.assign(Y, {
   Skeleton: Z
 });
-j.displayName = "TextCard";
-j.Skeleton.displayName = "TextCard.Skeleton";
-const ee = y(
+P.displayName = "TextCard";
+P.Skeleton.displayName = "TextCard.Skeleton";
+const ee = u(
   ({
     className: o,
     title: s,
-    theme: c = "light",
+    theme: r = "light",
     size: i = "narrow",
     cornercut: a,
     intro: l,
     link: n,
     cta: $,
-    titleLevel: _ = "p",
-    eyebrow: N
-  }, r) => {
-    const { prefix: p } = C(), m = `${p}--card`, h = v(
-      `${m}--wrapper`,
+    titleLevel: m = "p",
+    eyebrow: k
+  }, c) => {
+    const { prefix: p } = C(), N = `${p}--card`, h = v(
+      `${N}--wrapper`,
       o,
-      `${m}--wrapper__type__promo`,
-      `${m}--wrapper__type__promo__size__${i}`
-    ), d = v(m, `${m}__type__promo`, {
-      [`${m}__size__${String(i)}`]: i,
-      [`${m}__theme__${c}`]: c,
-      [`${m}__cornercut`]: a
+      `${N}--wrapper__type__promo`,
+      `${N}--wrapper__type__promo__size__${i}`
+    ), d = v(N, `${N}__type__promo`, {
+      [`${N}__size__${String(i)}`]: i,
+      [`${N}__theme__${r}`]: r,
+      [`${N}__cornercut`]: a
     });
-    return /* @__PURE__ */ e("div", { className: h, ref: r, children: /* @__PURE__ */ t("div", { className: d, children: [
-      /* @__PURE__ */ e("a", { className: `${m}--link`, href: n, title: s, children: /* @__PURE__ */ e("span", { className: `${m}--link--text`, children: s }) }),
-      /* @__PURE__ */ e("div", { className: `${m}--wrap`, children: /* @__PURE__ */ t("div", { className: `${m}--content`, children: [
-        N && /* @__PURE__ */ e("p", { className: `${m}--eyebrow`, children: N }),
+    return /* @__PURE__ */ e("div", { className: h, ref: c, children: /* @__PURE__ */ t("div", { className: d, children: [
+      /* @__PURE__ */ e("a", { className: `${N}--link`, href: n, title: s, children: /* @__PURE__ */ e("span", { className: `${N}--link--text`, children: s }) }),
+      /* @__PURE__ */ e("div", { className: `${N}--wrap`, children: /* @__PURE__ */ t("div", { className: `${N}--content`, children: [
+        k && /* @__PURE__ */ e("p", { className: `${N}--eyebrow`, children: k }),
         /* @__PURE__ */ e(
           g,
           {
-            level: _,
-            className: `${m}--title`,
+            level: m,
+            className: `${N}--title`,
             children: s
           }
         ),
-        l && /* @__PURE__ */ e("p", { className: `${m}--intro`, children: l }),
-        ($ == null ? void 0 : $.label) && /* @__PURE__ */ e("div", { className: `${m}--cta`, children: /* @__PURE__ */ e(
+        l && /* @__PURE__ */ e("p", { className: `${N}--intro`, children: l }),
+        ($ == null ? void 0 : $.label) && /* @__PURE__ */ e("div", { className: `${N}--cta`, children: /* @__PURE__ */ e(
           S,
           {
             link: { url: $.url, label: $.label },
@@ -277,15 +277,15 @@ const ee = y(
 ), ae = ({
   className: o,
   theme: s = "light",
-  size: c = "narrow"
+  size: r = "narrow"
 }) => {
   const { prefix: i } = C(), a = `${i}--card`, l = v(
     `${a}--wrapper`,
     o,
     `${a}--wrapper__type__promo`,
-    `${a}--wrapper__type__promo__size__${c}`
+    `${a}--wrapper__type__promo__size__${r}`
   ), n = v(a, `${a}__type__promo`, {
-    [`${a}__size__${String(c)}`]: c,
+    [`${a}__size__${String(r)}`]: r,
     [`${a}__theme__${s}`]: s
   });
   return /* @__PURE__ */ e("div", { className: l, children: /* @__PURE__ */ e("div", { className: n, children: /* @__PURE__ */ t("div", { className: `${a}--wrap`, children: [
@@ -296,33 +296,33 @@ const ee = y(
     /* @__PURE__ */ e("div", { className: `${a}--skeleton--intro-2` }),
     /* @__PURE__ */ e("div", { className: `${a}--skeleton--intro-3` })
   ] }) }) });
-}, P = Object.assign(ee, {
+}, O = Object.assign(ee, {
   Skeleton: ae
 });
-P.displayName = "PromoCard";
-P.Skeleton.displayName = "PromoCard.Skeleton";
-const se = y(
+O.displayName = "PromoCard";
+O.Skeleton.displayName = "PromoCard.Skeleton";
+const se = u(
   ({
     className: o,
     title: s,
-    theme: c = "light",
+    theme: r = "light",
     size: i = "narrow",
     date: a,
     link: l,
     linklist: n,
     image: $,
-    titleLevel: _ = "p",
-    eyebrow: N,
-    isVideo: r
+    titleLevel: m = "p",
+    eyebrow: k,
+    isVideo: c
   }, p) => {
-    const { prefix: m } = C(), h = `${m}--card`, d = v(
+    const { prefix: N } = C(), h = `${N}--card`, d = v(
       h,
       o,
       `${h}__type__feature`,
       {
         [`${h}__size__${String(i)}`]: i,
-        [`${h}__theme__${c}`]: c,
-        [`${h}__isvideo`]: r,
+        [`${h}__theme__${r}`]: r,
+        [`${h}__isvideo`]: c,
         [`${h}__linklist`]: n
       }
     );
@@ -338,32 +338,32 @@ const se = y(
           }
         ) }) }),
         /* @__PURE__ */ t("div", { className: `${h}--content`, children: [
-          N && /* @__PURE__ */ e("p", { className: `${h}--eyebrow`, children: N }),
+          k && /* @__PURE__ */ e("p", { className: `${h}--eyebrow`, children: k }),
           /* @__PURE__ */ e(
             g,
             {
-              level: _,
+              level: m,
               className: `${h}--title`,
               children: s
             }
           ),
           a && /* @__PURE__ */ e("time", { className: `${h}--date`, dateTime: a.unix, children: a.human }),
           n && i === "narrow" && /* @__PURE__ */ e(
-            L,
+            D,
             {
               headline: n.headline,
               linkgroup: n.linkgroup,
-              theme: c
+              theme: r
             }
           )
         ] })
       ] }),
       n && (i === "wide" || i === "fluid") && /* @__PURE__ */ e(
-        L,
+        D,
         {
           headline: n.headline,
           linkgroup: n.linkgroup,
-          theme: c
+          theme: r
         }
       )
     ] });
@@ -371,7 +371,7 @@ const se = y(
 ), le = ({
   className: o,
   size: s,
-  theme: c
+  theme: r
 }) => {
   const { prefix: i } = C(), a = `${i}--card`, l = v(
     a,
@@ -379,7 +379,7 @@ const se = y(
     `${a}__type__feature`,
     {
       [`${a}__size__${String(s)}`]: s,
-      [`${a}__theme__${c}`]: c
+      [`${a}__theme__${r}`]: r
     }
   );
   return /* @__PURE__ */ e("div", { className: l, children: /* @__PURE__ */ t("div", { className: `${a}--wrap`, children: [
@@ -390,86 +390,87 @@ const se = y(
       /* @__PURE__ */ e("div", { className: `${a}--skeleton--date` })
     ] })
   ] }) });
-}, O = Object.assign(se, {
+}, I = Object.assign(se, {
   Skeleton: le
 });
-O.displayName = "FeatureCard";
-O.Skeleton.displayName = "FeatureCard.Skeleton";
-const ne = y(
+I.displayName = "FeatureCard";
+I.Skeleton.displayName = "FeatureCard.Skeleton";
+const ne = u(
   ({
     className: o,
     title: s,
-    theme: c = "light",
+    theme: r = "light",
     size: i = "narrow",
     date: a,
     details: l,
-    link: n,
-    titleLevel: $ = "p",
-    eyebrow: _,
-    intro: N,
-    image: r,
-    isVideo: p = !1,
-    linkComponent: m
-  }, h) => {
-    const { prefix: d } = C(), k = `${d}--card`, u = v(
-      k,
-      `${k}__type__detail`,
+    dateExtra: n,
+    link: $,
+    titleLevel: m = "p",
+    eyebrow: k,
+    intro: c,
+    image: p,
+    isVideo: N = !1,
+    linkComponent: h
+  }, d) => {
+    const { prefix: y } = C(), _ = `${y}--card`, f = v(
+      _,
+      `${_}__type__detail`,
       o,
       {
-        [`${k}__size__${String(i)}`]: i,
-        [`${k}__theme__${c}`]: c,
-        [`${k}__isvideo`]: p
+        [`${_}__size__${String(i)}`]: i,
+        [`${_}__theme__${r}`]: r,
+        [`${_}__isvideo`]: N
       }
-    ), f = H(
-      m || "a",
+    ), x = q(
+      h || "a",
       {
-        className: `${k}--link`,
-        href: n,
+        className: `${_}--link`,
+        href: $,
         title: s
       },
-      /* @__PURE__ */ e("span", { className: `${k}--link--text`, children: s })
+      /* @__PURE__ */ e("span", { className: `${_}--link--text`, children: s })
     );
-    return /* @__PURE__ */ t("div", { className: u, ref: h, children: [
-      n && f,
-      /* @__PURE__ */ t("div", { className: `${k}--wrap`, children: [
-        r && /* @__PURE__ */ e("div", { className: `${k}--image--wrapper`, children: /* @__PURE__ */ e("picture", { children: /* @__PURE__ */ e(
+    return /* @__PURE__ */ t("div", { className: f, ref: d, children: [
+      $ && x,
+      /* @__PURE__ */ t("div", { className: `${_}--wrap`, children: [
+        p && /* @__PURE__ */ e("div", { className: `${_}--image--wrapper`, children: /* @__PURE__ */ e("picture", { children: /* @__PURE__ */ e(
           "img",
           {
-            className: `${k}--picture`,
-            src: r,
+            className: `${_}--picture`,
+            src: p,
             alt: s
           }
         ) }) }),
-        /* @__PURE__ */ t("div", { className: `${k}--content`, children: [
-          _ && /* @__PURE__ */ e("p", { className: `${k}--eyebrow`, children: _ }),
+        /* @__PURE__ */ t("div", { className: `${_}--content`, children: [
+          k && /* @__PURE__ */ e("p", { className: `${_}--eyebrow`, children: k }),
           s && /* @__PURE__ */ e(
             g,
             {
-              level: $,
-              className: `${k}--title`,
+              level: m,
+              className: `${_}--title`,
               children: s
             }
           ),
-          N && (R(N) ? /* @__PURE__ */ e("div", { className: `${k}--intro`, children: N }) : /* @__PURE__ */ e("p", { className: `${k}--intro`, children: N })),
-          a && !l && /* @__PURE__ */ e("time", { className: `${k}--date`, dateTime: a.unix, children: a.human }),
-          l && /* @__PURE__ */ t("p", { className: `${k}--date-extra`, children: [
+          c && (V(c) ? /* @__PURE__ */ e("div", { className: `${_}--intro`, children: c }) : /* @__PURE__ */ e("p", { className: `${_}--intro`, children: c })),
+          a && !(n || l) && /* @__PURE__ */ e("time", { className: `${_}--date`, dateTime: a.unix, children: a.human }),
+          (n || l) && /* @__PURE__ */ t("p", { className: `${_}--date-extra`, children: [
             /* @__PURE__ */ e(
-              D,
+              T,
               {
                 name: "TriangleRight",
                 size: 20,
-                className: `${k}--icon-right`
+                className: `${_}--icon-right`
               }
             ),
             /* @__PURE__ */ e(
-              D,
+              T,
               {
                 name: "TriangleLeft",
                 size: 20,
-                className: `${k}--icon-left`
+                className: `${_}--icon-left`
               }
             ),
-            l
+            n || l
           ] })
         ] })
       ] })
@@ -478,14 +479,14 @@ const ne = y(
 ), ce = ({
   className: o,
   theme: s = "light",
-  size: c = "narrow"
+  size: r = "narrow"
 }) => {
   const { prefix: i } = C(), a = `${i}--card`, l = v(
     a,
     `${a}__type__detail`,
     o,
     {
-      [`${a}__size__${String(c)}`]: c,
+      [`${a}__size__${String(r)}`]: r,
       [`${a}__theme__${s}`]: s
     }
   );
@@ -502,30 +503,30 @@ const ne = y(
       /* @__PURE__ */ e("div", { className: `${a}--skeleton--intro-5` })
     ] })
   ] }) });
-}, I = Object.assign(ne, {
+}, M = Object.assign(ne, {
   Skeleton: ce
 });
-I.displayName = "DetailCard";
-I.Skeleton.displayName = "DetailCard.Skeleton";
-const re = y(
+M.displayName = "DetailCard";
+M.Skeleton.displayName = "DetailCard.Skeleton";
+const re = u(
   ({
     title: o,
     theme: s = "light",
-    size: c = "narrow",
+    size: r = "narrow",
     list: i,
     titleLevel: a = "p",
     className: l
   }, n) => {
-    const { prefix: $ } = C(), _ = `${$}--card`, N = v(
-      _,
-      `${_}__type__factlist`,
+    const { prefix: $ } = C(), m = `${$}--card`, k = v(
+      m,
+      `${m}__type__factlist`,
       l,
       {
-        [`${_}__size__${c}`]: c,
-        [`${_}__theme__${s}`]: s
+        [`${m}__size__${r}`]: r,
+        [`${m}__theme__${s}`]: s
       }
     );
-    return /* @__PURE__ */ e("div", { className: N, ref: n, children: /* @__PURE__ */ e("div", { className: `${_}--wrap`, children: /* @__PURE__ */ t("div", { className: `${_}--content`, children: [
+    return /* @__PURE__ */ e("div", { className: k, ref: n, children: /* @__PURE__ */ e("div", { className: `${m}--wrap`, children: /* @__PURE__ */ t("div", { className: `${m}--content`, children: [
       o && /* @__PURE__ */ e(
         g,
         {
@@ -534,20 +535,20 @@ const re = y(
           children: o
         }
       ),
-      /* @__PURE__ */ e(b, { alignment: "default", ordered: "unordered", theme: s, children: i.map((r) => /* @__PURE__ */ e(b.Item, { children: /* @__PURE__ */ e("p", { children: r }) }, r)) })
+      /* @__PURE__ */ e(b, { alignment: "default", ordered: "unordered", theme: s, children: i.map((c) => /* @__PURE__ */ e(b.Item, { children: /* @__PURE__ */ e("p", { children: c }) }, c)) })
     ] }) }) });
   }
 ), ie = ({
   className: o,
   theme: s = "light",
-  size: c = "narrow"
+  size: r = "narrow"
 }) => {
   const { prefix: i } = C(), a = `${i}--card`, l = v(
     a,
     `${a}__type__factlist`,
     o,
     {
-      [`${a}__size__${c}`]: c,
+      [`${a}__size__${r}`]: r,
       [`${a}__theme__${s}`]: s
     }
   );
@@ -561,57 +562,57 @@ const re = y(
       /* @__PURE__ */ e(b.Item, { children: /* @__PURE__ */ e("div", { className: `${a}--skeleton--list-item` }) })
     ] })
   ] }) }) });
-}, M = Object.assign(re, {
+}, G = Object.assign(re, {
   Skeleton: ie
 });
-M.displayName = "FactListCard";
-M.Skeleton.displayName = "FactListCard.Skeleton";
-const te = y(
+G.displayName = "FactListCard";
+G.Skeleton.displayName = "FactListCard.Skeleton";
+const te = u(
   ({
     theme: o = "light",
     eyebrow: s,
-    size: c = "narrow",
+    size: r = "narrow",
     image: i,
     dataset: a,
     columns: l = "one",
     className: n
   }, $) => {
     var h;
-    const { prefix: _ } = C(), N = c === "narrow" ? "one" : l, r = `${_}--card`, p = v(
-      r,
-      `${r}__type__data`,
+    const { prefix: m } = C(), k = r === "narrow" ? "one" : l, c = `${m}--card`, p = v(
+      c,
+      `${c}__type__data`,
       n,
       {
-        [`${r}__size__${String(c)}`]: c,
-        [`${r}__type__data__columns__${N}`]: N,
-        [`${r}__theme__${o}`]: o
+        [`${c}__size__${String(r)}`]: r,
+        [`${c}__type__data__columns__${k}`]: k,
+        [`${c}__theme__${o}`]: o
       }
-    ), m = v(`${r}--content`, {
-      [`${r}--content__with-image`]: i,
-      [`${r}--content__no-image-with-links`]: !i && (a == null ? void 0 : a.links),
-      [`${r}--content__default`]: !i && !(a != null && a.links)
+    ), N = v(`${c}--content`, {
+      [`${c}--content__with-image`]: i,
+      [`${c}--content__no-image-with-links`]: !i && (a == null ? void 0 : a.links),
+      [`${c}--content__default`]: !i && !(a != null && a.links)
     });
-    return /* @__PURE__ */ e("div", { className: p, ref: $, children: /* @__PURE__ */ t("div", { className: `${r}--wrap`, children: [
-      !i && s && /* @__PURE__ */ e("div", { className: `${r}--eyebrow`, children: s }),
-      /* @__PURE__ */ t("div", { className: m, children: [
-        i && /* @__PURE__ */ t("div", { className: `${r}--area--image`, children: [
-          s && /* @__PURE__ */ e("div", { className: `${r}--eyebrow`, children: s }),
-          /* @__PURE__ */ e("div", { className: `${r}--image`, children: /* @__PURE__ */ e("picture", { children: /* @__PURE__ */ e(
+    return /* @__PURE__ */ e("div", { className: p, ref: $, children: /* @__PURE__ */ t("div", { className: `${c}--wrap`, children: [
+      !i && s && /* @__PURE__ */ e("div", { className: `${c}--eyebrow`, children: s }),
+      /* @__PURE__ */ t("div", { className: N, children: [
+        i && /* @__PURE__ */ t("div", { className: `${c}--area--image`, children: [
+          s && /* @__PURE__ */ e("div", { className: `${c}--eyebrow`, children: s }),
+          /* @__PURE__ */ e("div", { className: `${c}--image`, children: /* @__PURE__ */ e("picture", { children: /* @__PURE__ */ e(
             "img",
             {
-              className: `${r}--picture`,
+              className: `${c}--picture`,
               src: i,
               alt: s
             }
           ) }) })
         ] }),
-        (h = a == null ? void 0 : a.content) == null ? void 0 : h.items.map((d, k) => /* @__PURE__ */ t("div", { className: `${r}--area--content`, children: [
-          /* @__PURE__ */ e("p", { className: `${r}__type__data--content-label`, children: d.label }),
-          /* @__PURE__ */ e("p", { className: `${r}__type__data--content-copy`, children: d.copy })
-        ] }, k)),
-        (a == null ? void 0 : a.files) && /* @__PURE__ */ e("div", { className: `${r}--area--files`, children: /* @__PURE__ */ t("div", { className: `${r}__type__data--content-files`, children: [
-          /* @__PURE__ */ e("p", { className: `${r}__type__data--content-label`, children: a.files.headline }),
-          a.files.items.map((d, k) => /* @__PURE__ */ e(
+        (h = a == null ? void 0 : a.content) == null ? void 0 : h.items.map((d, y) => /* @__PURE__ */ t("div", { className: `${c}--area--content`, children: [
+          /* @__PURE__ */ e("p", { className: `${c}__type__data--content-label`, children: d.label }),
+          /* @__PURE__ */ e("p", { className: `${c}__type__data--content-copy`, children: d.copy })
+        ] }, y)),
+        (a == null ? void 0 : a.files) && /* @__PURE__ */ e("div", { className: `${c}--area--files`, children: /* @__PURE__ */ t("div", { className: `${c}__type__data--content-files`, children: [
+          /* @__PURE__ */ e("p", { className: `${c}__type__data--content-label`, children: a.files.headline }),
+          a.files.items.map((d, y) => /* @__PURE__ */ e(
             S,
             {
               link: {
@@ -621,11 +622,11 @@ const te = y(
               },
               size: "small"
             },
-            k
+            y
           ))
         ] }) }),
-        (a == null ? void 0 : a.cta) && /* @__PURE__ */ e("div", { className: `${r}--area--cta`, children: /* @__PURE__ */ t("div", { className: `${r}__type__data--content-cta`, children: [
-          /* @__PURE__ */ e("p", { className: `${r}__type__data--content-label`, children: a.cta.headline }),
+        (a == null ? void 0 : a.cta) && /* @__PURE__ */ e("div", { className: `${c}--area--cta`, children: /* @__PURE__ */ t("div", { className: `${c}__type__data--content-cta`, children: [
+          /* @__PURE__ */ e("p", { className: `${c}__type__data--content-label`, children: a.cta.headline }),
           a.cta.items.map((d) => /* @__PURE__ */ e(
             S,
             {
@@ -640,18 +641,18 @@ const te = y(
             d.label
           ))
         ] }) }),
-        (a == null ? void 0 : a.links) && /* @__PURE__ */ e("div", { className: `${r}--area--links`, children: /* @__PURE__ */ t("div", { className: `${r}__type__data--content-links`, children: [
-          /* @__PURE__ */ e("p", { className: `${r}__type__data--content-label`, children: a.links.headline }),
+        (a == null ? void 0 : a.links) && /* @__PURE__ */ e("div", { className: `${c}--area--links`, children: /* @__PURE__ */ t("div", { className: `${c}__type__data--content-links`, children: [
+          /* @__PURE__ */ e("p", { className: `${c}__type__data--content-label`, children: a.links.headline }),
           /* @__PURE__ */ e(
             "div",
             {
-              className: `${r}__type__data--content-links-list`,
-              children: a.links.items.map((d) => /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(
-                V,
+              className: `${c}__type__data--content-links-list`,
+              children: a.links.items.map((d) => /* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(
+                z,
                 {
                   url: d.url,
                   label: d.label,
-                  className: `${r}__type__data--content-link`
+                  className: `${c}__type__data--content-link`
                 }
               ) }, d.label + d.url))
             }
@@ -663,21 +664,21 @@ const te = y(
 ), de = ({
   className: o,
   theme: s = "light",
-  size: c = "narrow",
+  size: r = "narrow",
   columns: i = "one"
 }) => {
-  const { prefix: a } = C(), l = c === "narrow" ? "one" : i, n = `${a}--card`, $ = v(
+  const { prefix: a } = C(), l = r === "narrow" ? "one" : i, n = `${a}--card`, $ = v(
     n,
     `${n}__type__data`,
     o,
     {
-      [`${n}__size__${String(c)}`]: c,
+      [`${n}__size__${String(r)}`]: r,
       [`${n}__type__data__columns__${l}`]: l,
       [`${n}__theme__${s}`]: s,
       [`${n}__loading`]: !0
     }
-  ), _ = `${n}--content`;
-  return /* @__PURE__ */ e("div", { className: $, children: /* @__PURE__ */ e("div", { className: `${n}--wrap`, children: /* @__PURE__ */ t("div", { className: _, children: [
+  ), m = `${n}--content`;
+  return /* @__PURE__ */ e("div", { className: $, children: /* @__PURE__ */ e("div", { className: `${n}--wrap`, children: /* @__PURE__ */ t("div", { className: m, children: [
     /* @__PURE__ */ t("div", { className: `${n}--area--image`, children: [
       /* @__PURE__ */ e("div", { className: `${n}--skeleton--eyebrow` }),
       /* @__PURE__ */ e("div", { className: `${n}--skeleton--image` })
@@ -695,61 +696,61 @@ const te = y(
       /* @__PURE__ */ e("div", { className: `${n}--skeleton--copy` })
     ] })
   ] }) }) });
-}, G = Object.assign(te, {
+}, B = Object.assign(te, {
   Skeleton: de
 });
-G.displayName = "DataCard";
-G.Skeleton.displayName = "DataCard.Skeleton";
-const oe = y(
+B.displayName = "DataCard";
+B.Skeleton.displayName = "DataCard.Skeleton";
+const oe = u(
   ({
     className: o,
     theme: s = "light",
-    titleLevel: c = "p",
+    titleLevel: r = "p",
     size: i = "narrow",
     link: a,
     linkComponent: l,
     title: n,
     isVideo: $ = !1,
-    image: _,
-    status: N,
-    eyebrow: r,
+    image: m,
+    status: k,
+    eyebrow: c,
     content: p,
-    cta: m
+    cta: N
   }, h) => {
-    var E;
-    const { prefix: d } = C(), k = s === "dark" ? "var(--ilo-color-white)" : "var(--ilo-color-gray-accessible)", u = `${d}--card`, f = v(u, `${u}__type__score`, {
-      [`${u}__theme__${s}`]: s,
-      [`${u}__size__${i}`]: i,
-      [`${u}__isvideo`]: $
-    }), q = H(
+    var H;
+    const { prefix: d } = C(), y = s === "dark" ? "var(--ilo-color-white)" : "var(--ilo-color-gray-accessible)", _ = `${d}--card`, f = v(_, `${_}__type__score`, {
+      [`${_}__theme__${s}`]: s,
+      [`${_}__size__${i}`]: i,
+      [`${_}__isvideo`]: $
+    }), x = q(
       l || "a",
       {
         href: a,
         title: n,
-        className: `${u}--link`
+        className: `${_}--link`
       },
-      /* @__PURE__ */ e("span", { className: `${u}--link--text`, children: n })
+      /* @__PURE__ */ e("span", { className: `${_}--link--text`, children: n })
     );
     return /* @__PURE__ */ t("div", { className: v(f, o), ref: h, children: [
-      q,
-      /* @__PURE__ */ t("div", { className: `${u}--wrap`, children: [
-        _ && i !== "simple" && /* @__PURE__ */ e("div", { className: `${u}--image--wrapper`, children: /* @__PURE__ */ e(J, { ..._ }) }),
-        /* @__PURE__ */ t("div", { className: `${u}--content`, children: [
-          N && /* @__PURE__ */ e(K, { content: N.content, statusType: N.statusType }),
-          r && i !== "simple" && /* @__PURE__ */ e("p", { className: `${u}--eyebrow`, children: r }),
+      x,
+      /* @__PURE__ */ t("div", { className: `${_}--wrap`, children: [
+        m && i !== "simple" && /* @__PURE__ */ e("div", { className: `${_}--image--wrapper`, children: /* @__PURE__ */ e(J, { ...m }) }),
+        /* @__PURE__ */ t("div", { className: `${_}--content`, children: [
+          k && /* @__PURE__ */ e(K, { content: k.content, statusType: k.statusType }),
+          c && i !== "simple" && /* @__PURE__ */ e("p", { className: `${_}--eyebrow`, children: c }),
           n && /* @__PURE__ */ e(
             g,
             {
-              level: c,
-              className: `${u}--title`,
+              level: r,
+              className: `${_}--title`,
               children: n
             }
           ),
-          p && /* @__PURE__ */ e("div", { className: `${u}--area--content`, children: (E = p.items) == null ? void 0 : E.map((w, x) => /* @__PURE__ */ t("div", { className: `${u}--content--item`, children: [
-            /* @__PURE__ */ e(D, { name: w.icon, size: 20, color: k }),
+          p && /* @__PURE__ */ e("div", { className: `${_}--area--content`, children: (H = p.items) == null ? void 0 : H.map((w, L) => /* @__PURE__ */ t("div", { className: `${_}--content--item`, children: [
+            /* @__PURE__ */ e(T, { name: w.icon, size: 20, color: y }),
             /* @__PURE__ */ e("span", { children: w.label })
-          ] }, x)) }),
-          m && /* @__PURE__ */ e("div", { className: `${u}--area--cta`, children: m.items.map((w, x) => /* @__PURE__ */ e("div", { className: `${u}--cta`, children: w }, x)) })
+          ] }, L)) }),
+          N && /* @__PURE__ */ e("div", { className: `${_}--area--cta`, children: N.items.map((w, L) => /* @__PURE__ */ e("div", { className: `${_}--cta`, children: w }, L)) })
         ] })
       ] })
     ] });
@@ -757,11 +758,11 @@ const oe = y(
 ), _e = ({
   className: o,
   theme: s = "light",
-  size: c = "narrow"
+  size: r = "narrow"
 }) => {
   const { prefix: i } = C(), a = `${i}--card`, l = v(a, `${a}__type__score`, {
     [`${a}__theme__${s}`]: s,
-    [`${a}__size__${c}`]: c
+    [`${a}__size__${r}`]: r
   });
   return /* @__PURE__ */ e("div", { className: v(l, o), children: /* @__PURE__ */ t("div", { className: `${a}--wrap`, children: [
     /* @__PURE__ */ e("div", { className: `${a}--skeleton--image` }),
@@ -771,33 +772,33 @@ const oe = y(
       /* @__PURE__ */ e("div", { className: `${a}--skeleton--date` })
     ] })
   ] }) });
-}, B = Object.assign(oe, {
+}, R = Object.assign(oe, {
   Skeleton: _e
 });
-B.displayName = "ScoreCard";
-B.Skeleton.displayName = "ScoreCard.Skeleton";
+R.displayName = "ScoreCard";
+R.Skeleton.displayName = "ScoreCard.Skeleton";
 const $e = {
-  stat: T,
-  multilink: F,
-  text: j,
-  promo: P,
-  feature: O,
-  detail: I,
-  factlist: M,
-  data: G,
-  score: B
-}, fe = y(
-  ({ type: o, group: s, cardCount: c = "one", cta: i, collapsed: a = !1 }, l) => {
-    const n = $e[o], { prefix: $ } = C(), _ = `${$}--cardgroup`, N = v(
-      _,
-      `${_}__count__${c}`,
+  stat: F,
+  multilink: j,
+  text: P,
+  promo: O,
+  feature: I,
+  detail: M,
+  factlist: G,
+  data: B,
+  score: R
+}, fe = u(
+  ({ type: o, group: s, cardCount: r = "one", cta: i, collapsed: a = !1 }, l) => {
+    const n = $e[o], { prefix: $ } = C(), m = `${$}--cardgroup`, k = v(
+      m,
+      `${m}__count__${r}`,
       {
-        [`${_}__collapsed`]: a
+        [`${m}__collapsed`]: a
       }
     );
-    return /* @__PURE__ */ t("div", { className: N, ref: l, children: [
-      /* @__PURE__ */ e("div", { className: `${_}--inner`, children: s.map((r, p) => /* @__PURE__ */ e(n, { ...r }, p)) }),
-      i && /* @__PURE__ */ e("div", { className: `${_}--button-wrap`, children: /* @__PURE__ */ e(
+    return /* @__PURE__ */ t("div", { className: k, ref: l, children: [
+      /* @__PURE__ */ e("div", { className: `${m}--inner`, children: s.map((c, p) => /* @__PURE__ */ e(n, { ...c }, p)) }),
+      i && /* @__PURE__ */ e("div", { className: `${m}--button-wrap`, children: /* @__PURE__ */ e(
         S,
         {
           link: {
@@ -813,13 +814,13 @@ const $e = {
 );
 export {
   fe as C,
-  I as D,
-  O as F,
-  F as M,
-  P,
-  T as S,
-  j as T,
-  M as a,
-  G as b,
-  B as c
+  M as D,
+  I as F,
+  j as M,
+  O as P,
+  F as S,
+  P as T,
+  G as a,
+  B as b,
+  R as c
 };

package/lib/esm/_store/{Cards-entry-BC85b1gG.js → Cards-entry-DzEZMOcE.js}

@@ -1,4 +1,4 @@
-import { C as s, b as C, D as d, a as t, F as e, M as o, P as i, c, S as u, T as D } from "./CardGroup-chunk-6cDXlMrq.js";
+import { C as s, b as C, D as d, a as t, F as e, M as o, P as i, c, S as u, T as D } from "./CardGroup-chunk-DOfpZMbU.js";
 export {
   s as CardGroup,
   C as DataCard,

package/lib/esm/_store/{components-entry-CBMbZZQP.js → components-entry-BLXacfCY.js}

@@ -36,7 +36,7 @@ import { List as co } from "./List-entry-BX9gaFfD.js";
 import { P as Po } from "./Profile-chunk-CK4F2KXo.js";
 import { T as bo } from "./TableOfContents-chunk-G6Og9OQI.js";
 import { F as ko } from "./Footer-chunk-TA0qQlaw.js";
-import { C as Io, b as Mo, D as Do, a as Go, F as No, M as Ro, P as vo, c as Ao, S as Bo, T as ho } from "./CardGroup-chunk-6cDXlMrq.js";
+import { C as Io, b as Mo, D as Do, a as Go, F as No, M as Ro, P as vo, c as Ao, S as Bo, T as ho } from "./CardGroup-chunk-DOfpZMbU.js";
 import { B as Eo } from "./Breadcrumb-chunk-C5nxxjB6.js";
 import { S as wo } from "./Status-chunk-CjagfPq5.js";
 import { T as Uo } from "./Tabs-chunk-DrfQDZZS.js";

package/lib/esm/index.js

@@ -36,7 +36,7 @@ import { List as co } from "./_store/List-entry-BX9gaFfD.js";
 import { P as Po } from "./_store/Profile-chunk-CK4F2KXo.js";
 import { T as bo } from "./_store/TableOfContents-chunk-G6Og9OQI.js";
 import { F as ko } from "./_store/Footer-chunk-TA0qQlaw.js";
-import { C as Ho, b as Io, D as Mo, a as vo, F as Bo, M as Do, P as No, c as Ro, S as Ao, T as ho } from "./_store/CardGroup-chunk-6cDXlMrq.js";
+import { C as Ho, b as Io, D as Mo, a as vo, F as Bo, M as Do, P as No, c as Ro, S as Ao, T as ho } from "./_store/CardGroup-chunk-DOfpZMbU.js";
 import { B as Eo } from "./_store/Breadcrumb-chunk-C5nxxjB6.js";
 import { S as Vo } from "./_store/Status-chunk-CjagfPq5.js";
 import { T as Uo } from "./_store/Tabs-chunk-DrfQDZZS.js";

package/lib/types/components/Cards/DetailCard.d.ts

@@ -30,6 +30,10 @@ export type DetailCardProps = {
      * Additional date information
      */
     details?: string;
+    /**
+     * Additional date information (alias for details, matches Twig template)
+     */
+    dateExtra?: string;
     /**
      * Intro text for the card
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilo-org/react",
-  "version": "0.28.0",
+  "version": "0.28.1",
   "description": "React components for the ILO's Design System",
   "keywords": [
     "ui_patterns",
@@ -75,9 +75,9 @@
     "video.js": "^7.21.2",
     "videojs-youtube": "^3.0.1",
     "@ilo-org/fonts": "2.0.0",
-    "@ilo-org/icons-react": "1.0.6",
     "@ilo-org/brand-assets": "1.0.1",
-    "@ilo-org/styles": "1.11.0"
+    "@ilo-org/styles": "1.11.0",
+    "@ilo-org/icons-react": "1.0.6"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "3.2.7",

package/lib/cjs/_store/CardGroup-chunk-D_hGpZ5E.js

@@ -1 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),u=require("react"),j=require("./index-chunk-Cxg31gtu.js"),h=require("./useGlobalSettings-chunk-Cd48T6lS.js"),g=require("./Button-chunk-DaJZujL8.js"),O=require("./Link-chunk-CP7cvvcX.js"),C=require("./DynamicHeading-chunk-DJzlOgQG.js"),I=require("./LinkList-chunk-CmVHEiqZ.js"),B=require("./Profile-chunk-Bnn1-Z78.js"),P=require("./Icon-chunk-DLR0d6ii.js"),k=require("./List-entry-31dXgvRv.js"),E=require("./Picture-chunk-CWRmIhTV.js"),V=require("./Status-chunk-CaABjeKb.js"),z=u.forwardRef(({className:d,title:a,theme:c="light",size:r="standard",color:e,intro:l,source:n,titleLevel:_="p"},o)=>{const{prefix:x}=h.useGlobalSettings(),i=`${x}--card`,$=j.classNames(`${i}--wrapper`,d),m=j.classNames(i,`${i}__type__stat`,{[`${i}__size__${String(r)}`]:r,[`${i}__theme__${c}`]:c,[`${i}__color__${e}`]:e});return s.jsx("div",{className:$,ref:o,children:s.jsx("div",{className:m,children:s.jsx("div",{className:`${i}--wrap`,children:s.jsxs("div",{className:`${i}--content`,children:[s.jsx(C.DynamicHeading,{level:_,className:`${i}--title`,children:a}),l&&s.jsx("p",{className:`${i}--intro`,children:l}),n&&s.jsx(O.Link,{className:`${i}--source`,url:n.url,label:n.label})]})})})})}),A=({className:d,theme:a="light",size:c="standard"})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=j.classNames(`${e}--wrapper`,d),n=j.classNames(e,`${e}__type__stat`,{[`${e}__size__${String(c)}`]:c,[`${e}__theme__${a}`]:a,[`${e}__loading`]:!0});return s.jsx("div",{className:l,children:s.jsx("div",{className:n,children:s.jsx("div",{className:`${e}--wrap`,children:s.jsxs("div",{className:`${e}--content`,children:[s.jsx("div",{className:`${e}--skeleton--title`}),s.jsx("div",{className:`${e}--skeleton--intro-1`}),s.jsx("div",{className:`${e}--skeleton--intro-2`}),s.jsx("div",{className:`${e}--skeleton--source`})]})})})})},S=Object.assign(z,{Skeleton:A});S.displayName="StatCard";S.Skeleton.displayName="StatCard.Skeleton";const J=u.forwardRef(({className:d,title:a,size:c="standard",alignment:r,intro:e,link:l,linklist:n,image:_,titleLevel:o="p",eyebrow:x,isVideo:i,theme:$="light"},m)=>{const{prefix:N}=h.useGlobalSettings(),t=`${N}--card`,p=j.classNames(t,d,`${t}__type__multilink`,{[`${t}__align__${r}`]:r,[`${t}__size__${c}`]:c,[`${t}__isvideo`]:i,[`${t}--no-image`]:!_,[`${t}__theme__${$}`]:$});return s.jsxs("div",{className:p,ref:m,children:[l&&s.jsx("a",{className:`${t}--link`,href:l,title:a,children:s.jsx("span",{className:`${t}--link--text`,children:a})}),s.jsxs("div",{className:`${t}--wrap`,children:[_&&s.jsx("div",{className:`${t}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:_,alt:a,className:`${t}--picture`})})}),s.jsxs("div",{className:`${t}--content`,children:[x&&s.jsx("p",{className:`${t}--eyebrow`,children:x}),s.jsx(C.DynamicHeading,{level:o,className:`${t}--title`,children:a}),_&&s.jsx("div",{className:`${t}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:_,alt:a,className:`${t}--picture`})})}),e&&(u.isValidElement(e)?s.jsx("div",{className:`${t}--intro`,children:e}):s.jsx("p",{className:`${t}--intro`,children:e})),n&&s.jsx(I.LinkList,{...n})]})]})]})}),K=({className:d,size:a="standard",alignment:c,theme:r="light"})=>{const{prefix:e}=h.useGlobalSettings(),l=`${e}--card`,n=j.classNames(l,d,`${l}__type__multilink`,{[`${l}__align__${c}`]:c,[`${l}__size__${a}`]:a,[`${l}__theme__${r}`]:r});return s.jsx("div",{className:n,children:s.jsxs("div",{className:`${l}--wrap`,children:[s.jsx("div",{className:`${l}--skeleton--column-image`}),s.jsxs("div",{className:`${l}--content`,children:[s.jsx("div",{className:`${l}--skeleton--eyebrow`}),s.jsx("div",{className:`${l}--skeleton--title-1`}),s.jsx("div",{className:`${l}--skeleton--title-2`}),s.jsx("div",{className:`${l}--skeleton--row-image`}),s.jsx("div",{className:`${l}--skeleton--intro-1`}),s.jsx("div",{className:`${l}--skeleton--intro-2`}),s.jsx("div",{className:`${l}--skeleton--intro-3`}),s.jsx("div",{className:`${l}--skeleton--intro-4`})]})]})})},y=Object.assign(J,{Skeleton:K});y.displayName="MultiLinkCard";y.Skeleton.displayName="MultiLinkCard.Skeleton";const Q=u.forwardRef(({className:d,title:a,theme:c="light",size:r="narrow",date:e,profile:l,link:n,titleLevel:_="p",eyebrow:o},x)=>{const{prefix:i}=h.useGlobalSettings(),$=`${i}--card`,m=j.classNames(`${$}--wrapper`,d),N=j.classNames($,`${$}__type__text`,{[`${$}__size__${String(r)}`]:r,[`${$}__theme__${c}`]:c});return s.jsx("div",{className:m,ref:x,children:s.jsxs("div",{className:N,children:[s.jsx("a",{className:`${$}--link`,href:n,title:a,children:s.jsx("span",{className:`${$}--link--text`,children:a})}),s.jsx("div",{className:`${$}--wrap`,children:s.jsxs("div",{className:`${$}--content`,children:[o&&s.jsx("p",{className:`${$}--eyebrow`,children:o}),s.jsx(C.DynamicHeading,{level:_,className:`${$}--title`,children:a}),e&&s.jsx("time",{className:`${$}--date`,dateTime:e.unix,children:e.human}),l&&s.jsx(B.Profile,{avatar:l.avatar,description:l.description,link:l.link,name:l.name,role:l.role,theme:c})]})})]})})}),U=({className:d,size:a,theme:c})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=j.classNames(`${e}--wrapper`,d),n=j.classNames(e,`${e}__type__text`,{[`${e}__size__${String(a)}`]:a,[`${e}__theme__${c}`]:c});return s.jsx("div",{className:l,children:s.jsx("div",{className:n,children:s.jsx("div",{className:`${e}--wrap`,children:s.jsxs("div",{className:`${e}--content`,children:[s.jsx("div",{className:`${e}--skeleton--eyebrow`}),s.jsx("div",{className:`${e}--skeleton--title`}),s.jsx("div",{className:`${e}--skeleton--date`}),s.jsx("div",{className:`${e}--skeleton--profile`})]})})})})},w=Object.assign(Q,{Skeleton:U});w.displayName="TextCard";w.Skeleton.displayName="TextCard.Skeleton";const W=u.forwardRef(({className:d,title:a,theme:c="light",size:r="narrow",cornercut:e,intro:l,link:n,cta:_,titleLevel:o="p",eyebrow:x},i)=>{const{prefix:$}=h.useGlobalSettings(),m=`${$}--card`,N=j.classNames(`${m}--wrapper`,d,`${m}--wrapper__type__promo`,`${m}--wrapper__type__promo__size__${r}`),t=j.classNames(m,`${m}__type__promo`,{[`${m}__size__${String(r)}`]:r,[`${m}__theme__${c}`]:c,[`${m}__cornercut`]:e});return s.jsx("div",{className:N,ref:i,children:s.jsxs("div",{className:t,children:[s.jsx("a",{className:`${m}--link`,href:n,title:a,children:s.jsx("span",{className:`${m}--link--text`,children:a})}),s.jsx("div",{className:`${m}--wrap`,children:s.jsxs("div",{className:`${m}--content`,children:[x&&s.jsx("p",{className:`${m}--eyebrow`,children:x}),s.jsx(C.DynamicHeading,{level:o,className:`${m}--title`,children:a}),l&&s.jsx("p",{className:`${m}--intro`,children:l}),(_==null?void 0:_.label)&&s.jsx("div",{className:`${m}--cta`,children:s.jsx(g.Button,{link:{url:_.url,label:_.label},size:"medium",type:"primary"})})]})})]})})}),X=({className:d,theme:a="light",size:c="narrow"})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=j.classNames(`${e}--wrapper`,d,`${e}--wrapper__type__promo`,`${e}--wrapper__type__promo__size__${c}`),n=j.classNames(e,`${e}__type__promo`,{[`${e}__size__${String(c)}`]:c,[`${e}__theme__${a}`]:a});return s.jsx("div",{className:l,children:s.jsx("div",{className:n,children:s.jsxs("div",{className:`${e}--wrap`,children:[s.jsx("div",{className:`${e}--skeleton--eyebrow`}),s.jsx("div",{className:`${e}--skeleton--title-1`}),s.jsx("div",{className:`${e}--skeleton--title-2`}),s.jsx("div",{className:`${e}--skeleton--intro-1`}),s.jsx("div",{className:`${e}--skeleton--intro-2`}),s.jsx("div",{className:`${e}--skeleton--intro-3`})]})})})},f=Object.assign(W,{Skeleton:X});f.displayName="PromoCard";f.Skeleton.displayName="PromoCard.Skeleton";const Y=u.forwardRef(({className:d,title:a,theme:c="light",size:r="narrow",date:e,link:l,linklist:n,image:_,titleLevel:o="p",eyebrow:x,isVideo:i},$)=>{const{prefix:m}=h.useGlobalSettings(),N=`${m}--card`,t=j.classNames(N,d,`${N}__type__feature`,{[`${N}__size__${String(r)}`]:r,[`${N}__theme__${c}`]:c,[`${N}__isvideo`]:i,[`${N}__linklist`]:n});return s.jsxs("div",{className:t,ref:$,children:[l&&s.jsx("a",{className:`${N}--link`,href:l,title:a,children:s.jsx("span",{className:`${N}--link--text`,children:a})}),s.jsxs("div",{className:`${N}--wrap`,children:[_&&s.jsx("div",{className:`${N}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:_,alt:a,className:`${N}--picture`})})}),s.jsxs("div",{className:`${N}--content`,children:[x&&s.jsx("p",{className:`${N}--eyebrow`,children:x}),s.jsx(C.DynamicHeading,{level:o,className:`${N}--title`,children:a}),e&&s.jsx("time",{className:`${N}--date`,dateTime:e.unix,children:e.human}),n&&r==="narrow"&&s.jsx(I.LinkList,{headline:n.headline,linkgroup:n.linkgroup,theme:c})]})]}),n&&(r==="wide"||r==="fluid")&&s.jsx(I.LinkList,{headline:n.headline,linkgroup:n.linkgroup,theme:c})]})}),Z=({className:d,size:a,theme:c})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=j.classNames(e,d,`${e}__type__feature`,{[`${e}__size__${String(a)}`]:a,[`${e}__theme__${c}`]:c});return s.jsx("div",{className:l,children:s.jsxs("div",{className:`${e}--wrap`,children:[s.jsx("div",{className:`${e}--skeleton--image`}),s.jsxs("div",{className:`${e}--content`,children:[s.jsx("div",{className:`${e}--skeleton--eyebrow`}),s.jsx("div",{className:`${e}--skeleton--title`}),s.jsx("div",{className:`${e}--skeleton--date`})]})]})})},L=Object.assign(Y,{Skeleton:Z});L.displayName="FeatureCard";L.Skeleton.displayName="FeatureCard.Skeleton";const ss=u.forwardRef(({className:d,title:a,theme:c="light",size:r="narrow",date:e,details:l,link:n,titleLevel:_="p",eyebrow:o,intro:x,image:i,isVideo:$=!1,linkComponent:m},N)=>{const{prefix:t}=h.useGlobalSettings(),p=`${t}--card`,v=j.classNames(p,`${p}__type__detail`,d,{[`${p}__size__${String(r)}`]:r,[`${p}__theme__${c}`]:c,[`${p}__isvideo`]:$}),R=u.createElement(m||"a",{className:`${p}--link`,href:n,title:a},s.jsx("span",{className:`${p}--link--text`,children:a}));return s.jsxs("div",{className:v,ref:N,children:[n&&R,s.jsxs("div",{className:`${p}--wrap`,children:[i&&s.jsx("div",{className:`${p}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{className:`${p}--picture`,src:i,alt:a})})}),s.jsxs("div",{className:`${p}--content`,children:[o&&s.jsx("p",{className:`${p}--eyebrow`,children:o}),a&&s.jsx(C.DynamicHeading,{level:_,className:`${p}--title`,children:a}),x&&(u.isValidElement(x)?s.jsx("div",{className:`${p}--intro`,children:x}):s.jsx("p",{className:`${p}--intro`,children:x})),e&&!l&&s.jsx("time",{className:`${p}--date`,dateTime:e.unix,children:e.human}),l&&s.jsxs("p",{className:`${p}--date-extra`,children:[s.jsx(P.Icon,{name:"TriangleRight",size:20,className:`${p}--icon-right`}),s.jsx(P.Icon,{name:"TriangleLeft",size:20,className:`${p}--icon-left`}),l]})]})]})]})}),es=({className:d,theme:a="light",size:c="narrow"})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=j.classNames(e,`${e}__type__detail`,d,{[`${e}__size__${String(c)}`]:c,[`${e}__theme__${a}`]:a});return s.jsx("div",{className:l,children:s.jsxs("div",{className:`${e}--wrap`,children:[s.jsx("div",{className:`${e}--image--wrapper`,children:s.jsx("div",{className:`${e}--skeleton--image`})}),s.jsxs("div",{className:`${e}--content`,children:[s.jsx("div",{className:`${e}--skeleton--eyebrow`}),s.jsx("div",{className:`${e}--skeleton--title-1`}),s.jsx("div",{className:`${e}--skeleton--title-2`}),s.jsx("div",{className:`${e}--skeleton--intro-1`}),s.jsx("div",{className:`${e}--skeleton--intro-2`}),s.jsx("div",{className:`${e}--skeleton--intro-3`}),s.jsx("div",{className:`${e}--skeleton--intro-4`}),s.jsx("div",{className:`${e}--skeleton--intro-5`})]})]})})},G=Object.assign(ss,{Skeleton:es});G.displayName="DetailCard";G.Skeleton.displayName="DetailCard.Skeleton";const as=u.forwardRef(({title:d,theme:a="light",size:c="narrow",list:r,titleLevel:e="p",className:l},n)=>{const{prefix:_}=h.useGlobalSettings(),o=`${_}--card`,x=j.classNames(o,`${o}__type__factlist`,l,{[`${o}__size__${c}`]:c,[`${o}__theme__${a}`]:a});return s.jsx("div",{className:x,ref:n,children:s.jsx("div",{className:`${o}--wrap`,children:s.jsxs("div",{className:`${o}--content`,children:[d&&s.jsx(C.DynamicHeading,{level:e,className:`${_}--card--title`,children:d}),s.jsx(k.List,{alignment:"default",ordered:"unordered",theme:a,children:r.map(i=>s.jsx(k.List.Item,{children:s.jsx("p",{children:i})},i))})]})})})}),ls=({className:d,theme:a="light",size:c="narrow"})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=j.classNames(e,`${e}__type__factlist`,d,{[`${e}__size__${c}`]:c,[`${e}__theme__${a}`]:a});return s.jsx("div",{className:l,children:s.jsx("div",{className:`${e}--wrap`,children:s.jsxs("div",{className:`${e}--content`,children:[s.jsx("div",{className:`${e}--skeleton--title`}),s.jsxs(k.List,{alignment:"default",ordered:"unordered",theme:a,children:[s.jsx(k.List.Item,{children:s.jsx("div",{className:`${e}--skeleton--list-item`})}),s.jsx(k.List.Item,{children:s.jsx("div",{className:`${e}--skeleton--list-item`})}),s.jsx(k.List.Item,{children:s.jsx("div",{className:`${e}--skeleton--list-item`})}),s.jsx(k.List.Item,{children:s.jsx("div",{className:`${e}--skeleton--list-item`})}),s.jsx(k.List.Item,{children:s.jsx("div",{className:`${e}--skeleton--list-item`})})]})]})})})},D=Object.assign(as,{Skeleton:ls});D.displayName="FactListCard";D.Skeleton.displayName="FactListCard.Skeleton";const ns=u.forwardRef(({theme:d="light",eyebrow:a,size:c="narrow",image:r,dataset:e,columns:l="one",className:n},_)=>{var N;const{prefix:o}=h.useGlobalSettings(),x=c==="narrow"?"one":l,i=`${o}--card`,$=j.classNames(i,`${i}__type__data`,n,{[`${i}__size__${String(c)}`]:c,[`${i}__type__data__columns__${x}`]:x,[`${i}__theme__${d}`]:d}),m=j.classNames(`${i}--content`,{[`${i}--content__with-image`]:r,[`${i}--content__no-image-with-links`]:!r&&(e==null?void 0:e.links),[`${i}--content__default`]:!r&&!(e!=null&&e.links)});return s.jsx("div",{className:$,ref:_,children:s.jsxs("div",{className:`${i}--wrap`,children:[!r&&a&&s.jsx("div",{className:`${i}--eyebrow`,children:a}),s.jsxs("div",{className:m,children:[r&&s.jsxs("div",{className:`${i}--area--image`,children:[a&&s.jsx("div",{className:`${i}--eyebrow`,children:a}),s.jsx("div",{className:`${i}--image`,children:s.jsx("picture",{children:s.jsx("img",{className:`${i}--picture`,src:r,alt:a})})})]}),(N=e==null?void 0:e.content)==null?void 0:N.items.map((t,p)=>s.jsxs("div",{className:`${i}--area--content`,children:[s.jsx("p",{className:`${i}__type__data--content-label`,children:t.label}),s.jsx("p",{className:`${i}__type__data--content-copy`,children:t.copy})]},p)),(e==null?void 0:e.files)&&s.jsx("div",{className:`${i}--area--files`,children:s.jsxs("div",{className:`${i}__type__data--content-files`,children:[s.jsx("p",{className:`${i}__type__data--content-label`,children:e.files.headline}),e.files.items.map((t,p)=>s.jsx(g.Button,{link:{url:t.url,label:t.label,target:t.target||"_self"},size:"small"},p))]})}),(e==null?void 0:e.cta)&&s.jsx("div",{className:`${i}--area--cta`,children:s.jsxs("div",{className:`${i}__type__data--content-cta`,children:[s.jsx("p",{className:`${i}__type__data--content-label`,children:e.cta.headline}),e.cta.items.map(t=>s.jsx(g.Button,{type:"secondary",size:"small",link:{url:t.url,label:t.label,target:t.target}},t.label))]})}),(e==null?void 0:e.links)&&s.jsx("div",{className:`${i}--area--links`,children:s.jsxs("div",{className:`${i}__type__data--content-links`,children:[s.jsx("p",{className:`${i}__type__data--content-label`,children:e.links.headline}),s.jsx("div",{className:`${i}__type__data--content-links-list`,children:e.links.items.map(t=>s.jsx(u.Fragment,{children:s.jsx(O.Link,{url:t.url,label:t.label,className:`${i}__type__data--content-link`})},t.label+t.url))})]})})]})]})})}),cs=({className:d,theme:a="light",size:c="narrow",columns:r="one"})=>{const{prefix:e}=h.useGlobalSettings(),l=c==="narrow"?"one":r,n=`${e}--card`,_=j.classNames(n,`${n}__type__data`,d,{[`${n}__size__${String(c)}`]:c,[`${n}__type__data__columns__${l}`]:l,[`${n}__theme__${a}`]:a,[`${n}__loading`]:!0}),o=`${n}--content`;return s.jsx("div",{className:_,children:s.jsx("div",{className:`${n}--wrap`,children:s.jsxs("div",{className:o,children:[s.jsxs("div",{className:`${n}--area--image`,children:[s.jsx("div",{className:`${n}--skeleton--eyebrow`}),s.jsx("div",{className:`${n}--skeleton--image`})]}),s.jsxs("div",{className:`${n}--area--content`,children:[s.jsx("div",{className:`${n}--skeleton--label`}),s.jsx("div",{className:`${n}--skeleton--copy`})]}),s.jsxs("div",{className:`${n}--area--content`,children:[s.jsx("div",{className:`${n}--skeleton--label`}),s.jsx("div",{className:`${n}--skeleton--copy`})]}),s.jsxs("div",{className:`${n}--area--content`,children:[s.jsx("div",{className:`${n}--skeleton--label`}),s.jsx("div",{className:`${n}--skeleton--copy`})]})]})})})},q=Object.assign(ns,{Skeleton:cs});q.displayName="DataCard";q.Skeleton.displayName="DataCard.Skeleton";const is=u.forwardRef(({className:d,theme:a="light",titleLevel:c="p",size:r="narrow",link:e,linkComponent:l,title:n,isVideo:_=!1,image:o,status:x,eyebrow:i,content:$,cta:m},N)=>{var H;const{prefix:t}=h.useGlobalSettings(),p=a==="dark"?"var(--ilo-color-white)":"var(--ilo-color-gray-accessible)",v=`${t}--card`,R=j.classNames(v,`${v}__type__score`,{[`${v}__theme__${a}`]:a,[`${v}__size__${r}`]:r,[`${v}__isvideo`]:_}),M=u.createElement(l||"a",{href:e,title:n,className:`${v}--link`},s.jsx("span",{className:`${v}--link--text`,children:n}));return s.jsxs("div",{className:j.classNames(R,d),ref:N,children:[M,s.jsxs("div",{className:`${v}--wrap`,children:[o&&r!=="simple"&&s.jsx("div",{className:`${v}--image--wrapper`,children:s.jsx(E.Picture,{...o})}),s.jsxs("div",{className:`${v}--content`,children:[x&&s.jsx(V.Status,{content:x.content,statusType:x.statusType}),i&&r!=="simple"&&s.jsx("p",{className:`${v}--eyebrow`,children:i}),n&&s.jsx(C.DynamicHeading,{level:c,className:`${v}--title`,children:n}),$&&s.jsx("div",{className:`${v}--area--content`,children:(H=$.items)==null?void 0:H.map((b,T)=>s.jsxs("div",{className:`${v}--content--item`,children:[s.jsx(P.Icon,{name:b.icon,size:20,color:p}),s.jsx("span",{children:b.label})]},T))}),m&&s.jsx("div",{className:`${v}--area--cta`,children:m.items.map((b,T)=>s.jsx("div",{className:`${v}--cta`,children:b},T))})]})]})]})}),rs=({className:d,theme:a="light",size:c="narrow"})=>{const{prefix:r}=h.useGlobalSettings(),e=`${r}--card`,l=j.classNames(e,`${e}__type__score`,{[`${e}__theme__${a}`]:a,[`${e}__size__${c}`]:c});return s.jsx("div",{className:j.classNames(l,d),children:s.jsxs("div",{className:`${e}--wrap`,children:[s.jsx("div",{className:`${e}--skeleton--image`}),s.jsxs("div",{className:`${e}--content`,children:[s.jsx("div",{className:`${e}--skeleton--eyebrow`}),s.jsx("div",{className:`${e}--skeleton--title`}),s.jsx("div",{className:`${e}--skeleton--date`})]})]})})},F=Object.assign(is,{Skeleton:rs});F.displayName="ScoreCard";F.Skeleton.displayName="ScoreCard.Skeleton";const ts={stat:S,multilink:y,text:w,promo:f,feature:L,detail:G,factlist:D,data:q,score:F},ds=u.forwardRef(({type:d,group:a,cardCount:c="one",cta:r,collapsed:e=!1},l)=>{const n=ts[d],{prefix:_}=h.useGlobalSettings(),o=`${_}--cardgroup`,x=j.classNames(o,`${o}__count__${c}`,{[`${o}__collapsed`]:e});return s.jsxs("div",{className:x,ref:l,children:[s.jsx("div",{className:`${o}--inner`,children:a.map((i,$)=>s.jsx(n,{...i},$))}),r&&s.jsx("div",{className:`${o}--button-wrap`,children:s.jsx(g.Button,{link:{url:r.url,label:r.label},type:"secondary",size:"medium"})})]})});exports.CardGroup=ds;exports.DataCardCombined=q;exports.DetailCardCombined=G;exports.FactListCardCombined=D;exports.FeatureCardCombined=L;exports.MultiLinkCardCombined=y;exports.PromoCardCombined=f;exports.ScoreCardCombined=F;exports.StatCardCombined=S;exports.TextCardCombined=w;