@ilo-org/react 0.17.8 → 0.18.0

package/lib/esm/_store/Dropdown-chunk-B6G7DnYr.js

@@ -0,0 +1,72 @@
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as b, useState as L } from "react";
+import { c as N } from "./index-chunk-0LeqwHm8.js";
+import { u as z } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { u as B, F as j } from "./FormControl-chunk-D_3t65GG.js";
+const q = b((o, l) => {
+  const {
+    autocomplete: t,
+    onChange: r,
+    onBlur: n,
+    disabled: s = !1,
+    error: d,
+    id: c,
+    name: m,
+    options: u,
+    required: f,
+    value: p,
+    form: C,
+    multiple: h,
+    selectSize: v
+  } = o, { prefix: w } = z(), g = B(), { ariaDescribedBy: y } = g, i = `${w}--dropdown`, $ = N(i, {
+    error: d
+  }), [x, D] = L(p), S = (e) => {
+    D(e.target.value), r && r(e);
+  };
+  return /* @__PURE__ */ a("div", { className: `${i}--wrapper`, children: /* @__PURE__ */ a(
+    "select",
+    {
+      ref: l,
+      id: c || m,
+      autoComplete: t,
+      name: m,
+      required: f,
+      onChange: S,
+      onBlur: n,
+      disabled: s,
+      className: $,
+      value: x,
+      form: C,
+      multiple: h,
+      size: v,
+      "aria-describedby": y,
+      children: u && u.map((e, F) => /* @__PURE__ */ a(
+        "option",
+        {
+          disabled: e.disabled,
+          label: e.label,
+          value: e.value,
+          children: e.label
+        },
+        `${i}--option--${F}`
+      ))
+    }
+  ) });
+}), G = b(
+  (o, l) => {
+    const { style: t, inputStyle: r, className: n, ...s } = o, d = o.id ? o.id : o.name;
+    return /* @__PURE__ */ a(
+      j,
+      {
+        fieldId: d,
+        style: t,
+        className: n,
+        ...s,
+        children: /* @__PURE__ */ a(q, { ref: l, style: r, ...s })
+      }
+    );
+  }
+), E = G;
+export {
+  E as L
+};

package/lib/esm/_store/Dropdown-entry-CRDxMRpe.js

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

package/lib/esm/_store/Empty-chunk-UEm5zVbe.js

@@ -0,0 +1,12 @@
+import { jsx as a } from "react/jsx-runtime";
+import { c as r } from "./index-chunk-0LeqwHm8.js";
+import { u as p } from "./useGlobalSettings-chunk-gkijV3S1.js";
+const c = ({ className: s, style: t }) => {
+  const { prefix: o } = p(), e = `${o}--empty`, m = r(s, {
+    [e]: !0
+  });
+  return /* @__PURE__ */ a("div", { style: t, className: m });
+}, f = c;
+export {
+  f as E
+};

package/lib/esm/_store/Empty-entry-BuwyDmF5.js

@@ -0,0 +1,4 @@
+import { E as p } from "./Empty-chunk-UEm5zVbe.js";
+export {
+  p as Empty
+};

package/lib/esm/_store/Fieldset-chunk-PK4HqNv_.js

@@ -0,0 +1,57 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { createContext as j, useState as S, useContext as T } from "react";
+import { c } from "./index-chunk-0LeqwHm8.js";
+import { u as k } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { T as G } from "./Tooltip-chunk-CPT-dPDc.js";
+const i = j({
+  hasError: !1,
+  setHasError: (t) => t
+}), A = () => T(i), M = ({
+  children: t,
+  className: d,
+  legend: a,
+  helper: o,
+  tooltip: n,
+  errorMessage: m,
+  disabled: p = !1,
+  wrap: $ = "nowrap",
+  direction: f = "column",
+  ...u
+}) => {
+  const { prefix: h } = k(), [e, C] = S(!1), s = `${h}--fieldset`, x = `${s}--wrap__${$}`, _ = `${s}--direction__${f}`, E = `${s}--helper`, N = `${s}__error`, b = `${s}__disabled`, w = c(
+    d,
+    s,
+    x,
+    _,
+    {
+      [b]: p
+    }
+  ), F = c(E, {
+    [N]: e
+  }), g = {
+    hasError: e,
+    setHasError: C
+  }, v = !!o || e, H = e ? m : o;
+  return /* @__PURE__ */ l("fieldset", { className: w, ...u, children: [
+    a || o ? /* @__PURE__ */ l("div", { className: `${s}--legend-wrapper`, children: [
+      a && /* @__PURE__ */ l("legend", { className: `${s}--legend`, children: [
+        a,
+        n && /* @__PURE__ */ r(
+          G,
+          {
+            className: `${s}--legend--tooltip`,
+            icon: !0,
+            label: n,
+            theme: "dark"
+          }
+        )
+      ] }),
+      v && /* @__PURE__ */ r("span", { className: F, children: H })
+    ] }) : null,
+    /* @__PURE__ */ r("div", { className: `${s}--elements`, children: /* @__PURE__ */ r(i.Provider, { value: g, children: t }) })
+  ] });
+}, B = M;
+export {
+  B as F,
+  A as u
+};

package/lib/esm/_store/Fieldset-entry-BmiHpIGy.js

@@ -0,0 +1,4 @@
+import { F as r } from "./Fieldset-chunk-PK4HqNv_.js";
+export {
+  r as Fieldset
+};

package/lib/esm/_store/FileUpload-chunk-dFon8lP2.js

@@ -0,0 +1,77 @@
+import { jsxs as u, Fragment as M, jsx as o } from "react/jsx-runtime";
+import p, { useState as N } from "react";
+import { c as U } from "./index-chunk-0LeqwHm8.js";
+import { u as w } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { u as I, F as L } from "./FormControl-chunk-D_3t65GG.js";
+function R(t, e = 2) {
+  if (!+t) return "0 Bytes";
+  const l = 1024, n = e < 0 ? 0 : e, a = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], s = Math.floor(Math.log(t) / Math.log(l));
+  return `${parseFloat((t / Math.pow(l, s)).toFixed(n))} ${a[s]}`;
+}
+const S = p.forwardRef(
+  ({
+    onChange: t,
+    onBlur: e,
+    disabled: l = !1,
+    error: n,
+    id: a,
+    multiple: s,
+    name: c,
+    placeholder: d,
+    required: h,
+    accept: B
+  }, $) => {
+    const { prefix: F } = w(), C = I(), { ariaDescribedBy: g } = C, i = `${F}--file-upload`, b = U(i, {
+      error: n
+    }), y = `${i}--input`, [m, x] = N(null);
+    return /* @__PURE__ */ u(M, { children: [
+      /* @__PURE__ */ o("div", { className: b, children: /* @__PURE__ */ u("label", { className: y, children: [
+        d,
+        /* @__PURE__ */ o(
+          "input",
+          {
+            ref: $,
+            id: a || c,
+            name: c,
+            accept: B,
+            onChange: (r) => {
+              const f = r.target.files;
+              x(f), t && t(r);
+            },
+            onBlur: e,
+            disabled: l,
+            multiple: s,
+            placeholder: d,
+            required: h,
+            type: "file",
+            "data-label": d,
+            "aria-describedby": g
+          }
+        )
+      ] }) }),
+      m && m.length > 0 && /* @__PURE__ */ o("ul", { className: `${i}--list`, children: [...m].map((r, f) => /* @__PURE__ */ o(
+        "li",
+        {
+          className: `${i}--list-item`,
+          children: `${r.name} (${R(r.size)})`
+        },
+        `${i}--list-item-${f}`
+      )) })
+    ] });
+  }
+), j = p.forwardRef((t, e) => {
+  const { style: l, inputStyle: n, className: a, ...s } = t, c = t.id ? t.id : t.name;
+  return /* @__PURE__ */ o(
+    L,
+    {
+      fieldId: c,
+      style: l,
+      className: a,
+      ...s,
+      children: /* @__PURE__ */ o(S, { ref: e, style: n, ...s })
+    }
+  );
+}), P = j;
+export {
+  P as L
+};

package/lib/esm/_store/FileUpload-entry-uIvvAStY.js

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

package/lib/esm/_store/Footer-chunk-D6ig8l3Y.js

@@ -0,0 +1,61 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { u as y } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { c as g } from "./index-chunk-0LeqwHm8.js";
+import { L } from "./LinkList-chunk-CIZvyv8v.js";
+import { B as x } from "./Button-chunk-Crzq2FAv.js";
+import { S as F } from "./SocialMedia-chunk-CP4gdUdi.js";
+const S = ({
+  className: N,
+  logo: h,
+  tagline: f,
+  subtagline: p,
+  address: i,
+  linkgroup: t,
+  socialmedia: o,
+  subscribe: e,
+  legal: v,
+  secondarylinks: n,
+  anchorlink: l
+}) => {
+  const { prefix: d } = y(), s = `${d}--footer`, $ = g(N, s);
+  return /* @__PURE__ */ c("footer", { className: $, children: [
+    /* @__PURE__ */ c("div", { className: `${s}--main ${d}--container`, children: [
+      /* @__PURE__ */ c("div", { className: "site--info", children: [
+        /* @__PURE__ */ a("img", { className: `${s}--logo`, src: h, alt: "ILO Logo" }),
+        /* @__PURE__ */ a("h3", { className: `${s}--headline`, children: f }),
+        /* @__PURE__ */ a("h4", { className: `${s}--subhead`, children: p })
+      ] }),
+      i && /* @__PURE__ */ a("div", { className: "address", children: i.map((r, m) => /* @__PURE__ */ a("p", { className: "address--line", children: r }, m)) }),
+      t && /* @__PURE__ */ a("nav", { className: "links", children: /* @__PURE__ */ a(L, { linkgroup: t, theme: "dark" }) }),
+      o && /* @__PURE__ */ a("div", { className: "connect", children: /* @__PURE__ */ a("div", { className: "social--links", children: /* @__PURE__ */ a(F, { ...o, theme: "dark" }) }) }),
+      e && /* @__PURE__ */ a("div", { className: "subscribe", children: /* @__PURE__ */ a(
+        x,
+        {
+          label: e == null ? void 0 : e.label,
+          url: e == null ? void 0 : e.url,
+          type: "primary",
+          size: "large",
+          target: "_blank"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ a("div", { className: `${s}--secondary`, children: /* @__PURE__ */ c("div", { className: `${d}--container`, children: [
+      /* @__PURE__ */ c("div", { className: `${s}--secondary--details`, children: [
+        /* @__PURE__ */ a("div", { className: "legal", children: v }),
+        n && /* @__PURE__ */ a("nav", { className: "secondarylinks", children: /* @__PURE__ */ a("ul", { className: "secondarylinks--list", children: n.map((r, m) => /* @__PURE__ */ a("li", { className: "secondarylinks--list--item", children: /* @__PURE__ */ a(
+          "a",
+          {
+            href: r.url,
+            className: "secondarylinks--list--link",
+            children: r == null ? void 0 : r.label
+          },
+          m
+        ) })) }) })
+      ] }),
+      /* @__PURE__ */ a("a", { href: l == null ? void 0 : l.url, className: "anchorlink", children: l == null ? void 0 : l.label })
+    ] }) })
+  ] });
+}, M = S;
+export {
+  M as F
+};

package/lib/esm/_store/Footer-entry-B885hcUe.js

@@ -0,0 +1,4 @@
+import { F as e } from "./Footer-chunk-D6ig8l3Y.js";
+export {
+  e as Footer
+};

package/lib/esm/_store/Form-chunk-1a4awKWi.js

@@ -0,0 +1,13 @@
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { u as l } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { c as i } from "./index-chunk-0LeqwHm8.js";
+const p = n(
+  ({ children: o, theme: r = "light", ...m }, t) => {
+    const { prefix: e } = l(), s = `${e}--form`, a = `${s}__theme__${r}`, f = i(s, a);
+    return /* @__PURE__ */ c("form", { ref: t, className: f, ...m, children: o });
+  }
+), x = p;
+export {
+  x as F
+};

package/lib/esm/_store/Form-entry-DhZ3WiWW.js

@@ -0,0 +1,11 @@
+import { F as s } from "./Form-chunk-1a4awKWi.js";
+const e = {
+  theme: "light"
+}, o = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  basic: e
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  s as Form,
+  o as FormArgs
+};

package/lib/esm/_store/FormControl-chunk-D_3t65GG.js

@@ -0,0 +1,77 @@
+import { jsx as a, jsxs as _ } from "react/jsx-runtime";
+import { c as u } from "./index-chunk-0LeqwHm8.js";
+import { createContext as U, useMemo as V, useState as k, useEffect as E, useContext as G } from "react";
+import { u as H } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { T as R } from "./Tooltip-chunk-CPT-dPDc.js";
+let p = (s = 21) => crypto.getRandomValues(new Uint8Array(s)).reduce((e, o) => (o &= 63, o < 36 ? e += o.toString(36) : o < 62 ? e += (o - 26).toString(36).toUpperCase() : o > 62 ? e += "-" : e += "_", e), "");
+function q(s = "", { tooltip: e, helper: o, errorMessage: r } = {}) {
+  return {
+    tooltipId: e && `${s}--tooltip--${p()}`,
+    helperId: o && `${s}--helper--${p()}`,
+    errorId: r && `${s}--error--${p()}`
+  };
+}
+function J(s, e) {
+  const { tooltipId: o, helperId: r, errorId: n } = s, l = u(o, {
+    [`${r}`]: !e,
+    [`${n}`]: e
+  });
+  if (!(!l || l === "undefined"))
+    return l;
+}
+const h = U({}), Y = () => G(h), K = ({
+  children: s,
+  className: e,
+  label: o,
+  helper: r,
+  errorMessage: n,
+  tooltip: l,
+  style: b,
+  error: c,
+  disabled: I,
+  fieldId: x,
+  labelSize: F = "medium",
+  labelPlacement: v = "top"
+}) => {
+  const { prefix: B } = H(), t = `${B}--form-control`, N = V(
+    () => q(t, { helper: r, errorMessage: n, tooltip: l }),
+    [t, r, n, l]
+  ), { tooltipId: i, helperId: d, errorId: m } = N, [S, g] = k(
+    void 0
+  );
+  E(() => {
+    g(
+      J({ tooltipId: i, helperId: d, errorId: m }, c)
+    );
+  }, [i, d, m, c]);
+  const A = {
+    ariaDescribedBy: S
+  }, D = `${t}__error`, w = `${t}__disabled`, y = `${t}__label-placement__${v}`, j = u(
+    t,
+    e,
+    y,
+    [{ [D]: c }, { [w]: I }]
+  ), $ = `${t}--label`, z = `${$}__size__${F}`, P = u($, z), f = `${t}--helper`, C = !!c && !!n, T = !C && !!r;
+  return /* @__PURE__ */ a(h.Provider, { value: A, children: /* @__PURE__ */ _("div", { className: j, style: b, children: [
+    /* @__PURE__ */ _("span", { className: P, children: [
+      /* @__PURE__ */ a("label", { htmlFor: x, children: o }),
+      l && /* @__PURE__ */ a(
+        R,
+        {
+          id: i,
+          className: `${t}--legend--tooltip`,
+          icon: !0,
+          label: l,
+          theme: "dark"
+        }
+      )
+    ] }),
+    s,
+    T && /* @__PURE__ */ a("span", { id: d, className: f, children: r }),
+    C && /* @__PURE__ */ a("span", { id: m, className: f, "aria-live": "assertive", children: n })
+  ] }) });
+}, Z = K;
+export {
+  Z as F,
+  Y as u
+};

package/lib/esm/_store/FormControl-entry-DODa4uyx.js

@@ -0,0 +1,4 @@
+import { F as m } from "./FormControl-chunk-D_3t65GG.js";
+export {
+  m as FormControl
+};

package/lib/esm/_store/FormElement-chunk-DqR8rtCB.js

@@ -0,0 +1,15 @@
+import { jsx as t, Fragment as e } from "react/jsx-runtime";
+const m = ({
+  children: r
+  // className,
+  // error,
+  // elemid,
+  // helper,
+  // label,
+  // required,
+  // tooltip,
+  // type,
+}) => /* @__PURE__ */ t(e, { children: r }), n = m;
+export {
+  n as F
+};

package/lib/esm/_store/FormElement-entry-C_RiN-BZ.js

@@ -0,0 +1,4 @@
+import { F as o } from "./FormElement-chunk-DqR8rtCB.js";
+export {
+  o as FormElement
+};

package/lib/esm/_store/GlobalCtx-chunk-CtSRDnk3.js

@@ -0,0 +1,7 @@
+import { createContext as o } from "react";
+const e = o({
+  prefix: "ilo"
+});
+export {
+  e as G
+};

package/lib/esm/_store/GlobalProvider-chunk-nVdEz2_E.js

@@ -0,0 +1,20 @@
+import { jsx as r } from "react/jsx-runtime";
+import { G as t } from "./GlobalCtx-chunk-CtSRDnk3.js";
+const a = {
+  value: "ilo",
+  comment: "the prefix namespace for the theme"
+}, l = ({
+  prefix: e = a.value,
+  children: o
+}) => /* @__PURE__ */ r(
+  t.Provider,
+  {
+    value: {
+      prefix: e
+    },
+    children: o
+  }
+), n = l;
+export {
+  n as G
+};

package/lib/esm/_store/GlobalProvider-entry-CCUkUh3z.js

@@ -0,0 +1,6 @@
+import { G as e } from "./GlobalProvider-chunk-nVdEz2_E.js";
+import { G as l } from "./GlobalCtx-chunk-CtSRDnk3.js";
+export {
+  e as GlobalProvider,
+  l as GlobalProviderContext
+};

package/lib/esm/_store/Heading-chunk-CFEDmQeQ.js

@@ -0,0 +1,19 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as g } from "./index-chunk-0LeqwHm8.js";
+import { u as $ } from "./useGlobalSettings-chunk-gkijV3S1.js";
+const d = ({
+  level: s = "h3",
+  children: n,
+  className: t,
+  type: a,
+  ...e
+}) => {
+  const { prefix: r } = $(), c = s, o = `${r}--${s}`, i = g(t, {
+    [o]: !0,
+    [`${o}--${a}`]: a
+  });
+  return /* @__PURE__ */ m(c, { className: i, ...e, children: n });
+}, u = d;
+export {
+  u as H
+};

package/lib/esm/_store/Heading-entry-CTotrXWW.js

@@ -0,0 +1,4 @@
+import { H as o } from "./Heading-chunk-CFEDmQeQ.js";
+export {
+  o as Heading
+};

package/lib/esm/_store/Hero-chunk-HJvXvclG.js

@@ -0,0 +1,76 @@
+import { jsxs as f, jsx as s, Fragment as k } from "react/jsx-runtime";
+import { c as b } from "./index-chunk-0LeqwHm8.js";
+import { u as g } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { S as v } from "./SocialMedia-chunk-CP4gdUdi.js";
+import { B as H } from "./Breadcrumb-chunk-CclNRjxd.js";
+import { T as S } from "./Tooltip-chunk-CPT-dPDc.js";
+const x = ({ baseclass: a, title: t, url: n }) => {
+  const c = `${a}--title`, o = `${a}--title-link`;
+  return n ? /* @__PURE__ */ s("a", { className: o, href: n, children: /* @__PURE__ */ s("h1", { className: c, children: t }) }) : /* @__PURE__ */ s("h1", { className: c, children: t });
+}, j = ({
+  theme: a = "dark",
+  background: t = "solid",
+  cornercut: n = "true",
+  eyebrow: c,
+  title: o,
+  url: l,
+  datecopy: r,
+  intro: i,
+  socialmedia: d
+}) => {
+  const { prefix: m } = g(), e = `${m}--hero-card`, h = `${e}__theme__${a}`, _ = `${e}__background__${t}`, p = `${e}__cornercut`, $ = b(e, h, _, {
+    [p]: n
+  }), C = `${e}--eyebrow`, u = `${e}--datecopy`, N = `${e}--intro`;
+  return /* @__PURE__ */ f("div", { className: $, children: [
+    c && /* @__PURE__ */ s("p", { className: C, children: c }),
+    /* @__PURE__ */ s(x, { baseclass: e, title: o, url: l }),
+    i && /* @__PURE__ */ s("p", { className: N, children: i }),
+    r && /* @__PURE__ */ s("p", { className: u, children: r }),
+    d && /* @__PURE__ */ s(v, { ...d, theme: a })
+  ] });
+}, w = j, y = ({ url: a, alt: t }) => {
+  const { prefix: n } = g(), c = `${n}--card--image`, o = a.sort((r, i) => r.breakpoint - i.breakpoint), l = o[o.length - 1].src;
+  return /* @__PURE__ */ s("figure", { className: "hero--image", children: /* @__PURE__ */ f("picture", { children: [
+    o.map((r) => /* @__PURE__ */ s(
+      "source",
+      {
+        srcSet: r.src,
+        media: `(min-width: ${r.breakpoint}px)`
+      },
+      r.breakpoint
+    )),
+    /* @__PURE__ */ s("img", { className: c, src: l, alt: t })
+  ] }) });
+}, z = ({
+  justify: a = "start",
+  align: t = "baseline",
+  cardSize: n = "small",
+  posterSize: c = "large",
+  theme: o = "dark",
+  image: l,
+  breadcrumb: r,
+  heroCard: i,
+  caption: d,
+  gap: m
+}) => {
+  const e = "hero", h = `${e}__card-justify__${a}`, _ = `${e}__card-align__${t}`, p = `${e}__card-size__${n}`, $ = `${e}__poster-size__${c}`, C = `${e}__card-theme__${o}`, u = `${e}__gap__${m}`, N = b(
+    e,
+    h,
+    _,
+    p,
+    $,
+    C,
+    { [u]: !!m }
+  );
+  return /* @__PURE__ */ f("div", { className: N, children: [
+    /* @__PURE__ */ s("div", { className: "hero--background", children: l && /* @__PURE__ */ s(y, { ...l }) }),
+    r && /* @__PURE__ */ s(k, { children: /* @__PURE__ */ s("div", { className: "hero--breadcrumbs", children: /* @__PURE__ */ s("div", { className: "hero--breadcrumbs--wrapper", children: /* @__PURE__ */ s(H, { ...r }) }) }) }),
+    /* @__PURE__ */ s("div", { className: "hero--card-offset" }),
+    /* @__PURE__ */ s("div", { className: "hero--card", children: /* @__PURE__ */ s(w, { ...i }) }),
+    d && /* @__PURE__ */ s("div", { className: "hero--caption", children: /* @__PURE__ */ s("div", { className: "hero--caption--wrapper", children: /* @__PURE__ */ s(S, { ...d }) }) })
+  ] });
+}, U = z;
+export {
+  U as H,
+  w as a
+};

package/lib/esm/_store/Hero-entry-gNTc6gUC.js

@@ -0,0 +1,5 @@
+import { H as o, a as e } from "./Hero-chunk-HJvXvclG.js";
+export {
+  o as Hero,
+  e as HeroCard
+};