@ilo-org/react 0.27.1 → 0.28.1

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

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