@ilo-org/react 0.24.0 → 0.24.2

package/lib/esm/_store/{Pagination-chunk-B5541Ksz.js → Pagination-chunk-CRESCE8P.js}

@@ -1,50 +1,49 @@
 import { jsxs as l, jsx as i } from "react/jsx-runtime";
-import { c as a } from "./index-chunk-CY3PQDr4.js";
-import { u as G } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-const S = ({
+import { c as t } from "./index-chunk-CY3PQDr4.js";
+import { u as S } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
+const q = ({
   className: n,
   callback: c,
   currentPage: r,
-  firstPageUrl: m,
+  firstPageUrl: f,
   firstPageTitle: o = "First page",
-  lastPageUrl: C,
+  lastPageUrl: u,
   lastPageTitle: p = "Last page",
-  nextPageUrl: k,
+  nextPageUrl: g,
   nextPageTitle: d = "Next page",
-  pageCountPreposition: g = "of",
+  pageCountPreposition: k = "of",
   prevPageUrl: x,
-  prevPageTitle: $ = "Previous page",
-  totalPages: h
+  prevPageTitle: h = "Previous page",
+  totalPages: $,
+  theme: v = "light"
 }) => {
-  const { prefix: v } = G(), s = `${v}--pagination`, b = a(n, {
-    [s]: !0
-  }), u = r === 0, f = r + 1 === h, N = a(n, {
+  const { prefix: b } = S(), s = `${b}--pagination`, N = `${s}__theme__${v}`, _ = t(n, s, N), m = r === 0, C = r + 1 === $, j = t(n, {
     [`${s}--first-page`]: !0,
     [`${s}--link`]: !0,
-    [`${s}--disable`]: u
-  }), j = a(n, {
+    [`${s}--disable`]: m
+  }), F = t(n, {
     [`${s}--prev-page`]: !0,
     [`${s}--link`]: !0,
-    [`${s}--disable`]: u
-  }), F = a(n, {
+    [`${s}--disable`]: m
+  }), L = t(n, {
     [`${s}--next-page`]: !0,
     [`${s}--link`]: !0,
-    [`${s}--disable`]: f
-  }), L = a(n, {
+    [`${s}--disable`]: C
+  }), G = t(n, {
     [`${s}--last-page`]: !0,
     [`${s}--link`]: !0,
-    [`${s}--disable`]: f
-  }), t = (e) => {
+    [`${s}--disable`]: C
+  }), a = (e) => {
     c && c(e);
   };
-  return /* @__PURE__ */ l("div", { className: b, children: [
+  return /* @__PURE__ */ l("div", { className: _, children: [
     /* @__PURE__ */ l("div", { className: `${s}--previous-set`, children: [
       /* @__PURE__ */ i(
         "a",
         {
-          className: N,
-          onClick: (e) => t(e),
-          href: m,
+          className: j,
+          onClick: (e) => a(e),
+          href: f,
           title: o,
           children: o
         }
@@ -52,26 +51,26 @@ const S = ({
       /* @__PURE__ */ i(
         "a",
         {
-          className: j,
-          onClick: (e) => t(e),
+          className: F,
+          onClick: (e) => a(e),
           href: x,
-          title: $,
-          children: $
+          title: h,
+          children: h
         }
       )
     ] }),
     /* @__PURE__ */ l("p", { className: `${s}--page`, children: [
       /* @__PURE__ */ i("span", { children: r + 1 }),
-      /* @__PURE__ */ i("span", { children: g }),
-      /* @__PURE__ */ i("span", { children: h })
+      /* @__PURE__ */ i("span", { children: k }),
+      /* @__PURE__ */ i("span", { children: $ })
     ] }),
     /* @__PURE__ */ l("div", { className: `${s}--next-set`, children: [
       /* @__PURE__ */ i(
         "a",
         {
-          className: F,
-          onClick: (e) => t(e),
-          href: k,
+          className: L,
+          onClick: (e) => a(e),
+          href: g,
           title: d,
           children: d
         }
@@ -79,16 +78,16 @@ const S = ({
       /* @__PURE__ */ i(
         "a",
         {
-          className: L,
-          onClick: (e) => t(e),
-          href: C,
+          className: G,
+          onClick: (e) => a(e),
+          href: u,
           title: p,
           children: p
         }
       )
     ] })
   ] });
-}, z = S;
+}, A = q;
 export {
-  z as P
+  A as P
 };

package/lib/esm/_store/Pagination-entry-DDD4AfVJ.js

@@ -0,0 +1,4 @@
+import { P as i } from "./Pagination-chunk-CRESCE8P.js";
+export {
+  i as Pagination
+};

package/lib/esm/_store/{Radio-chunk-DE_LEr18.js → Radio-chunk-6JgiY5AT.js}

@@ -3,8 +3,8 @@ import u, { useEffect as L } from "react";
 import { c as N } from "./index-chunk-CY3PQDr4.js";
 import { u as S } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
 import { u as g } from "./usePrevious-chunk-BtJVllKj.js";
-import { u as j } from "./Fieldset-chunk-BYqbIcGY.js";
-import { u as w, F as P } from "./FormControl-chunk-k6iX88xc.js";
+import { u as j } from "./Fieldset-chunk-JT4tXIzJ.js";
+import { u as w, F as P } from "./FormControl-chunk-CJhnDujX.js";
 const _ = u.forwardRef(
   ({
     onChange: s,

package/lib/esm/_store/{Radio-entry-g1635wr3.js → Radio-entry-CEkjEsjC.js}

@@ -1,4 +1,4 @@
-import { L as d } from "./Radio-chunk-DE_LEr18.js";
+import { L as d } from "./Radio-chunk-6JgiY5AT.js";
 const a = {
   className: "Radio",
   name: "radio"

package/lib/esm/_store/{ReadMore-chunk-pjNnS8Ji.js → ReadMore-chunk-CyCJMFw8.js}

@@ -2,7 +2,7 @@ import { jsxs as R, jsx as i } from "react/jsx-runtime";
 import { useState as m } from "react";
 import { c as d } from "./index-chunk-CY3PQDr4.js";
 import { u as h } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-import { R as M } from "./RichText-chunk-BQLMR58V.js";
+import { R as M } from "./RichText-chunk-BWOoOlCR.js";
 const j = ({
   buttonlabel: s,
   className: t,

package/lib/esm/_store/ReadMore-entry-D7Qpu2o4.js

@@ -0,0 +1,4 @@
+import { R as r } from "./ReadMore-chunk-CyCJMFw8.js";
+export {
+  r as ReadMore
+};

package/lib/esm/_store/RichText-chunk-BWOoOlCR.js

@@ -0,0 +1,20 @@
+import { jsx as n } from "react/jsx-runtime";
+import { c as i } from "./index-chunk-CY3PQDr4.js";
+import { u as m } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
+const l = ({
+  className: t,
+  content: e,
+  theme: o = "light"
+}) => {
+  const { prefix: r } = m(), s = `${r}--richtext`, a = `${s}__theme__${o}`, c = i(t, s, a);
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: c,
+      dangerouslySetInnerHTML: { __html: e }
+    }
+  );
+}, p = l;
+export {
+  p as R
+};

package/lib/esm/_store/RichText-entry-BjufLWsb.js

@@ -0,0 +1,4 @@
+import { R as r } from "./RichText-chunk-BWOoOlCR.js";
+export {
+  r as RichText
+};

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

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