@ilo-org/react 0.24.6 → 0.26.0

package/lib/esm/_store/{FileUpload-chunk-Cfr5vOip.js → FileUpload-chunk-CcPyoSNs.js}

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

package/lib/esm/_store/FileUpload-entry-BTrF-gar.js

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

package/lib/esm/_store/{Footer-chunk-DcFDdukr.js → Footer-chunk-Cs4S0fL1.js}

@@ -1,10 +1,10 @@
 import { jsxs as e, jsx as s } from "react/jsx-runtime";
 import { forwardRef as y } from "react";
 import { c as u } from "./index-chunk-CY3PQDr4.js";
-import { L as b } from "./LinkList-chunk-Cimo8RwK.js";
-import { S as L } from "./SocialMedia-chunk-BIRLnQvf.js";
-import { u as x } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-import { B as S } from "./Button-chunk-3RMfjmYT.js";
+import { L as b } from "./LinkList-chunk-ClC0P1yc.js";
+import { S as L } from "./SocialMedia-chunk-CmTguYLJ.js";
+import { u as x } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+import { B as S } from "./Button-chunk-Ccbxfwbf.js";
 const G = y(
   ({
     className: v,

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

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

package/lib/esm/_store/{Form-chunk-BUqXdVaD.js → Form-chunk-CxN1JB3N.js}

@@ -1,14 +1,14 @@
 import { jsx as e } from "react/jsx-runtime";
-import { createContext as f, forwardRef as u, useContext as x } from "react";
-import { u as i } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
+import { forwardRef as f, createContext as u, useContext as x } from "react";
+import { u as i } from "./useGlobalSettings-chunk-BhfWlTcd.js";
 import { c as C } from "./index-chunk-CY3PQDr4.js";
-const r = f({ theme: null }), h = () => x(r), p = u(
+const r = u({ theme: null }), h = () => x(r), $ = f(
   ({ children: o, theme: t = null, ...n }, m) => {
     const { prefix: a } = i(), s = `${a}--form`, c = `${s}__theme__${t}`, l = C(s, c);
     return /* @__PURE__ */ e("form", { ref: m, className: l, ...n, children: /* @__PURE__ */ e(r.Provider, { value: { theme: t }, children: o }) });
   }
-), b = p;
+);
 export {
-  b as F,
+  $ as F,
   h as u
 };

package/lib/esm/_store/{Form-entry-D0WjXxpC.js → Form-entry-D_MSF4Ak.js}

@@ -1,4 +1,4 @@
-import { F as s } from "./Form-chunk-BUqXdVaD.js";
+import { F as s } from "./Form-chunk-CxN1JB3N.js";
 const e = {
   theme: "light"
 }, o = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({

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

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

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

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

package/lib/esm/_store/{FormElement-chunk-DqR8rtCB.js → FormElement-chunk-BBfDqKAo.js}

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

package/lib/esm/_store/FormElement-entry-B7Aht-mW.js

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

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

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

package/lib/esm/_store/{GlobalProvider-entry-CCUkUh3z.js → GlobalProvider-entry-BbUN7-Ub.js}

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

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

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

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

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

package/lib/esm/_store/{Hero-chunk-rnL21UKu.js → Hero-chunk-8XPHDh4M.js}

@@ -1,10 +1,10 @@
 import { jsxs as d, jsx as s } from "react/jsx-runtime";
 import { forwardRef as N, useMemo as v } from "react";
 import { c as k } from "./index-chunk-CY3PQDr4.js";
-import { u as x } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-import { B as w } from "./Breadcrumb-chunk-DjN2sOwo.js";
-import { T as H } from "./Tooltip-chunk-CC5huzaB.js";
-import { H as j } from "./HeroCard-chunk-XzP8zeZ0.js";
+import { u as x } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+import { B as w } from "./Breadcrumb-chunk-C5nxxjB6.js";
+import { T as H } from "./Tooltip-chunk-D5CzbDEd.js";
+import { H as j } from "./HeroCard-chunk-DIoKqIvc.js";
 const I = N(
   ({
     className: l,
@@ -19,7 +19,7 @@ const I = N(
     caption: o,
     gap: i
   }, u) => {
-    const { prefix: h } = x(), r = "hero", t = v(() => a ? a == null ? void 0 : a.url.sort((e, b) => e.breakpoint - b.breakpoint) : [], [a]);
+    const { prefix: h } = x(), r = "hero", t = v(() => a ? a == null ? void 0 : a.url.sort((e, b) => b.breakpoint - e.breakpoint) : [], [a]);
     return /* @__PURE__ */ d(
       "div",
       {

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

@@ -0,0 +1,4 @@
+import { H as e } from "./Hero-chunk-8XPHDh4M.js";
+export {
+  e as Hero
+};

package/lib/esm/_store/{HeroCard-chunk-XzP8zeZ0.js → HeroCard-chunk-DIoKqIvc.js}

@@ -1,8 +1,8 @@
 import { jsx as r, jsxs as $ } from "react/jsx-runtime";
 import { forwardRef as u } from "react";
 import { c as _ } from "./index-chunk-CY3PQDr4.js";
-import { S as N } from "./SocialMedia-chunk-BIRLnQvf.js";
-import { u as m } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
+import { S as N } from "./SocialMedia-chunk-CmTguYLJ.js";
+import { u as m } from "./useGlobalSettings-chunk-BhfWlTcd.js";
 const x = ({ title: c, url: e }) => {
   const { prefix: o } = m(), a = `${o}--hero-card--title`;
   return e ? /* @__PURE__ */ r("a", { className: `${a}-link`, href: e, children: /* @__PURE__ */ r("h1", { className: a, children: c }) }) : /* @__PURE__ */ r("h1", { className: a, children: c });
@@ -16,8 +16,8 @@ const x = ({ title: c, url: e }) => {
     title: d,
     url: h,
     intro: l,
-    datecopy: n,
-    socialmedia: i
+    datecopy: i,
+    socialmedia: n
   }, f) => {
     const { prefix: p } = m(), s = `${p}--hero-card`;
     return /* @__PURE__ */ $(
@@ -35,8 +35,8 @@ const x = ({ title: c, url: e }) => {
           t && /* @__PURE__ */ r("p", { className: `${s}--eyebrow`, children: t }),
           /* @__PURE__ */ r(x, { title: d, url: h }),
           l && /* @__PURE__ */ r("p", { className: `${s}--intro`, children: l }),
-          n && /* @__PURE__ */ r("p", { className: `${s}--datecopy`, children: n }),
-          i && /* @__PURE__ */ r(N, { ...i, theme: e })
+          i && /* @__PURE__ */ r("p", { className: `${s}--datecopy`, children: i }),
+          n && /* @__PURE__ */ r(N, { ...n, theme: e })
         ]
       }
     );

package/lib/esm/_store/HeroCard-entry-rQFyyLmk.js

@@ -0,0 +1,4 @@
+import { H as a } from "./HeroCard-chunk-DIoKqIvc.js";
+export {
+  a as HeroCard
+};