@ilo-org/react 0.24.6 → 0.26.0

package/lib/esm/_store/SubsiteNav-chunk-DTA21jDN.js

@@ -1,546 +0,0 @@
-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";
-import { c as b } from "./index-chunk-CY3PQDr4.js";
-import { L as D } from "./LanguageToggle-chunk-BOqs0wmF.js";
-import { u as H } from "./useBreakpoint-chunk-c1_IoC-6.js";
-const q = ({
-  isOpen: s,
-  className: r,
-  navRef: c,
-  children: n
-}) => {
-  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();
-    t.current.style.top = `${o.bottom}px`, t.current.style.width = `${o.width}px`;
-  }, [c]);
-  return y(() => (i(), window.addEventListener("resize", i), () => {
-    window.removeEventListener("resize", i);
-  }), [c]), typeof document > "u" ? null : A(
-    /* @__PURE__ */ e(
-      "div",
-      {
-        ref: t,
-        className: b({
-          [_]: !0,
-          [`${_}--open`]: s,
-          className: r
-        }),
-        children: /* @__PURE__ */ e("div", { className: `${_}__container`, children: n })
-      }
-    ),
-    document.body
-  );
-}, P = z(q), f = (s) => {
-  const { label: r, component: c, ...n } = s;
-  return c ? /* @__PURE__ */ e(c, { ...n, children: r }) : /* @__PURE__ */ e("a", { ...n, children: r });
-}, T = ({ menu: s }) => {
-  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, t) => /* @__PURE__ */ e("div", { className: `${c}__column`, children: a.map((_) => {
-    var i;
-    return /* @__PURE__ */ e(
-      f,
-      {
-        className: `${c}__item`,
-        href: _.href,
-        label: _.label
-      },
-      (i = _.label) == null ? void 0 : i.toString()
-    );
-  }) }, 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 t = typeof n.isActive == "function" ? n.isActive() : n.isActive;
-    return /* @__PURE__ */ m("li", { className: `${c}__item`, children: [
-      /* @__PURE__ */ e(
-        f,
-        {
-          label: n.label,
-          href: n.href,
-          className: `${c}__link`
-        }
-      ),
-      t && /* @__PURE__ */ e("span", { className: `${c}__marked` })
-    ] }, a);
-  }) });
-}, M = ({
-  isOpen: s,
-  onClose: r,
-  header: c,
-  widgets: n,
-  children: a,
-  className: t
-}) => {
-  const { prefix: _ } = v(), i = G(), o = `${_}--nav-mobile-drawer`;
-  return typeof document > "u" ? null : A(
-    /* @__PURE__ */ m(
-      "div",
-      {
-        id: `${o}__${i}`,
-        className: b(o, t, {
-          [`${o}--open`]: s
-        }),
-        children: [
-          /* @__PURE__ */ m("div", { className: `${o}__header`, children: [
-            /* @__PURE__ */ e("div", { className: `${o}__header-main`, children: c }),
-            /* @__PURE__ */ e(
-              "button",
-              {
-                className: `${o}__header-close`,
-                onClick: r,
-                "aria-label": "Close navigation",
-                children: /* @__PURE__ */ e("span", { className: `${o}__header-close__icon` })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ m("div", { className: `${o}__container`, children: [
-            /* @__PURE__ */ e("div", { className: `${o}__widgets`, children: n }),
-            a
-          ] })
-        ]
-      }
-    ),
-    document.body
-  );
-}, F = ({
-  options: s,
-  selected: r
-}) => {
-  const c = (s == null ? void 0 : s.map((a) => ({
-    label: a.label,
-    href: a.url
-  }))) || [], n = [{ label: r, href: "#", isActive: !0 }, ...c];
-  return /* @__PURE__ */ e(I, { menu: n });
-}, E = ({
-  isOpen: s,
-  navigationProps: {
-    branding: r,
-    menu: { items: c, labels: n },
-    widgets: a
-  },
-  onClose: t
-}) => {
-  var k, g, C;
-  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: 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`,
-            href: a.search.url,
-            "aria-label": "Search",
-            children: [
-              /* @__PURE__ */ e("span", { className: `${u}__widgets-search__label`, children: a.search.label }),
-              /* @__PURE__ */ e("span", { className: `${u}__widgets-search__icon` })
-            ]
-          }
-        ),
-        (a == null ? void 0 : a.link) && /* @__PURE__ */ e(
-          f,
-          {
-            className: `${u}__widgets-link`,
-            href: a.link.href,
-            "aria-label": a.link.label,
-            label: a.link.label
-          }
-        ),
-        (a == null ? void 0 : a.language) && /* @__PURE__ */ m(
-          "button",
-          {
-            className: `${u}__widgets-language`,
-            onClick: () => d(!0),
-            "aria-expanded": $,
-            "aria-controls": "language-list",
-            "aria-label": "Select language",
-            children: [
-              /* @__PURE__ */ m("span", { className: `${u}__widgets-language__label`, children: [
-                a.language.label,
-                ": ",
-                a.language.language
-              ] }),
-              /* @__PURE__ */ e("span", { className: `${u}__widgets-language__icon` })
-            ]
-          }
-        )
-      ] }),
-      children: [
-        /* @__PURE__ */ e(I, { menu: N }),
-        !!l.length && /* @__PURE__ */ m(
-          "button",
-          {
-            className: `${u}__more`,
-            onClick: () => o(!0),
-            "aria-expanded": i,
-            "aria-controls": "more-items",
-            "aria-label": "More items",
-            children: [
-              n.more,
-              /* @__PURE__ */ e("span", { className: `${u}__more__icon` })
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(
-          M,
-          {
-            className: `${u}__nested`,
-            header: /* @__PURE__ */ m(
-              "button",
-              {
-                className: `${u}__nested__header`,
-                onClick: h,
-                "aria-label": "Back to menu",
-                children: [
-                  /* @__PURE__ */ e("span", { className: `${u}__nested__header__icon` }),
-                  n.backToMenu
-                ]
-              }
-            ),
-            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: h,
-            "aria-modal": "true",
-            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) || "",
-                options: (C = a == null ? void 0 : a.language) == null ? void 0 : C.options,
-                id: "language-list"
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-};
-function X({ menu: s, split: r }) {
-  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: [t, _],
-    isDesktop: d,
-    isClient: i,
-    ref: $
-  };
-}
-const j = ({ className: s, menu: r, more: c }) => {
-  const { prefix: n } = v(), a = `${n}--nav-menu`;
-  return /* @__PURE__ */ m("div", { className: b(a, s), children: [
-    /* @__PURE__ */ e("ul", { className: `${a}__list`, children: r.map(({ isActive: t, ..._ }) => {
-      var o;
-      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`]: i,
-            [_.className || ""]: _.className
-          })
-        }
-      ) }, (o = _.label) == null ? void 0 : o.toString());
-    }) }),
-    c && /* @__PURE__ */ m(
-      "button",
-      {
-        onClick: c.onClick,
-        className: b({
-          [`${a}__more`]: !0,
-          [`${a}__more--open`]: c.isOpen
-        }),
-        "aria-expanded": c.isOpen,
-        "aria-haspopup": "menu",
-        children: [
-          c.label,
-          /* @__PURE__ */ e("span", { className: `${a}__more-icon` })
-        ]
-      }
-    )
-  ] });
-}, J = O(
-  ({
-    props: {
-      branding: s,
-      menu: { items: r, labels: c },
-      widgets: n
-    }
-  }, a) => {
-    const { prefix: t } = v(), {
-      menu: { facade: _, more: i },
-      more: [o, $],
-      mobile: [d, h],
-      isDesktop: u,
-      ref: p,
-      isClient: N
-    } = X({ menu: r, split: { desktop: 4, mobile: 2 } });
-    B(a, () => p.current);
-    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`,
-              onClick: s == null ? void 0 : s.onClick,
-              role: "button",
-              "aria-label": "Branding",
-              tabIndex: 0,
-              children: /* @__PURE__ */ e("div", { className: `${l}__branding-logo`, children: s.logo.main })
-            }
-          ),
-          /* @__PURE__ */ e(
-            j,
-            {
-              className: `${l}__menu`,
-              menu: _,
-              more: i.length ? {
-                label: c.more,
-                onClick: () => $(!o),
-                isOpen: o
-              } : void 0
-            }
-          )
-        ] }),
-        n && /* @__PURE__ */ m("div", { className: `${l}__widget-bar`, children: [
-          /* @__PURE__ */ e("span", { className: `${l}__widget-bar-corner` }),
-          /* @__PURE__ */ m("div", { className: `${l}__widget-bar-content`, children: [
-            n.link && /* @__PURE__ */ e(
-              f,
-              {
-                className: `${l}__widget-bar-link`,
-                href: n.link.href,
-                label: n.link.label
-              }
-            ),
-            n.language && N && /* @__PURE__ */ e("div", { className: `${l}__widget-bar-language`, children: /* @__PURE__ */ e(
-              D,
-              {
-                theme: "dark",
-                ...n.language,
-                hideIcon: !u
-              }
-            ) }),
-            n.search && /* @__PURE__ */ e(
-              f,
-              {
-                href: n.search.url,
-                className: `${l}__widget-bar-search`,
-                label: "",
-                "aria-label": n.search.label
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ e(
-          "button",
-          {
-            className: `${l}__burger`,
-            "aria-label": "Toggle navigation",
-            "aria-expanded": d,
-            onClick: () => h(!d),
-            children: /* @__PURE__ */ e("span", { className: `${l}__burger-icon` })
-          }
-        )
-      ] }),
-      i && N && /* @__PURE__ */ e(P, { isOpen: o, navRef: p, children: /* @__PURE__ */ e(T, { menu: i }) }),
-      N && /* @__PURE__ */ e(
-        E,
-        {
-          isOpen: d,
-          onClose: () => {
-            h(!1);
-          },
-          navigationProps: {
-            widgets: n,
-            branding: s,
-            menu: {
-              items: r,
-              labels: c
-            }
-          }
-        }
-      )
-    ] });
-  }
-), K = O(
-  ({
-    props: {
-      branding: s,
-      menu: { items: r, labels: c },
-      widgets: n
-    }
-  }, a) => {
-    var k, g, C;
-    const { prefix: t } = v(), {
-      menu: { facade: _, more: i },
-      more: [o, $],
-      mobile: [d, h],
-      isDesktop: u,
-      ref: p,
-      isClient: N
-    } = X({ menu: r, split: { desktop: 6, mobile: 5 } });
-    B(a, () => p.current);
-    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(
-            `${l}__widgets`,
-            `${l}__container`
-          ),
-          children: [
-            /* @__PURE__ */ e("span", { className: `${l}__widgets-bar-corner` }),
-            /* @__PURE__ */ m("span", { className: `${l}__widgets-bar`, children: [
-              (n == null ? void 0 : n.link) && /* @__PURE__ */ e(
-                f,
-                {
-                  href: n.link.href,
-                  label: n.link.label,
-                  className: `${l}__widgets-bar__link`
-                }
-              ),
-              (n == null ? void 0 : n.language) && N && /* @__PURE__ */ e(
-                D,
-                {
-                  className: `${l}__widgets-bar__language`,
-                  ...n.language,
-                  hideIcon: !u
-                }
-              )
-            ] })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ e("div", { className: b(`${l}-bg--light`), children: /* @__PURE__ */ m(
-        "div",
-        {
-          className: b(
-            `${l}__branding`,
-            `${l}__container`
-          ),
-          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__ */ m(
-        "nav",
-        {
-          className: b(
-            `${l}__nav`,
-            `${l}__container`
-          ),
-          children: [
-            /* @__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: i.length ? {
-                  label: c.more,
-                  onClick: () => $(!o),
-                  isOpen: o
-                } : void 0
-              }
-            ),
-            (n == null ? void 0 : n.search) && /* @__PURE__ */ e(
-              "a",
-              {
-                className: `${l}__nav-search`,
-                href: n.search.url,
-                "aria-label": n.search.label,
-                children: /* @__PURE__ */ e("span", { className: `${l}__nav-search__icon` })
-              }
-            ),
-            /* @__PURE__ */ e(
-              "button",
-              {
-                className: `${l}__nav-burger`,
-                "aria-label": "Toggle navigation",
-                "aria-expanded": d,
-                onClick: () => h(!d),
-                children: /* @__PURE__ */ e("span", { className: `${l}__nav-burger__icon` })
-              }
-            )
-          ]
-        }
-      ) }),
-      i && N && /* @__PURE__ */ e(P, { isOpen: o, navRef: p, children: /* @__PURE__ */ e(T, { menu: i }) }),
-      N && /* @__PURE__ */ e(
-        E,
-        {
-          isOpen: d,
-          onClose: () => {
-            h(!1);
-          },
-          navigationProps: {
-            widgets: n,
-            branding: s,
-            menu: {
-              items: r,
-              labels: c
-            }
-          }
-        }
-      )
-    ] });
-  }
-), Q = {
-  complex: K,
-  compact: J
-}, ee = O(
-  ({ type: s = "compact", props: r }, c) => {
-    const n = Q[s];
-    return /* @__PURE__ */ e(n, { ref: c, props: r });
-  }
-);
-export {
-  ee as S
-};

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

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

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

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

package/lib/esm/_store/Tag-entry-BC-QOui2.js

@@ -1,48 +0,0 @@
-import { a as h } from "./Tag-chunk-BfT6mRr3.js";
-import { T as G } from "./Tag-chunk-BfT6mRr3.js";
-import { jsx as m } from "react/jsx-runtime";
-import { c as C } from "./index-chunk-CY3PQDr4.js";
-import { useState as T, useEffect as d, Children as O } from "react";
-import { u as b } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-function E(e) {
-  return e.some((s, n) => e.indexOf(s) !== n);
-}
-const I = ({
-  className: e,
-  children: s,
-  onButtonClick: n,
-  defaultTagActive: t = [],
-  allowMultipleActive: r = !0,
-  ...c
-}) => {
-  const { prefix: i } = b(), f = `${i}--tag-set`, [g, a] = T([]), u = JSON.stringify(t);
-  if (d(() => {
-    const o = r ? t : t.length > 0 ? [t[0]] : t;
-    a(o);
-  }, [u, r]), s) {
-    const o = [];
-    O.forEach(s, (S) => {
-      const x = S;
-      o.push(x.props.id);
-    }), E(o) && console.warn("Warning: Tags must have unique ids.");
-  }
-  const p = C(e, {
-    [f]: !0
-  });
-  return /* @__PURE__ */ m(
-    h.Provider,
-    {
-      value: {
-        activeItems: g,
-        setActiveItems: a,
-        allowMultipleActive: r,
-        onButtonClick: n
-      },
-      children: /* @__PURE__ */ m("ul", { className: p, ...c, children: s })
-    }
-  );
-}, q = I;
-export {
-  G as Tag,
-  q as TagSet
-};

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

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

package/lib/esm/_store/Textarea-chunk-CEAOC4yE.js

@@ -1,38 +0,0 @@
-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-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, {
-      [f]: e
-    });
-    return /* @__PURE__ */ n(
-      "textarea",
-      {
-        ref: a,
-        className: x,
-        name: r,
-        id: t || r,
-        "aria-describedby": d,
-        ...o
-      }
-    );
-  }
-), L = i.forwardRef((e, s) => {
-  const { style: r, inputStyle: t, className: o, ...a } = e, l = e.id ? e.id : e.name;
-  return /* @__PURE__ */ n(
-    y,
-    {
-      fieldId: l,
-      style: r,
-      className: o,
-      ...a,
-      children: /* @__PURE__ */ n(F, { ref: s, style: t, ...a })
-    }
-  );
-}), N = L;
-export {
-  N as L
-};

package/lib/esm/_store/Tooltip-entry-DyEW_ai7.js

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

package/lib/esm/_store/Video-entry-ChyEDoHA.js

@@ -1,4 +0,0 @@
-import { V as r } from "./Video-chunk-C_cWWpiB.js";
-export {
-  r as Video
-};