@ilo-org/react 0.24.6 → 0.26.0

package/lib/esm/_store/CardGroup-chunk-CDiL5eWl.js

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