@ilo-org/react 0.18.4 → 0.19.0

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

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

package/lib/esm/_store/Image-chunk-DGh-6cxv.js

@@ -0,0 +1,33 @@
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { c } from "./index-chunk-0LeqwHm8.js";
+import { u } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { C } from "./Credit-chunk-BjaAFul8.js";
+const $ = ({ alt: p, caption: o, className: l, credit: m, url: s }) => {
+  const { prefix: g } = u(), r = `${g}--image`, n = c(l, {
+    [r]: !0
+  }), d = c("", {
+    [`${r}--img`]: !0
+  }), f = c("", {
+    [`${r}--caption`]: !0
+  });
+  return /* @__PURE__ */ t("figure", { className: n, children: [
+    /* @__PURE__ */ t("div", { className: `${n}--wrapper`, children: [
+      /* @__PURE__ */ t("picture", { className: d, children: [
+        s && s.sort((e, i) => e.breakpoint - i.breakpoint).slice(1).reverse().map((e, i) => /* @__PURE__ */ a(
+          "source",
+          {
+            srcSet: e.src,
+            media: `(min-width: ${e.breakpoint}px)`
+          },
+          i
+        )),
+        s && /* @__PURE__ */ a("img", { src: s[0].src, alt: p })
+      ] }),
+      m && /* @__PURE__ */ a(C, { credit: m })
+    ] }),
+    o && /* @__PURE__ */ a("figcaption", { className: f, children: o })
+  ] });
+}, k = $;
+export {
+  k as I
+};

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

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

package/lib/esm/_store/{Input-chunk-p-3N8OO4.js → Input-chunk-DT_YEVSQ.js}

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as x } from "react";
 import { c as F } from "./index-chunk-0LeqwHm8.js";
 import { u as I } from "./useGlobalSettings-chunk-gkijV3S1.js";
-import { F as $ } from "./Fieldset-chunk-PK4HqNv_.js";
+import { F as $ } from "./Fieldset-chunk-udvv8dML.js";
 import { F as b } from "./FormElement-chunk-DqR8rtCB.js";
 const j = x(
   ({

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

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

package/lib/esm/_store/LocalNav-entry-DydB3k67.js

@@ -0,0 +1,4 @@
+const a = () => null, o = a;
+export {
+  o as LocalNav
+};

package/lib/esm/_store/{Logo-chunk-CsxA3mRV.js → Logo-entry-sjwkMeb-.js}

@@ -5,17 +5,17 @@ import { c as v } from "./index-chunk-0LeqwHm8.js";
 const M = ({
   clientHeight: e,
   clientWidth: s,
-  scrollHeight: n,
+  scrollHeight: o,
   scrollWidth: i
-}) => n > e || i > s, P = (e, { maxSize: s = 600, startingHeight: n = 9, step: i = 0.5 }) => {
-  let t = n, r = !1;
+}) => o > e || i > s, P = (e, { maxSize: s = 600, startingHeight: o = 9, step: i = 0.5 }) => {
+  let t = o, 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 = ({
   baseClass: e,
   className: s,
-  subbrand: n,
+  subbrand: o,
   alt: i,
   src: t,
   style: r,
@@ -23,24 +23,24 @@ 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(!n), R = m(
-    new ResizeObserver((o) => {
-      const { height: p } = o[0].contentRect;
+  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;
       c.current || (c.current = p), B(p);
     })
   );
   J(() => {
-    n && g && y && W(!0);
-  }, [g, y, n]), L(() => {
+    o && g && y && W(!0);
+  }, [g, y, o]), L(() => {
     if (g && h.current && a.current) {
-      const o = a.current;
-      return R.current.observe(o), () => R.current.unobserve(o);
+      const n = a.current;
+      return R.current.observe(n), () => R.current.unobserve(n);
     }
   }, [g]), L(() => {
     F();
   }, [g, c.current]), L(() => {
     F();
-  }, [n]);
+  }, [o]);
   function F() {
     if (h.current && z.current && c.current) {
       const p = P(h.current, {
@@ -52,7 +52,7 @@ const M = ({
   function j() {
     N(!0);
   }
-  const d = !!n, k = f === "fluid", C = !k && typeof f == "number", $ = `${e}--sub-brand`, O = `${e}--size--fluid`, V = `${e}--visibility--hidden`, G = v(
+  const d = !!o, k = f === "fluid", C = !k && typeof f == "number", $ = `${e}--sub-brand`, O = `${e}--size--fluid`, V = `${e}--visibility--hidden`, G = v(
     e,
     s,
     `${e}--theme--${l}`,
@@ -62,8 +62,8 @@ const M = ({
       [$]: d
     }
   ), T = `${e}--image`, q = `${$}--image`, A = () => {
-    const o = {};
-    return d && (o["--logo-image-height"] = `${I}px`, o["--logo-font-size"] = `${y * I}px`), C && (o.width = `${f}px`), { userStyles: r, ...o };
+    const n = {};
+    return d && (n["--logo-image-height"] = `${I}px`, n["--logo-font-size"] = `${y * I}px`), C && (n.width = `${f}px`), { ...r, ...n };
   }, D = () => typeof t == "string" ? t : t[l];
   return /* @__PURE__ */ H("figure", { className: G, style: A(), children: [
     /* @__PURE__ */ u(
@@ -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: n })
+      /* @__PURE__ */ u("span", { ref: z, children: o })
     ] })
   ] });
 }, Q = ({
   className: e,
   url: s,
-  target: n,
+  target: o,
   style: i,
   size: t,
   ...r
@@ -98,7 +98,7 @@ const M = ({
     "a",
     {
       href: s,
-      target: n,
+      target: o,
       className: v(x, e, {
         [a]: t === "fluid"
       }),
@@ -117,5 +117,5 @@ const M = ({
   );
 }, _ = Q;
 export {
-  _ as L
+  _ as Logo
 };

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

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

package/lib/esm/_store/{Notification-chunk-CTgFDa_7.js → Notification-chunk-VfaNI3r9.js}

@@ -2,7 +2,7 @@ import { jsx as i, Fragment as N, jsxs as o } from "react/jsx-runtime";
 import { useState as b } from "react";
 import { c as x } from "./index-chunk-0LeqwHm8.js";
 import { u as y } from "./useGlobalSettings-chunk-gkijV3S1.js";
-import { B as v } from "./Button-chunk-D3gTmmqF.js";
+import { B as v } from "./Button-chunk-CTOnaHZ_.js";
 const C = ({
   className: t,
   closelabel: r,

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

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

package/lib/esm/_store/{NumberPicker-chunk-CsDLNdop.js → NumberPicker-chunk-Z_TIIuxb.js}

@@ -2,7 +2,7 @@ import { jsx as c } from "react/jsx-runtime";
 import m from "react";
 import { c as x } from "./index-chunk-0LeqwHm8.js";
 import { u as P } from "./useGlobalSettings-chunk-gkijV3S1.js";
-import { u as g, F } from "./FormControl-chunk-D_3t65GG.js";
+import { u as g, F } from "./FormControl-chunk-C2LR6MBZ.js";
 const L = m.forwardRef(
   ({
     onChange: r,

package/lib/esm/_store/NumberPicker-entry-BaKtr4-S.js

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

package/lib/esm/_store/{Radio-chunk-CZnGQoYJ.js → Radio-chunk-DDMoE7Le.js}

@@ -3,8 +3,8 @@ import u, { useEffect as L } from "react";
 import { c as N } from "./index-chunk-0LeqwHm8.js";
 import { u as S } from "./useGlobalSettings-chunk-gkijV3S1.js";
 import { u as g } from "./usePrevious-chunk-BtJVllKj.js";
-import { u as j } from "./Fieldset-chunk-PK4HqNv_.js";
-import { u as w, F as P } from "./FormControl-chunk-D_3t65GG.js";
+import { u as j } from "./Fieldset-chunk-udvv8dML.js";
+import { u as w, F as P } from "./FormControl-chunk-C2LR6MBZ.js";
 const _ = u.forwardRef(
   ({
     onChange: s,

package/lib/esm/_store/{Radio-entry-DhmJk5Et.js → Radio-entry-BzlGsY14.js}

@@ -1,4 +1,4 @@
-import { L as d } from "./Radio-chunk-CZnGQoYJ.js";
+import { L as d } from "./Radio-chunk-DDMoE7Le.js";
 const a = {
   className: "Radio",
   name: "radio"

package/lib/esm/_store/{SearchField-chunk-CZCT1mJ4.js → SearchField-chunk-DfXCHmW0.js}

@@ -2,8 +2,8 @@ import { jsxs as h, jsx as s } from "react/jsx-runtime";
 import { forwardRef as v, useState as w } from "react";
 import { c as x } from "./index-chunk-0LeqwHm8.js";
 import { u as F } from "./useGlobalSettings-chunk-gkijV3S1.js";
-import { I as g } from "./Input-chunk-p-3N8OO4.js";
-import { I as j } from "./Icon-chunk-SeRwWcV9.js";
+import { I as g } from "./Input-chunk-DT_YEVSQ.js";
+import { I as j } from "./Icon-chunk-nLD8VsP5.js";
 const B = v(
   ({ action: f, callback: o, className: b, input: e }, C) => {
     const [c, d] = w(""), { prefix: a } = F(), l = `${a}--searchfield`, S = `${l}--button`, y = `${l}--clear-button ${c.trim() !== "" && "show"}`, $ = `${a}--fieldset`, I = x(b, {

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

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

package/lib/esm/_store/SocialMedia-chunk-B0IPGaVf.js

@@ -0,0 +1,62 @@
+import { jsxs as $, jsx as a } from "react/jsx-runtime";
+import { c as i } from "./index-chunk-0LeqwHm8.js";
+import { forwardRef as d } from "react";
+import { u as f } from "./useGlobalSettings-chunk-gkijV3S1.js";
+const b = d(
+  ({
+    className: r,
+    theme: c = "light",
+    justify: t = "start",
+    headline: e,
+    icons: o,
+    iconSize: m = "normal"
+  }, n) => {
+    const { prefix: _ } = f(), s = `${_}--social-media`;
+    return /* @__PURE__ */ $(
+      "div",
+      {
+        className: i(
+          s,
+          `${s}__theme__${c}`,
+          `${s}__justify__${t}`,
+          r
+        ),
+        ref: n,
+        children: [
+          e && /* @__PURE__ */ a("h5", { className: `${s}--headline`, children: e }),
+          /* @__PURE__ */ a(
+            "ul",
+            {
+              className: i(
+                `${s}--list`,
+                `${s}--list__size__${m}`
+              ),
+              children: o.map((l) => /* @__PURE__ */ a(
+                "li",
+                {
+                  className: i(`${s}--list--item`, l.className),
+                  children: /* @__PURE__ */ a(
+                    "a",
+                    {
+                      title: l.label,
+                      className: i(
+                        `${s}--list--item--icon`,
+                        `${s}--list--item--icon__${l.icon}`
+                      ),
+                      href: l.url,
+                      children: l.label
+                    }
+                  )
+                },
+                l.url
+              ))
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  b as S
+};

package/lib/esm/_store/SocialMedia-entry-Dq52Wl-z.js

@@ -0,0 +1,4 @@
+import { S as e } from "./SocialMedia-chunk-B0IPGaVf.js";
+export {
+  e as SocialMedia
+};

package/lib/esm/_store/{Tabs-chunk-tzegLak-.js → Tabs-chunk-CpUcNAK9.js}

@@ -2,7 +2,7 @@ import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import { useState as $ } from "react";
 import { u as h } from "./useGlobalSettings-chunk-gkijV3S1.js";
 import { c as p } from "./index-chunk-0LeqwHm8.js";
-import { I as d } from "./Icon-chunk-SeRwWcV9.js";
+import { I as d } from "./Icon-chunk-nLD8VsP5.js";
 const f = ({ items: c }) => {
   const [l, n] = $(0), i = (s, e) => {
     n(s), e.preventDefault();

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

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

package/lib/esm/_store/Tag-chunk-6_6Oh_I3.js

@@ -0,0 +1,68 @@
+import { jsx as n, Fragment as x, jsxs as g } from "react/jsx-runtime";
+import { createContext as T, useContext as I } from "react";
+import { c as S } from "./index-chunk-0LeqwHm8.js";
+import { u as _ } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { I as w } from "./Icon-chunk-nLD8VsP5.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;
+}
+const M = T({}), j = ({
+  className: e,
+  children: t,
+  id: s,
+  url: h,
+  type: a,
+  callback: m,
+  ...i
+}) => {
+  const { prefix: u } = _(), { activeItems: d, setActiveItems: C, allowMultipleActive: b } = I(M), l = d.indexOf(s) > -1, c = `${u}--tag`, f = `${u}--tag-set__item`, v = a, r = S(e, {
+    [c]: !0,
+    [`${c}--active`]: l,
+    [`${c}--${a}`]: a,
+    "icon icon__position--right": !0
+  });
+  let p = l;
+  const $ = (o) => {
+    C(
+      E({
+        id: s,
+        itemStatuses: d,
+        allowMultipleExpanded: b
+      })
+    ), p = !1, m && m(o);
+  };
+  return /* @__PURE__ */ n(x, { children: v === "button" ? /* @__PURE__ */ n(x, { children: (() => {
+    let o;
+    return p && (o = /* @__PURE__ */ n("li", { className: f, children: /* @__PURE__ */ g(
+      "button",
+      {
+        type: "button",
+        className: r,
+        onClick: (N) => $(N),
+        id: s,
+        ...i,
+        children: [
+          t,
+          /* @__PURE__ */ n(w, { name: "close", hidden: !0 })
+        ]
+      }
+    ) })), o;
+  })() }) : /* @__PURE__ */ g("li", { className: f, children: [
+    a === "anchor" && /* @__PURE__ */ n(
+      "a",
+      {
+        className: r,
+        href: l ? h : "",
+        id: s,
+        ...i,
+        children: t
+      }
+    ),
+    a === "display" && /* @__PURE__ */ n("span", { className: r, id: s, ...i, children: t })
+  ] }) });
+}, q = j;
+export {
+  q as T,
+  M as a
+};

package/lib/esm/_store/Tag-entry-B40IGpPj.js

@@ -0,0 +1,48 @@
+import { a as h } from "./Tag-chunk-6_6Oh_I3.js";
+import { T as G } from "./Tag-chunk-6_6Oh_I3.js";
+import { jsx as m } from "react/jsx-runtime";
+import { c as C } from "./index-chunk-0LeqwHm8.js";
+import { useState as T, useEffect as d, Children as O } from "react";
+import { u as b } from "./useGlobalSettings-chunk-gkijV3S1.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-BTZVvumC.js → TextInput-entry-DIPdoofw.js}

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import p from "react";
 import { c as T } from "./index-chunk-0LeqwHm8.js";
 import { u as w } from "./useGlobalSettings-chunk-gkijV3S1.js";
-import { u as g, F as I } from "./FormControl-chunk-D_3t65GG.js";
+import { u as g, F as I } from "./FormControl-chunk-C2LR6MBZ.js";
 const _ = p.forwardRef(
   ({
     onChange: t,

package/lib/esm/_store/{Textarea-chunk-BCW6ZV8n.js → Textarea-chunk-ClZt7jmS.js}

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import i from "react";
 import { c as b } from "./index-chunk-0LeqwHm8.js";
 import { u } from "./useGlobalSettings-chunk-gkijV3S1.js";
-import { u as C, F as y } from "./FormControl-chunk-D_3t65GG.js";
+import { u as C, F as y } from "./FormControl-chunk-C2LR6MBZ.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-CFe0s_hM.js → Textarea-entry-BvVP8AXU.js}

@@ -1,4 +1,4 @@
-import { L as i } from "./Textarea-chunk-BCW6ZV8n.js";
+import { L as i } from "./Textarea-chunk-ClZt7jmS.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-CehJKItc.js → Toggle-entry-q2VLr4yf.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-gkijV3S1.js";
 import { c as $ } from "./index-chunk-0LeqwHm8.js";
-import { u as j, F as D } from "./FormControl-chunk-D_3t65GG.js";
+import { u as j, F as D } from "./FormControl-chunk-C2LR6MBZ.js";
 const v = d(
   ({
     size: s = "medium",