@ilo-org/react 0.24.6 → 0.26.0

package/lib/esm/_store/Nav-entry-CIRUo3IY.js

@@ -0,0 +1,5 @@
+import { M as e, S as i } from "./MainNav-chunk-DrgCIgDB.js";
+export {
+  e as MainNav,
+  i as SubsiteNav
+};

package/lib/esm/_store/{Notification-chunk-BHNEwEo8.js → Notification-chunk-B_ca8Swd.js}

@@ -1,9 +1,9 @@
-import { jsx as e, Fragment as $, jsxs as n } from "react/jsx-runtime";
-import { forwardRef as N, useState as b } from "react";
+import { jsx as e, Fragment as N, jsxs as n } from "react/jsx-runtime";
+import { forwardRef as $, useState as b } from "react";
 import { c as v } from "./index-chunk-CY3PQDr4.js";
-import { u as x } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-import { B as y } from "./Button-chunk-3RMfjmYT.js";
-const S = N(
+import { u as x } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+import { B as y } from "./Button-chunk-Ccbxfwbf.js";
+const S = $(
   ({
     className: t,
     closelabel: r = "Close",
@@ -18,7 +18,7 @@ const S = N(
       [`${s}--${l}`]: l,
       [`icon icon--${o}`]: o
     });
-    return /* @__PURE__ */ e($, { children: u && /* @__PURE__ */ n(
+    return /* @__PURE__ */ e(N, { children: u && /* @__PURE__ */ n(
       "div",
       {
         className: p,

package/lib/esm/_store/Notification-entry-DLSFiH_T.js

@@ -0,0 +1,4 @@
+import { N as t } from "./Notification-chunk-B_ca8Swd.js";
+export {
+  t as Notification
+};

package/lib/esm/_store/{NumberPicker-chunk-j6uKlj6R.js → NumberPicker-chunk-DGfBEswe.js}

@@ -1,9 +1,9 @@
 import { jsx as c } from "react/jsx-runtime";
 import m from "react";
 import { c as x } from "./index-chunk-CY3PQDr4.js";
-import { u as P } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-import { u as g, F } from "./FormControl-chunk-CJhnDujX.js";
-const L = m.forwardRef(
+import { u as g } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+import { F, u as P } from "./FormControl-chunk-CA1OQzEu.js";
+const R = m.forwardRef(
   ({
     onChange: r,
     onBlur: o,
@@ -17,7 +17,7 @@ const L = m.forwardRef(
     min: f,
     step: d
   }, b) => {
-    const { prefix: i } = P(), p = g(), { ariaDescribedBy: C } = p, h = `${i}--input`, y = `${i}--numberpicker`, k = x(h, y, {
+    const { prefix: i } = g(), p = P(), { ariaDescribedBy: C } = p, h = `${i}--input`, y = `${i}--numberpicker`, N = x(h, y, {
       error: !s && !!n
     });
     return /* @__PURE__ */ c(
@@ -26,15 +26,15 @@ const L = m.forwardRef(
         ref: b,
         id: t || e,
         name: e,
-        onChange: (N) => {
-          r && r(N);
+        onChange: (k) => {
+          r && r(k);
         },
         onBlur: o,
         disabled: s,
         placeholder: a,
         required: l,
         type: "number",
-        className: k,
+        className: N,
         pattern: "[0-9]*",
         inputMode: "numeric",
         "aria-describedby": C,
@@ -44,7 +44,7 @@ const L = m.forwardRef(
       }
     );
   }
-), R = m.forwardRef((r, o) => {
+), D = m.forwardRef((r, o) => {
   const { style: s, inputStyle: n, className: t, ...e } = r, a = r.id ? r.id : r.name;
   return /* @__PURE__ */ c(
     F,
@@ -53,10 +53,10 @@ const L = m.forwardRef(
       style: s,
       className: t,
       ...e,
-      children: /* @__PURE__ */ c(L, { ref: o, style: n, ...e })
+      children: /* @__PURE__ */ c(R, { ref: o, style: n, ...e })
     }
   );
-}), G = R;
+});
 export {
-  G as L
+  D as L
 };

package/lib/esm/_store/NumberPicker-entry-BYmb-h1Z.js

@@ -0,0 +1,4 @@
+import { L as m } from "./NumberPicker-chunk-DGfBEswe.js";
+export {
+  m as NumberPicker
+};

package/lib/esm/_store/{Pagination-chunk-CRESCE8P.js → Pagination-chunk-B0RsygyT.js}

@@ -1,35 +1,35 @@
 import { jsxs as l, jsx as i } from "react/jsx-runtime";
-import { c as t } from "./index-chunk-CY3PQDr4.js";
-import { u as S } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-const q = ({
-  className: n,
+import { c as n } from "./index-chunk-CY3PQDr4.js";
+import { u as S } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+const z = ({
+  className: t,
   callback: c,
   currentPage: r,
   firstPageUrl: f,
   firstPageTitle: o = "First page",
   lastPageUrl: u,
   lastPageTitle: p = "Last page",
-  nextPageUrl: g,
+  nextPageUrl: k,
   nextPageTitle: d = "Next page",
-  pageCountPreposition: k = "of",
+  pageCountPreposition: g = "of",
   prevPageUrl: x,
   prevPageTitle: h = "Previous page",
   totalPages: $,
   theme: v = "light"
 }) => {
-  const { prefix: b } = S(), s = `${b}--pagination`, N = `${s}__theme__${v}`, _ = t(n, s, N), m = r === 0, C = r + 1 === $, j = t(n, {
+  const { prefix: N } = S(), s = `${N}--pagination`, b = `${s}__theme__${v}`, _ = n(t, s, b), m = r === 0, C = r + 1 === $, j = n(t, {
     [`${s}--first-page`]: !0,
     [`${s}--link`]: !0,
     [`${s}--disable`]: m
-  }), F = t(n, {
+  }), F = n(t, {
     [`${s}--prev-page`]: !0,
     [`${s}--link`]: !0,
     [`${s}--disable`]: m
-  }), L = t(n, {
+  }), L = n(t, {
     [`${s}--next-page`]: !0,
     [`${s}--link`]: !0,
     [`${s}--disable`]: C
-  }), G = t(n, {
+  }), G = n(t, {
     [`${s}--last-page`]: !0,
     [`${s}--link`]: !0,
     [`${s}--disable`]: C
@@ -61,7 +61,7 @@ const q = ({
     ] }),
     /* @__PURE__ */ l("p", { className: `${s}--page`, children: [
       /* @__PURE__ */ i("span", { children: r + 1 }),
-      /* @__PURE__ */ i("span", { children: k }),
+      /* @__PURE__ */ i("span", { children: g }),
       /* @__PURE__ */ i("span", { children: $ })
     ] }),
     /* @__PURE__ */ l("div", { className: `${s}--next-set`, children: [
@@ -70,7 +70,7 @@ const q = ({
         {
           className: L,
           onClick: (e) => a(e),
-          href: g,
+          href: k,
           title: d,
           children: d
         }
@@ -87,7 +87,7 @@ const q = ({
       )
     ] })
   ] });
-}, A = q;
+};
 export {
-  A as P
+  z as P
 };

package/lib/esm/_store/Pagination-entry-XPMG7emu.js

@@ -0,0 +1,4 @@
+import { P as i } from "./Pagination-chunk-B0RsygyT.js";
+export {
+  i as Pagination
+};

package/lib/esm/_store/{Picture-chunk-C4mMCmdQ.js → Picture-chunk-DsW0ODDG.js}

@@ -1,7 +1,7 @@
 import { jsxs as f, jsx as a } from "react/jsx-runtime";
 import { forwardRef as b } from "react";
 import { c as u } from "./index-chunk-CY3PQDr4.js";
-import { u as d } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
+import { u as d } from "./useGlobalSettings-chunk-BhfWlTcd.js";
 const S = b(
   ({ className: o, url: r, loading: i, alt: c }, n) => {
     const { prefix: p } = d(), e = `${p}--picture`, m = u(e, o);

package/lib/esm/_store/Picture-entry-BaHaewjE.js

@@ -0,0 +1,4 @@
+import { P as o } from "./Picture-chunk-DsW0ODDG.js";
+export {
+  o as Picture
+};

package/lib/esm/_store/{Profile-chunk-BjuEze8L.js → Profile-chunk-BTvSWyom.js}

@@ -1,8 +1,8 @@
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
 import { c as $ } from "./index-chunk-CY3PQDr4.js";
-import { u as _ } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-import { I as g } from "./Icon-chunk-DIxw5wWq.js";
+import { u as _ } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+import { I as g } from "./Icon-chunk-B3pcCi1Q.js";
 const C = p(
   ({
     avatar: t,
@@ -11,13 +11,13 @@ const C = p(
     link: a,
     name: i,
     role: o,
-    theme: n = "light",
-    size: c = "large"
+    theme: c = "light",
+    size: n = "large"
   }, f) => {
     const { prefix: d } = _(), e = `${d}--profile`, h = $(m, {
       [e]: !0,
-      [`${e}__theme__${n}`]: n,
-      [`${e}__size__${c}`]: c
+      [`${e}__theme__${c}`]: c,
+      [`${e}__size__${n}`]: n
     });
     return /* @__PURE__ */ s("figure", { className: h, ref: f, children: [
       /* @__PURE__ */ r(

package/lib/esm/_store/Profile-entry-CfUKvpwQ.js

@@ -0,0 +1,4 @@
+import { P as e } from "./Profile-chunk-BTvSWyom.js";
+export {
+  e as Profile
+};

package/lib/esm/_store/Radio-chunk-DE8dWK4c.js

@@ -0,0 +1,77 @@
+import { jsx as r, jsxs as v } from "react/jsx-runtime";
+import u, { useEffect as S } from "react";
+import { c as $ } from "./index-chunk-CY3PQDr4.js";
+import { u as g } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+import { u as j } from "./usePrevious-chunk-BtJVllKj.js";
+import { u as w } from "./Fieldset-chunk-CQKzjpXe.js";
+import { F as L, u as P } from "./FormControl-chunk-CA1OQzEu.js";
+const _ = u.forwardRef(
+  ({
+    onChange: s,
+    onBlur: l,
+    disabled: i = !1,
+    error: o,
+    id: e,
+    name: a,
+    required: n,
+    checked: t,
+    defaultChecked: c = !1,
+    value: C
+  }, b) => {
+    const { prefix: p } = g(), { setHasError: d } = w(), y = P(), f = j(o);
+    S(() => {
+      o !== f && d(!!o);
+    }, [o, f, d]);
+    const { ariaDescribedBy: R } = y, x = (N) => {
+      s && s(N);
+    }, m = `${p}--radio`, h = `${m}--control`, E = `${m}__error`, F = $(m, {
+      [E]: o
+    });
+    return /* @__PURE__ */ v("div", { className: F, children: [
+      /* @__PURE__ */ r(
+        "input",
+        {
+          ref: b,
+          id: e || a,
+          name: a,
+          onChange: x,
+          onBlur: l,
+          disabled: i,
+          required: n,
+          type: "radio",
+          defaultChecked: c,
+          "aria-describedby": R,
+          checked: t,
+          value: C
+        }
+      ),
+      /* @__PURE__ */ r("span", { className: h })
+    ] });
+  }
+), q = u.forwardRef(
+  (s, l) => {
+    const {
+      style: i,
+      inputStyle: o,
+      className: e,
+      labelPlacement: a = "end",
+      labelSize: n = "small",
+      ...t
+    } = s, c = s.id ? s.id : s.name;
+    return /* @__PURE__ */ r(
+      L,
+      {
+        fieldId: c,
+        style: i,
+        className: e,
+        labelPlacement: a,
+        labelSize: n,
+        ...t,
+        children: /* @__PURE__ */ r(_, { ref: l, style: o, ...t })
+      }
+    );
+  }
+);
+export {
+  q as L
+};

package/lib/esm/_store/Radio-entry-CUKW5UTB.js

@@ -0,0 +1,11 @@
+import { L as r } from "./Radio-chunk-DE8dWK4c.js";
+const a = {
+  className: "Radio",
+  name: "radio"
+}, o = {
+  basic: a
+};
+export {
+  r as Radio,
+  o as RadioArgs
+};

package/lib/esm/_store/ReadMore-chunk-Cv2A7uzo.js

@@ -0,0 +1,38 @@
+import { jsxs as h, jsx as i } from "react/jsx-runtime";
+import { useState as m } from "react";
+import { c as d } from "./index-chunk-CY3PQDr4.js";
+import { u as R } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+import { R as j } from "./RichText-chunk-DxfEl4aR.js";
+const B = ({
+  buttonlabel: o,
+  className: t,
+  excerpt: n,
+  fulltext: r,
+  openatstart: c,
+  ...p
+}) => {
+  const { prefix: u } = R(), e = `${u}--read-more`, [a, C] = m(c ? r : n), [s, $] = m(c), f = d(t, {
+    [e]: !0,
+    [`${e}--open`]: s
+  }), l = d(t, {
+    [`${e}--button`]: !0,
+    [`${e}--button--open`]: s
+  }), x = () => {
+    C(a === n ? r : n), $(!s);
+  };
+  return /* @__PURE__ */ h("div", { className: f, children: [
+    /* @__PURE__ */ i(j, { content: a, ...p }),
+    /* @__PURE__ */ i(
+      "button",
+      {
+        className: l,
+        "aria-expanded": s,
+        onClick: () => x(),
+        children: s ? `${o && o.opened}` : `${o && o.closed}`
+      }
+    )
+  ] });
+};
+export {
+  B as R
+};

package/lib/esm/_store/ReadMore-entry-C1R0hkG0.js

@@ -0,0 +1,4 @@
+import { R as r } from "./ReadMore-chunk-Cv2A7uzo.js";
+export {
+  r as ReadMore
+};

package/lib/esm/_store/{RichText-chunk-BWOoOlCR.js → RichText-chunk-DxfEl4aR.js}

@@ -1,20 +1,20 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import { c as i } from "./index-chunk-CY3PQDr4.js";
-import { u as m } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-const l = ({
+import { u as l } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+const _ = ({
   className: t,
   content: e,
   theme: o = "light"
 }) => {
-  const { prefix: r } = m(), s = `${r}--richtext`, a = `${s}__theme__${o}`, c = i(t, s, a);
-  return /* @__PURE__ */ n(
+  const { prefix: r } = l(), s = `${r}--richtext`, a = `${s}__theme__${o}`, c = i(t, s, a);
+  return /* @__PURE__ */ m(
     "div",
     {
       className: c,
       dangerouslySetInnerHTML: { __html: e }
     }
   );
-}, p = l;
+};
 export {
-  p as R
+  _ as R
 };

package/lib/esm/_store/RichText-entry-OPQpHwYL.js

@@ -0,0 +1,4 @@
+import { R as r } from "./RichText-chunk-DxfEl4aR.js";
+export {
+  r as RichText
+};

package/lib/esm/_store/SearchField-chunk-CZ2F5vv2.js

@@ -0,0 +1,68 @@
+import { jsx as s, jsxs as t } from "react/jsx-runtime";
+import { forwardRef as w, useState as x, useId as F } from "react";
+import { c as g } from "./index-chunk-CY3PQDr4.js";
+import { u as k } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+import { I as i } from "./Icon-chunk-B3pcCi1Q.js";
+import { F as j } from "./FormControl-chunk-CA1OQzEu.js";
+const P = w(
+  ({ action: f, callback: o, className: b, input: e }, C) => {
+    const [c, d] = x(""), { prefix: r } = k(), a = `${r}--searchfield`, n = `${a}--button`, y = `${a}--clear-button ${c.trim() !== "" && "show"}`, S = F(), m = (e == null ? void 0 : e.id) || S, I = `${r}--fieldset`, N = (l) => {
+      o && o(l);
+    }, $ = () => {
+      d("");
+    }, v = (l) => {
+      d(l.target.value);
+    }, h = !!(e != null && e.type);
+    if (!h)
+      throw new Error("SearchField: Input must have type prop");
+    return h ? /* @__PURE__ */ s("form", { action: f, children: /* @__PURE__ */ s(
+      j,
+      {
+        fieldId: m,
+        error: !!(e != null && e.error),
+        helper: (e == null ? void 0 : e.helper) || "",
+        label: (e == null ? void 0 : e.label) || "",
+        style: { width: "100%" },
+        children: /* @__PURE__ */ t("div", { className: g(b, a), children: [
+          /* @__PURE__ */ t("div", { className: I, children: [
+            /* @__PURE__ */ s(
+              "input",
+              {
+                className: `${r}--text-input`,
+                id: m,
+                name: e.name,
+                onChange: v,
+                placeholder: e == null ? void 0 : e.placeholder,
+                value: c,
+                ref: C,
+                disabled: e == null ? void 0 : e.disabled,
+                type: "search"
+              }
+            ),
+            /* @__PURE__ */ s(
+              "span",
+              {
+                onClick: $,
+                className: y,
+                role: "presentation",
+                children: /* @__PURE__ */ s(i, { name: "close", hidden: !0 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ s(
+            "input",
+            {
+              className: n,
+              disabled: e == null ? void 0 : e.disabled,
+              type: "submit",
+              onClick: N
+            }
+          )
+        ] })
+      }
+    ) }) : null;
+  }
+);
+export {
+  P as S
+};

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

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

package/lib/esm/_store/{SocialMedia-chunk-BIRLnQvf.js → SocialMedia-chunk-CmTguYLJ.js}

@@ -1,18 +1,20 @@
-import { jsxs as $, jsx as a } from "react/jsx-runtime";
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
 import { c as i } from "./index-chunk-CY3PQDr4.js";
-import { forwardRef as d } from "react";
-import { u as f } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-const h = d(
+import { forwardRef as f } from "react";
+import { u as h } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+import { D as p } from "./DynamicHeading-chunk-CO_vg_Lp.js";
+const j = f(
   ({
     className: r,
     theme: c = "light",
     justify: o = "start",
     headline: e,
     icons: t,
-    iconSize: m = "normal"
-  }, n) => {
-    const { prefix: _ } = f(), s = `${_}--social-media`;
-    return /* @__PURE__ */ $(
+    iconSize: m = "normal",
+    titleLevel: n = "h5"
+  }, _) => {
+    const { prefix: $ } = h(), s = `${$}--social-media`;
+    return /* @__PURE__ */ d(
       "div",
       {
         className: i(
@@ -21,9 +23,16 @@ const h = d(
           `${s}__justify__${o}`,
           r
         ),
-        ref: n,
+        ref: _,
         children: [
-          e && /* @__PURE__ */ a("h5", { className: `${s}--headline`, children: e }),
+          e && /* @__PURE__ */ a(
+            p,
+            {
+              level: n,
+              className: `${s}--headline`,
+              children: e
+            }
+          ),
           /* @__PURE__ */ a(
             "ul",
             {
@@ -56,7 +65,7 @@ const h = d(
       }
     );
   }
-), x = h;
+);
 export {
-  x as S
+  j as S
 };

package/lib/esm/_store/{SocialMedia-entry-BHmNsyxZ.js → SocialMedia-entry-Bb_WqSHH.js}

@@ -1,4 +1,4 @@
-import { S as t } from "./SocialMedia-chunk-BIRLnQvf.js";
+import { S as t } from "./SocialMedia-chunk-CmTguYLJ.js";
 const o = {
   headline: "Follow us on social media",
   theme: "light",
@@ -54,6 +54,21 @@ const o = {
       icon: "weibo",
       label: "Weibo",
       url: "https://weibo.com"
+    },
+    {
+      icon: "spotify",
+      label: "Spotify",
+      url: "https://spotify.com"
+    },
+    {
+      icon: "apple_podcasts",
+      label: "iTunes",
+      url: "https://www.apple.com/itunes/"
+    },
+    {
+      icon: "rss",
+      label: "RSS",
+      url: "https://ilo.org/rss.xml"
     }
   ]
 };

package/lib/esm/_store/{Status-chunk-E-pHCJfe.js → Status-chunk-CjagfPq5.js}

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
 import { c as p } from "./index-chunk-CY3PQDr4.js";
-import { u as f } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
+import { u as f } from "./useGlobalSettings-chunk-BhfWlTcd.js";
 const x = n(
   ({ statusType: t = "active", content: a, elementId: o, className: r }, e) => {
     const { prefix: m } = f(), s = `${m}--status`, c = p(

package/lib/esm/_store/Status-entry-CZoWOvRH.js

@@ -0,0 +1,4 @@
+import { S as o } from "./Status-chunk-CjagfPq5.js";
+export {
+  o as Status
+};

package/lib/esm/_store/{TableOfContents-chunk-DZGMY0rb.js → TableOfContents-chunk-G6Og9OQI.js}

@@ -1,12 +1,12 @@
 import { jsx as e } from "react/jsx-runtime";
 import { c } from "./index-chunk-CY3PQDr4.js";
-import { u as i } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-const m = ({ className: t, items: a }) => {
+import { u as i } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+const h = ({ className: t, items: a }) => {
   const { prefix: n } = i(), s = `${n}--table-of-contents`, r = c(t, {
     [s]: !0
   });
   return /* @__PURE__ */ e("nav", { className: r, children: /* @__PURE__ */ e("ul", { className: `${s}--list`, children: a && a.map((l, o) => /* @__PURE__ */ e("li", { className: `${s}--list--item`, children: /* @__PURE__ */ e("a", { className: `${s}--link`, href: l.href, children: l.label }) }, o)) }) });
-}, p = m;
+};
 export {
-  p as T
+  h as T
 };

package/lib/esm/_store/TableOfContents-entry-BzIsRY8o.js

@@ -0,0 +1,4 @@
+import { T as t } from "./TableOfContents-chunk-G6Og9OQI.js";
+export {
+  t as TableOfContents
+};