@ilo-org/react 0.23.4 → 0.24.1

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

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

package/lib/esm/_store/{SearchField-chunk-C1BKjgFA.js → SearchField-chunk-C7r7Ectd.js}

@@ -2,7 +2,7 @@ import { jsxs as h, jsx as s } from "react/jsx-runtime";
 import { forwardRef as v, useState as w } from "react";
 import { c as x } from "./index-chunk-CY3PQDr4.js";
 import { u as F } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-import { I as g } from "./Input-chunk-CCDILCqo.js";
+import { I as g } from "./Input-chunk-XCiBTjUt.js";
 import { I as j } from "./Icon-chunk-DIxw5wWq.js";
 const B = v(
   ({ action: f, callback: o, className: b, input: e }, C) => {

package/lib/esm/_store/SearchField-entry-MVIyW8fs.js

@@ -0,0 +1,4 @@
+import { S as a } from "./SearchField-chunk-C7r7Ectd.js";
+export {
+  a as SearchField
+};