@ilo-org/react 0.24.6 → 0.26.0

package/lib/esm/_store/{Tabs-chunk-Bugbnb4X.js → Tabs-chunk-CiBKN1wK.js}

@@ -1,19 +1,19 @@
 import { jsxs as c, jsx as n } from "react/jsx-runtime";
 import { useState as d, useEffect as u } from "react";
-import { u as N } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
+import { u as N } from "./useGlobalSettings-chunk-BhfWlTcd.js";
 import { c as C } from "./index-chunk-CY3PQDr4.js";
-import { I } from "./Icon-chunk-DIxw5wWq.js";
-const _ = ({
+import { I } from "./Icon-chunk-B3pcCi1Q.js";
+const S = ({
   items: o,
   className: i,
   theme: m = "light",
   defaultActiveTab: b = 0,
-  activeTab: t
+  activeTab: l
 }) => {
-  const [l, r] = d(b);
+  const [t, r] = d(b);
   u(() => {
-    typeof t == "number" && t >= 0 && t <= o.length - 1 && r(t);
-  }, [t, o]);
+    typeof l == "number" && l >= 0 && l <= o.length - 1 && r(l);
+  }, [l, o]);
   const $ = (s, e) => {
     r(s), e.preventDefault();
   }, { prefix: f } = N(), a = `${f}--tabs`, h = C(
@@ -26,7 +26,7 @@ const _ = ({
       "li",
       {
         role: "presentation",
-        className: `${a}--selection--item ${l === e ? "active" : ""}`,
+        className: `${a}--selection--item ${t === e ? "active" : ""}`,
         onClick: (p) => $(e, p),
         id: `tab--${e}`,
         children: /* @__PURE__ */ c(
@@ -36,9 +36,9 @@ const _ = ({
             className: `${a}--selection--button${s.icon ? " icon" : ""}`,
             role: "tab",
             "aria-controls": `tab--${e}`,
-            "aria-selected": e === l,
+            "aria-selected": e === t,
             title: s.label,
-            tabIndex: e === l ? 0 : -1,
+            tabIndex: e === t ? 0 : -1,
             children: [
               /* @__PURE__ */ n("span", { className: `${a}--selection--label`, children: s.label }),
               s.icon && /* @__PURE__ */ n(I, { name: s.icon.name, hidden: s.icon.hidden })
@@ -53,13 +53,13 @@ const _ = ({
       {
         className: `${a}--content`,
         role: "tabpanel",
-        "aria-labelledby": `tab--${l}`,
+        "aria-labelledby": `tab--${t}`,
         tabIndex: 0,
-        children: o[l].content
+        children: o[t].content
       }
     )
   ] });
-}, T = _;
+};
 export {
-  T
+  S as T
 };

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

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

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

@@ -1,13 +1,13 @@
 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-Bu2lRvQa.js";
-import { I as w } from "./Icon-chunk-DIxw5wWq.js";
+import { createContext as I, useContext as S } from "react";
+import { c as T } from "./index-chunk-CY3PQDr4.js";
+import { u as _ } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+import { I as w } from "./Icon-chunk-B3pcCi1Q.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 = ({
+const M = I({}), G = ({
   className: e,
   children: t,
   id: s,
@@ -16,14 +16,14 @@ const M = T({}), j = ({
   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, {
+  const { prefix: u } = _(), { activeItems: d, setActiveItems: C, allowMultipleActive: b } = S(M), l = d.indexOf(s) > -1, c = `${u}--tag`, f = `${u}--tag-set__item`, v = a, r = T(e, {
     [c]: !0,
     [`${c}--active`]: l,
     [`${c}--${a}`]: a,
     "icon icon__position--right": !0
   });
   let p = l;
-  const $ = (o) => {
+  const N = (o) => {
     C(
       E({
         id: s,
@@ -39,7 +39,7 @@ const M = T({}), j = ({
       {
         type: "button",
         className: r,
-        onClick: (N) => $(N),
+        onClick: ($) => N($),
         id: s,
         ...i,
         children: [
@@ -61,8 +61,8 @@ const M = T({}), j = ({
     ),
     a === "display" && /* @__PURE__ */ n("span", { className: r, id: s, ...i, children: t })
   ] }) });
-}, q = j;
+};
 export {
-  q as T,
+  G as T,
   M as a
 };

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

@@ -0,0 +1,48 @@
+import { a as h } from "./Tag-chunk-Dl2zXTQ8.js";
+import { T as G } from "./Tag-chunk-Dl2zXTQ8.js";
+import { jsx as m } from "react/jsx-runtime";
+import { c as C } from "./index-chunk-CY3PQDr4.js";
+import { useState as d, useEffect as N, Children as O } from "react";
+import { u as b } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+function E(o) {
+  return o.some((s, r) => o.indexOf(s) !== r);
+}
+const q = ({
+  className: o,
+  children: s,
+  onButtonClick: r,
+  defaultTagActive: t = [],
+  allowMultipleActive: n = !0,
+  ...i
+}) => {
+  const { prefix: c } = b(), f = `${c}--tag-set`, [u, a] = d([]), p = JSON.stringify(t);
+  if (N(() => {
+    const e = n ? t : t.length > 0 ? [t[0]] : t;
+    a(e);
+  }, [p, n]), s) {
+    const e = [];
+    O.forEach(s, (x) => {
+      const S = x;
+      e.push(S.props.id);
+    }), E(e) && console.warn("Warning: Tags must have unique ids.");
+  }
+  const g = C(o, {
+    [f]: !0
+  });
+  return /* @__PURE__ */ m(
+    h.Provider,
+    {
+      value: {
+        activeItems: u,
+        setActiveItems: a,
+        allowMultipleActive: n,
+        onButtonClick: r
+      },
+      children: /* @__PURE__ */ m("ul", { className: g, ...i, children: s })
+    }
+  );
+};
+export {
+  G as Tag,
+  q as TagSet
+};

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

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

package/lib/esm/_store/{TextInput.args-chunk-DCwrQ9lS.js → TextInput.args-chunk-RWwWDRZ4.js}

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
 import p from "react";
 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-CJhnDujX.js";
+import { u as g } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+import { F as _, u as C } from "./FormControl-chunk-CA1OQzEu.js";
 const I = p.forwardRef(
   ({
     onChange: t,
@@ -17,7 +17,7 @@ const I = p.forwardRef(
     disabled: m = !1,
     type: h = "text"
   }, b) => {
-    const { prefix: f } = g(), y = _(), { ariaDescribedBy: x } = y, d = `${f}--text-input`, T = w(d, {
+    const { prefix: f } = g(), y = C(), { ariaDescribedBy: x } = y, d = `${f}--text-input`, T = w(d, {
       [`${d}__error`]: o
     });
     return /* @__PURE__ */ n(
@@ -39,10 +39,10 @@ const I = p.forwardRef(
       }
     );
   }
-), S = p.forwardRef((t, a) => {
+), $ = p.forwardRef((t, a) => {
   const { style: o, inputStyle: r, className: s, ...l } = t, i = t.id ? t.id : t.name;
   return /* @__PURE__ */ n(
-    C,
+    _,
     {
       fieldId: i,
       style: o,
@@ -51,7 +51,7 @@ const I = p.forwardRef(
       children: /* @__PURE__ */ n(I, { ref: a, style: r, ...l })
     }
   );
-}), v = S, e = {
+}), e = {
   disabled: !1,
   errorMessage: "This is an error message",
   error: !1,
@@ -64,22 +64,22 @@ const I = p.forwardRef(
   placeholder: "This is a text field",
   required: !1,
   type: "text"
-}, E = {
+}, S = {
   ...e,
   disabled: !0,
   placeholder: "Disabled Text Field"
-}, F = {
+}, E = {
   ...e,
   placeholder: "This has a helper text"
-}, j = {
+}, F = {
   ...e,
   placeholder: "This has an error",
   error: !0
-}, q = {
+}, j = {
   ...e,
   placeholder: "This has an tooltip",
   tooltip: "This is a tooltip"
-}, L = {
+}, q = {
   ...e,
   label: "Enter your email address",
   placeholder: "my@email.com",
@@ -91,7 +91,7 @@ const I = p.forwardRef(
   placeholder: "Must be 8 digits long",
   type: "password",
   id: "password-input"
-}, R = {
+}, N = {
   ...e,
   name: "tel",
   label: "Enter your telephone number",
@@ -99,7 +99,7 @@ const I = p.forwardRef(
   required: !1,
   type: "tel",
   pattern: "[0-9]{3}-[0-9]{3}-[0-9]{4}"
-}, $ = {
+}, R = {
   ...e,
   label: "Enter website address",
   id: "url-input",
@@ -107,19 +107,19 @@ const I = p.forwardRef(
   placeholder: "https://www.example.com",
   required: !1,
   type: "url"
-}, B = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, v = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   basic: e,
-  email: L,
-  haserror: j,
-  hashelper: F,
-  hastooltip: q,
-  isdisabled: E,
+  email: q,
+  haserror: F,
+  hashelper: E,
+  hastooltip: j,
+  isdisabled: S,
   password: M,
-  telephone: R,
-  url: $
+  telephone: N,
+  url: R
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  v as L,
-  B as T
+  $ as L,
+  v as T
 };

package/lib/esm/_store/Textarea-chunk-CshU7TIs.js

@@ -0,0 +1,38 @@
+import { jsx as l } from "react/jsx-runtime";
+import i from "react";
+import { c as u } from "./index-chunk-CY3PQDr4.js";
+import { u as C } from "./useGlobalSettings-chunk-BhfWlTcd.js";
+import { F as b, u as y } from "./FormControl-chunk-CA1OQzEu.js";
+const F = i.forwardRef(
+  ({ error: r, className: a, name: e, id: t, ...o }, s) => {
+    const { prefix: c } = C(), m = y(), { ariaDescribedBy: f } = m, n = `${c}--textarea`, d = `${n}__error`, x = u(n, a, {
+      [d]: r
+    });
+    return /* @__PURE__ */ l(
+      "textarea",
+      {
+        ref: s,
+        className: x,
+        name: e,
+        id: t || e,
+        "aria-describedby": f,
+        ...o
+      }
+    );
+  }
+), S = i.forwardRef((r, a) => {
+  const { style: e, inputStyle: t, className: o, ...s } = r, c = r.id ? r.id : r.name;
+  return /* @__PURE__ */ l(
+    b,
+    {
+      fieldId: c,
+      style: e,
+      className: o,
+      ...s,
+      children: /* @__PURE__ */ l(F, { ref: a, style: t, ...s })
+    }
+  );
+});
+export {
+  S as L
+};

package/lib/esm/_store/{Textarea-entry-Bh6ZxG82.js → Textarea-entry-CglvRaAT.js}

@@ -1,4 +1,4 @@
-import { L as i } from "./Textarea-chunk-CEAOC4yE.js";
+import { L as i } from "./Textarea-chunk-CshU7TIs.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-BdxawvoW.js → Toggle-entry-BKYywcU0.js}

@@ -1,9 +1,9 @@
-import { jsxs as z, jsx as a } from "react/jsx-runtime";
+import { jsx as a, jsxs as z } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
-import { u as S } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
+import { u as S } from "./useGlobalSettings-chunk-BhfWlTcd.js";
 import { c as $ } from "./index-chunk-CY3PQDr4.js";
-import { u as j, F as D } from "./FormControl-chunk-CJhnDujX.js";
-const v = d(
+import { F as j, u as D } from "./FormControl-chunk-CA1OQzEu.js";
+const N = d(
   ({
     size: s = "medium",
     error: c = !1,
@@ -11,59 +11,59 @@ const v = d(
     defaultChecked: i = !1,
     required: n = !1,
     id: r,
-    name: l,
-    onChange: g,
-    onBlur: u,
+    name: t,
+    onChange: u,
+    onBlur: g,
     onClick: f,
     checked: h,
-    className: b
-  }, p) => {
-    const { prefix: C } = S(), _ = j(), { ariaDescribedBy: T } = _, k = !o && !!c, t = `${C}--input--toggle`, y = `${t}--slider`, x = $(
-      t,
-      b,
-      `${t}__size__${s}`,
+    className: p
+  }, b) => {
+    const { prefix: C } = S(), _ = D(), { ariaDescribedBy: k } = _, y = !o && !!c, l = `${C}--input--toggle`, T = `${l}--slider`, x = $(
+      l,
+      p,
+      `${l}__size__${s}`,
       [
-        { [`${t}__error`]: k },
-        { [`${t}__disabled`]: o }
+        { [`${l}__error`]: y },
+        { [`${l}__disabled`]: o }
       ]
     );
     return /* @__PURE__ */ z("div", { className: x, children: [
       /* @__PURE__ */ a(
         "input",
         {
-          ref: p,
+          ref: b,
           checked: h,
           disabled: o,
           defaultChecked: i,
-          name: l,
-          id: r || l,
+          name: t,
+          id: r || t,
           type: "checkbox",
           role: "switch",
           required: n,
-          onChange: g,
-          onBlur: u,
+          onChange: u,
+          onBlur: g,
           onClick: f,
-          "aria-describedby": T
+          "aria-describedby": k
         }
       ),
-      /* @__PURE__ */ a("span", { className: y })
+      /* @__PURE__ */ a("span", { className: T })
     ] });
   }
-), w = d(
+), q = d(
   (s, c) => {
-    const o = s.id ? s.id : s.name, { style: i, inputStyle: n, className: r, ...l } = s;
+    const o = s.id ? s.id : s.name, { style: i, inputStyle: n, className: r, ...t } = s;
     return /* @__PURE__ */ a(
-      D,
+      j,
       {
         fieldId: o,
         style: i,
         className: r,
-        ...l,
-        children: /* @__PURE__ */ a(v, { ref: c, style: n, ...l })
+        ...t,
+        children: /* @__PURE__ */ a(N, { ref: c, style: n, ...t })
       }
     );
   }
-), J = w, e = {
+), e = {
   defaultChecked: !1,
   errorMessage: "Invalid option",
   name: "my-toggle",
@@ -71,19 +71,19 @@ const v = d(
   label: "Show details",
   labelPlacement: "end",
   labelSize: "small"
-}, F = {
+}, v = {
   ...e,
   defaultChecked: !0
-}, L = {
+}, w = {
   ...e,
   disabled: !0
 }, m = {
   ...e,
   helper: "This is a helper text"
-}, M = {
+}, F = {
   ...m,
   tooltip: "This is a tooltip"
-}, N = {
+}, M = {
   ...e,
   error: !0
 }, E = {
@@ -93,30 +93,30 @@ const v = d(
   ...e,
   onClick: () => console.log("clicked"),
   checked: !0
-}, O = {
+}, L = {
   ...e,
   size: "large"
-}, P = {
+}, O = {
   ...e,
   size: "medium"
-}, A = {
+}, P = {
   ...e,
   size: "small"
-}, K = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, J = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Checked: F,
+  Checked: v,
   Controlled: I,
   Default: e,
   DefaultChecked: E,
-  Disabled: L,
-  Error: N,
+  Disabled: w,
+  Error: M,
   Helper: m,
-  Large: O,
-  Medium: P,
-  Small: A,
-  Tooltip: M
+  Large: L,
+  Medium: O,
+  Small: P,
+  Tooltip: F
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  J as Toggle,
-  K as ToggleArgs
+  q as Toggle,
+  J as ToggleArgs
 };

package/lib/esm/_store/{Tooltip-chunk-CC5huzaB.js → Tooltip-chunk-D5CzbDEd.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-Bu2lRvQa.js";
+import { u as be } from "./useGlobalSettings-chunk-BhfWlTcd.js";
 var j = "top", k = "bottom", L = "right", C = "left", Pt = "auto", ft = [j, k, L, C], Q = "start", it = "end", we = "clippingParents", te = "viewport", nt = "popper", xe = "reference", Yt = /* @__PURE__ */ ft.reduce(function(t, e) {
   return t.concat([e + "-" + Q, e + "-" + it]);
 }, []), ee = /* @__PURE__ */ [].concat(ft, [Pt]).reduce(function(t, e) {
@@ -488,7 +488,6 @@ function st(t, e) {
   var r = e, n = r.placement, a = n === void 0 ? t.placement : n, o = r.strategy, p = o === void 0 ? t.strategy : o, i = r.boundary, s = i === void 0 ? we : i, c = r.rootBoundary, f = c === void 0 ? te : c, v = r.elementContext, m = v === void 0 ? nt : v, u = r.altBoundary, w = u === void 0 ? !1 : u, h = r.padding, d = h === void 0 ? 0 : h, y = oe(typeof d != "number" ? d : ie(d, ft)), O = m === nt ? xe : nt, x = t.rects.popper, l = t.elements[w ? O : m], g = tr(J(l) ? l : l.contextElement || q(t.elements.popper), s, f, p), b = _(t.elements.reference), A = fe({
     reference: b,
     element: x,
-    strategy: "absolute",
     placement: a
   }), P = $t(Object.assign({}, x, A)), $ = m === nt ? P : b, E = {
     top: g.top - $.top + y.top,
@@ -658,7 +657,6 @@ function cr(t) {
   e.modifiersData[r] = fe({
     reference: e.rects.reference,
     element: e.rects.popper,
-    strategy: "absolute",
     placement: e.placement
   });
 }
@@ -961,6 +959,7 @@ const Cr = me(
         onFocus: d,
         onBlur: y,
         id: i || `tooltip-${h}`,
+        "data-testid": "tooltip-trigger",
         children: [
           !t && a,
           /* @__PURE__ */ qt(

package/lib/esm/_store/Tooltip-entry-ADIqSJE6.js

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