@ilo-org/react 0.25.0 → 0.26.0

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

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

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

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

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

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

package/lib/esm/_store/Nav-entry-BRBGTM-i.js

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

package/lib/esm/_store/Navigation-entry-DWntijlA.js

@@ -1,4 +0,0 @@
-const n = () => null;
-export {
-  n as Navigation
-};

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

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

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

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

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

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

package/lib/esm/_store/SubsiteNav-chunk-ClugkI0I.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-BhfWlTcd.js";
-import { createPortal as A } from "react-dom";
-import { c as b } from "./index-chunk-CY3PQDr4.js";
-import { L as D } from "./LanguageToggle-chunk-5yhqP-ia.js";
-import { u as H } from "./useBreakpoint-chunk-Bl6AhTq7.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/Tabs-entry-Bxitnkrg.js

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

package/lib/esm/_store/useBreakpoint-chunk-Bl6AhTq7.js

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

package/lib/types/components/Nav/NavigationMenu.d.ts

@@ -1,13 +0,0 @@
-import { NavigationLinkProps } from './Navigation.props';
-
-type NavigationMenuProps = {
-    className?: string;
-    menu: NavigationLinkProps[];
-    more?: {
-        label?: string;
-        onClick: () => void;
-        isOpen: boolean;
-    };
-};
-declare const NavigationMenu: ({ className, menu, more }: NavigationMenuProps) => import("react/jsx-runtime").JSX.Element;
-export { NavigationMenu };

package/lib/types/components/Navigation/Navigation.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { NavigationProps } from './Navigation.props';
-
-declare const Navigation: FC<NavigationProps>;
-export default Navigation;