@ilo-org/react 0.22.1 → 0.23.0

package/lib/esm/_store/TableOfContents-entry-BDcD4Aj2.js

@@ -0,0 +1,4 @@
+import { T as t } from "./TableOfContents-chunk-DZGMY0rb.js";
+export {
+  t as TableOfContents
+};

package/lib/esm/_store/Tabs-chunk-CZL0LfKF.js

@@ -0,0 +1,55 @@
+import { jsxs as o, jsx as l } from "react/jsx-runtime";
+import { useState as h } from "react";
+import { u as p } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
+import { c as f } from "./index-chunk-CY3PQDr4.js";
+import { I as u } from "./Icon-chunk-DIxw5wWq.js";
+const v = ({ items: c, className: n, theme: i = "light" }) => {
+  const [t, r] = h(0), b = (a, e) => {
+    r(a), e.preventDefault();
+  }, { prefix: m } = p(), s = `${m}--tabs`, $ = f(
+    s,
+    n,
+    `${s}__theme__${i}`
+  );
+  return /* @__PURE__ */ o("div", { className: $, children: [
+    /* @__PURE__ */ l("ul", { className: `${s}--selection`, role: "tablist", tabIndex: 0, children: c.map((a, e) => /* @__PURE__ */ l(
+      "li",
+      {
+        role: "presentation",
+        className: `${s}--selection--item ${t === e ? "active" : ""}`,
+        onClick: (d) => b(e, d),
+        id: `tab--${e}`,
+        children: /* @__PURE__ */ o(
+          "a",
+          {
+            href: `#tab--${e}`,
+            className: `${s}--selection--button${a.icon ? " icon" : ""}`,
+            role: "tab",
+            "aria-controls": `tab--${e}`,
+            "aria-selected": e === t,
+            title: a.label,
+            tabIndex: e === t ? 0 : -1,
+            children: [
+              /* @__PURE__ */ l("span", { className: `${s}--selection--label`, children: a.label }),
+              a.icon && /* @__PURE__ */ l(u, { name: a.icon.name, hidden: a.icon.hidden })
+            ]
+          }
+        )
+      },
+      `#tab--${e}`
+    )) }),
+    /* @__PURE__ */ l(
+      "div",
+      {
+        className: `${s}--content`,
+        role: "tabpanel",
+        "aria-labelledby": `tab--${t}`,
+        tabIndex: 0,
+        children: c[t].content
+      }
+    )
+  ] });
+}, g = v;
+export {
+  g as T
+};

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

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

package/lib/esm/_store/{Tag-chunk-BGYv0Clj.js → Tag-chunk-BfT6mRr3.js}

@@ -1,8 +1,8 @@
 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-CY3PQDr4.js";
-import { u as _ } from "./useGlobalSettings-chunk-gkijV3S1.js";
-import { I as w } from "./Icon-chunk-Px0lCAcE.js";
+import { u as _ } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
+import { I as w } from "./Icon-chunk-DIxw5wWq.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;

package/lib/esm/_store/{Tag-entry-CxiuLyC_.js → Tag-entry-BC-QOui2.js}

@@ -1,9 +1,9 @@
-import { a as h } from "./Tag-chunk-BGYv0Clj.js";
-import { T as G } from "./Tag-chunk-BGYv0Clj.js";
+import { a as h } from "./Tag-chunk-BfT6mRr3.js";
+import { T as G } from "./Tag-chunk-BfT6mRr3.js";
 import { jsx as m } from "react/jsx-runtime";
 import { c as C } from "./index-chunk-CY3PQDr4.js";
 import { useState as T, useEffect as d, Children as O } from "react";
-import { u as b } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { u as b } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
 function E(e) {
   return e.some((s, n) => e.indexOf(s) !== n);
 }

package/lib/esm/_store/TextInput-entry-C1VYOhZw.js

@@ -0,0 +1,5 @@
+import { L as p, T as r } from "./TextInput.args-chunk-gw5WCsYI.js";
+export {
+  p as TextInput,
+  r as TextInputArgs
+};

package/lib/esm/_store/{TextInput-entry-DTObtsRs.js → TextInput.args-chunk-gw5WCsYI.js}

@@ -1,9 +1,9 @@
 import { jsx as n } from "react/jsx-runtime";
 import p from "react";
-import { c as T } from "./index-chunk-CY3PQDr4.js";
-import { u as w } from "./useGlobalSettings-chunk-gkijV3S1.js";
-import { u as g, F as I } from "./FormControl-chunk-zWLG-KTX.js";
-const _ = p.forwardRef(
+import { c as w } from "./index-chunk-CY3PQDr4.js";
+import { u as g } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
+import { u as _, F as C } from "./FormControl-chunk-k6iX88xc.js";
+const I = p.forwardRef(
   ({
     onChange: t,
     onBlur: a,
@@ -13,43 +13,45 @@ const _ = p.forwardRef(
     placeholder: l,
     required: i,
     pattern: c,
-    disabled: u = !1,
-    type: m = "text"
-  }, h) => {
-    const { prefix: b } = w(), f = g(), { ariaDescribedBy: x } = f, d = `${b}--text-input`, y = T(d, {
+    value: u,
+    disabled: m = !1,
+    type: h = "text"
+  }, b) => {
+    const { prefix: f } = g(), y = _(), { ariaDescribedBy: x } = y, d = `${f}--text-input`, T = w(d, {
       [`${d}__error`]: o
     });
     return /* @__PURE__ */ n(
       "input",
       {
-        ref: h,
+        value: u,
+        ref: b,
         id: r || s,
         name: s,
         onChange: t,
         onBlur: a,
-        disabled: u,
+        disabled: m,
         placeholder: l,
         required: i,
-        type: m,
-        className: y,
+        type: h,
+        className: T,
         pattern: c,
         "aria-describedby": x
       }
     );
   }
-), C = p.forwardRef((t, a) => {
+), S = p.forwardRef((t, a) => {
   const { style: o, inputStyle: r, className: s, ...l } = t, i = t.id ? t.id : t.name;
   return /* @__PURE__ */ n(
-    I,
+    C,
     {
       fieldId: i,
       style: o,
       className: s,
       ...l,
-      children: /* @__PURE__ */ n(_, { ref: a, style: r, ...l })
+      children: /* @__PURE__ */ n(I, { ref: a, style: r, ...l })
     }
   );
-}), P = C, e = {
+}), v = S, e = {
   disabled: !1,
   errorMessage: "This is an error message",
   error: !1,
@@ -62,22 +64,22 @@ const _ = p.forwardRef(
   placeholder: "This is a text field",
   required: !1,
   type: "text"
-}, S = {
+}, E = {
   ...e,
   disabled: !0,
   placeholder: "Disabled Text Field"
-}, E = {
+}, F = {
   ...e,
   placeholder: "This has a helper text"
-}, F = {
+}, j = {
   ...e,
   placeholder: "This has an error",
   error: !0
-}, j = {
+}, q = {
   ...e,
   placeholder: "This has an tooltip",
   tooltip: "This is a tooltip"
-}, q = {
+}, L = {
   ...e,
   label: "Enter your email address",
   placeholder: "my@email.com",
@@ -105,19 +107,19 @@ const _ = p.forwardRef(
   placeholder: "https://www.example.com",
   required: !1,
   type: "url"
-}, v = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, B = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   basic: e,
-  email: q,
-  haserror: F,
-  hashelper: E,
-  hastooltip: j,
-  isdisabled: S,
+  email: L,
+  haserror: j,
+  hashelper: F,
+  hastooltip: q,
+  isdisabled: E,
   password: M,
   telephone: R,
   url: $
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  P as TextInput,
-  v as TextInputArgs
+  v as L,
+  B as T
 };

package/lib/esm/_store/{Textarea-chunk-CM9RA52l.js → Textarea-chunk-BjZncFjh.js}

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
 import i from "react";
 import { c as b } from "./index-chunk-CY3PQDr4.js";
-import { u } from "./useGlobalSettings-chunk-gkijV3S1.js";
-import { u as C, F as y } from "./FormControl-chunk-zWLG-KTX.js";
+import { u } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
+import { u as C, F as y } from "./FormControl-chunk-k6iX88xc.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-DEAnQFxG.js → Textarea-entry-DVlbgKTT.js}

@@ -1,4 +1,4 @@
-import { L as i } from "./Textarea-chunk-CM9RA52l.js";
+import { L as i } from "./Textarea-chunk-BjZncFjh.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-BsNlaPOZ.js → Toggle-entry-RwBHvx2w.js}

@@ -1,8 +1,8 @@
 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 { u as S } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
 import { c as $ } from "./index-chunk-CY3PQDr4.js";
-import { u as j, F as D } from "./FormControl-chunk-zWLG-KTX.js";
+import { u as j, F as D } from "./FormControl-chunk-k6iX88xc.js";
 const v = d(
   ({
     size: s = "medium",

package/lib/esm/_store/{Tooltip-chunk-mysDr7Zr.js → Tooltip-chunk-BIPZucx0.js}

@@ -1,7 +1,7 @@
 import { jsxs as qt, jsx as he } from "react/jsx-runtime";
 import { forwardRef as me, useRef as It, useState as ge, useId as ye, useCallback as At } from "react";
 import { c as Xt } from "./index-chunk-CY3PQDr4.js";
-import { u as be } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { u as be } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
 var j = "top", k = "bottom", L = "right", C = "left", Pt = "auto", ft = [j, k, L, C], K = "start", it = "end", we = "clippingParents", te = "viewport", nt = "popper", xe = "reference", Yt = /* @__PURE__ */ ft.reduce(function(t, e) {
   return t.concat([e + "-" + K, e + "-" + it]);
 }, []), ee = /* @__PURE__ */ [].concat(ft, [Pt]).reduce(function(t, e) {

package/lib/esm/_store/Tooltip-entry-BdZs-1tq.js

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

package/lib/esm/_store/{Video-chunk-5NqETuKl.js → Video-chunk-C_cWWpiB.js}

@@ -1,7 +1,7 @@
 import { jsx as Ei, jsxs as Qp } from "react/jsx-runtime";
 import { forwardRef as hd, useRef as Nu, useImperativeHandle as Jp, useEffect as Zp } from "react";
 import { g as Qt, a as ki, b as pd, c as Bu } from "./index-chunk-CY3PQDr4.js";
-import { u as em } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { u as em } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
 import { a as js, _ as G } from "./inheritsLoose-chunk-JR0pp2En.js";
 var tm = { exports: {} }, yi;
 typeof window < "u" ? yi = window : typeof ki < "u" ? yi = ki : typeof self < "u" ? yi = self : yi = {};

package/lib/esm/_store/Video-entry-ChyEDoHA.js

@@ -0,0 +1,4 @@
+import { V as r } from "./Video-chunk-C_cWWpiB.js";
+export {
+  r as Video
+};

package/lib/esm/_store/components-entry-DkUfpD0c.js

@@ -0,0 +1,102 @@
+import { Accordion as a } from "./Accordion-entry-DijeRLbx.js";
+import { F as t } from "./Form-chunk-CnI3CSpO.js";
+import { C as p } from "./Collapse-chunk-CmdtLTLr.js";
+import { E as m } from "./Empty-chunk-Ni2cn_ys.js";
+import { I as i } from "./Image-chunk-DKLea4vg.js";
+import { L as C } from "./Loading-chunk-BycGy-99.js";
+import { L } from "./Radio-chunk-DE_LEr18.js";
+import { T } from "./Tag-chunk-BfT6mRr3.js";
+import { B as u } from "./Button-chunk-DG7cL6tj.js";
+import { C as F } from "./ContextMenu-chunk-Dk-ifDZI.js";
+import { F as b } from "./Fieldset-chunk-BYqbIcGY.js";
+import { G as k } from "./GlobalProvider-chunk-nVdEz2_E.js";
+import { G as I } from "./GlobalCtx-chunk-CtSRDnk3.js";
+import { L as G, T as N } from "./TextInput.args-chunk-gw5WCsYI.js";
+import { N as v } from "./Notification-chunk-CQvSf6dK.js";
+import { R as M } from "./ReadMore-chunk-pjNnS8Ji.js";
+import { L as A } from "./Textarea-chunk-BjZncFjh.js";
+import { C as V } from "./Callout-chunk-DDK_yI_b.js";
+import { C as y } from "./Credit-chunk-CvHvubwE.js";
+import { L as U } from "./FileUpload-chunk-Dw6vDrtN.js";
+import { H as q } from "./Heading-chunk-B4_4DVFF.js";
+import { L as J } from "./Link-chunk-DNHgQ3lF.js";
+import { L as Q } from "./NumberPicker-chunk-CaNDffBy.js";
+import { R as X } from "./RichText-chunk-BQLMR58V.js";
+import { T as Z } from "./Tooltip-chunk-BIPZucx0.js";
+import { L as $ } from "./Checkbox-chunk-OsF35mGH.js";
+import { L as ro } from "./DatePicker-chunk-BUOrwC0Y.js";
+import { H as eo } from "./Hero-chunk-CqARzKwt.js";
+import { H as so } from "./HeroCard-chunk-XzP8zeZ0.js";
+import { L as xo } from "./LinkList-chunk-Cimo8RwK.js";
+import { P as fo } from "./Pagination-chunk-B5541Ksz.js";
+import { S as Co } from "./SearchField-chunk-C1BKjgFA.js";
+import { V as Lo } from "./Video-chunk-C_cWWpiB.js";
+import { L as To } from "./Dropdown-chunk-fpN7RweM.js";
+import { I as uo } from "./Icon-chunk-DIxw5wWq.js";
+import { List as Fo } from "./List-entry-B0PAo5Km.js";
+import { P as bo } from "./Profile-chunk-BjuEze8L.js";
+import { T as ko } from "./TableOfContents-chunk-DZGMY0rb.js";
+import { F as Io } from "./Footer-chunk-BI6r73Bm.js";
+import { Navigation as Go } from "./Navigation-entry-BLC2KoMs.js";
+import { C as Ro, b as vo, D as Bo, a as Mo, F as ho, M as Ao, P as Eo, c as Vo, S as wo, T as yo } from "./ScoreCard-chunk-DbNE1WUL.js";
+import { B as Uo } from "./Breadcrumb-chunk-DxH8m_ti.js";
+import { T as qo } from "./Tabs-chunk-CZL0LfKF.js";
+import { L as Jo } from "./LanguageToggle-chunk-BOqs0wmF.js";
+import { S as Qo } from "./SubsiteNav-chunk-SOH4RAJ1.js";
+export {
+  a as Accordion,
+  Uo as Breadcrumb,
+  u as Button,
+  V as Callout,
+  Ro as CardGroup,
+  $ as Checkbox,
+  p as Collapse,
+  F as ContextMenu,
+  y as Credit,
+  vo as DataCard,
+  ro as DatePicker,
+  Bo as DetailCard,
+  To as Dropdown,
+  m as Empty,
+  Mo as FactListCard,
+  ho as FeatureCard,
+  b as Fieldset,
+  U as FileUpload,
+  Io as Footer,
+  t as Form,
+  k as GlobalProvider,
+  I as GlobalProviderContext,
+  q as Heading,
+  eo as Hero,
+  so as HeroCard,
+  uo as Icon,
+  i as Image,
+  Jo as LanguageToggle,
+  J as Link,
+  xo as LinkList,
+  Fo as List,
+  C as Loading,
+  Ao as MultiLinkCard,
+  Go as Navigation,
+  v as Notification,
+  Q as NumberPicker,
+  fo as Pagination,
+  bo as Profile,
+  Eo as PromoCard,
+  L as Radio,
+  M as ReadMore,
+  X as RichText,
+  Vo as ScoreCard,
+  Co as SearchField,
+  wo as StatCard,
+  Qo as SubsiteNav,
+  ko as TableOfContents,
+  qo as Tabs,
+  T as Tag,
+  yo as TextCard,
+  G as TextInput,
+  N as TextInputArgs,
+  A as Textarea,
+  Z as Tooltip,
+  Lo as Video
+};

package/lib/esm/_store/index.js

@@ -1,6 +1,6 @@
-import { u as r } from "./useGlobalSettings-chunk-gkijV3S1.js";
+import { u as r } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
 import { u } from "./usePrevious-chunk-BtJVllKj.js";
-import { u as a } from "./useBreakpoint-chunk-DBZTYUx9.js";
+import { u as a } from "./useBreakpoint-chunk-c1_IoC-6.js";
 export {
   a as useBreakpoint,
   r as useGlobalSettings,

package/lib/esm/_store/useBreakpoint-chunk-c1_IoC-6.js

@@ -0,0 +1,53 @@
+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), b = $;
+export {
+  b as u
+};

package/lib/esm/_store/useGlobalSettings-chunk-Bu2lRvQa.js

@@ -0,0 +1,11 @@
+import { useContext as o } from "react";
+import { G as e } from "./GlobalCtx-chunk-CtSRDnk3.js";
+const r = () => {
+  const t = o(e);
+  if (!t)
+    throw new Error("useGlobalSettings must be used within a GlobalProvider");
+  return t;
+}, i = r;
+export {
+  i as u
+};