@ilo-org/react 0.26.0 → 0.27.1

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

@@ -1,798 +0,0 @@
-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
-};