@ilo-org/react 0.19.0 → 0.20.0

package/lib/esm/_store/Icon-entry-CzaGrGSM.js

@@ -0,0 +1,4 @@
+import { I } from "./Icon-chunk-BE5t6PqR.js";
+export {
+  I as Icon
+};

package/lib/esm/_store/LanguageToggle-chunk-BxzhPBjU.js

@@ -0,0 +1,62 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { forwardRef as R, useState as w, useRef as l, useLayoutEffect as m } from "react";
+import { u as N } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { c as f } from "./index-chunk-0LeqwHm8.js";
+import { C as L } from "./ContextMenu-chunk-Zy9igFLz.js";
+const E = R(
+  ({ className: d, language: g, theme: p = "light", hideIcon: x, options: a, ...$ }, C) => {
+    const { prefix: h } = N(), [r, u] = w(!0), s = l(null), t = l(null), e = `${h}--language-toggle`;
+    return m(() => {
+      function n(c) {
+        !t.current || !s.current || !t.current.contains(c.target) && !s.current.contains(c.target) && u(!1);
+      }
+      return document.addEventListener("mousedown", n), () => {
+        document.removeEventListener("mousedown", n);
+      };
+    }), m(() => {
+      if (!(!s.current || !t.current) && r) {
+        const n = s.current.getBoundingClientRect(), c = t.current.getBoundingClientRect();
+        t.current.style.left = `${n.left + (n.width - c.width) / 2}px`, t.current.style.top = `${n.bottom}px`;
+      }
+    }, [r]), /* @__PURE__ */ i(
+      "div",
+      {
+        ref: C,
+        className: f(e, d, `${e}--${p}`, {
+          [`${e}--open`]: r
+        }),
+        ...$,
+        children: [
+          /* @__PURE__ */ i(
+            "button",
+            {
+              className: `${e}--container`,
+              ref: s,
+              onClick: () => {
+                u(!r);
+              },
+              children: [
+                !x && /* @__PURE__ */ o("span", { className: `${e}--icon` }),
+                /* @__PURE__ */ o("span", { className: `${e}--action`, children: g }),
+                /* @__PURE__ */ o("span", { className: `${e}--arrow` })
+              ]
+            }
+          ),
+          a && /* @__PURE__ */ o(
+            "div",
+            {
+              className: f(`${e}--context-menu`, {
+                [`${e}--context-menu__open`]: r
+              }),
+              ref: t,
+              children: /* @__PURE__ */ o(L, { links: a })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  E as L
+};

package/lib/esm/_store/LanguageToggle-entry-COfb1a3N.js

@@ -0,0 +1,4 @@
+import { L as e } from "./LanguageToggle-chunk-BxzhPBjU.js";
+export {
+  e as LanguageToggle
+};

package/lib/esm/_store/Link-chunk-CKAMN_c4.js

@@ -0,0 +1,33 @@
+import { jsxs as a, jsx as c } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { c as m } from "./index-chunk-0LeqwHm8.js";
+import { u as k } from "./useGlobalSettings-chunk-gkijV3S1.js";
+const j = d(
+  ({ children: e, className: r, label: n, target: i, theme: s = "light", url: t, ...l }, f) => {
+    const { prefix: p } = k();
+    let o = `${p}--link`;
+    r != null && r.includes("button") && (o = "");
+    const u = m(r, {
+      [o]: !0,
+      [`${o}--${s}`]: o && s
+    });
+    return /* @__PURE__ */ a(
+      "a",
+      {
+        ref: f,
+        className: u,
+        href: t,
+        target: i,
+        rel: i ? "noopener noreferrer" : void 0,
+        ...l,
+        children: [
+          n && /* @__PURE__ */ c("span", { className: "link__label", children: n }),
+          e
+        ]
+      }
+    );
+  }
+);
+export {
+  j as L
+};

package/lib/esm/_store/Link-entry-BOoBMNWv.js

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

package/lib/esm/_store/LinkList-chunk-BM5BTk9m.js

@@ -0,0 +1,45 @@
+import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { c as r } from "./index-chunk-0LeqwHm8.js";
+import { u as N } from "./useGlobalSettings-chunk-gkijV3S1.js";
+const x = p(
+  ({ className: c, headline: n, linkgroup: m, theme: d = "light" }, t) => {
+    const { prefix: h } = N(), s = `${h}--link-list`;
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        ref: t,
+        className: r(s, c, `${s}--${d}`),
+        children: [
+          n && /* @__PURE__ */ l("h3", { className: `${s}--headline`, children: n }),
+          /* @__PURE__ */ l("ul", { className: `${s}--linkgroups`, children: m.map((e, o) => /* @__PURE__ */ i(
+            "li",
+            {
+              className: `${s}--linkgroups-item`,
+              children: [
+                e.headline && /* @__PURE__ */ l("h4", { className: `${s}--links--headline`, children: e.headline }),
+                /* @__PURE__ */ l("ul", { className: `${s}--links`, children: e.links.map((a, $) => /* @__PURE__ */ l(
+                  "li",
+                  {
+                    className: r(`${s}--links--item`, {
+                      indented: a.indented
+                    }),
+                    children: /* @__PURE__ */ i("a", { href: a.url, className: `${s}--link`, children: [
+                      /* @__PURE__ */ l("span", { className: `${s}--label`, children: a.label }),
+                      /* @__PURE__ */ l("span", { className: `${s}--icon` })
+                    ] })
+                  },
+                  `link-${$}`
+                )) })
+              ]
+            },
+            `linkgroup-${o}`
+          )) })
+        ]
+      }
+    );
+  }
+);
+export {
+  x as L
+};

package/lib/esm/_store/LinkList-entry-mR4xR8Bg.js

@@ -0,0 +1,4 @@
+import { L as o } from "./LinkList-chunk-BM5BTk9m.js";
+export {
+  o as LinkList
+};

package/lib/esm/_store/List-entry-XHat7PmC.js

@@ -0,0 +1,33 @@
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { c as m } from "./index-chunk-0LeqwHm8.js";
+import { u as f } from "./useGlobalSettings-chunk-gkijV3S1.js";
+const p = c(
+  ({
+    children: t,
+    className: i,
+    alignment: n = "default",
+    ordered: e = "unstyled",
+    title: l,
+    theme: o = "light",
+    ...r
+  }, u) => {
+    const { prefix: _ } = f(), s = `${_}--list`, $ = m(i, s, {
+      [`${s}__unstyled`]: e === "unstyled",
+      [`${s}__horizontal`]: n === "horizontal",
+      [`${s}__theme__${o}`]: o
+    });
+    return /* @__PURE__ */ d("div", { className: $, ref: u, ...r, children: [
+      l && /* @__PURE__ */ a("h2", { className: `${s}--title`, children: l }),
+      e === "ordered" ? /* @__PURE__ */ a("ol", { children: t }) : /* @__PURE__ */ a("ul", { children: t })
+    ] });
+  }
+), h = c(
+  ({ children: t, className: i, ...n }, e) => {
+    const { prefix: l } = f(), o = `${l}--list--item`, r = m(i, o);
+    return /* @__PURE__ */ a("li", { className: r, ref: e, ...n, children: t });
+  }
+), j = Object.assign(p, { Item: h });
+export {
+  j as List
+};

package/lib/esm/_store/Notification-chunk-BYrbd5f9.js

@@ -0,0 +1,69 @@
+import { jsx as e, Fragment as $, jsxs as n } from "react/jsx-runtime";
+import { forwardRef as N, useState as b } from "react";
+import { c as v } from "./index-chunk-0LeqwHm8.js";
+import { u as x } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { B as y } from "./Button-chunk-BlSnS8yQ.js";
+const S = N(
+  ({
+    className: t,
+    closelabel: r = "Close",
+    copy: c,
+    cta: a,
+    headline: d,
+    placement: l,
+    timestamp: i,
+    type: o
+  }, m) => {
+    const { prefix: f } = x(), [u, h] = b(!0), s = `${f}--notification`, p = v(s, t, {
+      [`${s}--${l}`]: l,
+      [`icon icon--${o}`]: o
+    });
+    return /* @__PURE__ */ e($, { children: u && /* @__PURE__ */ n(
+      "div",
+      {
+        className: p,
+        role: "status",
+        "aria-live": "polite",
+        "aria-relevant": "additions",
+        ref: m,
+        children: [
+          /* @__PURE__ */ n("div", { className: `${s}--content`, children: [
+            /* @__PURE__ */ e("h2", { className: `${s}--headline`, children: d }),
+            /* @__PURE__ */ e("p", { className: `${s}--copy`, children: c }),
+            i && /* @__PURE__ */ e(
+              "time",
+              {
+                className: `${s}--date`,
+                dateTime: i.unix,
+                children: i.human
+              }
+            ),
+            a && /* @__PURE__ */ e("div", { className: `${s}__footer`, children: /* @__PURE__ */ e(
+              y,
+              {
+                type: "secondary",
+                size: "small",
+                link: {
+                  url: a.url,
+                  label: a.label
+                }
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              className: `${s}--close`,
+              type: "button",
+              onClick: () => h(!1),
+              children: /* @__PURE__ */ e("span", { children: r })
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+export {
+  S as N
+};

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

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

package/lib/esm/_store/Profile-chunk-Tpvzafuk.js

@@ -0,0 +1,41 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { forwardRef as $ } from "react";
+import { c as h } from "./index-chunk-0LeqwHm8.js";
+import { u as _ } from "./useGlobalSettings-chunk-gkijV3S1.js";
+const b = $(
+  ({
+    avatar: t,
+    className: m,
+    description: s,
+    link: a,
+    name: l,
+    role: i,
+    theme: c = "light",
+    size: n = "large"
+  }, f) => {
+    const { prefix: d } = _(), e = `${d}--profile`, p = h(m, {
+      [e]: !0,
+      [`${e}__theme__${c}`]: c,
+      [`${e}__size__${n}`]: n
+    });
+    return /* @__PURE__ */ o("figure", { className: p, ref: f, children: [
+      /* @__PURE__ */ r(
+        "img",
+        {
+          className: `${e}--avatar`,
+          src: t,
+          alt: `Avatar for ${l}`
+        }
+      ),
+      /* @__PURE__ */ r("figcaption", { children: /* @__PURE__ */ o("div", { className: `${e}--figcaption--content`, children: [
+        /* @__PURE__ */ r("div", { className: `${e}--name`, children: l }),
+        i && /* @__PURE__ */ r("div", { className: `${e}--role`, children: i })
+      ] }) }),
+      s && /* @__PURE__ */ r("p", { className: `${e}--description`, children: s }),
+      a && /* @__PURE__ */ r("div", { className: `${e}--link`, children: /* @__PURE__ */ r("a", { href: a.url, target: "__blank", rel: "noopener noreferrer", children: /* @__PURE__ */ r("span", { className: `${e}--link--label`, children: a.label }) }) })
+    ] });
+  }
+);
+export {
+  b as P
+};

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

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

package/lib/esm/_store/{SearchField-chunk-DfXCHmW0.js → SearchField-chunk-D-S-SV-o.js}

@@ -3,7 +3,7 @@ import { forwardRef as v, useState as w } from "react";
 import { c as x } from "./index-chunk-0LeqwHm8.js";
 import { u as F } from "./useGlobalSettings-chunk-gkijV3S1.js";
 import { I as g } from "./Input-chunk-DT_YEVSQ.js";
-import { I as j } from "./Icon-chunk-nLD8VsP5.js";
+import { I as j } from "./Icon-chunk-BE5t6PqR.js";
 const B = v(
   ({ action: f, callback: o, className: b, input: e }, C) => {
     const [c, d] = w(""), { prefix: a } = F(), l = `${a}--searchfield`, S = `${l}--button`, y = `${l}--clear-button ${c.trim() !== "" && "show"}`, $ = `${a}--fieldset`, I = x(b, {

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

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

package/lib/esm/_store/{SocialMedia-chunk-B0IPGaVf.js → SocialMedia-chunk-BP6TBNEf.js}

@@ -2,13 +2,13 @@ import { jsxs as $, jsx as a } from "react/jsx-runtime";
 import { c as i } from "./index-chunk-0LeqwHm8.js";
 import { forwardRef as d } from "react";
 import { u as f } from "./useGlobalSettings-chunk-gkijV3S1.js";
-const b = d(
+const h = d(
   ({
     className: r,
     theme: c = "light",
-    justify: t = "start",
+    justify: o = "start",
     headline: e,
-    icons: o,
+    icons: t,
     iconSize: m = "normal"
   }, n) => {
     const { prefix: _ } = f(), s = `${_}--social-media`;
@@ -18,7 +18,7 @@ const b = d(
         className: i(
           s,
           `${s}__theme__${c}`,
-          `${s}__justify__${t}`,
+          `${s}__justify__${o}`,
           r
         ),
         ref: n,
@@ -31,7 +31,7 @@ const b = d(
                 `${s}--list`,
                 `${s}--list__size__${m}`
               ),
-              children: o.map((l) => /* @__PURE__ */ a(
+              children: t.map((l) => /* @__PURE__ */ a(
                 "li",
                 {
                   className: i(`${s}--list--item`, l.className),
@@ -56,7 +56,7 @@ const b = d(
       }
     );
   }
-);
+), x = h;
 export {
-  b as S
+  x as S
 };

package/lib/esm/_store/SocialMedia-entry-C60BCp7g.js

@@ -0,0 +1,63 @@
+import { S as t } from "./SocialMedia-chunk-BP6TBNEf.js";
+const o = {
+  headline: "Follow us on social media",
+  theme: "light",
+  justify: "start",
+  iconSize: "normal",
+  icons: [
+    {
+      icon: "bluesky",
+      label: "Bluesky",
+      url: "https://bsky.app/profile/ilo.org"
+    },
+    {
+      icon: "facebook",
+      url: "https://www.facebook.com/ilo.org",
+      label: "Facebook"
+    },
+    {
+      icon: "x",
+      url: "https://x.com/ilo",
+      label: "x"
+    },
+    {
+      icon: "instagram",
+      url: "https://www.instagram.com/ilo.org/",
+      label: "Instagram"
+    },
+    {
+      icon: "linkedin",
+      url: "https://www.linkedin.com/company/international-labour-organization-ilo",
+      label: "LinkedIn"
+    },
+    {
+      icon: "youtube",
+      url: "https://www.youtube.com/channel/UCQsVmhSa4X-G3lHlUtejzLA",
+      label: "YouTube"
+    },
+    {
+      icon: "tiktok",
+      url: "https://www.tiktok.com/@ilo",
+      label: "TikTok"
+    },
+    {
+      icon: "flickr",
+      url: "https://www.flickr.com/photos/ilopictures/albums",
+      label: "flickr"
+    },
+    {
+      icon: "wechat",
+      label: "Wechat",
+      url: "https://wechat.com"
+    },
+    {
+      icon: "weibo",
+      label: "Weibo",
+      url: "https://weibo.com"
+    }
+  ]
+};
+export {
+  t as SocialMedia,
+  o as socialMediaArgs
+};

package/lib/esm/_store/{Tabs-chunk-CpUcNAK9.js → Tabs-chunk-C6iAood1.js}

@@ -2,7 +2,7 @@ import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import { useState as $ } from "react";
 import { u as h } from "./useGlobalSettings-chunk-gkijV3S1.js";
 import { c as p } from "./index-chunk-0LeqwHm8.js";
-import { I as d } from "./Icon-chunk-nLD8VsP5.js";
+import { I as d } from "./Icon-chunk-BE5t6PqR.js";
 const f = ({ items: c }) => {
   const [l, n] = $(0), i = (s, e) => {
     n(s), e.preventDefault();

package/lib/esm/_store/Tabs-entry-Di-TeLEj.js

@@ -0,0 +1,4 @@
+import { T as r } from "./Tabs-chunk-C6iAood1.js";
+export {
+  r as Tabs
+};

package/lib/esm/_store/{Tag-chunk-6_6Oh_I3.js → Tag-chunk-DRiFjL6-.js}

@@ -2,7 +2,7 @@ import { jsx as n, Fragment as x, jsxs as g } from "react/jsx-runtime";
 import { createContext as T, useContext as I } from "react";
 import { c as S } from "./index-chunk-0LeqwHm8.js";
 import { u as _ } from "./useGlobalSettings-chunk-gkijV3S1.js";
-import { I as w } from "./Icon-chunk-nLD8VsP5.js";
+import { I as w } from "./Icon-chunk-BE5t6PqR.js";
 function E(e) {
   let t = [...e.itemStatuses];
   return t.indexOf(e.id) > -1 ? t = t.filter((s) => s !== e.id) : e.allowMultipleExpanded ? t.push(e.id) : t = [e.id], t;

package/lib/esm/_store/{Tag-entry-B40IGpPj.js → Tag-entry-D_EdPheu.js}

@@ -1,5 +1,5 @@
-import { a as h } from "./Tag-chunk-6_6Oh_I3.js";
-import { T as G } from "./Tag-chunk-6_6Oh_I3.js";
+import { a as h } from "./Tag-chunk-DRiFjL6-.js";
+import { T as G } from "./Tag-chunk-DRiFjL6-.js";
 import { jsx as m } from "react/jsx-runtime";
 import { c as C } from "./index-chunk-0LeqwHm8.js";
 import { useState as T, useEffect as d, Children as O } from "react";

package/lib/esm/_store/components-entry-C4N0L4xP.js

@@ -0,0 +1,96 @@
+import { Accordion as a } from "./Accordion-entry-B-0bgUhR.js";
+import { F as t } from "./Form-chunk-1a4awKWi.js";
+import { C as m } from "./Collapse-chunk-CyOyOA2s.js";
+import { E as x } from "./Empty-chunk-UEm5zVbe.js";
+import { I as i } from "./Image-chunk-DGh-6cxv.js";
+import { L as C } from "./Loading-chunk-BIJLAqk6.js";
+import { L as n } from "./Radio-chunk-DDMoE7Le.js";
+import { T } from "./Tag-chunk-DRiFjL6-.js";
+import { B as F } from "./Button-chunk-BlSnS8yQ.js";
+import { C as u } from "./ContextMenu-chunk-Zy9igFLz.js";
+import { F as b } from "./Fieldset-chunk-udvv8dML.js";
+import { G as H } from "./GlobalProvider-chunk-nVdEz2_E.js";
+import { N } from "./Notification-chunk-BYrbd5f9.js";
+import { R as B } from "./ReadMore-chunk-DoptEIE4.js";
+import { L as M } from "./Textarea-chunk-ClZt7jmS.js";
+import { C as h } from "./Callout-chunk-C7nmBZcD.js";
+import { C as G } from "./Credit-chunk-BjaAFul8.js";
+import { L as V } from "./FileUpload-chunk-Cdl4F5zH.js";
+import { H as y } from "./Heading-chunk-CFEDmQeQ.js";
+import { L as O } from "./Link-chunk-CKAMN_c4.js";
+import { L as j } from "./NumberPicker-chunk-Z_TIIuxb.js";
+import { R as z } from "./RichText-chunk-BOMiyuNR.js";
+import { T as K } from "./Tooltip-chunk-EJOnwIYn.js";
+import { L as W } from "./Checkbox-chunk-CdjFGjiG.js";
+import { L as Y } from "./DatePicker-chunk-BoTriI-e.js";
+import { H as _ } from "./Hero-chunk-CZ6kSiY-.js";
+import { H as oo } from "./HeroCard-chunk-3mxIZYwU.js";
+import { L as ao } from "./LinkList-chunk-BM5BTk9m.js";
+import { P as to } from "./Pagination-chunk-Ci7qN6no.js";
+import { S as mo } from "./SearchField-chunk-D-S-SV-o.js";
+import { V as xo } from "./Video-chunk-DAqwWSGg.js";
+import { L as io } from "./Dropdown-chunk-DxXjnNBq.js";
+import { I as Lo } from "./Icon-chunk-BE5t6PqR.js";
+import { List as lo } from "./List-entry-XHat7PmC.js";
+import { P as co } from "./Profile-chunk-Tpvzafuk.js";
+import { T as go } from "./TableOfContents-chunk-BXnS8D2s.js";
+import { F as Po } from "./Footer-chunk-mcaEIXdt.js";
+import { LocalNav as ko } from "./LocalNav-entry-DydB3k67.js";
+import { Navigation as Do } from "./Navigation-entry-BLC2KoMs.js";
+import { C as Ro, b as Bo, D as Io, a as Mo, F as So, M as ho, P as vo, S as Go, T as Eo } from "./CardGroup-chunk-DCTJOxvx.js";
+import { B as wo } from "./Breadcrumb-chunk-DcsXzPvT.js";
+import { T as Ao } from "./Tabs-chunk-C6iAood1.js";
+import { L as Uo } from "./LanguageToggle-chunk-BxzhPBjU.js";
+export {
+  a as Accordion,
+  wo as Breadcrumb,
+  F as Button,
+  h as Callout,
+  Ro as CardGroup,
+  W as Checkbox,
+  m as Collapse,
+  u as ContextMenu,
+  G as Credit,
+  Bo as DataCard,
+  Y as DatePicker,
+  Io as DetailCard,
+  io as Dropdown,
+  x as Empty,
+  Mo as FactListCard,
+  So as FeatureCard,
+  b as Fieldset,
+  V as FileUpload,
+  Po as Footer,
+  t as Form,
+  H as GlobalProvider,
+  y as Heading,
+  _ as Hero,
+  oo as HeroCard,
+  Lo as Icon,
+  i as Image,
+  Uo as LanguageToggle,
+  O as Link,
+  ao as LinkList,
+  lo as List,
+  C as Loading,
+  ko as LocalNav,
+  ho as MultiLinkCard,
+  Do as Navigation,
+  N as Notification,
+  j as NumberPicker,
+  to as Pagination,
+  co as Profile,
+  vo as PromoCard,
+  n as Radio,
+  B as ReadMore,
+  z as RichText,
+  mo as SearchField,
+  Go as StatCard,
+  go as TableOfContents,
+  Ao as Tabs,
+  T as Tag,
+  Eo as TextCard,
+  M as Textarea,
+  K as Tooltip,
+  xo as Video
+};