@ilo-org/react 0.23.4 → 0.24.1

package/lib/esm/_store/{SubsiteNav-chunk-SOH4RAJ1.js → SubsiteNav-chunk-DTA21jDN.js}

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import { memo as z, useRef as L, useCallback as S, useEffect as y, useId as G, useState as x, forwardRef as O, useImperativeHandle as B } from "react";
 import { u as v } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
 import { createPortal as A } from "react-dom";
@@ -11,19 +11,19 @@ const q = ({
   navRef: c,
   children: n
 }) => {
-  const { prefix: a } = v(), m = L(null), _ = `${a}--nav-dropdown`, t = S(() => {
-    if (!(m != null && m.current) || !(c != null && c.current))
+  const { prefix: a } = v(), t = L(null), _ = `${a}--nav-dropdown`, i = S(() => {
+    if (!(t != null && t.current) || !(c != null && c.current))
       return;
     const o = c.current.getBoundingClientRect();
-    m.current.style.top = `${o.bottom}px`, m.current.style.width = `${o.width}px`;
+    t.current.style.top = `${o.bottom}px`, t.current.style.width = `${o.width}px`;
   }, [c]);
-  return y(() => (t(), window.addEventListener("resize", t), () => {
-    window.removeEventListener("resize", t);
+  return y(() => (i(), window.addEventListener("resize", i), () => {
+    window.removeEventListener("resize", i);
   }), [c]), typeof document > "u" ? null : A(
     /* @__PURE__ */ e(
       "div",
       {
-        ref: m,
+        ref: t,
         className: b({
           [_]: !0,
           [`${_}--open`]: s,
@@ -41,8 +41,8 @@ const q = ({
   const { prefix: r } = v(), c = `${r}--nav-menu-grid`, n = [];
   for (let a = 0; a < s.length; a += 5)
     n.push(s.slice(a, a + 5));
-  return /* @__PURE__ */ e("div", { className: c, children: n.map((a, m) => /* @__PURE__ */ e("div", { className: `${c}__column`, children: a.map((_) => {
-    var t;
+  return /* @__PURE__ */ e("div", { className: c, children: n.map((a, t) => /* @__PURE__ */ e("div", { className: `${c}__column`, children: a.map((_) => {
+    var i;
     return /* @__PURE__ */ e(
       f,
       {
@@ -50,16 +50,16 @@ const q = ({
         href: _.href,
         label: _.label
       },
-      (t = _.label) == null ? void 0 : t.toString()
+      (i = _.label) == null ? void 0 : i.toString()
     );
-  }) }, m)) });
+  }) }, t)) });
 }, I = ({
   menu: s
 }) => {
   const { prefix: r } = v(), c = `${r}--nav-mobile-menu`;
   return /* @__PURE__ */ e("ul", { className: `${c}`, children: s.map((n, a) => {
-    const m = typeof n.isActive == "function" ? n.isActive() : n.isActive;
-    return /* @__PURE__ */ i("li", { className: `${c}__item`, children: [
+    const t = typeof n.isActive == "function" ? n.isActive() : n.isActive;
+    return /* @__PURE__ */ m("li", { className: `${c}__item`, children: [
       /* @__PURE__ */ e(
         f,
         {
@@ -68,7 +68,7 @@ const q = ({
           className: `${c}__link`
         }
       ),
-      m && /* @__PURE__ */ e("span", { className: `${c}__marked` })
+      t && /* @__PURE__ */ e("span", { className: `${c}__marked` })
     ] }, a);
   }) });
 }, M = ({
@@ -77,19 +77,19 @@ const q = ({
   header: c,
   widgets: n,
   children: a,
-  className: m
+  className: t
 }) => {
-  const { prefix: _ } = v(), t = G(), o = `${_}--nav-mobile-drawer`;
+  const { prefix: _ } = v(), i = G(), o = `${_}--nav-mobile-drawer`;
   return typeof document > "u" ? null : A(
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ m(
       "div",
       {
-        id: `${o}__${t}`,
-        className: b(o, m, {
+        id: `${o}__${i}`,
+        className: b(o, t, {
           [`${o}--open`]: s
         }),
         children: [
-          /* @__PURE__ */ i("div", { className: `${o}__header`, children: [
+          /* @__PURE__ */ m("div", { className: `${o}__header`, children: [
             /* @__PURE__ */ e("div", { className: `${o}__header-main`, children: c }),
             /* @__PURE__ */ e(
               "button",
@@ -101,7 +101,7 @@ const q = ({
               }
             )
           ] }),
-          /* @__PURE__ */ i("div", { className: `${o}__container`, children: [
+          /* @__PURE__ */ m("div", { className: `${o}__container`, children: [
             /* @__PURE__ */ e("div", { className: `${o}__widgets`, children: n }),
             a
           ] })
@@ -126,23 +126,20 @@ const q = ({
     menu: { items: c, labels: n },
     widgets: a
   },
-  onClose: m
+  onClose: t
 }) => {
   var k, g, C;
-  const { prefix: _ } = v(), [t, o] = x(!1), [$, h] = x(!1), d = S(() => {
-    o(!1), h(!1);
-  }, []), u = `${_}--nav-mobile`, p = t || $, N = c.slice(0, 5), l = c.slice(5);
-  return /* @__PURE__ */ i(
+  const { prefix: _ } = v(), [i, o] = x(!1), [$, d] = x(!1), h = S(() => {
+    o(!1), d(!1);
+  }, []), u = `${_}--nav-mobile`, p = i || $, N = c.slice(0, 5), l = c.slice(5);
+  return /* @__PURE__ */ m(
     M,
     {
       isOpen: s,
-      onClose: m,
-      header: /* @__PURE__ */ i("div", { className: `${u}__branding`, children: [
-        /* @__PURE__ */ e("div", { className: `${u}__logo`, children: r.logo.drawer || r.logo.main }),
-        /* @__PURE__ */ e("h3", { className: `${u}__name`, children: r.name })
-      ] }),
-      widgets: /* @__PURE__ */ i("div", { className: `${u}__widgets`, children: [
-        (a == null ? void 0 : a.search) && /* @__PURE__ */ i(
+      onClose: t,
+      header: /* @__PURE__ */ e("div", { className: `${u}__branding`, children: /* @__PURE__ */ e("div", { className: `${u}__logo`, children: r.logo.drawer || r.logo.main }) }),
+      widgets: /* @__PURE__ */ m("div", { className: `${u}__widgets`, children: [
+        (a == null ? void 0 : a.search) && /* @__PURE__ */ m(
           "a",
           {
             className: `${u}__widgets-search`,
@@ -163,16 +160,16 @@ const q = ({
             label: a.link.label
           }
         ),
-        (a == null ? void 0 : a.language) && /* @__PURE__ */ i(
+        (a == null ? void 0 : a.language) && /* @__PURE__ */ m(
           "button",
           {
             className: `${u}__widgets-language`,
-            onClick: () => h(!0),
+            onClick: () => d(!0),
             "aria-expanded": $,
             "aria-controls": "language-list",
             "aria-label": "Select language",
             children: [
-              /* @__PURE__ */ i("span", { className: `${u}__widgets-language__label`, children: [
+              /* @__PURE__ */ m("span", { className: `${u}__widgets-language__label`, children: [
                 a.language.label,
                 ": ",
                 a.language.language
@@ -184,12 +181,12 @@ const q = ({
       ] }),
       children: [
         /* @__PURE__ */ e(I, { menu: N }),
-        !!l.length && /* @__PURE__ */ i(
+        !!l.length && /* @__PURE__ */ m(
           "button",
           {
             className: `${u}__more`,
             onClick: () => o(!0),
-            "aria-expanded": t,
+            "aria-expanded": i,
             "aria-controls": "more-items",
             "aria-label": "More items",
             children: [
@@ -202,11 +199,11 @@ const q = ({
           M,
           {
             className: `${u}__nested`,
-            header: /* @__PURE__ */ i(
+            header: /* @__PURE__ */ m(
               "button",
               {
                 className: `${u}__nested__header`,
-                onClick: d,
+                onClick: h,
                 "aria-label": "Back to menu",
                 children: [
                   /* @__PURE__ */ e("span", { className: `${u}__nested__header__icon` }),
@@ -214,11 +211,11 @@ const q = ({
                 ]
               }
             ),
-            widgets: /* @__PURE__ */ e("span", { className: `${u}__nested__title`, children: t ? n.more : (k = a == null ? void 0 : a.language) == null ? void 0 : k.label }),
+            widgets: /* @__PURE__ */ e("span", { className: `${u}__nested__title`, children: i ? n.more : (k = a == null ? void 0 : a.language) == null ? void 0 : k.label }),
             isOpen: p,
-            onClose: d,
+            onClose: h,
             "aria-modal": "true",
-            children: t ? /* @__PURE__ */ e(I, { menu: l, id: "more-items" }) : /* @__PURE__ */ e(
+            children: i ? /* @__PURE__ */ e(I, { menu: l, id: "more-items" }) : /* @__PURE__ */ e(
               F,
               {
                 selected: ((g = a == null ? void 0 : a.language) == null ? void 0 : g.language) || "",
@@ -233,37 +230,37 @@ const q = ({
   );
 };
 function X({ menu: s, split: r }) {
-  const { breakpoint: c } = H(), [n, a] = x(!1), [m, _] = x(!1), [t, o] = x(!1), $ = L(null), h = ["xl", "xxl"].includes(c || "md"), d = h ? r.desktop : r.mobile, u = s.slice(0, d), p = s.slice(d);
+  const { breakpoint: c } = H(), [n, a] = x(!1), [t, _] = x(!1), [i, o] = x(!1), $ = L(null), d = ["xl", "xxl"].includes(c || "md"), h = d ? r.desktop : r.mobile, u = s.slice(0, h), p = s.slice(h);
   return y(() => {
     o(!0);
   }, []), {
     menu: { facade: u, more: p },
     more: [n, a],
-    mobile: [m, _],
-    isDesktop: h,
-    isClient: t,
+    mobile: [t, _],
+    isDesktop: d,
+    isClient: i,
     ref: $
   };
 }
 const j = ({ className: s, menu: r, more: c }) => {
   const { prefix: n } = v(), a = `${n}--nav-menu`;
-  return /* @__PURE__ */ i("div", { className: b(a, s), children: [
-    /* @__PURE__ */ e("ul", { className: `${a}__list`, children: r.map(({ isActive: m, ..._ }) => {
+  return /* @__PURE__ */ m("div", { className: b(a, s), children: [
+    /* @__PURE__ */ e("ul", { className: `${a}__list`, children: r.map(({ isActive: t, ..._ }) => {
       var o;
-      const t = typeof m == "function" ? m() : m;
+      const i = typeof t == "function" ? t() : t;
       return /* @__PURE__ */ e("li", { className: `${a}__item`, children: /* @__PURE__ */ e(
         f,
         {
           ..._,
           className: b({
             [`${a}__link`]: !0,
-            [`${a}__link--active`]: t,
+            [`${a}__link--active`]: i,
             [_.className || ""]: _.className
           })
         }
       ) }, (o = _.label) == null ? void 0 : o.toString());
     }) }),
-    c && /* @__PURE__ */ i(
+    c && /* @__PURE__ */ m(
       "button",
       {
         onClick: c.onClick,
@@ -288,20 +285,20 @@ const j = ({ className: s, menu: r, more: c }) => {
       widgets: n
     }
   }, a) => {
-    const { prefix: m } = v(), {
-      menu: { facade: _, more: t },
+    const { prefix: t } = v(), {
+      menu: { facade: _, more: i },
       more: [o, $],
-      mobile: [h, d],
+      mobile: [d, h],
       isDesktop: u,
       ref: p,
       isClient: N
     } = X({ menu: r, split: { desktop: 4, mobile: 2 } });
     B(a, () => p.current);
-    const l = `${m}--subsite-nav-compact`;
-    return /* @__PURE__ */ i("header", { ref: p, className: l, children: [
-      /* @__PURE__ */ i("div", { className: `${l}__container`, children: [
-        /* @__PURE__ */ i("nav", { className: `${l}__nav`, children: [
-          /* @__PURE__ */ i(
+    const l = `${t}--subsite-nav-compact`;
+    return /* @__PURE__ */ m("header", { ref: p, className: l, children: [
+      /* @__PURE__ */ m("div", { className: `${l}__container`, children: [
+        /* @__PURE__ */ m("nav", { className: `${l}__nav`, children: [
+          /* @__PURE__ */ e(
             "div",
             {
               className: `${l}__branding`,
@@ -309,10 +306,7 @@ const j = ({ className: s, menu: r, more: c }) => {
               role: "button",
               "aria-label": "Branding",
               tabIndex: 0,
-              children: [
-                /* @__PURE__ */ e("div", { className: `${l}__branding-logo`, children: s.logo.main }),
-                /* @__PURE__ */ e("h3", { className: `${l}__branding-name`, children: s.name })
-              ]
+              children: /* @__PURE__ */ e("div", { className: `${l}__branding-logo`, children: s.logo.main })
             }
           ),
           /* @__PURE__ */ e(
@@ -320,7 +314,7 @@ const j = ({ className: s, menu: r, more: c }) => {
             {
               className: `${l}__menu`,
               menu: _,
-              more: t.length ? {
+              more: i.length ? {
                 label: c.more,
                 onClick: () => $(!o),
                 isOpen: o
@@ -328,9 +322,9 @@ const j = ({ className: s, menu: r, more: c }) => {
             }
           )
         ] }),
-        n && /* @__PURE__ */ i("div", { className: `${l}__widget-bar`, children: [
+        n && /* @__PURE__ */ m("div", { className: `${l}__widget-bar`, children: [
           /* @__PURE__ */ e("span", { className: `${l}__widget-bar-corner` }),
-          /* @__PURE__ */ i("div", { className: `${l}__widget-bar-content`, children: [
+          /* @__PURE__ */ m("div", { className: `${l}__widget-bar-content`, children: [
             n.link && /* @__PURE__ */ e(
               f,
               {
@@ -363,19 +357,19 @@ const j = ({ className: s, menu: r, more: c }) => {
           {
             className: `${l}__burger`,
             "aria-label": "Toggle navigation",
-            "aria-expanded": h,
-            onClick: () => d(!h),
+            "aria-expanded": d,
+            onClick: () => h(!d),
             children: /* @__PURE__ */ e("span", { className: `${l}__burger-icon` })
           }
         )
       ] }),
-      t && N && /* @__PURE__ */ e(P, { isOpen: o, navRef: p, children: /* @__PURE__ */ e(T, { menu: t }) }),
+      i && N && /* @__PURE__ */ e(P, { isOpen: o, navRef: p, children: /* @__PURE__ */ e(T, { menu: i }) }),
       N && /* @__PURE__ */ e(
         E,
         {
-          isOpen: h,
+          isOpen: d,
           onClose: () => {
-            d(!1);
+            h(!1);
           },
           navigationProps: {
             widgets: n,
@@ -398,18 +392,18 @@ const j = ({ className: s, menu: r, more: c }) => {
     }
   }, a) => {
     var k, g, C;
-    const { prefix: m } = v(), {
-      menu: { facade: _, more: t },
+    const { prefix: t } = v(), {
+      menu: { facade: _, more: i },
       more: [o, $],
-      mobile: [h, d],
+      mobile: [d, h],
       isDesktop: u,
       ref: p,
       isClient: N
     } = X({ menu: r, split: { desktop: 6, mobile: 5 } });
     B(a, () => p.current);
-    const l = `${m}--subsite-nav-complex`;
-    return /* @__PURE__ */ i("header", { ref: p, className: l, children: [
-      /* @__PURE__ */ e("div", { className: b(`${l}-bg--light`), children: /* @__PURE__ */ i(
+    const l = `${t}--subsite-nav-complex`;
+    return /* @__PURE__ */ m("header", { ref: p, className: l, children: [
+      /* @__PURE__ */ e("div", { className: b(`${l}-bg--light`), children: /* @__PURE__ */ m(
         "div",
         {
           className: b(
@@ -418,7 +412,7 @@ const j = ({ className: s, menu: r, more: c }) => {
           ),
           children: [
             /* @__PURE__ */ e("span", { className: `${l}__widgets-bar-corner` }),
-            /* @__PURE__ */ i("span", { className: `${l}__widgets-bar`, children: [
+            /* @__PURE__ */ m("span", { className: `${l}__widgets-bar`, children: [
               (n == null ? void 0 : n.link) && /* @__PURE__ */ e(
                 f,
                 {
@@ -439,7 +433,7 @@ const j = ({ className: s, menu: r, more: c }) => {
           ]
         }
       ) }),
-      /* @__PURE__ */ e("div", { className: b(`${l}-bg--light`), children: /* @__PURE__ */ i(
+      /* @__PURE__ */ e("div", { className: b(`${l}-bg--light`), children: /* @__PURE__ */ m(
         "div",
         {
           className: b(
@@ -447,28 +441,25 @@ const j = ({ className: s, menu: r, more: c }) => {
             `${l}__container`
           ),
           children: [
-            /* @__PURE__ */ i("div", { className: `${l}__branding-main`, children: [
-              /* @__PURE__ */ e(
-                "div",
-                {
-                  className: `${l}__branding-main__logo`,
-                  onClick: s == null ? void 0 : s.onClick,
-                  role: "button",
-                  "aria-label": "Branding",
-                  tabIndex: 0,
-                  children: s.logo.main
-                }
-              ),
-              /* @__PURE__ */ e("h3", { className: `${l}__branding-main__name`, children: s.name })
-            ] }),
-            /* @__PURE__ */ i("div", { className: `${l}__branding-tag`, children: [
+            /* @__PURE__ */ e("div", { className: `${l}__branding-main`, children: /* @__PURE__ */ e(
+              "div",
+              {
+                className: `${l}__branding-main__logo`,
+                onClick: s == null ? void 0 : s.onClick,
+                role: "button",
+                "aria-label": "Branding",
+                tabIndex: 0,
+                children: s.logo.main
+              }
+            ) }),
+            /* @__PURE__ */ m("div", { className: `${l}__branding-tag`, children: [
               /* @__PURE__ */ e("h4", { className: `${l}__branding-tag__main`, children: (k = s.tag) == null ? void 0 : k.main }),
               ((g = s.tag) == null ? void 0 : g.sub) && /* @__PURE__ */ e("span", { className: `${l}__branding-tag__sub`, children: (C = s.tag) == null ? void 0 : C.sub })
             ] })
           ]
         }
       ) }),
-      /* @__PURE__ */ e("div", { className: b(`${l}-bg--dark`), children: /* @__PURE__ */ i(
+      /* @__PURE__ */ e("div", { className: b(`${l}-bg--dark`), children: /* @__PURE__ */ m(
         "nav",
         {
           className: b(
@@ -476,26 +467,23 @@ const j = ({ className: s, menu: r, more: c }) => {
             `${l}__container`
           ),
           children: [
-            /* @__PURE__ */ i("div", { className: `${l}__nav-mobile`, children: [
-              /* @__PURE__ */ e(
-                "div",
-                {
-                  className: `${l}__nav-mobile__logo`,
-                  onClick: s == null ? void 0 : s.onClick,
-                  role: "button",
-                  "aria-label": "Branding",
-                  tabIndex: 0,
-                  children: s.logo.mobile
-                }
-              ),
-              /* @__PURE__ */ e("h3", { className: `${l}__nav-mobile__name`, children: s.name })
-            ] }),
+            /* @__PURE__ */ e("div", { className: `${l}__nav-mobile`, children: /* @__PURE__ */ e(
+              "div",
+              {
+                className: `${l}__nav-mobile__logo`,
+                onClick: s == null ? void 0 : s.onClick,
+                role: "button",
+                "aria-label": "Branding",
+                tabIndex: 0,
+                children: s.logo.mobile
+              }
+            ) }),
             _ && /* @__PURE__ */ e(
               j,
               {
                 className: `${l}__nav-menu`,
                 menu: _,
-                more: t.length ? {
+                more: i.length ? {
                   label: c.more,
                   onClick: () => $(!o),
                   isOpen: o
@@ -516,21 +504,21 @@ const j = ({ className: s, menu: r, more: c }) => {
               {
                 className: `${l}__nav-burger`,
                 "aria-label": "Toggle navigation",
-                "aria-expanded": h,
-                onClick: () => d(!h),
+                "aria-expanded": d,
+                onClick: () => h(!d),
                 children: /* @__PURE__ */ e("span", { className: `${l}__nav-burger__icon` })
               }
             )
           ]
         }
       ) }),
-      t && N && /* @__PURE__ */ e(P, { isOpen: o, navRef: p, children: /* @__PURE__ */ e(T, { menu: t }) }),
+      i && N && /* @__PURE__ */ e(P, { isOpen: o, navRef: p, children: /* @__PURE__ */ e(T, { menu: i }) }),
       N && /* @__PURE__ */ e(
         E,
         {
-          isOpen: h,
+          isOpen: d,
           onClose: () => {
-            d(!1);
+            h(!1);
           },
           navigationProps: {
             widgets: n,

package/lib/esm/_store/TextInput-entry-CpSwj1ey.js

@@ -0,0 +1,5 @@
+import { L as p, T as r } from "./TextInput.args-chunk-DCwrQ9lS.js";
+export {
+  p as TextInput,
+  r as TextInputArgs
+};

package/lib/esm/_store/{TextInput.args-chunk-gw5WCsYI.js → TextInput.args-chunk-DCwrQ9lS.js}

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import p from "react";
 import { c as w } from "./index-chunk-CY3PQDr4.js";
 import { u as g } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-import { u as _, F as C } from "./FormControl-chunk-k6iX88xc.js";
+import { u as _, F as C } from "./FormControl-chunk-CJhnDujX.js";
 const I = p.forwardRef(
   ({
     onChange: t,

package/lib/esm/_store/{Textarea-chunk-BjZncFjh.js → Textarea-chunk-CEAOC4yE.js}

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import i from "react";
 import { c as b } from "./index-chunk-CY3PQDr4.js";
 import { u } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-import { u as C, F as y } from "./FormControl-chunk-k6iX88xc.js";
+import { u as C, F as y } from "./FormControl-chunk-CJhnDujX.js";
 const F = i.forwardRef(
   ({ error: e, className: s, name: r, id: t, ...o }, a) => {
     const { prefix: l } = u(), m = C(), { ariaDescribedBy: d } = m, c = `${l}--textarea`, f = `${c}__error`, x = b(c, s, {

package/lib/esm/_store/{Textarea-entry-DVlbgKTT.js → Textarea-entry-Bh6ZxG82.js}

@@ -1,4 +1,4 @@
-import { L as i } from "./Textarea-chunk-BjZncFjh.js";
+import { L as i } from "./Textarea-chunk-CEAOC4yE.js";
 const r = "It was a cold day in April and the clocks were striking thirteen....", e = {
   id: "textarea",
   disabled: !1,

package/lib/esm/_store/{Toggle-entry-RwBHvx2w.js → Toggle-entry-BdxawvoW.js}

@@ -2,7 +2,7 @@ import { jsxs as z, jsx as a } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
 import { u as S } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
 import { c as $ } from "./index-chunk-CY3PQDr4.js";
-import { u as j, F as D } from "./FormControl-chunk-k6iX88xc.js";
+import { u as j, F as D } from "./FormControl-chunk-CJhnDujX.js";
 const v = d(
   ({
     size: s = "medium",