@ilo-org/react 0.24.6 → 0.26.0

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

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

package/lib/esm/_store/Image-chunk-Dls4dbsF.js

@@ -0,0 +1,46 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { c as h } from "./index-chunk-CY3PQDr4.js";
+import { u as g } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+import { T as $ } from "./Tooltip-chunk-D5CzbDEd.js";
+const v = ({
+  alt: m,
+  caption: t,
+  className: n,
+  credit: c,
+  url: a,
+  theme: o
+}) => {
+  const { prefix: p } = g(), s = `${p}--image`, d = h(n, {
+    [s]: !0,
+    [`${s}__theme__${o}`]: o
+  });
+  return /* @__PURE__ */ i("figure", { className: d, children: [
+    /* @__PURE__ */ i("div", { className: `${s}--wrapper`, children: [
+      /* @__PURE__ */ i("picture", { children: [
+        a && a.sort((r, l) => r.breakpoint - l.breakpoint).slice(1).reverse().map((r, l) => /* @__PURE__ */ e(
+          "source",
+          {
+            srcSet: r.src,
+            media: `(min-width: ${r.breakpoint}px)`
+          },
+          l
+        )),
+        a && /* @__PURE__ */ e("img", { src: a[0].src, alt: m })
+      ] }),
+      c && /* @__PURE__ */ i("div", { className: `${s}--credit`, children: [
+        /* @__PURE__ */ e("div", { className: `${s}--tooltip`, children: /* @__PURE__ */ e(
+          $,
+          {
+            label: c,
+            iconTheme: o === "dark" ? "light" : "dark"
+          }
+        ) }),
+        /* @__PURE__ */ e("div", { className: `${s}--label`, children: c })
+      ] })
+    ] }),
+    t && /* @__PURE__ */ e("figcaption", { children: t })
+  ] });
+};
+export {
+  v as I
+};

package/lib/esm/_store/Image-entry-BAPehmuJ.js

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

package/lib/esm/_store/Input-entry-DmC0GS8G.js

@@ -0,0 +1,58 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as x } from "react";
+import { c as F } from "./index-chunk-CY3PQDr4.js";
+import { u as I } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+import { F as N } from "./Fieldset-chunk-CQKzjpXe.js";
+import { F as b } from "./FormElement-chunk-BBfDqKAo.js";
+const v = x(
+  ({
+    callback: e,
+    disabled: a = !1,
+    error: o,
+    helper: m,
+    id: r,
+    label: i,
+    name: s,
+    placeholder: l,
+    required: n,
+    tooltip: p,
+    value: f,
+    type: c = "text"
+  }, h) => {
+    const { prefix: u } = I(), d = `${u}--input`, C = F("", {
+      [d]: !0,
+      error: o
+    });
+    return /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(
+      b,
+      {
+        elemid: s,
+        label: i,
+        helper: m,
+        error: o,
+        required: n,
+        tooltip: p,
+        children: /* @__PURE__ */ t(
+          "input",
+          {
+            id: r || s,
+            name: s,
+            onChange: (g) => {
+              e && e(g);
+            },
+            disabled: a,
+            placeholder: l,
+            required: n,
+            type: c,
+            value: f,
+            className: C,
+            ref: h
+          }
+        )
+      }
+    ) });
+  }
+);
+export {
+  v as Input
+};

package/lib/esm/_store/{LanguageToggle-chunk-BOqs0wmF.js → LanguageToggle-chunk-C51Ysq9D.js}

@@ -1,14 +1,14 @@
 import { jsxs as i, jsx as c } from "react/jsx-runtime";
-import { forwardRef as R, useState as _, useRef as l, useEffect as m } from "react";
-import { u as w } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
+import { forwardRef as R, useState as w, useRef as l, useEffect as m } from "react";
+import { u as N } from "./useGlobalSettings-chunk-BhfWlTcd.js";
 import { c as f } from "./index-chunk-CY3PQDr4.js";
-import { C as N } from "./ContextMenu-chunk-Dk-ifDZI.js";
-const E = R(
-  ({ className: d, language: p, theme: g = "light", hideIcon: x, options: a, ...$ }, h) => {
-    const { prefix: C } = w(), [n, u] = _(!1), s = l(null), t = l(null), e = `${C}--language-toggle`;
+import { C as _ } from "./ContextMenu-chunk-CX3zW2yD.js";
+const v = R(
+  ({ className: d, language: p, theme: g = "light", hideIcon: x, options: u, ...$ }, C) => {
+    const { prefix: h } = N(), [n, a] = w(!1), s = l(null), t = l(null), e = `${h}--language-toggle`;
     return m(() => {
       function r(o) {
-        !t.current || !s.current || !t.current.contains(o.target) && !s.current.contains(o.target) && u(!1);
+        !t.current || !s.current || !t.current.contains(o.target) && !s.current.contains(o.target) && a(!1);
       }
       return document.addEventListener("mousedown", r), () => {
         document.removeEventListener("mousedown", r);
@@ -21,14 +21,11 @@ const E = R(
     }, [n]), /* @__PURE__ */ i(
       "div",
       {
-        ref: h,
+        ref: C,
         className: f(
           e,
           d,
-          `${e}__theme__${g}`,
-          {
-            [`${e}__open`]: n
-          }
+          `${e}__theme__${g}`
         ),
         ...$,
         children: [
@@ -38,7 +35,7 @@ const E = R(
               className: `${e}--container`,
               ref: s,
               onClick: () => {
-                u(!n);
+                a(!n);
               },
               "aria-controls": `${e}--context-menu`,
               "aria-expanded": n,
@@ -49,15 +46,17 @@ const E = R(
               ]
             }
           ),
-          a && /* @__PURE__ */ c(
-            N,
+          u && /* @__PURE__ */ c(
+            _,
             {
               withPortal: !0,
               ref: t,
-              links: a,
+              links: u,
               className: f(`${e}--context-menu`, {
                 [`${e}--context-menu__open`]: n
-              })
+              }),
+              isOpen: n,
+              onClose: () => a(!1)
             }
           )
         ]
@@ -66,5 +65,5 @@ const E = R(
   }
 );
 export {
-  E as L
+  v as L
 };

package/lib/esm/_store/LanguageToggle-entry-D-mpVcVo.js

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

package/lib/esm/_store/{Link-chunk-5QxYwhDk.js → Link-chunk-DgmjE6xb.js}

@@ -1,7 +1,7 @@
 import { jsxs as _, jsx as a } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
 import { c as d } from "./index-chunk-CY3PQDr4.js";
-import { u as h } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
+import { u as h } from "./useGlobalSettings-chunk-BhfWlTcd.js";
 const $ = c(
   ({ children: i, className: r, label: e, target: n, theme: s = "light", url: t, ...l }, f) => {
     const { prefix: p } = h();

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

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

package/lib/esm/_store/{LinkList-chunk-Cimo8RwK.js → LinkList-chunk-ClC0P1yc.js}

@@ -1,24 +1,32 @@
 import { jsxs as i, jsx as l } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
+import { forwardRef as N } from "react";
 import { c as r } from "./index-chunk-CY3PQDr4.js";
-import { u as N } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-const x = p(
-  ({ className: c, headline: n, linkgroup: m, theme: d = "light" }, t) => {
-    const { prefix: h } = N(), s = `${h}--link-list`;
+import { u as f } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+import { D as k } from "./DynamicHeading-chunk-CO_vg_Lp.js";
+const j = N(
+  ({ className: c, headline: n, linkgroup: m, theme: d = "light", titleLevel: t = "h3" }, o) => {
+    const { prefix: h } = f(), s = `${h}--link-list`;
     return /* @__PURE__ */ i(
       "div",
       {
-        ref: t,
+        ref: o,
         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(
+          n && /* @__PURE__ */ l(
+            k,
+            {
+              level: t,
+              className: `${s}--headline`,
+              children: n
+            }
+          ),
+          /* @__PURE__ */ l("ul", { className: `${s}--linkgroups`, children: m.map((e, $) => /* @__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(
+                /* @__PURE__ */ l("ul", { className: `${s}--links`, children: e.links.map((a, p) => /* @__PURE__ */ l(
                   "li",
                   {
                     className: r(`${s}--links--item`, {
@@ -29,11 +37,11 @@ const x = p(
                       /* @__PURE__ */ l("span", { className: `${s}--icon` })
                     ] })
                   },
-                  `link-${$}`
+                  `link-${p}`
                 )) })
               ]
             },
-            `linkgroup-${o}`
+            `linkgroup-${$}`
           )) })
         ]
       }
@@ -41,5 +49,5 @@ const x = p(
   }
 );
 export {
-  x as L
+  j as L
 };

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

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

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

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

package/lib/esm/_store/{Loading-chunk-Cjv2veV9.js → Loading-chunk-Dv4TiLe1.js}

@@ -1,13 +1,13 @@
 import { jsxs as o, jsx as l } from "react/jsx-runtime";
 import { c as s } from "./index-chunk-CY3PQDr4.js";
-import { u as g } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-const t = ({
+import { u as g } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+const p = ({
   className: r,
   size: e,
   status: i,
   theme: d = "dark"
 }) => {
-  const { prefix: n } = g(), a = `${n}--loading`, c = s(
+  const { prefix: c } = g(), a = `${c}--loading`, n = s(
     r,
     a,
     `${a}__theme__${d}`,
@@ -16,7 +16,7 @@ const t = ({
       [`${a}--${i}`]: i
     }
   );
-  return /* @__PURE__ */ o("div", { className: c, role: "alert", "aria-live": "assertive", children: [
+  return /* @__PURE__ */ o("div", { className: n, role: "alert", "aria-live": "assertive", children: [
     i === "loading" && /* @__PURE__ */ o(
       "svg",
       {
@@ -75,7 +75,7 @@ const t = ({
       )
     ] })
   ] });
-}, h = t;
+};
 export {
-  h as L
+  p as L
 };

package/lib/esm/_store/Loading-entry-DjNKhBvT.js

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

package/lib/esm/_store/{Logo-entry-CozB0B1y.js → Logo-entry-CYL-mIHC.js}

@@ -1,21 +1,21 @@
 import { jsx as u, jsxs as H } from "react/jsx-runtime";
-import { useRef as m, useState as S, useEffect as J, useLayoutEffect as L } from "react";
-import { u as K } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-import { c as v } from "./index-chunk-CY3PQDr4.js";
+import { useRef as m, useState as S, useEffect as J, useLayoutEffect as v } from "react";
+import { u as K } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+import { c as z } from "./index-chunk-CY3PQDr4.js";
 const M = ({
   clientHeight: e,
   clientWidth: s,
-  scrollHeight: o,
+  scrollHeight: n,
   scrollWidth: i
-}) => o > e || i > s, P = (e, { maxSize: s = 600, startingHeight: o = 9, step: i = 0.5 }) => {
-  let t = o, r = !1;
+}) => n > e || i > s, P = (e, { maxSize: s = 600, startingHeight: n = 9, step: i = 0.5 }) => {
+  let t = n, r = !1;
   for (; !r && t < s; )
     e.style.fontSize = `${t}px`, e.style.lineHeight = `${t}px`, r = M(e), r || (t = t + i);
   return e.style.fontSize = "", e.style.lineHeight = "", t - i;
-}, w = ({
+}, N = ({
   baseClass: e,
   className: s,
-  subbrand: o,
+  subbrand: n,
   alt: i,
   src: t,
   style: r,
@@ -23,26 +23,26 @@ const M = ({
   theme: l = "light",
   ...x
 }) => {
-  const a = m(null), h = m(null), z = m(null), c = m(null), [g, N] = S(!1), [I, B] = S(0), [y, b] = S(0), [E, W] = S(!o), R = m(
-    new ResizeObserver((n) => {
-      const { height: p } = n[0].contentRect;
+  const a = m(null), h = m(null), L = m(null), c = m(null), [g, w] = S(!1), [I, B] = S(0), [y, b] = S(0), [E, W] = S(!n), R = m(
+    new ResizeObserver((o) => {
+      const { height: p } = o[0].contentRect;
       c.current || (c.current = p), B(p);
     })
   );
   J(() => {
-    o && g && y && W(!0);
-  }, [g, y, o]), L(() => {
+    n && g && y && W(!0);
+  }, [g, y, n]), v(() => {
     if (g && h.current && a.current) {
-      const n = a.current;
-      return R.current.observe(n), () => R.current.unobserve(n);
+      const o = a.current;
+      return R.current.observe(o), () => R.current.unobserve(o);
     }
-  }, [g]), L(() => {
+  }, [g]), v(() => {
     F();
-  }, [g, c.current]), L(() => {
+  }, [g, c.current]), v(() => {
     F();
-  }, [o]);
+  }, [n]);
   function F() {
-    if (h.current && z.current && c.current) {
+    if (h.current && L.current && c.current) {
       const p = P(h.current, {
         maxSize: c.current
       }) / c.current;
@@ -50,9 +50,9 @@ const M = ({
     }
   }
   function j() {
-    N(!0);
+    w(!0);
   }
-  const d = !!o, k = f === "fluid", C = !k && typeof f == "number", $ = `${e}--sub-brand`, O = `${e}--size--fluid`, V = `${e}--visibility--hidden`, G = v(
+  const d = !!n, k = f === "fluid", C = !k && typeof f == "number", $ = `${e}--sub-brand`, O = `${e}--size--fluid`, V = `${e}--visibility--hidden`, G = z(
     e,
     s,
     `${e}--theme--${l}`,
@@ -62,8 +62,8 @@ const M = ({
       [$]: d
     }
   ), T = `${e}--image`, q = `${$}--image`, A = () => {
-    const n = {};
-    return d && (n["--logo-image-height"] = `${I}px`, n["--logo-font-size"] = `${y * I}px`), C && (n.width = `${f}px`), { ...r, ...n };
+    const o = {};
+    return d && (o["--logo-image-height"] = `${I}px`, o["--logo-font-size"] = `${y * I}px`), C && (o.width = `${f}px`), { ...r, ...o };
   }, D = () => typeof t == "string" ? t : t[l];
   return /* @__PURE__ */ H("figure", { className: G, style: A(), children: [
     /* @__PURE__ */ u(
@@ -72,7 +72,7 @@ const M = ({
         ref: a,
         alt: i,
         src: D(),
-        className: v({
+        className: z({
           [q]: d,
           [T]: !d
         }),
@@ -82,13 +82,13 @@ const M = ({
     ),
     d && /* @__PURE__ */ H("div", { ref: h, className: `${$}--lock-up`, children: [
       /* @__PURE__ */ u("span", { className: `${$}--lock-up--separator` }),
-      /* @__PURE__ */ u("span", { ref: z, children: o })
+      /* @__PURE__ */ u("span", { ref: L, children: n })
     ] })
   ] });
-}, Q = ({
+}, Z = ({
   className: e,
   url: s,
-  target: o,
+  target: n,
   style: i,
   size: t,
   ...r
@@ -98,15 +98,15 @@ const M = ({
     "a",
     {
       href: s,
-      target: o,
-      className: v(x, e, {
+      target: n,
+      className: z(x, e, {
         [a]: t === "fluid"
       }),
       style: i,
-      children: /* @__PURE__ */ u(w, { ...r, baseClass: l, size: t })
+      children: /* @__PURE__ */ u(N, { ...r, baseClass: l, size: t })
     }
   ) : /* @__PURE__ */ u(
-    w,
+    N,
     {
       baseClass: l,
       className: e,
@@ -115,7 +115,7 @@ const M = ({
       ...r
     }
   );
-}, _ = Q;
+};
 export {
-  _ as Logo
+  Z as Logo
 };

package/lib/esm/_store/LogoGrid-entry-CoSQBDA2.js

@@ -0,0 +1,24 @@
+import { jsx as s } from "react/jsx-runtime";
+import { c as n } from "./index-chunk-CY3PQDr4.js";
+import { u as m } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+const c = ({ url: o, label: t, src: i }) => {
+  const { prefix: e } = m(), a = `${e}--logo-grid--item`, l = `${e}--logo-grid--link`, r = n(a, {
+    [l]: !!o
+  });
+  return o ? /* @__PURE__ */ s(
+    "a",
+    {
+      className: r,
+      href: o,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: /* @__PURE__ */ s("img", { alt: t, src: i })
+    }
+  ) : /* @__PURE__ */ s("div", { className: r, children: /* @__PURE__ */ s("img", { alt: t, src: i }) });
+}, h = ({ logos: o, theme: t = "light" }) => {
+  const { prefix: i } = m(), e = `${i}--logo-grid`, a = `${e}__theme__${t}`, l = n(e, a);
+  return /* @__PURE__ */ s("div", { className: l, children: /* @__PURE__ */ s("div", { className: `${e}--logos`, children: o.map((r) => /* @__PURE__ */ s(c, { ...r }, r.label)) }) });
+};
+export {
+  h as LogoGrid
+};