@ilo-org/react 0.25.0 → 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-_adtYhvS.js → Notification-chunk-B_ca8Swd.js}

@@ -2,7 +2,7 @@ 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-BhfWlTcd.js";
-import { B as y } from "./Button-chunk-BvX6KNZ6.js";
+import { B as y } from "./Button-chunk-Ccbxfwbf.js";
 const S = $(
   ({
     className: t,

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/{Profile-chunk-D0RBDgln.js → Profile-chunk-BTvSWyom.js}

@@ -2,7 +2,7 @@ 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-BhfWlTcd.js";
-import { I as g } from "./Icon-chunk-DxouZQcV.js";
+import { I as g } from "./Icon-chunk-B3pcCi1Q.js";
 const C = p(
   ({
     avatar: t,

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/{SearchField-chunk-4Y2NnK71.js → SearchField-chunk-CZ2F5vv2.js}

@@ -2,11 +2,11 @@ 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-DxouZQcV.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`, S = `${a}--clear-button ${c.trim() !== "" && "show"}`, y = F(), m = (e == null ? void 0 : e.id) || y, I = `${r}--fieldset`, N = (l) => {
+    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("");
@@ -35,14 +35,15 @@ const P = w(
                 placeholder: e == null ? void 0 : e.placeholder,
                 value: c,
                 ref: C,
-                disabled: e == null ? void 0 : e.disabled
+                disabled: e == null ? void 0 : e.disabled,
+                type: "search"
               }
             ),
             /* @__PURE__ */ s(
               "span",
               {
                 onClick: $,
-                className: S,
+                className: y,
                 role: "presentation",
                 children: /* @__PURE__ */ s(i, { name: "close", hidden: !0 })
               }

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-DEHVELJ8.js → SocialMedia-chunk-CmTguYLJ.js}

@@ -1,29 +1,38 @@
-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-BhfWlTcd.js";
-const b = 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: t = "start",
+    justify: o = "start",
     headline: e,
-    icons: o,
-    iconSize: m = "normal"
-  }, n) => {
-    const { prefix: _ } = f(), s = `${_}--social-media`;
-    return /* @__PURE__ */ $(
+    icons: t,
+    iconSize: m = "normal",
+    titleLevel: n = "h5"
+  }, _) => {
+    const { prefix: $ } = h(), s = `${$}--social-media`;
+    return /* @__PURE__ */ d(
       "div",
       {
         className: i(
           s,
           `${s}__theme__${c}`,
-          `${s}__justify__${t}`,
+          `${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",
             {
@@ -31,7 +40,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),
@@ -58,5 +67,5 @@ const b = d(
   }
 );
 export {
-  b as S
+  j as S
 };

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

@@ -1,4 +1,4 @@
-import { S as t } from "./SocialMedia-chunk-DEHVELJ8.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/{Tabs-chunk-BFJu-8N_.js → Tabs-chunk-CiBKN1wK.js}

@@ -2,7 +2,7 @@ import { jsxs as c, jsx as n } from "react/jsx-runtime";
 import { useState as d, useEffect as u } from "react";
 import { u as N } from "./useGlobalSettings-chunk-BhfWlTcd.js";
 import { c as C } from "./index-chunk-CY3PQDr4.js";
-import { I } from "./Icon-chunk-DxouZQcV.js";
+import { I } from "./Icon-chunk-B3pcCi1Q.js";
 const S = ({
   items: o,
   className: i,

package/lib/esm/_store/Tabs-entry-DViSSd6j.js

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

package/lib/esm/_store/{Tag-chunk-CtoF0KuM.js → Tag-chunk-Dl2zXTQ8.js}

@@ -2,7 +2,7 @@ import { jsx as n, Fragment as x, jsxs as g } from "react/jsx-runtime";
 import { createContext as I, useContext as S } from "react";
 import { c as T } from "./index-chunk-CY3PQDr4.js";
 import { u as _ } from "./useGlobalSettings-chunk-BhfWlTcd.js";
-import { I as w } from "./Icon-chunk-DxouZQcV.js";
+import { I as w } from "./Icon-chunk-B3pcCi1Q.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-CY9Wk-E1.js → Tag-entry-CnUfb7ow.js}

@@ -1,5 +1,5 @@
-import { a as h } from "./Tag-chunk-CtoF0KuM.js";
-import { T as G } from "./Tag-chunk-CtoF0KuM.js";
+import { a as h } from "./Tag-chunk-Dl2zXTQ8.js";
+import { T as G } from "./Tag-chunk-Dl2zXTQ8.js";
 import { jsx as m } from "react/jsx-runtime";
 import { c as C } from "./index-chunk-CY3PQDr4.js";
 import { useState as d, useEffect as N, Children as O } from "react";

package/lib/esm/_store/{components-entry-BurF2spT.js → components-entry-DlfoU4Sn.js}

@@ -5,17 +5,17 @@ import { E as m } from "./Empty-chunk-BtF8fnEd.js";
 import { I as i } from "./Image-chunk-Dls4dbsF.js";
 import { L as n } from "./Loading-chunk-Dv4TiLe1.js";
 import { L } from "./Radio-chunk-DE8dWK4c.js";
-import { T } from "./Tag-chunk-CtoF0KuM.js";
-import { B as u } from "./Button-chunk-BvX6KNZ6.js";
-import { C as F } from "./ContextMenu-chunk-ZE0ANbkf.js";
+import { T } from "./Tag-chunk-Dl2zXTQ8.js";
+import { B as u } from "./Button-chunk-Ccbxfwbf.js";
+import { C as g } from "./ContextMenu-chunk-CX3zW2yD.js";
 import { F as b } from "./Fieldset-chunk-CQKzjpXe.js";
 import { G as k } from "./GlobalProvider-chunk-CkLnkRcW.js";
 import { G as I } from "./GlobalCtx-chunk-CtSRDnk3.js";
-import { L as G, T as N } from "./TextInput.args-chunk-RWwWDRZ4.js";
-import { N as v } from "./Notification-chunk-_adtYhvS.js";
-import { R as M } from "./ReadMore-chunk-Cv2A7uzo.js";
+import { L as D, T as G } from "./TextInput.args-chunk-RWwWDRZ4.js";
+import { N as R } from "./Notification-chunk-B_ca8Swd.js";
+import { R as B } from "./ReadMore-chunk-Cv2A7uzo.js";
 import { L as A } from "./Textarea-chunk-CshU7TIs.js";
-import { C as V } from "./Callout-chunk-DlkjnwyO.js";
+import { C as V } from "./Callout-chunk-lXbe2cTI.js";
 import { L as y } from "./FileUpload-chunk-CcPyoSNs.js";
 import { H as U } from "./Heading-chunk-KETAd3FV.js";
 import { L as q } from "./Link-chunk-DgmjE6xb.js";
@@ -24,41 +24,40 @@ import { R as Q } from "./RichText-chunk-DxfEl4aR.js";
 import { T as X } from "./Tooltip-chunk-D5CzbDEd.js";
 import { L as Z } from "./Checkbox-chunk-CICqXNag.js";
 import { L as $ } from "./DatePicker-chunk-BITHTS_i.js";
-import { H as ro } from "./Hero-chunk-Be04T-g-.js";
-import { H as eo } from "./HeroCard-chunk-Dpp8lL_Q.js";
-import { L as so } from "./LinkList-chunk-D5z3Upbc.js";
+import { H as ro } from "./Hero-chunk-8XPHDh4M.js";
+import { H as eo } from "./HeroCard-chunk-DIoKqIvc.js";
+import { L as so } from "./LinkList-chunk-ClC0P1yc.js";
 import { P as xo } from "./Pagination-chunk-B0RsygyT.js";
-import { S as fo } from "./SearchField-chunk-4Y2NnK71.js";
+import { S as fo } from "./SearchField-chunk-CZ2F5vv2.js";
 import { V as no } from "./Video-chunk-q086hHmd.js";
 import { L as Lo } from "./Dropdown-chunk-_Rqp45VG.js";
-import { I as To } from "./Icon-chunk-DxouZQcV.js";
-import { List as uo } from "./List-entry-oG99Ip94.js";
-import { P as Fo } from "./Profile-chunk-D0RBDgln.js";
+import { I as To } from "./Icon-chunk-B3pcCi1Q.js";
+import { List as uo } from "./List-entry-BX9gaFfD.js";
+import { P as go } from "./Profile-chunk-BTvSWyom.js";
 import { T as bo } from "./TableOfContents-chunk-G6Og9OQI.js";
-import { F as ko } from "./Footer-chunk-DUKfjpB_.js";
-import { Navigation as Io } from "./Navigation-entry-DWntijlA.js";
-import { C as Go, b as No, D as Ro, a as vo, F as Bo, M as Mo, P as ho, c as Ao, S as Eo, T as Vo } from "./CardGroup-chunk-CBTshcSl.js";
-import { B as yo } from "./Breadcrumb-chunk-BmS7TVwo.js";
-import { S as Uo } from "./Status-chunk-CjagfPq5.js";
-import { T as qo } from "./Tabs-chunk-BFJu-8N_.js";
-import { L as Jo } from "./LanguageToggle-chunk-5yhqP-ia.js";
-import { S as Qo } from "./SubsiteNav-chunk-ClugkI0I.js";
+import { F as ko } from "./Footer-chunk-Cs4S0fL1.js";
+import { C as Io, b as Mo, D as Do, a as Go, F as No, M as Ro, P as vo, c as Bo, S as ho, T as Ao } from "./CardGroup-chunk-CDiL5eWl.js";
+import { B as Vo } from "./Breadcrumb-chunk-C5nxxjB6.js";
+import { S as yo } from "./Status-chunk-CjagfPq5.js";
+import { T as Uo } from "./Tabs-chunk-CiBKN1wK.js";
+import { L as qo } from "./LanguageToggle-chunk-C51Ysq9D.js";
+import { M as Jo, S as Ko } from "./MainNav-chunk-DrgCIgDB.js";
 export {
   a as Accordion,
-  yo as Breadcrumb,
+  Vo as Breadcrumb,
   u as Button,
   V as Callout,
-  Go as CardGroup,
+  Io as CardGroup,
   Z as Checkbox,
   p as Collapse,
-  F as ContextMenu,
-  No as DataCard,
+  g as ContextMenu,
+  Mo as DataCard,
   $ as DatePicker,
-  Ro as DetailCard,
+  Do as DetailCard,
   Lo as Dropdown,
   m as Empty,
-  vo as FactListCard,
-  Bo as FeatureCard,
+  Go as FactListCard,
+  No as FeatureCard,
   b as Fieldset,
   y as FileUpload,
   ko as Footer,
@@ -70,32 +69,32 @@ export {
   eo as HeroCard,
   To as Icon,
   i as Image,
-  Jo as LanguageToggle,
+  qo as LanguageToggle,
   q as Link,
   so as LinkList,
   uo as List,
   n as Loading,
-  Mo as MultiLinkCard,
-  Io as Navigation,
-  v as Notification,
+  Jo as MainNav,
+  Ro as MultiLinkCard,
+  R as Notification,
   J as NumberPicker,
   xo as Pagination,
-  Fo as Profile,
-  ho as PromoCard,
+  go as Profile,
+  vo as PromoCard,
   L as Radio,
-  M as ReadMore,
+  B as ReadMore,
   Q as RichText,
-  Ao as ScoreCard,
+  Bo as ScoreCard,
   fo as SearchField,
-  Eo as StatCard,
-  Uo as Status,
-  Qo as SubsiteNav,
+  ho as StatCard,
+  yo as Status,
+  Ko as SubsiteNav,
   bo as TableOfContents,
-  qo as Tabs,
+  Uo as Tabs,
   T as Tag,
-  Vo as TextCard,
-  G as TextInput,
-  N as TextInputArgs,
+  Ao as TextCard,
+  D as TextInput,
+  G as TextInputArgs,
   A as Textarea,
   X as Tooltip,
   no as Video

package/lib/esm/_store/index.js

@@ -1,8 +1,11 @@
-import { u as r } from "./useGlobalSettings-chunk-BhfWlTcd.js";
-import { u } from "./usePrevious-chunk-BtJVllKj.js";
-import { u as a } from "./useBreakpoint-chunk-Bl6AhTq7.js";
+import { u as o } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+import { u as r } from "./usePrevious-chunk-BtJVllKj.js";
+import { u as t, a as p } from "./useOutsideClick-chunk-CWy5z-7S.js";
+import { u as f } from "./useFocusTrap-chunk-YNgJEwcj.js";
 export {
-  a as useBreakpoint,
-  r as useGlobalSettings,
-  u as usePrevious
+  t as useBreakpoint,
+  f as useFocusTrap,
+  o as useGlobalSettings,
+  p as useOutsideClick,
+  r as usePrevious
 };

package/lib/esm/_store/useFocusTrap-chunk-YNgJEwcj.js

@@ -0,0 +1,65 @@
+import { useRef as v, useCallback as o, useEffect as T } from "react";
+const x = [
+  "a[href]:not([disabled])",
+  "button:not([disabled])",
+  "textarea:not([disabled])",
+  'input[type="text"]:not([disabled])',
+  'input[type="radio"]:not([disabled])',
+  'input[type="checkbox"]:not([disabled])',
+  'input[type="search"]:not([disabled])',
+  'input[type="submit"]:not([disabled])',
+  "select:not([disabled])",
+  '[tabindex]:not([tabindex="-1"]):not([disabled])'
+];
+function C(k) {
+  const {
+    isActive: n,
+    onEscape: b,
+    onReturnFocus: m,
+    autoFocus: F = !0,
+    restoreFocus: s = !0
+  } = k, r = v(null), u = v(null), y = v([]), c = o(() => {
+    if (!r.current) return [];
+    const e = r.current.querySelectorAll(
+      x.join(",")
+    ), a = Array.from(e).filter((t) => t.style.display !== "none" && t.style.visibility !== "hidden" && t.offsetParent !== null);
+    return Array.from(new Set(a));
+  }, []), i = o(
+    (e) => {
+      if (!n || !r.current) return;
+      const { key: a, shiftKey: h } = e;
+      if (a === "Escape") {
+        e.preventDefault(), e.stopPropagation(), b && b();
+        return;
+      }
+      if (a === "Tab") {
+        const t = c();
+        if (t.length === 0) {
+          e.preventDefault();
+          return;
+        }
+        const f = t.at(0), d = t.at(-1), p = document.activeElement;
+        h ? (p === f || !t.includes(p)) && (e.preventDefault(), d == null || d.focus()) : (p === d || !t.includes(p)) && (e.preventDefault(), f == null || f.focus());
+      }
+    },
+    [n, b, c]
+  ), l = o(() => {
+    var e;
+    !n || !r.current || (s && document.activeElement && (u.current = document.activeElement), y.current = c(), F && y.current.length > 0 && ((e = y.current[0]) == null || e.focus()), document.addEventListener("keydown", i, !0));
+  }, [n, F, s, c, i]), E = o(() => {
+    document.removeEventListener("keydown", i, !0), s && u.current && setTimeout(() => {
+      u.current && (u.current.focus(), u.current = null);
+    }, 0), m && m();
+  }, [i, s, m]);
+  return T(() => (n ? l() : E(), () => {
+    E();
+  }), [n, l, E]), o(
+    (e) => {
+      r.current = e, e && n && setTimeout(l, 0);
+    },
+    [n, l]
+  );
+}
+export {
+  C as u
+};

package/lib/esm/_store/useOutsideClick-chunk-CWy5z-7S.js

@@ -0,0 +1,71 @@
+import { useMemo as x, useCallback as m, useSyncExternalStore as p, useDebugValue as E, useEffect as w } from "react";
+const y = (s) => {
+  const r = Object.keys(s).sort((t, i) => s[i] - s[t]);
+  return r.map((t, i) => {
+    let o = "";
+    const u = s[t], d = r[i - 1], e = d ? s[d] : null;
+    return u >= 0 && (o = `(min-width: ${u}px)`), e !== null && (o && (o += " and "), o += `(max-width: ${e - 1}px)`), {
+      breakpoint: t,
+      maxWidth: e ? e - 1 : null,
+      minWidth: u,
+      query: o
+    };
+  });
+}, f = {
+  breakpoint: null,
+  minWidth: null,
+  maxWidth: null,
+  query: null
+}, v = (s, r) => {
+  const t = x(() => y(s), [s]), i = m((e) => {
+    const n = [];
+    return t.forEach(({ query: c }) => {
+      const a = window.matchMedia(c), l = "addEventListener" in a && "removeEventListener" in a;
+      l ? a.addEventListener("change", e) : a.addListener(e), n.push(l ? () => a.removeEventListener("change", e) : () => a.removeListener(e));
+    }), () => n.forEach((c) => c());
+  }, [t]), o = m(() => {
+    const e = t.find((n) => window.matchMedia(n.query).matches);
+    if (e)
+      return e;
+    if (r) {
+      const n = t.find((c) => c.breakpoint === r);
+      if (n)
+        return n;
+    }
+    return f;
+  }, [r, t]), u = m(() => t.find((n) => n.breakpoint === r) ?? f, [r, t]), d = p(i, o, u);
+  return E(d, (e) => typeof e.breakpoint == "string" ? `${e.breakpoint} (${e.minWidth} ≤ x${e.maxWidth ? ` < ${e.maxWidth + 1}` : ""})` : ""), d;
+}, g = typeof window < "u" && typeof document < "u", L = ["xs", "sm", "md", "lg", "xl", "xxl"], h = {
+  xs: 320,
+  sm: 414,
+  md: 610,
+  lg: 1024,
+  xl: 1140,
+  xxl: 1440
+}, M = g ? L.reduce((s, r) => {
+  const t = window.getComputedStyle(document.body), i = parseInt(
+    t.getPropertyValue(`--ilo-breakpoint-${r}`)
+  );
+  return i && (s[r] = i), s;
+}, h) : h, $ = v.bind(null, M);
+function b(s, r, t) {
+  w(() => {
+    function i(o) {
+      var e;
+      const u = o.target;
+      if ((e = s.current) != null && e.contains(u) || !t.exceptions || !t.exceptions.length)
+        return;
+      t.exceptions.filter(Boolean).some((n) => {
+        var c;
+        return n instanceof HTMLElement || n instanceof Element ? n.contains(u) : (c = n.current) == null ? void 0 : c.contains(u);
+      }) || r();
+    }
+    return document.addEventListener("mousedown", i), () => {
+      document.removeEventListener("mousedown", i);
+    };
+  }, [s, r, t.exceptions]);
+}
+export {
+  b as a,
+  $ as u
+};