@ilo-org/react 0.23.2 → 0.23.4

package/lib/types/components/Callout/Callout.d.ts

@@ -27,7 +27,7 @@ export type CalloutProps = {
      */
     isCollapsible?: boolean;
     /**
-     * Specify if callout is open (only important for collapsible items)
+     * Specify if callout is open by default (only important for collapsible items)
      */
     isOpen?: boolean;
     /**

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

@@ -1,3 +1,4 @@
+import { ElementType, ReactNode } from 'react';
 import { CardSize, EventDate, HeadingTypes, ThemeTypes } from '../../types';
 
 export type DetailCardProps = {
@@ -32,11 +33,15 @@ export type DetailCardProps = {
     /**
      * Intro text for the card
      */
-    intro?: string;
+    intro?: string | ReactNode;
     /**
      * Specify the URL for the card link
      */
     link?: string;
+    /**
+     * Specify the component to use for the link
+     */
+    linkComponent?: ElementType;
     /**
      * Specify the image for the card
      */

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ElementType, ReactNode } from 'react';
 import { PictureProps } from '../Picture';
 import { StatusProps } from '../Status';
 import { ButtonProps } from '../Button';
@@ -20,6 +20,10 @@ export type ScoreCardProps = {
      * The link URL for the card.
      */
     link: string;
+    /**
+     * Specify the component to use for the link
+     */
+    linkComponent?: ElementType;
     /**
      * The title text for the card.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilo-org/react",
-  "version": "0.23.2",
+  "version": "0.23.4",
   "description": "React components for the ILO's Design System",
   "keywords": [
     "ui_patterns",
@@ -75,7 +75,7 @@
     "@ilo-org/brand-assets": "1.0.0",
     "@ilo-org/fonts": "1.0.0",
     "@ilo-org/icons-react": "1.0.3",
-    "@ilo-org/styles": "1.7.2",
+    "@ilo-org/styles": "1.7.3",
     "@ilo-org/themes": "0.9.1",
     "@ilo-org/utils": "0.1.1"
   },
@@ -112,9 +112,9 @@
     "vite-plugin-dts": "^3.9.1",
     "vite-plugin-static-copy": "^1.0.6",
     "vitest": "^2.0.5",
-    "@ilo-org/typescript-config": "2.0.0",
     "@ilo-org/eslint-config": "2.0.0",
-    "@ilo-org/prettier-config": "2.0.0"
+    "@ilo-org/prettier-config": "2.0.0",
+    "@ilo-org/typescript-config": "2.0.0"
   },
   "peerDependencies": {
     "react": "18 || 19",

package/lib/cjs/_store/Callout-chunk-BxN0hHA0.js

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),N=require("./index-chunk-D921N0ug.js"),r=require("react"),p=require("./useGlobalSettings-chunk-DEacV16j.js"),g=require("./Button-chunk-B65FgSLG.js"),b=r.forwardRef(({className:i,copy:d,cta:l,isCollapsible:t,isOpen:u=!0,toggleOpenLabel:c="Less",toggleClosedLabel:o="More",headline:x,type:n},_)=>{const{prefix:$}=p.useGlobalSettings(),s=`${$}--callout`,[a,m]=r.useState(u),j=N.classnames(s,i,{[`${s}__${n}`]:n,[`${s}--open`]:a,[`${s}--collapse`]:t}),h=a?c:o;return e.jsxs("div",{className:j,ref:_,children:[e.jsx("div",{className:`${s}__sidebar`,children:e.jsx("span",{className:`${s}--icon icon icon__${n}`})}),e.jsxs("div",{className:`${s}__content`,children:[e.jsxs("div",{className:`${s}__header`,children:[e.jsx("h5",{className:`${s}__title`,children:x}),t&&e.jsxs("button",{className:`${s}--toggle`,onClick:()=>m(!a),"data-open":c,"data-closed":o,children:[e.jsx("span",{className:`${s}--button-text`,children:h}),e.jsx("span",{className:`${s}--toggle--icon`,role:"presentation"})]})]}),e.jsx("p",{className:`${s}__description`,children:d}),l&&e.jsx("div",{className:`${s}__footer`,children:e.jsx(g.Button,{type:"secondary",size:"small",link:{url:l.url,label:l.label}})})]})]})});exports.Callout=b;

package/lib/cjs/_store/ScoreCard-chunk-Dd3Knwq0.js

@@ -1 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),N=require("react"),j=require("./index-chunk-D921N0ug.js"),u=require("./useGlobalSettings-chunk-DEacV16j.js"),f=require("./Button-chunk-B65FgSLG.js"),g=require("./Link-chunk-DuZiglb_.js"),k=require("./LinkList-chunk-AT26ZVEG.js"),F=require("./Profile-chunk-Du8HEAQA.js"),w=require("./List-entry-DRGsrQZi.js"),D=require("./Picture-chunk-CK6tJPnd.js"),I=require("./Status-chunk-3GZXo15N.js"),M=require("./Icon-chunk-QFryHTpy.js"),y=N.forwardRef(({className:p,title:r,theme:n="light",size:e="standard",color:m,intro:t,source:x,titleLevel:o="p"},i)=>{const{prefix:a}=u.useGlobalSettings(),d=`${a}--card`,$=j.classnames(`${d}--wrapper`,p),_=j.classnames(d,`${d}__type__stat`,{[`${d}__size__${String(e)}`]:e,[`${d}__theme__${n}`]:n,[`${d}__color__${m}`]:m});return s.jsx("div",{className:$,ref:i,children:s.jsx("div",{className:_,children:s.jsx("div",{className:`${d}--wrap`,children:s.jsxs("div",{className:`${d}--content`,children:[s.jsx(o,{className:`${d}--title`,children:r}),t&&s.jsx("p",{className:`${d}--intro`,children:t}),x&&s.jsx(g.Link,{className:`${d}--source`,url:x.url,label:x.label})]})})})})}),L=N.forwardRef(({className:p,title:r,size:n="standard",alignment:e,intro:m,link:t,linklist:x,image:o,titleLevel:i="p",eyebrow:a,isVideo:d,theme:$="light"},_)=>{const{prefix:c}=u.useGlobalSettings(),l=`${c}--card`,h=j.classnames(l,p,`${l}__type__multilink`,{[`${l}__align__${e}`]:e,[`${l}__size__${n}`]:n,[`${l}__isvideo`]:d,[`${l}--no-image`]:!o,[`${l}__theme__${$}`]:$});return s.jsxs("div",{className:h,ref:_,children:[t&&s.jsx("a",{className:`${l}--link`,href:t,title:r,children:s.jsx("span",{className:`${l}--link--text`,children:r})}),s.jsxs("div",{className:`${l}--wrap`,children:[o&&s.jsx("div",{className:`${l}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:o,alt:r,className:`${l}--picture`})})}),s.jsxs("div",{className:`${l}--content`,children:[a&&s.jsx("p",{className:`${l}--eyebrow`,children:a}),s.jsx(i,{className:`${l}--title`,children:r}),o&&s.jsx("div",{className:`${l}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:o,alt:r,className:`${l}--picture`})})}),m&&(N.isValidElement(m)?s.jsx("div",{className:`${l}--intro`,children:m}):s.jsx("p",{className:`${l}--intro`,children:m})),x&&s.jsx(k.LinkList,{...x})]})]})]})}),S=N.forwardRef(({className:p,title:r,theme:n="light",size:e="narrow",date:m,profile:t,link:x,titleLevel:o="p",eyebrow:i},a)=>{const{prefix:d}=u.useGlobalSettings(),$=`${d}--card`,_=j.classnames(`${$}--wrapper`,p),c=j.classnames($,`${$}__type__text`,{[`${$}__size__${String(e)}`]:e,[`${$}__theme__${n}`]:n});return s.jsx("div",{className:_,ref:a,children:s.jsxs("div",{className:c,children:[s.jsx("a",{className:`${$}--link`,href:x,title:r,children:s.jsx("span",{className:`${$}--link--text`,children:r})}),s.jsx("div",{className:`${$}--wrap`,children:s.jsxs("div",{className:`${$}--content`,children:[i&&s.jsx("p",{className:`${$}--eyebrow`,children:i}),s.jsx(o,{className:`${$}--title`,children:r}),m&&s.jsx("time",{className:`${$}--date`,dateTime:m.unix,children:m.human}),t&&s.jsx(F.Profile,{avatar:t.avatar,description:t.description,link:t.link,name:t.name,role:t.role,theme:n})]})})]})})}),G=N.forwardRef(({className:p,title:r,theme:n="light",size:e="narrow",cornercut:m,intro:t,link:x,cta:o,titleLevel:i="p",eyebrow:a},d)=>{const{prefix:$}=u.useGlobalSettings(),_=`${$}--card`,c=j.classnames(`${_}--wrapper`,p,`${_}--wrapper__type__promo`,`${_}--wrapper__type__promo__size__${e}`),l=j.classnames(_,`${_}__type__promo`,{[`${_}__size__${String(e)}`]:e,[`${_}__theme__${n}`]:n,[`${_}__cornercut`]:m});return s.jsx("div",{className:c,ref:d,children:s.jsxs("div",{className:l,children:[s.jsx("a",{className:`${_}--link`,href:x,title:r,children:s.jsx("span",{className:`${_}--link--text`,children:r})}),s.jsx("div",{className:`${_}--wrap`,children:s.jsxs("div",{className:`${_}--content`,children:[a&&s.jsx("p",{className:`${_}--eyebrow`,children:a}),s.jsx(i,{className:`${_}--title`,children:r}),t&&s.jsx("p",{className:`${_}--intro`,children:t}),(o==null?void 0:o.label)&&s.jsx("div",{className:`${_}--cta`,children:s.jsx(f.Button,{link:{url:o.url,label:o.label},size:"medium",type:"primary"})})]})})]})})}),q=N.forwardRef(({className:p,title:r,theme:n="light",size:e="narrow",date:m,link:t,linklist:x,image:o,titleLevel:i="p",eyebrow:a,isVideo:d},$)=>{const{prefix:_}=u.useGlobalSettings(),c=`${_}--card`,l=j.classnames(c,p,`${c}__type__feature`,{[`${c}__size__${String(e)}`]:e,[`${c}__theme__${n}`]:n,[`${c}__isvideo`]:d,[`${c}__linklist`]:x});return s.jsxs("div",{className:l,ref:$,children:[t&&s.jsx("a",{className:`${c}--link`,href:t,title:r,children:s.jsx("span",{className:`${c}--link--text`,children:r})}),s.jsxs("div",{className:`${c}--wrap`,children:[o&&s.jsx("div",{className:`${c}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{src:o,alt:r,className:`${c}--picture`})})}),s.jsxs("div",{className:`${c}--content`,children:[a&&s.jsx("p",{className:`${c}--eyebrow`,children:a}),s.jsx(i,{className:`${c}--title`,children:r}),m&&s.jsx("time",{className:`${c}--date`,dateTime:m.unix,children:m.human}),x&&s.jsx(k.LinkList,{headline:x.headline,linkgroup:x.linkgroup,theme:n})]})]})]})}),R=N.forwardRef(({className:p,title:r,theme:n="light",size:e="narrow",date:m,details:t,link:x,titleLevel:o="p",eyebrow:i,intro:a,image:d,isVideo:$=!1},_)=>{const{prefix:c}=u.useGlobalSettings(),l=`${c}--card`,h=j.classnames(l,`${l}__type__detail`,p,{[`${l}__size__${String(e)}`]:e,[`${l}__theme__${n}`]:n,[`${l}__isvideo`]:$});return s.jsxs("div",{className:h,ref:_,children:[x&&s.jsx("a",{className:`${l}--link`,href:x,title:r,children:s.jsx("span",{className:`${l}--link--text`,children:r})}),s.jsxs("div",{className:`${l}--wrap`,children:[d&&s.jsx("div",{className:`${l}--image--wrapper`,children:s.jsx("picture",{children:s.jsx("img",{className:`${l}--picture`,src:d,alt:r})})}),s.jsxs("div",{className:`${l}--content`,children:[i&&s.jsx("p",{className:`${l}--eyebrow`,children:i}),r&&s.jsx(o,{className:`${l}--title`,children:r}),a&&s.jsx("p",{className:`${l}--intro`,children:a}),m&&s.jsx("time",{className:`${l}--date`,dateTime:m.unix,children:m.human}),t&&s.jsx("p",{className:`${l}--date-extra`,children:t})]})]})]})}),T=N.forwardRef(({title:p,theme:r="light",size:n="narrow",list:e,titleLevel:m="p",className:t},x)=>{const{prefix:o}=u.useGlobalSettings(),i=`${o}--card`,a=j.classnames(i,`${i}__type__factlist`,t,{[`${i}__size__${n}`]:n,[`${i}__theme__${r}`]:r});return s.jsx("div",{className:a,ref:x,children:s.jsx("div",{className:`${i}--wrap`,children:s.jsxs("div",{className:`${i}--content`,children:[p&&s.jsx(m,{className:`${o}--card--title`,children:p}),s.jsx(w.List,{alignment:"default",ordered:"unordered",theme:r,children:e.map(d=>s.jsx(w.List.Item,{children:s.jsx("p",{children:d})},d))})]})})})}),P=N.forwardRef(({eyebrow:p,size:r="narrow",image:n,dataset:e,columns:m="one",className:t},x)=>{var _;const{prefix:o}=u.useGlobalSettings(),i=r==="narrow"?"one":m,a=`${o}--card`,d=j.classnames(a,`${a}__type__data`,t,{[`${a}__size__${String(r)}`]:r,[`${a}__type__data__columns__${i}`]:i}),$=j.classnames(`${a}--content`,{[`${a}--content__with-image`]:n,[`${a}--content__no-image-with-links`]:!n&&(e==null?void 0:e.links),[`${a}--content__default`]:!n&&!(e!=null&&e.links)});return s.jsx("div",{className:d,ref:x,children:s.jsxs("div",{className:`${a}--wrap`,children:[!n&&p&&s.jsx("div",{className:`${a}--eyebrow`,children:p}),s.jsxs("div",{className:$,children:[n&&s.jsxs("div",{className:`${a}--area--image`,children:[p&&s.jsx("div",{className:`${a}--eyebrow`,children:p}),s.jsx("div",{className:`${a}--image`,children:s.jsx("picture",{children:s.jsx("img",{className:`${a}--picture`,src:n,alt:p})})})]}),(_=e==null?void 0:e.content)==null?void 0:_.items.map((c,l)=>s.jsxs("div",{className:`${a}--area--content`,children:[s.jsx("p",{className:`${a}__type__data--content-label`,children:c.label}),s.jsx("p",{className:`${a}__type__data--content-copy`,children:c.copy})]},l)),(e==null?void 0:e.files)&&s.jsx("div",{className:`${a}--area--files`,children:s.jsxs("div",{className:`${a}__type__data--content-files`,children:[s.jsx("p",{className:`${a}__type__data--content-label`,children:e.files.headline}),e.files.items.map((c,l)=>s.jsx(f.Button,{link:{url:c.url,label:c.label,target:c.target||"_self"},size:"small"},l))]})}),(e==null?void 0:e.cta)&&s.jsx("div",{className:`${a}--area--cta`,children:s.jsxs("div",{className:`${a}__type__data--content-cta`,children:[s.jsx("p",{className:`${a}__type__data--content-label`,children:e.cta.headline}),e.cta.items.map(c=>s.jsx(f.Button,{type:"secondary",size:"small",link:{url:c.url,label:c.label,target:c.target}},c.label))]})}),(e==null?void 0:e.links)&&s.jsx("div",{className:`${a}--area--links`,children:s.jsxs("div",{className:`${a}__type__data--content-links`,children:[s.jsx("p",{className:`${a}__type__data--content-label`,children:e.links.headline}),s.jsx("div",{className:`${a}__type__data--content-links-list`,children:e.links.items.map(c=>s.jsx(N.Fragment,{children:s.jsx(g.Link,{url:c.url,label:c.label,className:`${a}__type__data--content-link`})},c.label+c.url))})]})})]})]})})}),z={stat:y,multilink:L,text:S,promo:G,feature:q,detail:R,factlist:T,data:P},E=N.forwardRef(({type:p,group:r,cardCount:n="one",cta:e,collapsed:m=!1},t)=>{const x=z[p],{prefix:o}=u.useGlobalSettings(),i=`${o}--cardgroup`,a=j.classnames(i,`${i}__count__${n}`,{[`${i}__collapsed`]:m});return s.jsxs("div",{className:a,ref:t,children:[s.jsx("div",{className:`${i}--inner`,children:r.map((d,$)=>s.jsx(x,{...d},$))}),e&&s.jsx("div",{className:`${i}--button-wrap`,children:s.jsx(f.Button,{link:{url:e.url,label:e.label},type:"secondary",size:"medium"})})]})}),V=N.forwardRef(({className:p,theme:r="light",titleLevel:n="p",size:e="narrow",link:m,title:t,isVideo:x=!1,image:o,status:i,eyebrow:a,content:d,cta:$},_)=>{var b;const{prefix:c}=u.useGlobalSettings(),l=r==="dark"?"var(--ilo-color-white)":"var(--ilo-color-gray-accessible)",h=`${c}--card`,B=j.classnames(h,`${h}__type__score`,{[`${h}__theme__${r}`]:r,[`${h}__size__${e}`]:e,[`${h}__isvideo`]:x});return s.jsxs("div",{className:j.classnames(B,p),ref:_,children:[s.jsx("a",{className:`${h}--link`,href:m,title:t,children:s.jsx("span",{className:`${h}--link--text`,children:t})}),s.jsxs("div",{className:`${h}--wrap`,children:[o&&e!=="simple"&&s.jsx("div",{className:`${h}--image--wrapper`,children:s.jsx(D.Picture,{...o})}),s.jsxs("div",{className:`${h}--content`,children:[i&&s.jsx(I.Status,{content:i.content,statusType:i.statusType}),a&&e!=="simple"&&s.jsx("p",{className:`${h}--eyebrow`,children:a}),t&&s.jsx(n,{className:`${h}--title`,children:t}),d&&s.jsx("div",{className:`${h}--area--content`,children:(b=d.items)==null?void 0:b.map((v,C)=>s.jsxs("div",{className:`${h}--content--item`,children:[s.jsx(M.Icon,{name:v.icon,size:20,color:l}),s.jsx("span",{children:v.label})]},C))}),$&&s.jsx("div",{className:`${h}--area--cta`,children:$.items.map((v,C)=>s.jsx("div",{className:`${h}--cta`,children:v},C))})]})]})]})});exports.CardGroup=E;exports.DataCard=P;exports.DetailCard=R;exports.FactListCard=T;exports.FeatureCard=q;exports.MultiLinkCard=L;exports.PromoCard=G;exports.ScoreCard=V;exports.StatCard=y;exports.TextCard=S;

package/lib/esm/_store/Callout-entry-BszOwKRO.js

@@ -1,4 +0,0 @@
-import { C as l } from "./Callout-chunk-DDK_yI_b.js";
-export {
-  l as Callout
-};

package/lib/esm/_store/ScoreCard-chunk-uXFZTpap.js

@@ -1,462 +0,0 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import { forwardRef as f, isValidElement as T, Fragment as P } from "react";
-import { c as u } from "./index-chunk-CY3PQDr4.js";
-import { u as C } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-import { B as w } from "./Button-chunk-DG7cL6tj.js";
-import { L as x } from "./Link-chunk-DNHgQ3lF.js";
-import { L } from "./LinkList-chunk-Cimo8RwK.js";
-import { P as F } from "./Profile-chunk-BjuEze8L.js";
-import { List as g } from "./List-entry-B0PAo5Km.js";
-import { P as D } from "./Picture-chunk-C4mMCmdQ.js";
-import { S as G } from "./Status-chunk-wCQ8Gv7z.js";
-import { I } from "./Icon-chunk-DIxw5wWq.js";
-const M = f(
-  ({
-    className: N,
-    title: r,
-    theme: n = "light",
-    size: a = "standard",
-    color: o,
-    intro: d,
-    source: h,
-    titleLevel: $ = "p"
-  }, i) => {
-    const { prefix: s } = C(), _ = `${s}--card`, m = u(`${_}--wrapper`, N), t = u(_, `${_}__type__stat`, {
-      [`${_}__size__${String(a)}`]: a,
-      [`${_}__theme__${n}`]: n,
-      [`${_}__color__${o}`]: o
-    });
-    return /* @__PURE__ */ e("div", { className: m, ref: i, children: /* @__PURE__ */ e("div", { className: t, children: /* @__PURE__ */ e("div", { className: `${_}--wrap`, children: /* @__PURE__ */ p("div", { className: `${_}--content`, children: [
-      /* @__PURE__ */ e($, { className: `${_}--title`, children: r }),
-      d && /* @__PURE__ */ e("p", { className: `${_}--intro`, children: d }),
-      h && /* @__PURE__ */ e(
-        x,
-        {
-          className: `${_}--source`,
-          url: h.url,
-          label: h.label
-        }
-      )
-    ] }) }) }) });
-  }
-), j = f(
-  ({
-    className: N,
-    title: r,
-    size: n = "standard",
-    alignment: a,
-    intro: o,
-    link: d,
-    linklist: h,
-    image: $,
-    titleLevel: i = "p",
-    eyebrow: s,
-    isVideo: _,
-    theme: m = "light"
-  }, t) => {
-    const { prefix: c } = C(), l = `${c}--card`, v = u(
-      l,
-      N,
-      `${l}__type__multilink`,
-      {
-        [`${l}__align__${a}`]: a,
-        [`${l}__size__${n}`]: n,
-        [`${l}__isvideo`]: _,
-        [`${l}--no-image`]: !$,
-        [`${l}__theme__${m}`]: m
-      }
-    );
-    return /* @__PURE__ */ p("div", { className: v, ref: t, children: [
-      d && /* @__PURE__ */ e("a", { className: `${l}--link`, href: d, title: r, children: /* @__PURE__ */ e("span", { className: `${l}--link--text`, children: r }) }),
-      /* @__PURE__ */ p("div", { className: `${l}--wrap`, children: [
-        $ && /* @__PURE__ */ e("div", { className: `${l}--image--wrapper`, children: /* @__PURE__ */ e("picture", { children: /* @__PURE__ */ e(
-          "img",
-          {
-            src: $,
-            alt: r,
-            className: `${l}--picture`
-          }
-        ) }) }),
-        /* @__PURE__ */ p("div", { className: `${l}--content`, children: [
-          s && /* @__PURE__ */ e("p", { className: `${l}--eyebrow`, children: s }),
-          /* @__PURE__ */ e(i, { className: `${l}--title`, children: r }),
-          $ && /* @__PURE__ */ e("div", { className: `${l}--image--wrapper`, children: /* @__PURE__ */ e("picture", { children: /* @__PURE__ */ e(
-            "img",
-            {
-              src: $,
-              alt: r,
-              className: `${l}--picture`
-            }
-          ) }) }),
-          o && (T(o) ? /* @__PURE__ */ e("div", { className: `${l}--intro`, children: o }) : /* @__PURE__ */ e("p", { className: `${l}--intro`, children: o })),
-          h && /* @__PURE__ */ e(L, { ...h })
-        ] })
-      ] })
-    ] });
-  }
-), z = f(
-  ({
-    className: N,
-    title: r,
-    theme: n = "light",
-    size: a = "narrow",
-    date: o,
-    profile: d,
-    link: h,
-    titleLevel: $ = "p",
-    eyebrow: i
-  }, s) => {
-    const { prefix: _ } = C(), m = `${_}--card`, t = u(`${m}--wrapper`, N), c = u(m, `${m}__type__text`, {
-      [`${m}__size__${String(a)}`]: a,
-      [`${m}__theme__${n}`]: n
-    });
-    return /* @__PURE__ */ e("div", { className: t, ref: s, children: /* @__PURE__ */ p("div", { className: c, children: [
-      /* @__PURE__ */ e("a", { className: `${m}--link`, href: h, title: r, children: /* @__PURE__ */ e("span", { className: `${m}--link--text`, children: r }) }),
-      /* @__PURE__ */ e("div", { className: `${m}--wrap`, children: /* @__PURE__ */ p("div", { className: `${m}--content`, children: [
-        i && /* @__PURE__ */ e("p", { className: `${m}--eyebrow`, children: i }),
-        /* @__PURE__ */ e($, { className: `${m}--title`, children: r }),
-        o && /* @__PURE__ */ e("time", { className: `${m}--date`, dateTime: o.unix, children: o.human }),
-        d && /* @__PURE__ */ e(
-          F,
-          {
-            avatar: d.avatar,
-            description: d.description,
-            link: d.link,
-            name: d.name,
-            role: d.role,
-            theme: n
-          }
-        )
-      ] }) })
-    ] }) });
-  }
-), B = f(
-  ({
-    className: N,
-    title: r,
-    theme: n = "light",
-    size: a = "narrow",
-    cornercut: o,
-    intro: d,
-    link: h,
-    cta: $,
-    titleLevel: i = "p",
-    eyebrow: s
-  }, _) => {
-    const { prefix: m } = C(), t = `${m}--card`, c = u(
-      `${t}--wrapper`,
-      N,
-      `${t}--wrapper__type__promo`,
-      `${t}--wrapper__type__promo__size__${a}`
-    ), l = u(t, `${t}__type__promo`, {
-      [`${t}__size__${String(a)}`]: a,
-      [`${t}__theme__${n}`]: n,
-      [`${t}__cornercut`]: o
-    });
-    return /* @__PURE__ */ e("div", { className: c, ref: _, children: /* @__PURE__ */ p("div", { className: l, children: [
-      /* @__PURE__ */ e("a", { className: `${t}--link`, href: h, title: r, children: /* @__PURE__ */ e("span", { className: `${t}--link--text`, children: r }) }),
-      /* @__PURE__ */ e("div", { className: `${t}--wrap`, children: /* @__PURE__ */ p("div", { className: `${t}--content`, children: [
-        s && /* @__PURE__ */ e("p", { className: `${t}--eyebrow`, children: s }),
-        /* @__PURE__ */ e(i, { className: `${t}--title`, children: r }),
-        d && /* @__PURE__ */ e("p", { className: `${t}--intro`, children: d }),
-        ($ == null ? void 0 : $.label) && /* @__PURE__ */ e("div", { className: `${t}--cta`, children: /* @__PURE__ */ e(
-          w,
-          {
-            link: { url: $.url, label: $.label },
-            size: "medium",
-            type: "primary"
-          }
-        ) })
-      ] }) })
-    ] }) });
-  }
-), E = f(
-  ({
-    className: N,
-    title: r,
-    theme: n = "light",
-    size: a = "narrow",
-    date: o,
-    link: d,
-    linklist: h,
-    image: $,
-    titleLevel: i = "p",
-    eyebrow: s,
-    isVideo: _
-  }, m) => {
-    const { prefix: t } = C(), c = `${t}--card`, l = u(
-      c,
-      N,
-      `${c}__type__feature`,
-      {
-        [`${c}__size__${String(a)}`]: a,
-        [`${c}__theme__${n}`]: n,
-        [`${c}__isvideo`]: _,
-        [`${c}__linklist`]: h
-      }
-    );
-    return /* @__PURE__ */ p("div", { className: l, ref: m, children: [
-      d && /* @__PURE__ */ e("a", { className: `${c}--link`, href: d, title: r, children: /* @__PURE__ */ e("span", { className: `${c}--link--text`, children: r }) }),
-      /* @__PURE__ */ p("div", { className: `${c}--wrap`, children: [
-        $ && /* @__PURE__ */ e("div", { className: `${c}--image--wrapper`, children: /* @__PURE__ */ e("picture", { children: /* @__PURE__ */ e(
-          "img",
-          {
-            src: $,
-            alt: r,
-            className: `${c}--picture`
-          }
-        ) }) }),
-        /* @__PURE__ */ p("div", { className: `${c}--content`, children: [
-          s && /* @__PURE__ */ e("p", { className: `${c}--eyebrow`, children: s }),
-          /* @__PURE__ */ e(i, { className: `${c}--title`, children: r }),
-          o && /* @__PURE__ */ e("time", { className: `${c}--date`, dateTime: o.unix, children: o.human }),
-          h && /* @__PURE__ */ e(
-            L,
-            {
-              headline: h.headline,
-              linkgroup: h.linkgroup,
-              theme: n
-            }
-          )
-        ] })
-      ] })
-    ] });
-  }
-), R = f(
-  ({
-    className: N,
-    title: r,
-    theme: n = "light",
-    size: a = "narrow",
-    date: o,
-    details: d,
-    link: h,
-    titleLevel: $ = "p",
-    eyebrow: i,
-    intro: s,
-    image: _,
-    isVideo: m = !1
-  }, t) => {
-    const { prefix: c } = C(), l = `${c}--card`, v = u(
-      l,
-      `${l}__type__detail`,
-      N,
-      {
-        [`${l}__size__${String(a)}`]: a,
-        [`${l}__theme__${n}`]: n,
-        [`${l}__isvideo`]: m
-      }
-    );
-    return /* @__PURE__ */ p("div", { className: v, ref: t, children: [
-      h && /* @__PURE__ */ e("a", { className: `${l}--link`, href: h, title: r, children: /* @__PURE__ */ e("span", { className: `${l}--link--text`, children: r }) }),
-      /* @__PURE__ */ p("div", { className: `${l}--wrap`, children: [
-        _ && /* @__PURE__ */ e("div", { className: `${l}--image--wrapper`, children: /* @__PURE__ */ e("picture", { children: /* @__PURE__ */ e(
-          "img",
-          {
-            className: `${l}--picture`,
-            src: _,
-            alt: r
-          }
-        ) }) }),
-        /* @__PURE__ */ p("div", { className: `${l}--content`, children: [
-          i && /* @__PURE__ */ e("p", { className: `${l}--eyebrow`, children: i }),
-          r && /* @__PURE__ */ e($, { className: `${l}--title`, children: r }),
-          s && /* @__PURE__ */ e("p", { className: `${l}--intro`, children: s }),
-          o && /* @__PURE__ */ e("time", { className: `${l}--date`, dateTime: o.unix, children: o.human }),
-          d && /* @__PURE__ */ e("p", { className: `${l}--date-extra`, children: d })
-        ] })
-      ] })
-    ] });
-  }
-), V = f(
-  ({
-    title: N,
-    theme: r = "light",
-    size: n = "narrow",
-    list: a,
-    titleLevel: o = "p",
-    className: d
-  }, h) => {
-    const { prefix: $ } = C(), i = `${$}--card`, s = u(
-      i,
-      `${i}__type__factlist`,
-      d,
-      {
-        [`${i}__size__${n}`]: n,
-        [`${i}__theme__${r}`]: r
-      }
-    );
-    return /* @__PURE__ */ e("div", { className: s, ref: h, children: /* @__PURE__ */ e("div", { className: `${i}--wrap`, children: /* @__PURE__ */ p("div", { className: `${i}--content`, children: [
-      N && /* @__PURE__ */ e(o, { className: `${$}--card--title`, children: N }),
-      /* @__PURE__ */ e(g, { alignment: "default", ordered: "unordered", theme: r, children: a.map((_) => /* @__PURE__ */ e(g.Item, { children: /* @__PURE__ */ e("p", { children: _ }) }, _)) })
-    ] }) }) });
-  }
-), q = f(
-  ({ eyebrow: N, size: r = "narrow", image: n, dataset: a, columns: o = "one", className: d }, h) => {
-    var t;
-    const { prefix: $ } = C(), i = r === "narrow" ? "one" : o, s = `${$}--card`, _ = u(
-      s,
-      `${s}__type__data`,
-      d,
-      {
-        [`${s}__size__${String(r)}`]: r,
-        [`${s}__type__data__columns__${i}`]: i
-      }
-    ), m = u(`${s}--content`, {
-      [`${s}--content__with-image`]: n,
-      [`${s}--content__no-image-with-links`]: !n && (a == null ? void 0 : a.links),
-      [`${s}--content__default`]: !n && !(a != null && a.links)
-    });
-    return /* @__PURE__ */ e("div", { className: _, ref: h, children: /* @__PURE__ */ p("div", { className: `${s}--wrap`, children: [
-      !n && N && /* @__PURE__ */ e("div", { className: `${s}--eyebrow`, children: N }),
-      /* @__PURE__ */ p("div", { className: m, children: [
-        n && /* @__PURE__ */ p("div", { className: `${s}--area--image`, children: [
-          N && /* @__PURE__ */ e("div", { className: `${s}--eyebrow`, children: N }),
-          /* @__PURE__ */ e("div", { className: `${s}--image`, children: /* @__PURE__ */ e("picture", { children: /* @__PURE__ */ e(
-            "img",
-            {
-              className: `${s}--picture`,
-              src: n,
-              alt: N
-            }
-          ) }) })
-        ] }),
-        (t = a == null ? void 0 : a.content) == null ? void 0 : t.items.map((c, l) => /* @__PURE__ */ p("div", { className: `${s}--area--content`, children: [
-          /* @__PURE__ */ e("p", { className: `${s}__type__data--content-label`, children: c.label }),
-          /* @__PURE__ */ e("p", { className: `${s}__type__data--content-copy`, children: c.copy })
-        ] }, l)),
-        (a == null ? void 0 : a.files) && /* @__PURE__ */ e("div", { className: `${s}--area--files`, children: /* @__PURE__ */ p("div", { className: `${s}__type__data--content-files`, children: [
-          /* @__PURE__ */ e("p", { className: `${s}__type__data--content-label`, children: a.files.headline }),
-          a.files.items.map((c, l) => /* @__PURE__ */ e(
-            w,
-            {
-              link: {
-                url: c.url,
-                label: c.label,
-                target: c.target || "_self"
-              },
-              size: "small"
-            },
-            l
-          ))
-        ] }) }),
-        (a == null ? void 0 : a.cta) && /* @__PURE__ */ e("div", { className: `${s}--area--cta`, children: /* @__PURE__ */ p("div", { className: `${s}__type__data--content-cta`, children: [
-          /* @__PURE__ */ e("p", { className: `${s}__type__data--content-label`, children: a.cta.headline }),
-          a.cta.items.map((c) => /* @__PURE__ */ e(
-            w,
-            {
-              type: "secondary",
-              size: "small",
-              link: {
-                url: c.url,
-                label: c.label,
-                target: c.target
-              }
-            },
-            c.label
-          ))
-        ] }) }),
-        (a == null ? void 0 : a.links) && /* @__PURE__ */ e("div", { className: `${s}--area--links`, children: /* @__PURE__ */ p("div", { className: `${s}__type__data--content-links`, children: [
-          /* @__PURE__ */ e("p", { className: `${s}__type__data--content-label`, children: a.links.headline }),
-          /* @__PURE__ */ e(
-            "div",
-            {
-              className: `${s}__type__data--content-links-list`,
-              children: a.links.items.map((c) => /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(
-                x,
-                {
-                  url: c.url,
-                  label: c.label,
-                  className: `${s}__type__data--content-link`
-                }
-              ) }, c.label + c.url))
-            }
-          )
-        ] }) })
-      ] })
-    ] }) });
-  }
-), A = {
-  stat: M,
-  multilink: j,
-  text: z,
-  promo: B,
-  feature: E,
-  detail: R,
-  factlist: V,
-  data: q
-}, se = f(
-  ({ type: N, group: r, cardCount: n = "one", cta: a, collapsed: o = !1 }, d) => {
-    const h = A[N], { prefix: $ } = C(), i = `${$}--cardgroup`, s = u(
-      i,
-      `${i}__count__${n}`,
-      {
-        [`${i}__collapsed`]: o
-      }
-    );
-    return /* @__PURE__ */ p("div", { className: s, ref: d, children: [
-      /* @__PURE__ */ e("div", { className: `${i}--inner`, children: r.map((_, m) => /* @__PURE__ */ e(h, { ..._ }, m)) }),
-      a && /* @__PURE__ */ e("div", { className: `${i}--button-wrap`, children: /* @__PURE__ */ e(
-        w,
-        {
-          link: {
-            url: a.url,
-            label: a.label
-          },
-          type: "secondary",
-          size: "medium"
-        }
-      ) })
-    ] });
-  }
-), le = f(
-  ({
-    className: N,
-    theme: r = "light",
-    titleLevel: n = "p",
-    size: a = "narrow",
-    link: o,
-    title: d,
-    isVideo: h = !1,
-    image: $,
-    status: i,
-    eyebrow: s,
-    content: _,
-    cta: m
-  }, t) => {
-    var k;
-    const { prefix: c } = C(), l = r === "dark" ? "var(--ilo-color-white)" : "var(--ilo-color-gray-accessible)", v = `${c}--card`, S = u(v, `${v}__type__score`, {
-      [`${v}__theme__${r}`]: r,
-      [`${v}__size__${a}`]: a,
-      [`${v}__isvideo`]: h
-    });
-    return /* @__PURE__ */ p("div", { className: u(S, N), ref: t, children: [
-      /* @__PURE__ */ e("a", { className: `${v}--link`, href: o, title: d, children: /* @__PURE__ */ e("span", { className: `${v}--link--text`, children: d }) }),
-      /* @__PURE__ */ p("div", { className: `${v}--wrap`, children: [
-        $ && a !== "simple" && /* @__PURE__ */ e("div", { className: `${v}--image--wrapper`, children: /* @__PURE__ */ e(D, { ...$ }) }),
-        /* @__PURE__ */ p("div", { className: `${v}--content`, children: [
-          i && /* @__PURE__ */ e(G, { content: i.content, statusType: i.statusType }),
-          s && a !== "simple" && /* @__PURE__ */ e("p", { className: `${v}--eyebrow`, children: s }),
-          d && /* @__PURE__ */ e(n, { className: `${v}--title`, children: d }),
-          _ && /* @__PURE__ */ e("div", { className: `${v}--area--content`, children: (k = _.items) == null ? void 0 : k.map((b, y) => /* @__PURE__ */ p("div", { className: `${v}--content--item`, children: [
-            /* @__PURE__ */ e(I, { name: b.icon, size: 20, color: l }),
-            /* @__PURE__ */ e("span", { children: b.label })
-          ] }, y)) }),
-          m && /* @__PURE__ */ e("div", { className: `${v}--area--cta`, children: m.items.map((b, y) => /* @__PURE__ */ e("div", { className: `${v}--cta`, children: b }, y)) })
-        ] })
-      ] })
-    ] });
-  }
-);
-export {
-  se as C,
-  R as D,
-  E as F,
-  j as M,
-  B as P,
-  M as S,
-  z as T,
-  V as a,
-  q as b,
-  le as c
-};