@ilo-org/react 0.18.5 → 0.20.0

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/{FormControl-chunk-D_3t65GG.js → FormControl-chunk-C2LR6MBZ.js}

@@ -2,7 +2,7 @@ import { jsx as a, jsxs as _ } from "react/jsx-runtime";
 import { c as u } from "./index-chunk-0LeqwHm8.js";
 import { createContext as U, useMemo as V, useState as k, useEffect as E, useContext as G } from "react";
 import { u as H } from "./useGlobalSettings-chunk-gkijV3S1.js";
-import { T as R } from "./Tooltip-chunk-CPT-dPDc.js";
+import { T as R } from "./Tooltip-chunk-EJOnwIYn.js";
 let p = (s = 21) => crypto.getRandomValues(new Uint8Array(s)).reduce((e, o) => (o &= 63, o < 36 ? e += o.toString(36) : o < 62 ? e += (o - 26).toString(36).toUpperCase() : o > 62 ? e += "-" : e += "_", e), "");
 function q(s = "", { tooltip: e, helper: o, errorMessage: r } = {}) {
   return {

package/lib/esm/_store/FormControl-entry-Dy_NPcKM.js

@@ -0,0 +1,4 @@
+import { F as m } from "./FormControl-chunk-C2LR6MBZ.js";
+export {
+  m as FormControl
+};

package/lib/esm/_store/Hero-chunk-CZ6kSiY-.js

@@ -0,0 +1,67 @@
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import { forwardRef as N, useMemo as v } from "react";
+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-3mxIZYwU.js";
+const I = N(
+  ({
+    className: l,
+    justify: m = "start",
+    align: n = "baseline",
+    cardSize: _ = "small",
+    posterSize: p = "large",
+    theme: $ = "dark",
+    image: a,
+    breadcrumb: c,
+    heroCard: f,
+    caption: o,
+    gap: i
+  }, u) => {
+    const { prefix: h } = x(), r = "hero", t = v(() => a ? a == null ? void 0 : a.url.sort((e, b) => e.breakpoint - b.breakpoint) : [], [a]);
+    return /* @__PURE__ */ d(
+      "div",
+      {
+        ref: u,
+        className: k(
+          r,
+          `${r}__card-justify__${m}`,
+          `${r}__card-align__${n}`,
+          `${r}__card-size__${_}`,
+          `${r}__poster-size__${p}`,
+          `${r}__card-theme__${$}`,
+          { [`${r}__gap__${i}`]: i },
+          l
+        ),
+        children: [
+          /* @__PURE__ */ s("div", { className: `${r}--background`, children: a && /* @__PURE__ */ s("figure", { className: `${r}--image`, children: /* @__PURE__ */ d("picture", { children: [
+            t.map((e) => /* @__PURE__ */ s(
+              "source",
+              {
+                srcSet: e.src,
+                media: `(min-width: ${e.breakpoint}px)`
+              },
+              e.breakpoint
+            )),
+            /* @__PURE__ */ s(
+              "img",
+              {
+                className: `${h}-${r}--image`,
+                src: t.at(-1).src,
+                alt: a.alt
+              }
+            )
+          ] }) }) }),
+          c && /* @__PURE__ */ s("div", { className: `${r}--breadcrumbs`, children: /* @__PURE__ */ s("div", { className: `${r}--breadcrumbs--wrapper`, children: /* @__PURE__ */ s(w, { ...c }) }) }),
+          /* @__PURE__ */ s("div", { className: `${r}--card-offset` }),
+          /* @__PURE__ */ s("div", { className: `${r}--card`, children: /* @__PURE__ */ s(j, { ...f }) }),
+          o && /* @__PURE__ */ s("div", { className: `${r}--caption`, children: /* @__PURE__ */ s("div", { className: `${r}--caption--wrapper`, children: /* @__PURE__ */ s(H, { ...o }) }) })
+        ]
+      }
+    );
+  }
+);
+export {
+  I as H
+};

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-3mxIZYwU.js

@@ -0,0 +1,47 @@
+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-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`;
+  return e ? /* @__PURE__ */ r("a", { className: `${a}-link`, href: e, children: /* @__PURE__ */ r("h1", { className: a, children: c }) }) : /* @__PURE__ */ r("h1", { className: a, children: c });
+}, g = u(
+  ({
+    className: c,
+    theme: e = "dark",
+    background: o = "solid",
+    cornercut: a = !0,
+    eyebrow: t,
+    title: d,
+    url: h,
+    intro: l,
+    datecopy: n,
+    socialmedia: i
+  }, f) => {
+    const { prefix: p } = m(), s = `${p}--hero-card`;
+    return /* @__PURE__ */ $(
+      "div",
+      {
+        ref: f,
+        className: _({
+          [s]: !0,
+          [`${s}__background__${o}`]: !0,
+          [`${s}__theme__${e}`]: !0,
+          [`${s}__cornercut`]: a,
+          className: c
+        }),
+        children: [
+          t && /* @__PURE__ */ r("p", { className: `${s}--eyebrow`, children: t }),
+          /* @__PURE__ */ r(x, { title: d, url: h }),
+          l && /* @__PURE__ */ r("p", { className: `${s}--intro`, children: l }),
+          n && /* @__PURE__ */ r("p", { className: `${s}--datecopy`, children: n }),
+          i && /* @__PURE__ */ r(N, { ...i, theme: e })
+        ]
+      }
+    );
+  }
+);
+export {
+  g as H
+};

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
+};