@ilo-org/react 0.19.0 → 0.20.0

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

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

package/lib/esm/_store/Cards-entry-DOWpgXsU.js

@@ -0,0 +1,12 @@
+import { C as s, b as t, D as C, a as d, F as e, M as o, P as i, S as u, T as D } from "./CardGroup-chunk-DCTJOxvx.js";
+export {
+  s as CardGroup,
+  t as DataCard,
+  C as DetailCard,
+  d as FactListCard,
+  e as FeatureCard,
+  o as MultiLinkCard,
+  i as PromoCard,
+  u as StatCard,
+  D as TextCard
+};

package/lib/esm/_store/Footer-chunk-mcaEIXdt.js

@@ -0,0 +1,72 @@
+import { jsxs as e, jsx as s } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { c as u } from "./index-chunk-0LeqwHm8.js";
+import { L as b } from "./LinkList-chunk-BM5BTk9m.js";
+import { S as L } from "./SocialMedia-chunk-BP6TBNEf.js";
+import { u as x } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { B as S } from "./Button-chunk-BlSnS8yQ.js";
+const G = y(
+  ({
+    className: v,
+    logo: d,
+    tagline: m,
+    subtagline: o,
+    address: t,
+    linkgroup: h,
+    socialmedia: N,
+    subscribe: r,
+    legal: f,
+    secondarylinks: p,
+    anchorlink: i
+  }, $) => {
+    const { prefix: c } = x(), a = `${c}--footer`, k = u(v, a);
+    return /* @__PURE__ */ e("footer", { className: k, ref: $, children: [
+      /* @__PURE__ */ e("div", { className: `${a}--main ${c}--container`, children: [
+        /* @__PURE__ */ e("div", { className: "site--info", children: [
+          d && /* @__PURE__ */ s("img", { className: `${a}--logo`, src: d, alt: "ILO Logo" }),
+          m && /* @__PURE__ */ s("h3", { className: `${a}--headline`, children: m }),
+          o && /* @__PURE__ */ s("h4", { className: `${a}--subhead`, children: o })
+        ] }),
+        t && /* @__PURE__ */ s("div", { className: "address", children: t.map((l, n) => /* @__PURE__ */ s("p", { className: "address--line", children: l }, `address-line-${n}`)) }),
+        h && /* @__PURE__ */ s("nav", { className: "links", children: /* @__PURE__ */ s(b, { linkgroup: h, theme: "dark" }) }),
+        N && /* @__PURE__ */ s("div", { className: "connect", children: /* @__PURE__ */ s("div", { className: "social--links", children: /* @__PURE__ */ s(L, { ...N, theme: "dark" }) }) }),
+        r && /* @__PURE__ */ s("div", { className: "subscribe", children: /* @__PURE__ */ s(
+          S,
+          {
+            link: {
+              url: r.url,
+              label: r.label,
+              target: "_blank"
+            },
+            type: "primary",
+            size: "large"
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ s("div", { className: `${a}--secondary`, children: /* @__PURE__ */ e("div", { className: `${c}--container`, children: [
+        /* @__PURE__ */ e("div", { className: `${a}--secondary--details`, children: [
+          f && /* @__PURE__ */ s("div", { className: "legal", children: f }),
+          p && /* @__PURE__ */ s("nav", { className: "secondarylinks", children: /* @__PURE__ */ s("ul", { className: "secondarylinks--list", children: p.map((l, n) => /* @__PURE__ */ s(
+            "li",
+            {
+              className: "secondarylinks--list--item",
+              children: /* @__PURE__ */ s(
+                "a",
+                {
+                  href: l.url,
+                  className: "secondarylinks--list--link",
+                  children: l.label
+                }
+              )
+            },
+            `secondary-link-${n}`
+          )) }) })
+        ] }),
+        i && /* @__PURE__ */ s("a", { href: i.url, className: "anchorlink", children: i.label })
+      ] }) })
+    ] });
+  }
+);
+export {
+  G as F
+};

package/lib/esm/_store/Footer-entry-BOC16qVW.js

@@ -0,0 +1,4 @@
+import { F as e } from "./Footer-chunk-mcaEIXdt.js";
+export {
+  e as Footer
+};

package/lib/esm/_store/{Hero-chunk-swloBIGl.js → Hero-chunk-CZ6kSiY-.js}

@@ -4,7 +4,7 @@ import { c as k } from "./index-chunk-0LeqwHm8.js";
 import { u as x } from "./useGlobalSettings-chunk-gkijV3S1.js";
 import { B as w } from "./Breadcrumb-chunk-DcsXzPvT.js";
 import { T as H } from "./Tooltip-chunk-EJOnwIYn.js";
-import { H as j } from "./HeroCard-chunk-fz3EIUiE.js";
+import { H as j } from "./HeroCard-chunk-3mxIZYwU.js";
 const I = N(
   ({
     className: l,

package/lib/esm/_store/Hero-entry-DILGWuC0.js

@@ -0,0 +1,4 @@
+import { H as e } from "./Hero-chunk-CZ6kSiY-.js";
+export {
+  e as Hero
+};

package/lib/esm/_store/{HeroCard-chunk-fz3EIUiE.js → HeroCard-chunk-3mxIZYwU.js}

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as $ } from "react/jsx-runtime";
 import { forwardRef as u } from "react";
 import { c as _ } from "./index-chunk-0LeqwHm8.js";
-import { S as N } from "./SocialMedia-chunk-B0IPGaVf.js";
+import { S as N } from "./SocialMedia-chunk-BP6TBNEf.js";
 import { u as m } from "./useGlobalSettings-chunk-gkijV3S1.js";
 const x = ({ title: c, url: e }) => {
   const { prefix: o } = m(), a = `${o}--hero-card--title`;

package/lib/esm/_store/HeroCard-entry-D0SDv0dt.js

@@ -0,0 +1,4 @@
+import { H as a } from "./HeroCard-chunk-3mxIZYwU.js";
+export {
+  a as HeroCard
+};