@ama-pt/agora-design-system 2.2.1 → 2.2.2

package/artifacts/dist/index.mjs

@@ -1,4 +1,4 @@
-import e, { lazy as M, Suspense as xt, forwardRef as re, Children as O, isValidElement as B, useRef as C, useState as V, useEffect as _, useImperativeHandle as Se, useId as le, useMemo as oe, createRef as ke, useCallback as be, cloneElement as ge, createContext as ze, useContext as Te, Fragment as hi, useLayoutEffect as vi } from "react";
+import e, { lazy as M, Suspense as xt, forwardRef as re, Children as O, isValidElement as T, useRef as X, useState as V, useEffect as ee, useImperativeHandle as Se, useId as le, useMemo as oe, createRef as ke, useCallback as be, cloneElement as ge, createContext as ze, useContext as Te, Fragment as hi, useLayoutEffect as vi } from "react";
 import { createPortal as Ji } from "react-dom";
 const Mt = {
   content: [],
@@ -658,7 +658,7 @@ const J = /* @__PURE__ */ yi(Si), Lt = {
   };
   return m && /* @__PURE__ */ e.createElement(xt, null, /* @__PURE__ */ e.createElement(m, { ...g }));
 }, de = ({ state: t, ...i }) => /* @__PURE__ */ e.createElement(ne, { "data-state": t, ...i }), zi = ({ className: t, state: i = "default", children: n, ...a }, l) => /* @__PURE__ */ e.createElement("div", { ...a, ref: l, className: t }, O.toArray(n).map((c) => {
-  if (!B(c))
+  if (!T(c))
     return null;
   const { state: r, ...o } = c.props;
   return /* @__PURE__ */ e.createElement(ne, { ...o, "aria-hidden": !0, key: r, style: { display: r === i ? "block" : "none" } });
@@ -699,8 +699,8 @@ const Yr = (t, i = 300) => {
     }, i);
   };
 }, Ti = (t, i = 300) => {
-  const n = C(null), [a, l] = V(null);
-  return _(() => (n.current && clearTimeout(n.current), n.current = setTimeout(() => {
+  const n = X(null), [a, l] = V(null);
+  return ee(() => (n.current && clearTimeout(n.current), n.current = setTimeout(() => {
     t(a);
   }, i), () => {
     n.current && clearTimeout(n.current);
@@ -716,7 +716,7 @@ const Yr = (t, i = 300) => {
   return `${i}/${n}/${a}`;
 }, Ur = (t) => t.toLocaleLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, ""), s = (t) => typeof t > "u" ? !1 : typeof t == "boolean" ? t : t === "true";
 function je(t, i, n, a) {
-  const l = C();
+  const l = X();
   return Se(
     t,
     () => (l.current = i.current, l.current && Object.assign(l.current, n), l.current),
@@ -727,7 +727,7 @@ const De = (t, i = 10) => {
   setTimeout(t, i);
 }, pe = () => {
   const [t, i] = V(1920), [n, a] = V(1080);
-  return _(() => {
+  return ee(() => {
     let l = !0;
     const c = () => {
       l && (i(window.innerWidth), a(window.innerHeight));
@@ -770,13 +770,13 @@ const De = (t, i = 10) => {
     R || p(!0);
   }, S = () => {
     R || p(!1), y({ name: "collapse" });
-  }, X = () => {
+  }, C = () => {
     R || p(!1);
   }, F = () => {
     R || p(!v), v && y({ name: "collapse" }), v || y({ name: "expand" });
-  }, T = () => {
+  }, B = () => {
     R || p(!v);
-  }, Q = C(null), L = je(
+  }, Q = X(null), L = je(
     N,
     Q,
     {
@@ -784,13 +784,13 @@ const De = (t, i = 10) => {
       expand: W,
       silentExpand: x,
       collapse: S,
-      silentCollapse: X,
+      silentCollapse: C,
       toggle: F,
-      silentToggle: T
+      silentToggle: B
     },
     [Q, v]
   );
-  _(() => {
+  ee(() => {
     if (k.name === "expand") {
       const ie = Be(L.current, "expand");
       d == null || d(ie);
@@ -802,7 +802,7 @@ const De = (t, i = 10) => {
     const te = Be(L.current, "change");
     b == null || b(te);
   }, [k]);
-  const ee = J("agora-accordion", A, {
+  const _ = J("agora-accordion", A, {
     "accordion-open": v,
     "active-state": G === "active",
     mobile: w,
@@ -822,7 +822,7 @@ const De = (t, i = 10) => {
   }, se = () => {
     D("hover");
   };
-  return /* @__PURE__ */ e.createElement("div", { className: ee, ...E, ref: Q }, /* @__PURE__ */ e.createElement(o, { className: "flex justify-start items-center w-full" }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: _, ...E, ref: Q }, /* @__PURE__ */ e.createElement(o, { className: "flex justify-start items-center w-full" }, /* @__PURE__ */ e.createElement(
     "button",
     {
       "aria-label": u,
@@ -857,7 +857,7 @@ const De = (t, i = 10) => {
       I !== g && ((b = d.current) == null || b.silentCollapse());
     });
   }, A = O.toArray(i).map((g, d) => {
-    if (!B(g))
+    if (!T(g))
       return null;
     const I = `accordion-group-${c}-accordion-${d}`, b = ke();
     r.set(I, b);
@@ -886,7 +886,7 @@ const De = (t, i = 10) => {
   inline: I = !1,
   ...b
 }, u) => {
-  const E = C(null);
+  const E = X(null);
   je(u, E, {}, [E.current]);
   const N = J(
     "agora-anchor",
@@ -947,7 +947,7 @@ const De = (t, i = 10) => {
   children: r,
   ...o
 }) => {
-  const A = le(), m = C(null), [g, d] = V(0), [I, b] = V(0), [u, E] = V(0), [N, Z] = V(0), R = be(() => {
+  const A = le(), m = X(null), [g, d] = V(0), [I, b] = V(0), [u, E] = V(0), [N, Z] = V(0), R = be(() => {
     var Q;
     if (m.current) {
       const L = (Q = m.current) == null ? void 0 : Q.getBoundingClientRect();
@@ -969,7 +969,7 @@ const De = (t, i = 10) => {
   }, v = () => {
     U();
   };
-  _(() => {
+  ee(() => {
     document.addEventListener("keydown", w);
     const Q = (L) => {
       L.detail !== Y.id && D(!1);
@@ -978,7 +978,7 @@ const De = (t, i = 10) => {
       document.removeEventListener("keydown", w), document.removeEventListener(Yt, Q);
     };
   }, [Y.id]);
-  const k = O.map(r, (Q) => B(Q) ? ge(Q, { ref: m, onMouseEnter: (H) => {
+  const k = O.map(r, (Q) => T(Q) ? ge(Q, { ref: m, onMouseEnter: (H) => {
     var f, K;
     R(), h(), (K = (f = Q.props).onMouseEnter) == null || K.call(f, H);
   }, onMouseLeave: (H) => {
@@ -992,7 +992,7 @@ const De = (t, i = 10) => {
     var f, K;
     U(), (K = (f = Q.props).onBlur) == null || K.call(f, H);
   }, "aria-describedby": Y.id }) : Q);
-  _(() => {
+  ee(() => {
     const Q = () => {
       R();
     };
@@ -1076,7 +1076,7 @@ const De = (t, i = 10) => {
         left: `${u + 10}px`,
         transform: "translateY(-100%)"
       };
-  }, [a, N, u]), X = oe(() => {
+  }, [a, N, u]), C = oe(() => {
     switch (n) {
       case "top":
         return y;
@@ -1098,9 +1098,9 @@ const De = (t, i = 10) => {
       onMouseLeave: v,
       role: "none"
     },
-    /* @__PURE__ */ e.createElement("div", { className: "relative w-full h-full" }, /* @__PURE__ */ e.createElement("div", { ...Y, style: { ...X }, id: Y.id, className: p, role: "tooltip" }, s(t) && /* @__PURE__ */ e.createElement("div", { className: "title" }, l), /* @__PURE__ */ e.createElement("p", { className: "description" }, c), /* @__PURE__ */ e.createElement("div", { className: "tooltip-extra-hover-area", role: "none" })))
-  ), [p, c, t, l, Y, X, g, I]), T = oe(() => G ? Ji(F, document.body) : null, [G, F]);
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, k, T);
+    /* @__PURE__ */ e.createElement("div", { className: "relative w-full h-full" }, /* @__PURE__ */ e.createElement("div", { ...Y, style: { ...C }, id: Y.id, className: p, role: "tooltip" }, s(t) && /* @__PURE__ */ e.createElement("div", { className: "title" }, l), /* @__PURE__ */ e.createElement("p", { className: "description" }, c), /* @__PURE__ */ e.createElement("div", { className: "tooltip-extra-hover-area", role: "none" })))
+  ), [p, c, t, l, Y, C, g, I]), B = oe(() => G ? Ji(F, document.body) : null, [G, F]);
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, k, B);
 }, Qi = ({
   darkMode: t = !1,
   appearance: i = "solid",
@@ -1117,7 +1117,7 @@ const De = (t, i = 10) => {
   onChange: I,
   ...b
 }, u) => {
-  const [E, N] = V(s(b.selected)), [Z, R] = V("default"), Y = C(null);
+  const [E, N] = V(s(b.selected)), [Z, R] = V("default"), Y = X(null);
   je(
     u,
     Y,
@@ -1129,7 +1129,7 @@ const De = (t, i = 10) => {
   const j = () => {
     N((y) => !y);
   };
-  _(() => {
+  ee(() => {
     const y = Be({ ...Y.current, selected: E }, "change");
     I == null || I(y);
   }, [E]);
@@ -1147,8 +1147,8 @@ const De = (t, i = 10) => {
     var W, x;
     (y.code === "Enter" || y.code === "NumpadEnter" || y.code === "Space") && ((W = Y.current) == null || W.classList.add("active"), R("active")), (x = b.onKeyDown) == null || x.call(b, y);
   }, D = (y) => {
-    var W, x, S, X;
-    (y.code === "Enter" || y.code === "NumpadEnter" || y.code === "Space") && ((W = Y.current) == null || W.classList.remove("active"), R("default"), (x = Y.current) == null || x.setAttribute("data-custom-triggered-click", "true"), (S = Y.current) == null || S.click()), (X = b.onKeyUp) == null || X.call(b, y);
+    var W, x, S, C;
+    (y.code === "Enter" || y.code === "NumpadEnter" || y.code === "Space") && ((W = Y.current) == null || W.classList.remove("active"), R("default"), (x = Y.current) == null || x.setAttribute("data-custom-triggered-click", "true"), (S = Y.current) == null || S.click()), (C = b.onKeyUp) == null || C.call(b, y);
   }, h = (y) => {
     var x;
     window.matchMedia("(pointer: coarse)").matches || (R("hover"), (x = b.onMouseEnter) == null || x.call(b, y));
@@ -1162,18 +1162,18 @@ const De = (t, i = 10) => {
     var x, S;
     y.preventDefault(), !window.matchMedia("(pointer: coarse)").matches && (R("default"), (x = Y.current) == null || x.classList.remove("active"), (S = b.onMouseUp) == null || S.call(b, y));
   }, k = (y) => {
-    var S, X, F, T;
+    var S, C, F, B;
     const W = window.matchMedia("(pointer: coarse)").matches;
     if (y.detail > 0) {
       j(), R(W ? "default" : "hover"), (S = b.onClick) == null || S.call(b, y);
       return;
     }
-    const x = ((X = Y.current) == null ? void 0 : X.getAttribute("data-custom-triggered-click")) === "true";
+    const x = ((C = Y.current) == null ? void 0 : C.getAttribute("data-custom-triggered-click")) === "true";
     if ((F = Y.current) == null || F.removeAttribute("data-custom-triggered-click"), !x) {
       y.preventDefault();
       return;
     }
-    j(), R("default"), (T = b.onClick) == null || T.call(b, y);
+    j(), R("default"), (B = b.onClick) == null || B.call(b, y);
   };
   return /* @__PURE__ */ e.createElement(
     "button",
@@ -1263,12 +1263,12 @@ const De = (t, i = 10) => {
   const a = st(), l = a.visibility, c = a.applyFilter, r = a.hide, o = a.next, [A, m] = V(""), g = Ti(c, t), d = (R) => {
     m(R.target.value);
   };
-  _(() => {
+  ee(() => {
     g.setArgs(A.toLowerCase());
   }, [A, g]);
   const I = () => {
     m("");
-  }, b = C(null), u = C(null);
+  }, b = X(null), u = X(null);
   Se(n, () => ({
     current: u.current,
     resetFilter: I
@@ -1290,7 +1290,7 @@ const De = (t, i = 10) => {
     var Y;
     R.preventDefault(), (Y = b.current) == null || Y.focus();
   };
-  return _(() => {
+  return ee(() => {
     if (u.current && l) {
       const { height: R } = u.current.getBoundingClientRect();
       u.current.setAttribute("data-filter-section-height", `${R}`);
@@ -1331,14 +1331,14 @@ const De = (t, i = 10) => {
       "trailing-icon": s(l) && r === "trailing"
     }
   ), U = () => {
-    const S = Z.find((X) => X.value === m && X.name === A);
+    const S = Z.find((C) => C.value === m && C.name === A);
     S && N(S);
   }, w = (S) => {
-    const X = S.code;
-    (X === "Space" || X === "Enter" || X === "NumpadEnter") && (S.stopPropagation(), S.preventDefault(), U()), X === "Tab" && (S.stopPropagation(), S.preventDefault(), D());
+    const C = S.code;
+    (C === "Space" || C === "Enter" || C === "NumpadEnter") && (S.stopPropagation(), S.preventDefault(), U()), C === "Tab" && (S.stopPropagation(), S.preventDefault(), D());
   }, v = (S) => {
-    const { code: X } = S;
-    switch (X) {
+    const { code: C } = S;
+    switch (C) {
       case "Escape":
         D();
         break;
@@ -1388,13 +1388,13 @@ const De = (t, i = 10) => {
     /* @__PURE__ */ e.createElement($i, { type: G, hasIcon: s(l), icon: b }, o)
   );
 }, en = re(_i), tn = ({ className: t, name: i, label: n = "", hideLabel: a }) => {
-  const l = st(), c = l.options, r = l.type, o = l.visibility, A = oe(() => /* @__PURE__ */ new Map(), []), m = C(null), g = J("agora-dropdown-section", t), d = oe(() => c.filter((b) => b.name === i).map((b) => {
+  const l = st(), c = l.options, r = l.type, o = l.visibility, A = oe(() => /* @__PURE__ */ new Map(), []), m = X(null), g = J("agora-dropdown-section", t), d = oe(() => c.filter((b) => b.name === i).map((b) => {
     const u = `${i}-${r}-${b.value}`, E = J(b.className, {
       "no-section-name": r !== "checkbox" && s(a)
     }), N = ke();
     return A.set(u, N), /* @__PURE__ */ e.createElement(en, { ...b, key: u, sectionOptionId: u, ref: N, className: E });
   }), [c, A, i, r, i]);
-  _(() => {
+  ee(() => {
     if (A.forEach((b) => {
       if (b.current && o) {
         const u = b.current.getBoundingClientRect().height;
@@ -1408,7 +1408,7 @@ const De = (t, i = 10) => {
   const I = !s(a);
   return /* @__PURE__ */ e.createElement("ul", { className: g, role: "group", ...I ? { "aria-labelledby": i } : {} }, I && /* @__PURE__ */ e.createElement("li", { ref: m, className: "section-name", id: i, role: "presentation" }, n), d);
 }, nn = ({ label: t }) => {
-  const i = C(null), n = st(), a = n.visibility, l = n.isAllDisabled, c = n.isAllSelected, r = n.selectAll, o = n.last, A = n.first, m = n.next, g = n.prev, d = n.hide, I = (E) => {
+  const i = X(null), n = st(), a = n.visibility, l = n.isAllDisabled, c = n.isAllSelected, r = n.selectAll, o = n.last, A = n.first, m = n.next, g = n.prev, d = n.hide, I = (E) => {
     const { code: N } = E;
     switch (N) {
       case "Escape":
@@ -1437,14 +1437,14 @@ const De = (t, i = 10) => {
   }, b = () => {
     r();
   };
-  _(() => {
+  ee(() => {
     const E = (N) => {
       N.code === "Tab" && (N.stopPropagation(), N.preventDefault(), d());
     };
     return i.current && i.current.addEventListener("keydown", E, !0), () => {
       i.current && i.current.removeEventListener("keydown", E, !0);
     };
-  }, []), _(() => {
+  }, []), ee(() => {
     if (i.current && a) {
       const { height: E } = i.current.getBoundingClientRect();
       i.current.setAttribute("data-select-all-section-height", `${E}`);
@@ -1474,9 +1474,9 @@ const De = (t, i = 10) => {
   noSearchResults: c = "",
   ...r
 }, o) => {
-  const A = st(), m = A.visibility, g = A.activeFilter, d = A.sections, I = A.options, b = A.type, u = C(null), E = be(() => {
+  const A = st(), m = A.visibility, g = A.activeFilter, d = A.sections, I = A.options, b = A.type, u = X(null), E = be(() => {
     a && u.current && u.current.resetFilter();
-  }, [a]), N = C(null);
+  }, [a]), N = X(null);
   je(o, N, { resetFilter: E }, [E]);
   const [Z, R] = V(""), Y = le(), j = { ...r };
   j.id = j.id ?? Y;
@@ -1484,8 +1484,8 @@ const De = (t, i = 10) => {
     if (N.current && a) {
       const S = N.current.querySelectorAll(".agora-dropdown-filter-section-item")[0] ?? null;
       if (S) {
-        const X = S.getAttribute("data-filter-section-height");
-        return X ? Number(X) : 0;
+        const C = S.getAttribute("data-filter-section-height");
+        return C ? Number(C) : 0;
       }
     }
     return 0;
@@ -1493,16 +1493,16 @@ const De = (t, i = 10) => {
     if (N.current && b === "checkbox") {
       const S = N.current.querySelectorAll(".agora-dropdown-all-option")[0] ?? null;
       if (S) {
-        const X = S.getAttribute("data-select-all-section-height");
-        return X ? Number(X) : 0;
+        const C = S.getAttribute("data-select-all-section-height");
+        return C ? Number(C) : 0;
       }
     }
     return 0;
   }, [b]), D = be((x) => {
     let S = 0;
     return N.current && N.current.querySelectorAll(".agora-dropdown-section .section-name").forEach((F) => {
-      const T = F.getAttribute("data-section-option-id");
-      if (T && x.includes(T)) {
+      const B = F.getAttribute("data-section-option-id");
+      if (B && x.includes(B)) {
         const Q = F.getAttribute("data-section-name-height");
         S = S + (Q ? Number(Q) : 0);
       }
@@ -1511,11 +1511,11 @@ const De = (t, i = 10) => {
     (x) => {
       let S = 0;
       if (N.current) {
-        const X = x.map((T) => `${T.name}-${b}-${T.value}`);
-        N.current.querySelectorAll(".agora-dropdown-section .agora-dropdown-option").forEach((T) => {
-          const Q = T.getAttribute("data-section-option-id");
-          if (Q && X.includes(Q)) {
-            const L = T.getAttribute("data-section-option-height");
+        const C = x.map((B) => `${B.name}-${b}-${B.value}`);
+        N.current.querySelectorAll(".agora-dropdown-section .agora-dropdown-option").forEach((B) => {
+          const Q = B.getAttribute("data-section-option-id");
+          if (Q && C.includes(Q)) {
+            const L = B.getAttribute("data-section-option-height");
             S = S + (L ? Number(L) : 0);
           }
         });
@@ -1528,18 +1528,18 @@ const De = (t, i = 10) => {
       return 0;
     const x = getComputedStyle(N.current);
     if (x) {
-      const S = parseFloat(x.borderTopWidth), X = parseFloat(x.borderBottomWidth);
-      return S + X;
+      const S = parseFloat(x.borderTopWidth), C = parseFloat(x.borderBottomWidth);
+      return S + C;
     }
     return 0;
   }, [N]);
-  _(() => {
+  ee(() => {
     if (m) {
       const x = I.filter((S) => !S.filtered);
       if (x.length > l) {
-        const S = x.slice(0, l), X = [...new Set(S.map((T) => T.name ?? "").filter((T) => !!T))];
+        const S = x.slice(0, l), C = [...new Set(S.map((B) => B.name ?? "").filter((B) => !!B))];
         let F = 0;
-        F = F + p(), F = F + G(), F = F + D(X), F = F + h(S), F > 0 ? (F = F + U(), R(`${F}px`)) : R("none");
+        F = F + p(), F = F + G(), F = F + D(C), F = F + h(S), F > 0 ? (F = F + U(), R(`${F}px`)) : R("none");
       } else
         R("none");
     }
@@ -1570,87 +1570,87 @@ const De = (t, i = 10) => {
       }
     },
     /* @__PURE__ */ e.createElement("div", { ...j, role: "listbox" }, a && /* @__PURE__ */ e.createElement(Ki, { ref: u, "aria-label": n, placeholder: i }), b === "checkbox" && k && !y && t && /* @__PURE__ */ e.createElement(nn, { label: t }), k && d.filter((x) => W.indexOf(x.name) >= 0).map((x, S) => {
-      const X = `agora-dropdown-option-${j.id}-${S}`;
-      return /* @__PURE__ */ e.createElement(tn, { key: X, ...x });
+      const C = `agora-dropdown-option-${j.id}-${S}`;
+      return /* @__PURE__ */ e.createElement(tn, { key: C, ...x });
     }), (!v || !k) && /* @__PURE__ */ e.createElement(qi, { label: c }))
   );
 }, ln = re(an), cn = (t, i, n, a, l, c, r, o) => {
   const [A, m] = V([]), [g, d] = V([]);
-  _(() => {
-    const T = [], Q = [];
+  ee(() => {
+    const B = [], Q = [];
     o && (Array.isArray(o) ? O.forEach(o, (L) => {
-      T.push({
+      B.push({
         ...L.props,
         hideLabel: n
       });
-    }) : T.push({
+    }) : B.push({
       ...o.props,
       hideLabel: n
-    })), T.forEach((L) => {
-      O.forEach(L.children, (ee) => {
+    })), B.forEach((L) => {
+      O.forEach(L.children, (_) => {
         Q.push({
-          ...ee.props,
+          ..._.props,
           name: L.name
         });
       });
-    }), m(T), d(Q);
+    }), m(B), d(Q);
   }, [o, i, a]);
-  const [I, b] = V(""), u = (T) => {
-    b((Q) => Q === T ? Q : (d((L) => {
-      const ee = L.map(($) => {
+  const [I, b] = V(""), u = (B) => {
+    b((Q) => Q === B ? Q : (d((L) => {
+      const _ = L.map(($) => {
         var K;
-        if (T === "")
+        if (B === "")
           return { ...$, filtered: !1 };
-        const z = $.value.toLowerCase(), H = (K = $.children) == null ? void 0 : K.toString().toLowerCase(), f = !z.includes(T) && !(H != null && H.toString().includes(T));
+        const z = $.value.toLowerCase(), H = (K = $.children) == null ? void 0 : K.toString().toLowerCase(), f = !z.includes(B) && !(H != null && H.toString().includes(B));
         return {
           ...$,
           filtered: f
         };
       });
       if (l) {
-        const $ = ee.filter((z) => !z.filtered);
-        l(T, $);
+        const $ = _.filter((z) => !z.filtered);
+        l(B, $);
       }
-      return ee;
-    }), T));
+      return _;
+    }), B));
   }, E = be(() => {
     t.current && t.current.resetFilter();
   }, [t]);
-  _(() => {
+  ee(() => {
     E();
   }, [o, E]);
-  const N = (T) => {
-    T && (T.focus(), T.scrollIntoView({ behavior: "instant", block: "center", inline: "start" }));
+  const N = (B) => {
+    B && (B.focus(), B.scrollIntoView({ behavior: "instant", block: "center", inline: "start" }));
   }, Z = be(() => {
-    var T, Q, L;
+    var B, Q, L;
     if (t.current) {
-      const ee = Array.from(((T = t.current) == null ? void 0 : T.querySelectorAll(".input-filter")) ?? []), $ = Array.from(((Q = t.current) == null ? void 0 : Q.querySelectorAll(".agora-dropdown-all-option-item")) ?? []), z = Array.from(((L = t.current) == null ? void 0 : L.querySelectorAll('[role="option"]:not(.filtered)')) ?? []), H = [...ee, ...$, ...z], f = Array.from(H).findIndex((K) => K.tabIndex === 0);
+      const _ = Array.from(((B = t.current) == null ? void 0 : B.querySelectorAll(".input-filter")) ?? []), $ = Array.from(((Q = t.current) == null ? void 0 : Q.querySelectorAll(".agora-dropdown-all-option-item")) ?? []), z = Array.from(((L = t.current) == null ? void 0 : L.querySelectorAll('[role="option"]:not(.filtered)')) ?? []), H = [..._, ...$, ...z], f = Array.from(H).findIndex((K) => K.tabIndex === 0);
       f >= 0 && N(H[f]);
     }
   }, [t]), R = be(() => {
-    var T, Q, L;
+    var B, Q, L;
     if (t.current) {
-      const ee = Array.from(((T = t.current) == null ? void 0 : T.querySelectorAll(".input-filter")) ?? []), $ = Array.from(((Q = t.current) == null ? void 0 : Q.querySelectorAll(".agora-dropdown-all-option-item")) ?? []), z = Array.from(((L = t.current) == null ? void 0 : L.querySelectorAll('[role="option"]:not(.filtered)')) ?? []), H = [...ee, ...$, ...z];
+      const _ = Array.from(((B = t.current) == null ? void 0 : B.querySelectorAll(".input-filter")) ?? []), $ = Array.from(((Q = t.current) == null ? void 0 : Q.querySelectorAll(".agora-dropdown-all-option-item")) ?? []), z = Array.from(((L = t.current) == null ? void 0 : L.querySelectorAll('[role="option"]:not(.filtered)')) ?? []), H = [..._, ...$, ...z];
       if (H.length > 0) {
         const f = Array.from(H).findLastIndex((K) => K.tabIndex === 0);
         f >= 0 && N(H[f]);
       }
     }
   }, [t]), Y = be(() => {
-    var T, Q, L;
+    var B, Q, L;
     if (t.current) {
-      const ee = document.activeElement, $ = Array.from(((T = t.current) == null ? void 0 : T.querySelectorAll(".input-filter")) ?? []), z = Array.from(((Q = t.current) == null ? void 0 : Q.querySelectorAll(".agora-dropdown-all-option-item")) ?? []), H = Array.from(((L = t.current) == null ? void 0 : L.querySelectorAll('[role="option"]:not(.filtered)')) ?? []), f = [...$, ...z, ...H];
+      const _ = document.activeElement, $ = Array.from(((B = t.current) == null ? void 0 : B.querySelectorAll(".input-filter")) ?? []), z = Array.from(((Q = t.current) == null ? void 0 : Q.querySelectorAll(".agora-dropdown-all-option-item")) ?? []), H = Array.from(((L = t.current) == null ? void 0 : L.querySelectorAll('[role="option"]:not(.filtered)')) ?? []), f = [...$, ...z, ...H];
       if (f.length > 0) {
-        const K = Array.from(f).findIndex((q) => q.isEqualNode(ee)), P = Array.from(f).findIndex((q, Ae) => Ae > K && q.tabIndex === 0);
+        const K = Array.from(f).findIndex((q) => q.isEqualNode(_)), P = Array.from(f).findIndex((q, Ae) => Ae > K && q.tabIndex === 0);
         P >= 0 && N(f[P]);
       }
     }
   }, [t, Z]), j = be(() => {
-    var T, Q, L;
+    var B, Q, L;
     if (t.current) {
-      const ee = document.activeElement, $ = Array.from(((T = t.current) == null ? void 0 : T.querySelectorAll(".input-filter")) ?? []), z = Array.from(((Q = t.current) == null ? void 0 : Q.querySelectorAll(".agora-dropdown-all-option-item")) ?? []), H = Array.from(((L = t.current) == null ? void 0 : L.querySelectorAll('[role="option"]:not(.filtered)')) ?? []), f = [...$, ...z, ...H];
+      const _ = document.activeElement, $ = Array.from(((B = t.current) == null ? void 0 : B.querySelectorAll(".input-filter")) ?? []), z = Array.from(((Q = t.current) == null ? void 0 : Q.querySelectorAll(".agora-dropdown-all-option-item")) ?? []), H = Array.from(((L = t.current) == null ? void 0 : L.querySelectorAll('[role="option"]:not(.filtered)')) ?? []), f = [...$, ...z, ...H];
       if (f.length > 0) {
-        const K = Array.from(f).findIndex((q) => q.isEqualNode(ee)), P = Array.from(f).findLastIndex((q, Ae) => Ae < K && q.tabIndex === 0);
+        const K = Array.from(f).findIndex((q) => q.isEqualNode(_)), P = Array.from(f).findLastIndex((q, Ae) => Ae < K && q.tabIndex === 0);
         P >= 0 && N(f[P]);
       }
     }
@@ -1658,8 +1658,8 @@ const De = (t, i = 10) => {
     G(!0);
   }, []), h = be(() => {
     G(!1);
-  }, []), U = C(!0);
-  _(() => {
+  }, []), U = X(!0);
+  ee(() => {
     if (U.current) {
       U.current = !1;
       return;
@@ -1667,8 +1667,8 @@ const De = (t, i = 10) => {
     p ? c == null || c() : r == null || r();
   }, [p]);
   const w = be(
-    (T) => {
-      const Q = T.filter((L) => L.selected).map((L) => ({
+    (B) => {
+      const Q = B.filter((L) => L.selected).map((L) => ({
         selected: L.selected,
         value: L.value,
         className: L.className,
@@ -1682,16 +1682,16 @@ const De = (t, i = 10) => {
     },
     [a, h, i]
   ), v = oe(() => i === "checkbox", [i]), k = be(
-    (T) => {
-      T.disabled || T.filtered || d((Q) => {
-        const L = Q.map((ee) => {
-          const $ = T.name === ee.name && T.value === ee.value;
+    (B) => {
+      B.disabled || B.filtered || d((Q) => {
+        const L = Q.map((_) => {
+          const $ = B.name === _.name && B.value === _.value;
           return v ? {
-            ...ee,
-            selected: $ ? !ee.selected : ee.selected
+            ..._,
+            selected: $ ? !_.selected : _.selected
           } : {
-            ...ee,
-            selected: $ ? !ee.selected : !1
+            ..._,
+            selected: $ ? !_.selected : !1
           };
         });
         return w(L), L;
@@ -1699,37 +1699,37 @@ const De = (t, i = 10) => {
     },
     [d, v, w]
   ), y = be(
-    (T) => {
-      const Q = g.filter((ee) => ee.name === T && !ee.filtered && !ee.disabled), L = Q.some((ee) => !ee.selected);
+    (B) => {
+      const Q = g.filter((_) => _.name === B && !_.filtered && !_.disabled), L = Q.some((_) => !_.selected);
       return Q.length > 0 && !L;
     },
     [g]
   ), W = be(
-    (T) => {
+    (B) => {
       d((Q) => {
-        const L = y(T), ee = Q.map(($) => {
-          const z = T === $.name;
+        const L = y(B), _ = Q.map(($) => {
+          const z = B === $.name;
           return {
             ...$,
             selected: !$.filtered && !$.disabled && z ? !L : $.selected
           };
         });
-        return w(ee), ee;
+        return w(_), _;
       });
     },
     [d, y, w]
   ), x = be(
-    (T) => g.filter((L) => L.name === T && !L.filtered && !L.disabled).length > 0,
+    (B) => g.filter((L) => L.name === B && !L.filtered && !L.disabled).length > 0,
     [g]
   ), S = oe(() => {
-    const T = g.filter((L) => !L.filtered && !L.disabled), Q = T.some((L) => !L.selected);
-    return T.length > 0 && !Q;
-  }, [g]), X = oe(() => {
-    const T = g.filter((L) => !L.filtered), Q = T.some((L) => !L.disabled);
-    return T.length > 0 && !Q;
+    const B = g.filter((L) => !L.filtered && !L.disabled), Q = B.some((L) => !L.selected);
+    return B.length > 0 && !Q;
+  }, [g]), C = oe(() => {
+    const B = g.filter((L) => !L.filtered), Q = B.some((L) => !L.disabled);
+    return B.length > 0 && !Q;
   }, [g]), F = be(() => {
-    d((T) => {
-      const Q = T.map((L) => ({
+    d((B) => {
+      const Q = B.map((L) => ({
         ...L,
         selected: !L.filtered && !L.disabled ? !S : L.selected
       }));
@@ -1751,7 +1751,7 @@ const De = (t, i = 10) => {
     hasSectionOptionsToInteract: x,
     selectSectionOptions: W,
     isAllSectionOptionsSelected: y,
-    isAllDisabled: X,
+    isAllDisabled: C,
     isAllSelected: S,
     selectAll: F,
     applyFilter: u,
@@ -1759,7 +1759,7 @@ const De = (t, i = 10) => {
     resetFilter: E
   };
 }, rn = ({ type: t = "text", onChange: i, onSearchChange: n, onShow: a, onHide: l, children: c, hideSectionNames: r = !1, ...o }, A) => {
-  const m = C(null), g = cn(
+  const m = X(null), g = cn(
     m,
     t,
     s(r),
@@ -1768,14 +1768,14 @@ const De = (t, i = 10) => {
     a,
     l,
     c
-  ), d = C(!1);
-  return _(() => {
+  ), d = X(!1);
+  return ee(() => {
     if (!d.current) {
       d.current = !0;
       const I = [];
       O.forEach(c, (b) => {
-        B(b) && O.forEach(b.props.children, (u) => {
-          B(u) && u.props.selected && I.push(u.props);
+        T(b) && O.forEach(b.props.children, (u) => {
+          T(u) && u.props.selected && I.push(u.props);
         });
       }), De(() => i == null ? void 0 : i(I));
     }
@@ -1797,7 +1797,7 @@ const De = (t, i = 10) => {
   visibleCountAriaLabel: n,
   children: a
 }) => {
-  const l = le(), c = i >= 0 ? `+${t - i}` : `+${t}`, r = O.map(a, (R, Y) => Y >= i && B(R) ? ge(R) : null), o = C(null), A = C(null), [m, g] = V(!1), d = () => {
+  const l = le(), c = i >= 0 ? `+${t - i}` : `+${t}`, r = O.map(a, (R, Y) => Y >= i && T(R) ? ge(R) : null), o = X(null), A = X(null), [m, g] = V(!1), d = () => {
     var R;
     g(!1), (R = A.current) == null || R.focus();
   }, I = () => {
@@ -1808,14 +1808,14 @@ const De = (t, i = 10) => {
   }, u = () => {
     var R, Y, j;
     (R = o.current) != null && R.visibility ? (Y = o.current) == null || Y.hide() : (j = o.current) == null || j.show();
-  }, E = C(null), N = () => {
+  }, E = X(null), N = () => {
     var R;
     (R = o.current) == null || R.show();
   }, Z = () => {
     var R;
     (R = o.current) == null || R.hide();
   };
-  return _(() => (E.current && (E.current.addEventListener("mouseenter", N), E.current.addEventListener("mouseleave", Z)), () => {
+  return ee(() => (E.current && (E.current.addEventListener("mouseenter", N), E.current.addEventListener("mouseleave", Z)), () => {
     E.current && (E.current.removeEventListener("mouseenter", N), E.current.removeEventListener("mouseleave", Z));
   }), []), /* @__PURE__ */ e.createElement("div", { ref: E, className: "avatar-visible-count-wrapper" }, /* @__PURE__ */ e.createElement(
     ae,
@@ -1869,7 +1869,7 @@ const De = (t, i = 10) => {
   }), o = O.toArray(i).length, A = n ?? o, m = (g) => /* @__PURE__ */ e.createElement("li", null, ge(g, {
     darkMode: a
   }));
-  return /* @__PURE__ */ e.createElement("ul", { ...c, className: r }, O.map(i, (g, d) => d < A && B(g) ? m(g) : null), o > A && /* @__PURE__ */ e.createElement("li", null, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("ul", { ...c, className: r }, O.map(i, (g, d) => d < A && T(g) ? m(g) : null), o > A && /* @__PURE__ */ e.createElement("li", null, /* @__PURE__ */ e.createElement(
     on,
     {
       visibleCount: A,
@@ -1931,7 +1931,7 @@ const De = (t, i = 10) => {
   })));
 }, dn = ({ sectionTitle: t, items: i, darkMode: n, ...a }) => {
   var E;
-  const l = le(), [c, r] = V(!1), o = C(null), A = C(null), m = J(a.className, "agora-breadcrumb-mobile"), g = a["aria-label"] ?? "Breadcrumb", d = (N) => {
+  const l = le(), [c, r] = V(!1), o = X(null), A = X(null), m = J(a.className, "agora-breadcrumb-mobile"), g = a["aria-label"] ?? "Breadcrumb", d = (N) => {
     A != null && A.current && N.target && !A.current.contains(N.target) && r(!1);
   }, I = (N) => {
     var j, p, G;
@@ -1941,7 +1941,7 @@ const De = (t, i = 10) => {
     var Z;
     (N.key === "Escape" || N.key === "Esc") && (r(!1), (Z = o.current) == null || Z.focus()), N.key === "Tab" && I(N), N.key === "Enter" && r(!1);
   };
-  _(() => {
+  ee(() => {
     var N, Z;
     if (c) {
       document.addEventListener("mousedown", d);
@@ -1996,14 +1996,14 @@ const De = (t, i = 10) => {
   const [d, I] = V([]), b = oe(() => {
     const N = [];
     return Array.isArray(l) ? l.forEach((Z, R) => {
-      B(Z) && (Z.props.selected && I((Y) => {
+      T(Z) && (Z.props.selected && I((Y) => {
         if (i) {
           const j = [...Y, R];
           return [...new Set(j)];
         }
         return [R];
       }), N.push(Z));
-    }) : B(l) && (I([0]), N.push(l)), N;
+    }) : T(l) && (I([0]), N.push(l)), N;
   }, [l, I, i]), u = (N) => {
     const Z = [...d];
     if (s(i))
@@ -2077,7 +2077,7 @@ const De = (t, i = 10) => {
   }, r = () => {
     (i == null ? void 0 : i.current).classList.remove("hover");
   };
-  _(() => {
+  ee(() => {
     const o = i == null ? void 0 : i.current, A = t == null ? void 0 : t.current;
     return A && o && (n ? (A.classList.add("blocked-link"), A.addEventListener("click", l, !0), A.addEventListener("mouseenter", c), A.addEventListener("mouseover", c), A.addEventListener("mouseleave", r)) : (A.classList.remove("blocked-link"), A.removeEventListener("click", l, !0), A.removeEventListener("mouseenter", c), A.removeEventListener("mouseleave", r))), () => {
       A && (A.classList.remove("blocked-link"), A.removeEventListener("click", l, !0), A.removeEventListener("mouseenter", c), A.addEventListener("mouseover", c), A.removeEventListener("mouseleave", r));
@@ -2097,7 +2097,7 @@ const De = (t, i = 10) => {
   className: g,
   ...d
 }) => {
-  const I = C(null), b = C(null), u = !o && !A && !l && !t && !!n && !n.hidden, E = {
+  const I = X(null), b = X(null), u = !o && !A && !l && !t && !!n && !n.hidden, E = {
     title: !!o,
     subtitle: !o && !!A,
     children: !o && !A && !!l,
@@ -2142,7 +2142,7 @@ const De = (t, i = 10) => {
   className: c,
   ...r
 }) => {
-  const o = C(null), A = C(null), m = J("agora-card-collection", c), g = {
+  const o = X(null), A = X(null), m = J("agora-card-collection", c), g = {
     title: !!n,
     subtitle: !n && !!i,
     anchor: !n && !i && !!a && !a.hidden
@@ -2251,7 +2251,7 @@ const De = (t, i = 10) => {
   }, I = [];
   return O.forEach(a, (b, u) => {
     const E = `accordion-group-${r}-accordion-${u}`;
-    if (!B(b))
+    if (!T(b))
       return;
     const N = ge(b, {
       ...b.props,
@@ -2276,7 +2276,7 @@ const De = (t, i = 10) => {
   children: c,
   ...r
 }) => {
-  const o = C(null), A = C(null), m = J("agora-card-frame", t), g = {
+  const o = X(null), A = X(null), m = J("agora-card-frame", t), g = {
     anchor: !1,
     label: !1,
     children: !1
@@ -2438,7 +2438,7 @@ const De = (t, i = 10) => {
   blockedLink: d,
   ...I
 }) => {
-  const b = le(), u = C(null), E = C(null), N = J(
+  const b = le(), u = X(null), E = X(null), N = J(
     "agora-card-links",
     {
       "dark-mode": s(g),
@@ -2502,7 +2502,7 @@ const De = (t, i = 10) => {
   className: o,
   ...A
 }) => {
-  const m = C(null), g = C(null), d = {
+  const m = X(null), g = X(null), d = {
     anchor: !1,
     title: !1,
     description: !1
@@ -2530,7 +2530,7 @@ const De = (t, i = 10) => {
   className: m,
   ...g
 }) => {
-  const d = oe(() => i === "default" || i === "white" ? "primary" : i, [i]), I = C(null), b = C(null), u = {
+  const d = oe(() => i === "default" || i === "white" ? "primary" : i, [i]), I = X(null), b = X(null), u = {
     title: !!n,
     description: !n && !!a,
     pill: !n && !a && !!l,
@@ -2576,7 +2576,7 @@ const De = (t, i = 10) => {
   children: m,
   ...g
 }, d) => {
-  const I = C(null);
+  const I = X(null);
   Se(d, () => I.current);
   const b = le(), u = (s(c) || s(n)) && o, E = { ...g };
   E.id = E.id ?? b;
@@ -2601,7 +2601,7 @@ const De = (t, i = 10) => {
     },
     t
   );
-  return _(() => {
+  return ee(() => {
     const D = E.checked ?? E.defaultChecked;
     D !== void 0 && Z(D);
   }, [E.checked, E.defaultChecked]), /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
@@ -2645,7 +2645,7 @@ const De = (t, i = 10) => {
 }) => {
   const m = le(), g = (s(a) || s(n)) && l, { hidden: d, ...I } = A, b = (N) => {
     r == null || r(N);
-  }, u = J("agora-checkbox-group", t), E = O.map(o, (N) => B(N) ? ge(N, {
+  }, u = J("agora-checkbox-group", t), E = O.map(o, (N) => T(N) ? ge(N, {
     onChange: b,
     hasError: s(n),
     hasFeedback: s(a),
@@ -2680,7 +2680,7 @@ const De = (t, i = 10) => {
     I && (b(!1), De(() => {
       m == null || m();
     }));
-  }, [m, I]), N = C(null);
+  }, [m, I]), N = X(null);
   je(
     d,
     N,
@@ -2711,9 +2711,9 @@ const De = (t, i = 10) => {
   }, R = (j) => {
     j.target.classList.contains("agora-dialog-backdrop") && (E(), r == null || r());
   };
-  _(() => (document == null || document.addEventListener("keydown", Z), !s(i) && s(n) && (document == null || document.addEventListener("click", R)), () => {
+  ee(() => (document == null || document.addEventListener("keydown", Z), !s(i) && s(n) && (document == null || document.addEventListener("click", R)), () => {
     document == null || document.removeEventListener("keydown", Z), !s(i) && s(n) && (document == null || document.removeEventListener("click", R));
-  }), [a, i, n, R, Z]), _(() => {
+  }), [a, i, n, R, Z]), ee(() => {
     if (I && N.current) {
       document.body.classList.add("overflow-hidden");
       const j = Array.from(
@@ -2752,7 +2752,7 @@ const De = (t, i = 10) => {
   "aria-labelledby": g,
   ...d
 }, I) => {
-  const [b, u] = V(!1), E = C(null), N = J(
+  const [b, u] = V(!1), E = X(null), N = J(
     "agora-drawer",
     { "agora-drawer-horizontal": a === "left" || a === "right" },
     { "agora-drawer-vertical": a === "top" || a === "bottom" },
@@ -2813,7 +2813,7 @@ const De = (t, i = 10) => {
   const [d, I] = V("neutral"), b = (G) => {
     I((D) => D === G ? "neutral" : G);
   };
-  _(() => {
+  ee(() => {
     De(() => r == null ? void 0 : r(d));
   }, [d]);
   const u = (G, D) => {
@@ -2828,7 +2828,7 @@ const De = (t, i = 10) => {
         "aria-pressed": d === D ? "true" : "false"
       }
     );
-  }, E = J("rating-buttons", s(a) ? "dark" : "", c), N = J("rating-buttons-wrapper", n ? "icon-only" : "", c), Z = C(null);
+  }, E = J("rating-buttons", s(a) ? "dark" : "", c), N = J("rating-buttons-wrapper", n ? "icon-only" : "", c), Z = X(null);
   je(
     A,
     Z,
@@ -2876,7 +2876,7 @@ const De = (t, i = 10) => {
 }, b) => {
   const u = le(), E = { ...I };
   E.id = E.id ?? u;
-  const N = O.toArray(d).filter((W) => B(W) && W.type === ne), Z = C(null), [R, Y] = V(c ?? 0), [j, p] = V(0), G = (W) => {
+  const N = O.toArray(d).filter((W) => T(W) && W.type === ne), Z = X(null), [R, Y] = V(c ?? 0), [j, p] = V(0), G = (W) => {
     s(a) && (W.preventDefault(), W.stopPropagation());
   }, D = (W) => () => {
     s(a) || p(W);
@@ -2893,14 +2893,14 @@ const De = (t, i = 10) => {
     const x = parseInt(W.target.getAttribute("data-icon-value") ?? "1", 10);
     Y(x);
   };
-  _(() => {
+  ee(() => {
     var W;
     if ((W = document.activeElement) != null && W.classList.contains("rating-icon") && Z.current) {
       const x = Z.current.querySelector(`.rating-icon[data-icon-value = '${R}']`);
       x == null || x.focus();
     }
     De(() => r == null ? void 0 : r(R));
-  }, [R]), _(() => {
+  }, [R]), ee(() => {
     c && Y(c);
   }, [c]);
   const k = J(
@@ -2913,7 +2913,7 @@ const De = (t, i = 10) => {
       ["feedback-" + m]: s(A) && m
     },
     l
-  ), y = C(null);
+  ), y = X(null);
   return je(
     b,
     y,
@@ -2931,9 +2931,9 @@ const De = (t, i = 10) => {
       ...s(i) ? { "aria-label": t == null ? void 0 : t.toString() } : { "aria-labelledby": `label-${u}` }
     },
     /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-8" }, !s(i) && /* @__PURE__ */ e.createElement("div", { id: `label-${u}`, className: "rating-label" }, t), /* @__PURE__ */ e.createElement("div", { ref: Z, className: "rating-wrapper" }, N.map((W, x) => {
-      var ee, $;
-      const S = x + 1, X = S <= j, F = R !== null && S <= R, T = ge(W, {
-        name: X || F ? (ee = W.props.name) == null ? void 0 : ee.replace("line", "solid") : ($ = W.props.name) == null ? void 0 : $.replace("solid", "line")
+      var _, $;
+      const S = x + 1, C = S <= j, F = R !== null && S <= R, B = ge(W, {
+        name: C || F ? (_ = W.props.name) == null ? void 0 : _.replace("line", "solid") : ($ = W.props.name) == null ? void 0 : $.replace("solid", "line")
       }), Q = `${u}-icon-${x}`;
       let L = -1;
       return s(a) ? L = -1 : R <= 0 ? L = x === 0 ? 0 : -1 : L = R === S ? 0 : -1, /* @__PURE__ */ e.createElement(
@@ -2954,7 +2954,7 @@ const De = (t, i = 10) => {
           "data-icon-value": S,
           "aria-describedby": (s(A) || s(o)) && g ? `rating-icons-${E.id}-feedback` : void 0
         },
-        T
+        B
       );
     }))),
     (s(A) || s(o)) && g && /* @__PURE__ */ e.createElement(
@@ -3152,7 +3152,7 @@ const De = (t, i = 10) => {
     "xs:grid-cols-4 md:grid-cols-8 xl:grid-cols-8 xs:col-span-4 md:col-span-8 xl:col-span-8 xs:pb-32 md:pb-64 xl:pb-64": t && !n && i,
     "xs:grid-cols-4 md:grid-cols-8 xl:grid-cols-8 xs:col-span-4 md:col-span-8 xl:col-span-8 xs:pb-32 md:pb-32 xl:pb-64 ": !t && !n && i
   });
-  return _(() => {
+  return ee(() => {
     const r = () => {
       const A = document.documentElement.clientWidth;
       document.documentElement.style.setProperty("--footer-aux-vw", `${A}px`);
@@ -3311,79 +3311,79 @@ const De = (t, i = 10) => {
     return A ? /* @__PURE__ */ e.createElement("span", { key: `${c}-${d}`, className: g, "aria-disabled": "true" }, c) : /* @__PURE__ */ e.createElement("a", { key: `${c}-${d}`, ...o, className: g, href: d }, c);
   })));
 }, _r = re(Jn), Pt = ze({}), Ie = () => Te(Pt), Kt = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Rt = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Ze = () => /* @__PURE__ */ e.createElement(e.Fragment, null), yn = (t) => {
-  const i = O.toArray(t).find((l) => B(l) && l.type === Ze);
+  const i = O.toArray(t).find((l) => T(l) && l.type === Ze);
   let n = null;
-  i && B(i) && (n = O.toArray(i.props.children).find((l) => B(l) && l.type === Rt));
+  i && T(i) && (n = O.toArray(i.props.children).find((l) => T(l) && l.type === Rt));
   let a = [];
-  return n && B(n) && (a = O.toArray(n.props.children).map((l) => {
-    if (B(l) && l.type === Kt)
+  return n && T(n) && (a = O.toArray(n.props.children).map((l) => {
+    if (T(l) && l.type === Kt)
       return l;
   })), a.length > 1;
 }, Sn = (t) => {
-  const i = O.toArray(t).find((a) => B(a) && a.type === Ze);
+  const i = O.toArray(t).find((a) => T(a) && a.type === Ze);
   let n = null;
-  return i && B(i) && (n = O.toArray(i.props.children).find((a) => B(a) && a.type === Rt)), (n == null ? void 0 : n.props["aria-label"]) ?? "";
+  return i && T(i) && (n = O.toArray(i.props.children).find((a) => T(a) && a.type === Rt)), (n == null ? void 0 : n.props["aria-label"]) ?? "";
 }, kn = (t) => {
-  const i = O.toArray(t).find((a) => B(a) && a.type === Ze);
+  const i = O.toArray(t).find((a) => T(a) && a.type === Ze);
   let n = null;
-  if (i && B(i) && (n = O.toArray(i.props.children).find((a) => B(a) && a.type === Rt)), n)
+  if (i && T(i) && (n = O.toArray(i.props.children).find((a) => T(a) && a.type === Rt)), n)
     return n.props.onChange;
 }, qt = (t) => {
-  const i = O.toArray(t).find((c) => B(c) && c.type === Ze);
+  const i = O.toArray(t).find((c) => T(c) && c.type === Ze);
   let n = null;
-  i && B(i) && (n = O.toArray(i.props.children).find((c) => B(c) && c.type === Rt));
+  i && T(i) && (n = O.toArray(i.props.children).find((c) => T(c) && c.type === Rt));
   let a = [];
-  n && B(n) && (a = O.toArray(n.props.children).map((c) => {
-    if (B(c) && c.type === Kt)
+  n && T(n) && (a = O.toArray(n.props.children).map((c) => {
+    if (T(c) && c.type === Kt)
       return c;
   }));
-  let l = a.map((c) => B(c) ? c == null ? void 0 : c.props : null).filter((c) => !!c);
+  let l = a.map((c) => T(c) ? c == null ? void 0 : c.props : null).filter((c) => !!c);
   return l.length > 0 && !l.some((c) => c.active) && (l = l.map((c, r) => ({
     ...c,
     active: r == 0
   }))), l;
 }, Wn = (t) => qt(t).filter((i) => i.active).at(0), Bn = () => /* @__PURE__ */ e.createElement(e.Fragment, null), zn = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Dt = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Tn = () => /* @__PURE__ */ e.createElement(e.Fragment, null), xn = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Fn = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Ln = (t) => {
-  const i = O.toArray(t).find((a) => B(a) && a.type === Ze);
+  const i = O.toArray(t).find((a) => T(a) && a.type === Ze);
   let n = null;
-  return i && B(i) && (n = O.toArray(i.props.children).find((a) => B(a) && a.type === Dt)), n ? n.props : null;
+  return i && T(i) && (n = O.toArray(i.props.children).find((a) => T(a) && a.type === Dt)), n ? n.props : null;
 }, On = (t) => {
-  const i = O.toArray(t).find((l) => B(l) && l.type === Ze);
+  const i = O.toArray(t).find((l) => T(l) && l.type === Ze);
   let n = null;
-  i && B(i) && (n = O.toArray(i.props.children).find((l) => B(l) && l.type === Dt));
+  i && T(i) && (n = O.toArray(i.props.children).find((l) => T(l) && l.type === Dt));
   let a = null;
-  return n && B(n) && (a = O.toArray(n.props.children).find((l) => B(l) && l.type === zn), a) ? a.props : null;
+  return n && T(n) && (a = O.toArray(n.props.children).find((l) => T(l) && l.type === zn), a) ? a.props : null;
 }, Qn = (t) => {
-  const i = O.toArray(t).find((l) => B(l) && l.type === Ze);
+  const i = O.toArray(t).find((l) => T(l) && l.type === Ze);
   let n = null;
-  i && B(i) && (n = O.toArray(i.props.children).find((l) => B(l) && l.type === Dt));
+  i && T(i) && (n = O.toArray(i.props.children).find((l) => T(l) && l.type === Dt));
   let a = null;
-  return n && B(n) && (a = O.toArray(n.props.children).find((l) => B(l) && l.type === Tn)), a ? O.toArray(a.props.children).map((l) => {
-    if (B(l) && l.type === xn)
+  return n && T(n) && (a = O.toArray(n.props.children).find((l) => T(l) && l.type === Tn)), a ? O.toArray(a.props.children).map((l) => {
+    if (T(l) && l.type === xn)
       return l.props;
   }).filter((l) => !!l) : [];
 }, Vn = (t) => {
-  const i = O.toArray(t).find((l) => B(l) && l.type === Ze);
+  const i = O.toArray(t).find((l) => T(l) && l.type === Ze);
   let n = null;
-  i && B(i) && (n = O.toArray(i.props.children).find((l) => B(l) && l.type === Dt));
+  i && T(i) && (n = O.toArray(i.props.children).find((l) => T(l) && l.type === Dt));
   let a = null;
-  return n && B(n) && (a = O.toArray(n.props.children).find((l) => B(l) && l.type === Fn)), a ? O.toArray(a.props.children).map((l) => {
-    if (B(l) && l.type === Bn)
+  return n && T(n) && (a = O.toArray(n.props.children).find((l) => T(l) && l.type === Fn)), a ? O.toArray(a.props.children).map((l) => {
+    if (T(l) && l.type === Bn)
       return l.props;
   }).filter((l) => !!l) : [];
 }, $t = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Xn = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Cn = () => /* @__PURE__ */ e.createElement(e.Fragment, null), fn = (t) => {
-  const i = O.toArray(t).find((a) => B(a) && a.type === $t);
+  const i = O.toArray(t).find((a) => T(a) && a.type === $t);
   let n = null;
-  return i && B(i) && (n = O.toArray(i.props.children).find((a) => B(a) && a.type === Xn)), n ? n.props.children : "";
+  return i && T(i) && (n = O.toArray(i.props.children).find((a) => T(a) && a.type === Xn)), n ? n.props.children : "";
 }, Hn = (t) => {
-  const i = O.toArray(t).find((a) => B(a) && a.type === $t);
+  const i = O.toArray(t).find((a) => T(a) && a.type === $t);
   let n = null;
-  return i && B(i) && (n = O.toArray(i.props.children).find((a) => B(a) && a.type === Cn)), n ? n.props.children : "";
+  return i && T(i) && (n = O.toArray(i.props.children).find((a) => T(a) && a.type === Cn)), n ? n.props.children : "";
 }, Pn = (t) => {
-  const i = O.toArray(t).find((n) => B(n) && n.type === Ze);
+  const i = O.toArray(t).find((n) => T(n) && n.type === Ze);
   return (i == null ? void 0 : i.props["aria-label"]) ?? "";
 }, _t = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Kn = () => /* @__PURE__ */ e.createElement(e.Fragment, null), dt = (t) => {
-  const i = O.toArray(t).find((n) => B(n) && n.type === Ze);
-  return i && B(i) ? O.toArray(i.props.children).find((n) => B(n) && n.type === Kn) : null;
+  const i = O.toArray(t).find((n) => T(n) && n.type === Ze);
+  return i && T(i) ? O.toArray(i.props.children).find((n) => T(n) && n.type === Kn) : null;
 }, qn = (t) => !!dt(t), $n = (t) => {
   const i = dt(t);
   return (i == null ? void 0 : i.props["aria-label"]) ?? "";
@@ -3394,49 +3394,49 @@ const De = (t, i = 10) => {
 }, ea = (t) => {
   const i = dt(t);
   let n = [];
-  return i && B(i) && (n = O.toArray(i.props.children).map((a) => {
-    if (B(a) && a.type === _t)
+  return i && T(i) && (n = O.toArray(i.props.children).map((a) => {
+    if (T(a) && a.type === _t)
       return a;
   })), n.map((a) => {
-    if (B(a))
+    if (T(a))
       return a == null ? void 0 : a.props;
   }).filter((a) => !!a);
 }, ta = (t) => {
   const i = dt(t);
   let n = [];
-  return i && B(i) && (n = O.toArray(i.props.children).map((a) => {
-    if (B(a) && a.type === _t)
+  return i && T(i) && (n = O.toArray(i.props.children).map((a) => {
+    if (T(a) && a.type === _t)
       return a;
-  })), n.length > 0 ? n.filter((a) => B(a) && a.props.checked).map((a) => a.props) : [];
+  })), n.length > 0 ? n.filter((a) => T(a) && a.props.checked).map((a) => a.props) : [];
 }, Qe = () => /* @__PURE__ */ e.createElement(e.Fragment, null), $e = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Nt = () => /* @__PURE__ */ e.createElement(e.Fragment, null), ia = (t) => {
-  const i = O.toArray(t).find((n) => B(n) && n.type === Qe);
+  const i = O.toArray(t).find((n) => T(n) && n.type === Qe);
   return i == null ? void 0 : i.props;
 }, na = (t) => {
   const i = ia(t);
   return (i == null ? void 0 : i.id) ?? "";
 }, aa = (t) => {
-  const i = O.toArray(t).find((n) => B(n) && n.type === Qe);
+  const i = O.toArray(t).find((n) => T(n) && n.type === Qe);
   return O.toArray((i == null ? void 0 : i.props.children) ?? []).length;
 }, la = (t) => {
-  const i = O.toArray(t).find((n) => B(n) && n.type === Qe);
-  return O.toArray(i.props.children).map((n) => B(n) && n.type === Nt || B(n) && n.type === $e ? n : null).filter((n) => !!n);
+  const i = O.toArray(t).find((n) => T(n) && n.type === Qe);
+  return O.toArray(i.props.children).map((n) => T(n) && n.type === Nt || T(n) && n.type === $e ? n : null).filter((n) => !!n);
 }, ca = (t) => {
-  const i = O.toArray(t).find((n) => B(n) && n.type === Qe);
+  const i = O.toArray(t).find((n) => T(n) && n.type === Qe);
   return (i == null ? void 0 : i.props.openMenuLabel) ?? (i == null ? void 0 : i.props.modalMenuLabel) ?? "";
 }, ra = (t) => {
-  const i = O.toArray(t).find((n) => B(n) && n.type === Qe);
+  const i = O.toArray(t).find((n) => T(n) && n.type === Qe);
   return (i == null ? void 0 : i.props.modalAriaLabel) ?? "";
 }, oa = (t) => {
-  const i = O.toArray(t).find((n) => B(n) && n.type === Qe);
+  const i = O.toArray(t).find((n) => T(n) && n.type === Qe);
   return (i == null ? void 0 : i.props.modalCloseLabel) ?? "";
 }, Aa = (t) => {
-  const i = O.toArray(t).find((n) => B(n) && n.type === Qe);
+  const i = O.toArray(t).find((n) => T(n) && n.type === Qe);
   return (i == null ? void 0 : i.props.responsiveMenuLabel) ?? "";
 }, sa = (t) => {
-  const i = O.toArray(t).find((n) => B(n) && n.type === Qe);
+  const i = O.toArray(t).find((n) => T(n) && n.type === Qe);
   return (i == null ? void 0 : i.props.label) ?? (i == null ? void 0 : i.props.responsiveMenuAriaLabel) ?? "";
 }, da = (t) => {
-  const i = O.toArray(t).find((n) => B(n) && n.type === Qe);
+  const i = O.toArray(t).find((n) => T(n) && n.type === Qe);
   return (i == null ? void 0 : i.props.backToRootLabel) ?? (i == null ? void 0 : i.props.responsiveMenuBackToRootLabel) ?? "";
 }, ei = () => /* @__PURE__ */ e.createElement(e.Fragment, null), lt = () => /* @__PURE__ */ e.createElement(e.Fragment, null), xe = () => /* @__PURE__ */ e.createElement(e.Fragment, null), ti = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Na = () => /* @__PURE__ */ e.createElement(e.Fragment, null), ii = () => /* @__PURE__ */ e.createElement(e.Fragment, null), ma = () => /* @__PURE__ */ e.createElement(e.Fragment, null), ba = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Ea = () => /* @__PURE__ */ e.createElement("span", { className: "equalizer" }, /* @__PURE__ */ e.createElement("span", { className: "bar-container" }, /* @__PURE__ */ e.createElement("span", { className: "equalizer-1" }), /* @__PURE__ */ e.createElement("span", { className: "equalizer-2" }), /* @__PURE__ */ e.createElement("span", { className: "equalizer-3" }), /* @__PURE__ */ e.createElement("span", { className: "equalizer-4" }))), ga = ({
   className: t,
@@ -3454,7 +3454,7 @@ const De = (t, i = 10) => {
   onChange: I,
   ...b
 }, u) => {
-  const E = C(null), N = C(null), Z = C(null), [R, Y] = V("default");
+  const E = X(null), N = X(null), Z = X(null), [R, Y] = V("default");
   je(
     u,
     E,
@@ -3466,9 +3466,9 @@ const De = (t, i = 10) => {
   );
   const j = le(), p = { ...b };
   p.id = p.id ?? j;
-  const [G, D] = V(p.value), h = (F) => {
-    const { value: T } = F.currentTarget;
-    D(T), I == null || I(F);
+  const [G, D] = V(p.value), h = (C) => {
+    const { value: F } = C.currentTarget;
+    D(F), I == null || I(C);
   }, U = () => {
     g == null || g();
   }, w = () => {
@@ -3481,12 +3481,12 @@ const De = (t, i = 10) => {
     Y("hover");
   }, W = () => {
     d == null || d((G == null ? void 0 : G.toString()) ?? "");
-  }, x = J("agora-input-search-bar", t), S = J("input-label-wrapper flex items-end", {
+  }, x = J("agora-input-search-bar", { "dark-mode": a }, t), S = J("input-label-wrapper flex items-end", {
     "mb-16": i && !s(n),
     "justify-end": !i || s(n),
     "justify-between": i && !s(n)
-  }), X = J("input-search-bar-label", a ? "dark-label" : "light-label");
-  return /* @__PURE__ */ e.createElement("div", { hidden: !!p.hidden, className: x }, /* @__PURE__ */ e.createElement("div", { className: S }, /* @__PURE__ */ e.createElement("label", { hidden: s(n), htmlFor: p.id, className: X }, i)), /* @__PURE__ */ e.createElement("div", { className: "input-search-bar-container" }, l && (c == null ? void 0 : c.startsWith("agora-line")) && /* @__PURE__ */ e.createElement(ne, { name: c, "aria-hidden": !0 }), /* @__PURE__ */ e.createElement(
+  });
+  return /* @__PURE__ */ e.createElement("div", { hidden: !!p.hidden, className: x }, /* @__PURE__ */ e.createElement("div", { className: S }, /* @__PURE__ */ e.createElement("label", { hidden: s(n), htmlFor: p.id, className: "input-search-bar-label" }, i)), /* @__PURE__ */ e.createElement("div", { className: "input-search-bar-container" }, l && (c == null ? void 0 : c.startsWith("agora-line")) && /* @__PURE__ */ e.createElement(ne, { name: c, "aria-hidden": !0 }), /* @__PURE__ */ e.createElement(
     "input",
     {
       ...p,
@@ -3527,82 +3527,82 @@ const De = (t, i = 10) => {
     }
   ))));
 }, ni = re(ga), Ia = (t) => {
-  const i = O.toArray(t).find((n) => B(n) && n.type === Ze);
-  return i && B(i) ? !!O.toArray(i.props.children).find((a) => B(a) && a.type === xe) : !1;
+  const i = O.toArray(t).find((n) => T(n) && n.type === Ze);
+  return i && T(i) ? !!O.toArray(i.props.children).find((a) => T(a) && a.type === xe) : !1;
 }, ua = (t) => {
-  const i = O.toArray(t).find((a) => B(a) && a.type === Ze);
+  const i = O.toArray(t).find((a) => T(a) && a.type === Ze);
   let n;
-  return i && B(i) && (n = O.toArray(i.props.children).find((a) => B(a) && a.type === xe)), (n == null ? void 0 : n.props.label) ?? "";
+  return i && T(i) && (n = O.toArray(i.props.children).find((a) => T(a) && a.type === xe)), (n == null ? void 0 : n.props.label) ?? "";
 }, Ra = (t) => {
-  const i = O.toArray(t).find((l) => B(l) && l.type === Ze);
+  const i = O.toArray(t).find((l) => T(l) && l.type === Ze);
   let n = null;
-  i && B(i) && (n = O.toArray(i.props.children).find((l) => B(l) && l.type === xe));
+  i && T(i) && (n = O.toArray(i.props.children).find((l) => T(l) && l.type === xe));
   let a = null;
-  return n && B(n == null ? void 0 : n.props.children) ? (a = O.toArray(n.props.children).find((l) => B(l) && l.type === lt), !!a) : !1;
+  return n && T(n == null ? void 0 : n.props.children) ? (a = O.toArray(n.props.children).find((l) => T(l) && l.type === lt), !!a) : !1;
 }, Da = (t) => {
-  const i = O.toArray(t).find((c) => B(c) && c.type === Ze);
+  const i = O.toArray(t).find((c) => T(c) && c.type === Ze);
   let n = null;
-  i && B(i) && (n = O.toArray(i.props.children).find((c) => B(c) && c.type === xe));
+  i && T(i) && (n = O.toArray(i.props.children).find((c) => T(c) && c.type === xe));
   let a = null;
-  n && (a = O.toArray(n.props.children).find((c) => B(c) && c.type === lt));
+  n && (a = O.toArray(n.props.children).find((c) => T(c) && c.type === lt));
   let l = null;
-  return a && (l = O.toArray(a.props.children).find((c) => B(c) && c.type === ba)), l == null ? void 0 : l.props;
+  return a && (l = O.toArray(a.props.children).find((c) => T(c) && c.type === ba)), l == null ? void 0 : l.props;
 }, Ga = (t) => {
-  const i = O.toArray(t).find((r) => B(r) && r.type === Ze);
+  const i = O.toArray(t).find((r) => T(r) && r.type === Ze);
   let n = null;
-  i && B(i) && (n = O.toArray(i.props.children).find((r) => B(r) && r.type === xe));
+  i && T(i) && (n = O.toArray(i.props.children).find((r) => T(r) && r.type === xe));
   let a = null;
-  n && (a = O.toArray(n.props.children).find((r) => B(r) && r.type === lt));
+  n && (a = O.toArray(n.props.children).find((r) => T(r) && r.type === lt));
   let l = null;
-  a && (l = O.toArray(a.props.children).find((r) => B(r) && r.type === ti));
+  a && (l = O.toArray(a.props.children).find((r) => T(r) && r.type === ti));
   let c = null;
-  return l && (c = O.toArray(l.props.children).find((r) => B(r) && r.type === ni)), (c == null ? void 0 : c.props) ?? null;
+  return l && (c = O.toArray(l.props.children).find((r) => T(r) && r.type === ni)), (c == null ? void 0 : c.props) ?? null;
 }, Za = (t) => {
-  const i = O.toArray(t).find((c) => B(c) && c.type === Ze);
+  const i = O.toArray(t).find((c) => T(c) && c.type === Ze);
   let n = null;
-  i && B(i) && (n = O.toArray(i.props.children).find((c) => B(c) && c.type === xe));
+  i && T(i) && (n = O.toArray(i.props.children).find((c) => T(c) && c.type === xe));
   let a = null;
-  n && (a = O.toArray(n.props.children).find((c) => B(c) && c.type === lt));
+  n && (a = O.toArray(n.props.children).find((c) => T(c) && c.type === lt));
   let l = null;
-  return a && (l = O.toArray(a.props.children).find((c) => B(c) && c.type === ti)), l == null ? void 0 : l.props.children;
+  return a && (l = O.toArray(a.props.children).find((c) => T(c) && c.type === ti)), l == null ? void 0 : l.props.children;
 }, pa = (t) => {
-  const i = O.toArray(t).find((r) => B(r) && r.type === Ze);
+  const i = O.toArray(t).find((r) => T(r) && r.type === Ze);
   let n = null;
-  i && B(i) && (n = O.toArray(i.props.children).find((r) => B(r) && r.type === xe));
+  i && T(i) && (n = O.toArray(i.props.children).find((r) => T(r) && r.type === xe));
   let a = null;
-  n && (a = O.toArray(n.props.children).find((r) => B(r) && r.type === lt));
+  n && (a = O.toArray(n.props.children).find((r) => T(r) && r.type === lt));
   let l = null;
-  a && (l = O.toArray(a.props.children).find((r) => B(r) && r.type === ii));
+  a && (l = O.toArray(a.props.children).find((r) => T(r) && r.type === ii));
   let c = null;
-  return l && (c = O.toArray(l.props.children).find((r) => B(r) && r.type === ma)), c == null ? void 0 : c.props;
+  return l && (c = O.toArray(l.props.children).find((r) => T(r) && r.type === ma)), c == null ? void 0 : c.props;
 }, Ma = (t) => {
-  const i = O.toArray(t).find((c) => B(c) && c.type === Ze);
+  const i = O.toArray(t).find((c) => T(c) && c.type === Ze);
   let n = null;
-  i && B(i) && (n = O.toArray(i.props.children).find((c) => B(c) && c.type === xe));
+  i && T(i) && (n = O.toArray(i.props.children).find((c) => T(c) && c.type === xe));
   let a = null;
-  n && (a = O.toArray(n.props.children).find((c) => B(c) && c.type === lt));
+  n && (a = O.toArray(n.props.children).find((c) => T(c) && c.type === lt));
   let l = null;
-  return a && (l = O.toArray(a.props.children).find((c) => B(c) && c.type === ii)), l ? O.toArray(l.props.children).map((c) => B(c) && c.type === Na ? c.props : null).filter((c) => !!c) : [];
+  return a && (l = O.toArray(a.props.children).find((c) => T(c) && c.type === ii)), l ? O.toArray(l.props.children).map((c) => T(c) && c.type === Na ? c.props : null).filter((c) => !!c) : [];
 }, Ya = (t) => {
-  const i = O.toArray(t).find((l) => B(l) && l.type === Ze);
+  const i = O.toArray(t).find((l) => T(l) && l.type === Ze);
   let n = null;
-  i && B(i) && (n = O.toArray(i.props.children).find((l) => B(l) && l.type === xe));
+  i && T(i) && (n = O.toArray(i.props.children).find((l) => T(l) && l.type === xe));
   let a = null;
-  return n && B(n.props.children) && (a = O.toArray(n.props.children).find((l) => B(l) && l.type === ei)), !!a;
+  return n && T(n.props.children) && (a = O.toArray(n.props.children).find((l) => T(l) && l.type === ei)), !!a;
 }, Ua = (t) => {
-  const i = O.toArray(t).find((l) => B(l) && l.type === Ze);
+  const i = O.toArray(t).find((l) => T(l) && l.type === Ze);
   let n = null;
-  i && B(i) && (n = O.toArray(i.props.children).find((l) => B(l) && l.type === xe));
+  i && T(i) && (n = O.toArray(i.props.children).find((l) => T(l) && l.type === xe));
   let a = null;
-  return n && (a = O.toArray(n.props.children).find((l) => B(l) && l.type === ei)), a == null ? void 0 : a.props;
+  return n && (a = O.toArray(n.props.children).find((l) => T(l) && l.type === ei)), a == null ? void 0 : a.props;
 }, wa = () => /* @__PURE__ */ e.createElement(e.Fragment, null), ja = () => /* @__PURE__ */ e.createElement(e.Fragment, null), ai = (t) => {
-  const i = O.toArray(t).find((a) => B(a) && a.type === Ze);
+  const i = O.toArray(t).find((a) => T(a) && a.type === Ze);
   let n = null;
-  return i && B(i) && (n = O.toArray(i.props.children).find((a) => B(a) && a.type === wa)), n ? n.props : null;
+  return i && T(i) && (n = O.toArray(i.props.children).find((a) => T(a) && a.type === wa)), n ? n.props : null;
 }, ha = (t) => {
   const i = ai(t);
   return i != null && i.children ? O.toArray(i.children).map((n) => {
-    if (B(n) && n.type === ja)
+    if (T(n) && n.type === ja)
       return n.props;
   }).filter((n) => !!n) : [];
 }, va = (t) => {
@@ -3612,7 +3612,7 @@ const De = (t, i = 10) => {
   }, I = () => qn(a), b = () => $n(a), u = (f) => {
     const K = _n(a);
     return K == null ? void 0 : K(f);
-  }, E = () => ta(a), N = () => ea(a), Z = () => Ln(a), R = () => On(a), Y = () => Qn(a), j = () => Vn(a), p = () => ai(a), G = () => ha(a), D = () => Ia(a), h = () => ua(a), U = () => Ra(a), w = () => Da(a), v = () => Ga(a), k = () => Za(a), y = () => pa(a), W = () => Ma(a), x = () => Ya(a), S = () => Ua(a), X = () => aa(a), F = () => na(a), T = () => Aa(a), Q = () => sa(a), L = () => da(a), ee = () => ca(a), $ = () => ra(a), z = () => oa(a), H = () => la(a);
+  }, E = () => ta(a), N = () => ea(a), Z = () => Ln(a), R = () => On(a), Y = () => Qn(a), j = () => Vn(a), p = () => ai(a), G = () => ha(a), D = () => Ia(a), h = () => ua(a), U = () => Ra(a), w = () => Da(a), v = () => Ga(a), k = () => Za(a), y = () => pa(a), W = () => Ma(a), x = () => Ya(a), S = () => Ua(a), C = () => aa(a), F = () => na(a), B = () => Aa(a), Q = () => sa(a), L = () => da(a), _ = () => ca(a), $ = () => ra(a), z = () => oa(a), H = () => la(a);
   return oe(() => ({
     getGeneralBarAriaLabel: l,
     getInstitutionalPhrase: c,
@@ -3643,14 +3643,14 @@ const De = (t, i = 10) => {
     getDefaultSearchRelatedLinks: W,
     hasCustomSearch: x,
     getCustomSearch: S,
-    countNavigationItems: X,
+    countNavigationItems: C,
     maxNavigationItems: n,
     getNavigationId: F,
     getNavigationItems: H,
-    getResponsiveMenuLabel: T,
+    getResponsiveMenuLabel: B,
     getResponsiveMenuAriaLabel: Q,
     getResponsiveMenuBackToRootLabel: L,
-    getModalMenuLabel: ee,
+    getModalMenuLabel: _,
     getModalAriaLabel: $,
     getModalCloseLabel: z,
     darkMode: s(i)
@@ -3727,8 +3727,8 @@ const Ja = (t, i) => {
     closeAll: R
   }), []);
 }, li = ze({}), Ye = () => Te(li), ya = () => {
-  const [t, i] = V(!1), n = C(null);
-  return _(() => {
+  const [t, i] = V(!1), n = X(null);
+  return ee(() => {
     const a = () => {
       i(window.scrollY > 0);
     }, l = () => {
@@ -3741,7 +3741,7 @@ const Ja = (t, i) => {
     };
   }, []), { scrolling: t };
 }, Sa = () => {
-  const t = C(/* @__PURE__ */ new Map()), { scrolling: i } = ya(), [n, a] = V(!1), [l, c] = V(!1);
+  const t = X(/* @__PURE__ */ new Map()), { scrolling: i } = ya(), [n, a] = V(!1), [l, c] = V(!1);
   return {
     collapseAllMenus: () => {
       t.current.forEach((E) => {
@@ -3813,7 +3813,7 @@ const Ja = (t, i) => {
     window.matchMedia("(pointer: coarse)").matches || Z("default");
   };
   return /* @__PURE__ */ e.createElement(it, { ...u, ref: E, fullWidth: m, variant: t, appearance: "link", className: R }, O.toArray(A).map((D) => {
-    if (B(D)) {
+    if (T(D)) {
       const h = J(
         { "link-with-icon": s(i) || s(n) },
         { "icon-only": s(n) }
@@ -3855,7 +3855,7 @@ const Ja = (t, i) => {
   return t.menuRefMap.set(me.Drawer, l), n ? /* @__PURE__ */ e.createElement(Dn, { ref: l, position: "right", dismissOnEscape: !1, dismissOnBackdropClick: !1, "aria-label": a }, /* @__PURE__ */ e.createElement(za, null), /* @__PURE__ */ e.createElement(Wa, null), /* @__PURE__ */ e.createElement(Ba, null)) : "";
 }, xa = ({ id: t, isDrawerPanel: i = !1, className: n, children: a, iconsCollapsed: l, iconsExpanded: c }, r) => {
   var f, K;
-  const { width: o } = pe(), { xlScreen: A } = ve(), m = o >= A, g = t, d = Ie(), I = Ye(), b = I.menuRefMap.get("Header"), [u, E] = V("unset"), [N, Z] = V(!1), R = O.toArray(a).find((P) => B(P) && P.type === ae), Y = O.toArray(a).find((P) => B(P) && P.type === he), j = O.toArray(a).find((P) => B(P) && P.type !== ae), p = !!R, G = !!Y, D = !!j, h = C(null), U = C(null), w = C(null), v = C(null), k = C(null), y = () => {
+  const { width: o } = pe(), { xlScreen: A } = ve(), m = o >= A, g = t, d = Ie(), I = Ye(), b = I.menuRefMap.get("Header"), [u, E] = V("unset"), [N, Z] = V(!1), R = O.toArray(a).find((P) => T(P) && P.type === ae), Y = O.toArray(a).find((P) => T(P) && P.type === he), j = O.toArray(a).find((P) => T(P) && P.type !== ae), p = !!R, G = !!Y, D = !!j, h = X(null), U = X(null), w = X(null), v = X(null), k = X(null), y = () => {
     if (D && !N)
       Z(!0), De(() => {
         var Ae;
@@ -3896,17 +3896,17 @@ const Ja = (t, i) => {
   const S = (P) => {
     var q, Ae;
     N ? I.collapseMenu(g, !0) : I.expandMenu(g), (Ae = (q = R.props).onClick) == null || Ae.call(q, P);
-  }, X = J("panel-menu", n, { "dark-mode": d.darkMode }), F = J(
+  }, C = J("panel-menu", n, { "dark-mode": d.darkMode }), F = J(
     "panel-menu-button",
     { "has-panel": D },
     { expanded: N, collapsed: !N },
     (f = R == null ? void 0 : R.props) == null ? void 0 : f.className
-  ), T = J("panel-menu-link-wrapper", (K = Y == null ? void 0 : Y.props) == null ? void 0 : K.className), Q = J("panel-drawer-button"), L = J(
+  ), B = J("panel-menu-link-wrapper", (K = Y == null ? void 0 : Y.props) == null ? void 0 : K.className), Q = J("panel-drawer-button"), L = J(
     "panel-menu-content",
     { expanded: N, collapsed: !N },
     { "dark-mode": d.darkMode }
   );
-  _(() => {
+  ee(() => {
     const P = (Ae) => {
       const te = Ae.getBoundingClientRect().height || 0, ce = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0) - te;
       if (m)
@@ -3921,14 +3921,14 @@ const Ja = (t, i) => {
     return window.addEventListener("resize", q), q(), () => {
       window.removeEventListener("resize", q);
     };
-  }, [b == null ? void 0 : b.current, m]), _(() => {
+  }, [b == null ? void 0 : b.current, m]), ee(() => {
     const P = (q) => {
       q.code === "Escape" && N && I.collapseMenu(g, !0);
     };
     return (D || i) && window.document.addEventListener("keydown", P), () => {
       window.document.removeEventListener("keydown", P);
     };
-  }, [D, i, N, I.hasOpenSubmenu()]), _(() => {
+  }, [D, i, N, I.hasOpenSubmenu()]), ee(() => {
     const P = (q) => {
       if (!N)
         return;
@@ -3938,7 +3938,7 @@ const Ja = (t, i) => {
     return (D || i) && window.document.addEventListener("click", P), () => {
       window.document.removeEventListener("click", P);
     };
-  }, [D, i, N]), _(() => {
+  }, [D, i, N]), ee(() => {
     const P = (q) => {
       if (!(!N || !k.current) && q.key === "Tab") {
         const Ae = k.current.querySelectorAll(
@@ -3951,14 +3951,14 @@ const Ja = (t, i) => {
       document == null || document.removeEventListener("keydown", P);
     };
   }, [N]);
-  const ee = oe(() => N ? (c == null ? void 0 : c.leadingIcon) ?? "" : (l == null ? void 0 : l.leadingIcon) ?? "", [l, c, N]), $ = oe(() => N ? (c == null ? void 0 : c.leadingIconHover) ?? "" : (l == null ? void 0 : l.leadingIconHover) ?? "", [l, c, N]), z = oe(() => N ? (c == null ? void 0 : c.trailingIcon) ?? "" : (l == null ? void 0 : l.trailingIcon) ?? "", [l, c, N]), H = oe(() => N ? (c == null ? void 0 : c.trailingIconHover) ?? "" : (l == null ? void 0 : l.trailingIconHover) ?? "", [l, c, N]);
-  return /* @__PURE__ */ e.createElement("div", { ref: h, className: X }, G && /* @__PURE__ */ e.createElement(
+  const _ = oe(() => N ? (c == null ? void 0 : c.leadingIcon) ?? "" : (l == null ? void 0 : l.leadingIcon) ?? "", [l, c, N]), $ = oe(() => N ? (c == null ? void 0 : c.leadingIconHover) ?? "" : (l == null ? void 0 : l.leadingIconHover) ?? "", [l, c, N]), z = oe(() => N ? (c == null ? void 0 : c.trailingIcon) ?? "" : (l == null ? void 0 : l.trailingIcon) ?? "", [l, c, N]), H = oe(() => N ? (c == null ? void 0 : c.trailingIconHover) ?? "" : (l == null ? void 0 : l.trailingIconHover) ?? "", [l, c, N]);
+  return /* @__PURE__ */ e.createElement("div", { ref: h, className: C }, G && /* @__PURE__ */ e.createElement(
     he,
     {
       ...Y.props,
       darkMode: d.darkMode,
       ref: w,
-      className: T
+      className: B
     }
   ), p && !i && /* @__PURE__ */ e.createElement(
     ae,
@@ -3972,7 +3972,7 @@ const Ja = (t, i) => {
       darkMode: d.darkMode,
       ...D && { "aria-controls": `panel-content-${g}`, "aria-expanded": N },
       hasIcon: s(R.props.hasIcon),
-      ...D && s(R.props.hasIcon) && ee && $ ? { leadingIcon: ee, leadingIconHover: $ } : {},
+      ...D && s(R.props.hasIcon) && _ && $ ? { leadingIcon: _, leadingIconHover: $ } : {},
       ...D && s(R.props.hasIcon) && z && H ? { trailingIcon: z, trailingIconHover: H } : {}
     },
     R.props.children
@@ -3998,7 +3998,7 @@ const Ja = (t, i) => {
     j
   ), /* @__PURE__ */ e.createElement("div", { className: "panel-menu-backdrop" })));
 }, qe = re(xa), yt = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Fa = ({ id: t, linksAriaLabel: i, relatedLinksAriaLabel: n, title: a, buttonProps: l, children: c }, r) => {
-  const o = Ie(), A = Ye(), m = o.getResponsiveMenuBackToRootLabel(), g = le(), [d, I] = V(!1), b = O.toArray(c).filter((G) => B(G) && G.type === $e), u = O.toArray(c).filter((G) => B(G) && G.type === yt), E = C(null), N = C(null), Z = () => {
+  const o = Ie(), A = Ye(), m = o.getResponsiveMenuBackToRootLabel(), g = le(), [d, I] = V(!1), b = O.toArray(c).filter((G) => T(G) && G.type === $e), u = O.toArray(c).filter((G) => T(G) && G.type === yt), E = X(null), N = X(null), Z = () => {
     d || (I(!0), De(() => {
       var h;
       const G = (h = N.current) == null ? void 0 : h.querySelectorAll(
@@ -4035,7 +4035,7 @@ const Ja = (t, i) => {
   }, j = () => {
     A.openSubmenu(t);
   };
-  _(() => {
+  ee(() => {
     const G = (D) => {
       if (!(!d || !N.current) && D.code === "Tab") {
         const h = N.current.querySelectorAll(
@@ -4090,7 +4090,7 @@ const Ja = (t, i) => {
 }, La = re(
   Fa
 ), Oa = () => {
-  const t = Ie(), i = Ye(), n = t.getAreas(), a = n.find((d) => d.active), l = n.filter((d) => !d.active), c = le(), r = C(null), [o, A] = V(0), m = (d) => {
+  const t = Ie(), i = Ye(), n = t.getAreas(), a = n.find((d) => d.active), l = n.filter((d) => !d.active), c = le(), r = X(null), [o, A] = V(0), m = (d) => {
     const { code: I } = d;
     if (r.current) {
       const b = Array.from(r.current.querySelectorAll("[data-menuitem]"));
@@ -4125,7 +4125,7 @@ const Ja = (t, i) => {
   return /* @__PURE__ */ e.createElement("div", { className: "navigation-burger-layout" }, a && /* @__PURE__ */ e.createElement("div", { id: "navigation-burger-current-area", className: "current-area" }, a.label), /* @__PURE__ */ e.createElement("nav", { className: "xs:col-span-4 md:col-span-8 xl:col-span-12", "aria-labelledby": "navigation-burger-current-area" }, /* @__PURE__ */ e.createElement("ul", { ref: r }, t.getNavigationItems().map((d, I) => {
     var E;
     const b = `${me.NavigationBurgerLayout}-${I}`, u = ke();
-    if (i.menuRefMap.set(b, u), B(d) && d.type === Nt)
+    if (i.menuRefMap.set(b, u), T(d) && d.type === Nt)
       return /* @__PURE__ */ e.createElement("li", { key: b }, /* @__PURE__ */ e.createElement(
         La,
         {
@@ -4142,7 +4142,7 @@ const Ja = (t, i) => {
         },
         d.props.children
       ));
-    if (B(d) && d.type === $e) {
+    if (T(d) && d.type === $e) {
       const N = J("burger-menu-item-link", d.props.className);
       return /* @__PURE__ */ e.createElement("li", { key: b }, /* @__PURE__ */ e.createElement(
         he,
@@ -4203,7 +4203,7 @@ const Ja = (t, i) => {
   const c = J("area", { selected: t });
   return /* @__PURE__ */ e.createElement("button", { ...l, className: c, onClick: a, "data-value": i }, n);
 }, Xa = () => {
-  const t = Ie(), i = Ye(), n = C(null);
+  const t = Ie(), i = Ye(), n = X(null);
   i.menuRefMap.set(me.Areas, n);
   const a = t.hasVisibleAreas(), l = J("areas", { "dark-mode": t.darkMode }, { "sr-only": !a }), c = (o, A) => {
     var m, g;
@@ -4287,7 +4287,7 @@ const Ja = (t, i) => {
 }, qa = ({ type: t = "unordered", listStyle: i = "none", startNumber: n = 1, children: a, icon: l, ...c }) => {
   const r = t !== "ordered" ? "ul" : "ol", o = le(), A = { ...c };
   A.id = A.id ?? o;
-  const m = J(`agora-list agora-list-${t} list-${i}`, A.className), g = O.map(a, (d) => B(d) ? /* @__PURE__ */ e.createElement("li", null, i === "icon" && t === "unordered" && /* @__PURE__ */ e.createElement(ne, { name: l, "aria-hidden": !0 }), /* @__PURE__ */ e.createElement("div", { className: "list-items" }, d.props.children)) : null);
+  const m = J(`agora-list agora-list-${t} list-${i}`, A.className), g = O.map(a, (d) => T(d) ? /* @__PURE__ */ e.createElement("li", null, i === "icon" && t === "unordered" && /* @__PURE__ */ e.createElement(ne, { name: l, "aria-hidden": !0 }), /* @__PURE__ */ e.createElement("div", { className: "list-items" }, d.props.children)) : null);
   return /* @__PURE__ */ e.createElement(r, { style: { "--startNumber": n }, start: n, className: m, id: A.id }, g);
 }, $a = (t) => {
   const i = Ie(), n = i.getDefaultSearchTitle(), a = i.getDefaultSearchInputBar(), l = i.getCustomSearchInputBar(), c = i.getDefaultSearchRelatedLinksTitle(), r = i.getDefaultSearchRelatedLinks();
@@ -4373,7 +4373,7 @@ const Ja = (t, i) => {
   relatedLinksAriaLabel: n,
   children: a
 }) => {
-  const l = le(), c = O.toArray(a).filter((A) => B(A) && A.type === $e), r = O.toArray(a).filter((A) => B(A) && A.type === yt), o = J("navigation-links-layout", r.length < 1 ? "pb-32" : "");
+  const l = le(), c = O.toArray(a).filter((A) => T(A) && A.type === $e), r = O.toArray(a).filter((A) => T(A) && A.type === yt), o = J("navigation-links-layout", r.length < 1 ? "pb-32" : "");
   return /* @__PURE__ */ e.createElement("div", { className: o }, t && /* @__PURE__ */ e.createElement("div", { className: "title" }, t), c.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "links", role: "list", "aria-label": i }, c.map((A, m) => {
     const g = `${l}-links-${m}`;
     return /* @__PURE__ */ e.createElement("div", { className: "link-wrapper", key: g, role: "listitem" }, /* @__PURE__ */ e.createElement(he, { ...A.props, variant: "primary" }));
@@ -4386,7 +4386,7 @@ const Ja = (t, i) => {
   return /* @__PURE__ */ e.createElement("nav", { className: "internal-navigation-list", "aria-labelledby": a == null ? void 0 : a.value, ...l ? { id: l } : {} }, /* @__PURE__ */ e.createElement("ul", null, n.map((c, r) => {
     var m;
     const o = `${me.NavigationList}-${r}`, A = ke();
-    if (i.menuRefMap.set(o, A), B(c) && c.type === Nt)
+    if (i.menuRefMap.set(o, A), T(c) && c.type === Nt)
       return /* @__PURE__ */ e.createElement("li", { key: o }, /* @__PURE__ */ e.createElement(
         qe,
         {
@@ -4416,13 +4416,13 @@ const Ja = (t, i) => {
           c.props.children
         )
       ));
-    if (B(c) && c.type === $e) {
+    if (T(c) && c.type === $e) {
       const g = J("internal-panel-navigation-list-link", c.props.className);
       return /* @__PURE__ */ e.createElement("li", { key: o, className: "relative" }, /* @__PURE__ */ e.createElement(qe, { id: o, ref: A }, /* @__PURE__ */ e.createElement(he, { ...c.props, className: g })));
     }
   })));
 }, ci = ze({}), cl = () => Te(ci), rl = ({ className: t, openLabel: i, closeLabel: n, modalAriaLabel: a, darkMode: l = !1, children: c, ...r }, o) => {
-  const A = Ie(), m = cl(), g = O.toArray(c).find((p) => B(p) && p.type !== ae), d = C(null), I = () => {
+  const A = Ie(), m = cl(), g = O.toArray(c).find((p) => T(p) && p.type !== ae), d = X(null), I = () => {
     var p;
     (p = d.current) == null || p.focus();
   }, b = () => {
@@ -4433,7 +4433,7 @@ const Ja = (t, i) => {
     });
   }, u = () => {
     m.hide();
-  }, E = C(null);
+  }, E = X(null);
   je(
     o,
     E,
@@ -4473,8 +4473,8 @@ const Ja = (t, i) => {
 }, ol = re(rl), Al = ({ item: t }) => {
   const i = le();
   let n = "", a = "", l = "";
-  B(t) && t.type === Nt && (n = t.props.label, a = t.props.linksAriaLabel ?? "", l = t.props.relatedLinksAriaLabel ?? "");
-  const c = O.toArray(t.props.children).filter((o) => B(o) && o.type === $e), r = O.toArray(t.props.children).filter((o) => B(o) && o.type === yt);
+  T(t) && t.type === Nt && (n = t.props.label, a = t.props.linksAriaLabel ?? "", l = t.props.relatedLinksAriaLabel ?? "");
+  const c = O.toArray(t.props.children).filter((o) => T(o) && o.type === $e), r = O.toArray(t.props.children).filter((o) => T(o) && o.type === yt);
   return /* @__PURE__ */ e.createElement(e.Fragment, null, c.length > 0 && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "main-content" }, /* @__PURE__ */ e.createElement("div", { className: "content" }, /* @__PURE__ */ e.createElement("div", { className: "links" }, /* @__PURE__ */ e.createElement("div", { className: "links-title" }, n), /* @__PURE__ */ e.createElement("div", { className: "links-list", role: "list", "aria-label": a }, c.map((o, A) => {
     const m = `${i}-link-${A}`;
     return /* @__PURE__ */ e.createElement("div", { key: m, role: "listitem" }, /* @__PURE__ */ e.createElement(he, { ...o.props, variant: "primary" }));
@@ -4483,8 +4483,8 @@ const Ja = (t, i) => {
     return /* @__PURE__ */ e.createElement("div", { key: m, role: "listitem" }, /* @__PURE__ */ e.createElement(he, { ...o.props, variant: "neutral" }));
   })))))));
 }, sl = ({ onActiveChange: t }) => {
-  const i = le(), n = C(null), a = Ie(), l = a.getNavigationItems(), [c, r] = V(0);
-  _(() => {
+  const i = le(), n = X(null), a = Ie(), l = a.getNavigationItems(), [c, r] = V(0);
+  ee(() => {
     t(c);
   }, [c]);
   const [o, A] = V(0), m = (g) => {
@@ -4508,7 +4508,7 @@ const Ja = (t, i) => {
     const I = `${i}-${d}`, b = J("internal-modal-menu-item", { selected: c === d }), u = () => {
       r(d);
     }, E = d === o;
-    if (B(g) && g.type === Nt)
+    if (T(g) && g.type === Nt)
       return /* @__PURE__ */ e.createElement("li", { key: I }, /* @__PURE__ */ e.createElement(
         ae,
         {
@@ -4524,7 +4524,7 @@ const Ja = (t, i) => {
         },
         g.props.label
       ));
-    if (B(g) && g.type === $e)
+    if (T(g) && g.type === $e)
       return /* @__PURE__ */ e.createElement("li", { key: I }, /* @__PURE__ */ e.createElement(
         he,
         {
@@ -4585,7 +4585,7 @@ const Ja = (t, i) => {
   };
   return /* @__PURE__ */ e.createElement("div", { className: o, ...c ? g : {} }, c && t.hasVisibleAreas() && /* @__PURE__ */ e.createElement(ot, { className: A }), /* @__PURE__ */ e.createElement("div", { className: "navbar-container" }, /* @__PURE__ */ e.createElement(nl, null), c && t.countNavigationItems() > 0 && /* @__PURE__ */ e.createElement(e.Fragment, null, t.countNavigationItems() > t.maxNavigationItems && /* @__PURE__ */ e.createElement(Nl, null), t.countNavigationItems() <= t.maxNavigationItems && /* @__PURE__ */ e.createElement(ll, null))), r && !i.isScrolling() && /* @__PURE__ */ e.createElement(ot, null));
 }, bl = () => {
-  const t = Ie(), i = Ye(), n = C(null);
+  const t = Ie(), i = Ye(), n = X(null);
   i.menuRefMap.set(me.Header, n);
   const a = J("agora-header", { "scrolling shadow-bottom-low": i.isScrolling() }), l = J("general-bar-bg", {
     "bg-[var(--color-neutral-100)]": !t.darkMode,
@@ -4596,7 +4596,7 @@ const Ja = (t, i) => {
   });
   return /* @__PURE__ */ e.createElement("div", { className: a, ref: n }, /* @__PURE__ */ e.createElement("div", { className: l }, /* @__PURE__ */ e.createElement(il, null)), /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement(ml, null)));
 }, El = ({ children: t }) => /* @__PURE__ */ e.createElement("div", { className: "custom-modal-dialog" }, t), gl = ({ children: t }) => {
-  const i = C(null), [n, a] = V(), [l, c] = V({
+  const i = X(null), [n, a] = V(), [l, c] = V({
     closeButtonLabel: "",
     ariaLabel: ""
   }), r = be(
@@ -4642,8 +4642,8 @@ const Ja = (t, i) => {
 }, Il = ({ ...t }, i) => {
   const n = va(t), a = Sa();
   Ja(i, a);
-  const l = C(0);
-  return _(() => {
+  const l = X(0);
+  return ee(() => {
     const c = () => {
       l.current !== window.innerWidth && (a.collapseAllMenus(), l.current = window.innerWidth);
     };
@@ -4826,7 +4826,7 @@ const _e = ({
     }
   }
 }, Ul = () => {
-  const t = St(), i = C(null), [n, a] = V(!1), l = (u) => {
+  const t = St(), i = X(null), [n, a] = V(!1), l = (u) => {
     const E = u.getAttribute("data-date");
     return oi(E);
   }, c = (u) => {
@@ -4946,9 +4946,9 @@ const _e = ({
       u && u.focus();
     }
   };
-  return _(() => b(), []), _(() => {
+  return ee(() => b(), []), ee(() => {
     n && b();
-  }, [n]), _(() => b(), [t.focusedDate]), /* @__PURE__ */ e.createElement("div", { className: "my-16" }, /* @__PURE__ */ e.createElement("div", { role: "grid", className: "w-full" }, /* @__PURE__ */ e.createElement("div", { role: "rowheader", className: "grid grid-flow-col gap-[2px]" }, t.getAbbrWeekDays().map((u) => /* @__PURE__ */ e.createElement(
+  }, [n]), ee(() => b(), [t.focusedDate]), /* @__PURE__ */ e.createElement("div", { className: "my-16" }, /* @__PURE__ */ e.createElement("div", { role: "grid", className: "w-full" }, /* @__PURE__ */ e.createElement("div", { role: "rowheader", className: "grid grid-flow-col gap-[2px]" }, t.getAbbrWeekDays().map((u) => /* @__PURE__ */ e.createElement(
     "div",
     {
       role: "gridcell",
@@ -4979,7 +4979,7 @@ const _e = ({
   return c.okAriaLabel || delete A["aria-label"], /* @__PURE__ */ e.createElement("div", { className: "flex justify-between items-center" }, /* @__PURE__ */ e.createElement("div", { className: "my-16" }, /* @__PURE__ */ e.createElement(ae, { appearance: "link", onClick: t.focusToday, disabled: a, ...r }, c.todayLabel)), /* @__PURE__ */ e.createElement("div", { className: "my-16 flex items-end gap-8" }, /* @__PURE__ */ e.createElement(ae, { appearance: "outline", onClick: t.cancel, ...o }, c.cancelLabel), /* @__PURE__ */ e.createElement(ae, { appearance: "solid", onClick: l, ...A }, c.okLabel)));
 }, jl = () => {
   const t = St(), [i, n] = V(!0), [a, l] = V(!0), [c, r] = V(!0), [o, A] = V(!0);
-  return _(() => {
+  return ee(() => {
     n(t.startDate ? Rl(t.focusedDate, t.startDate) : !0), l(t.startDate ? Gl(t.focusedDate, t.startDate) : !0), r(t.endDate ? Dl(t.focusedDate, t.endDate) : !0), A(t.endDate ? Zl(t.focusedDate, t.endDate) : !0);
   }, [t.focusedDate, t.startDate, t.endDate]), /* @__PURE__ */ e.createElement("div", { className: "header w-full" }, /* @__PURE__ */ e.createElement("h2", { className: "flex justify-center py-8 w-full text-black font-bold text-m-light normal-case", "aria-live": "polite" }, `${t.focusedMonth} ${t.focusedYear}`), /* @__PURE__ */ e.createElement("div", { className: "flex flex-row justify-between" }, /* @__PURE__ */ e.createElement("div", { className: "flex gap-8 justify-center" }, /* @__PURE__ */ e.createElement(
     ae,
@@ -5034,7 +5034,7 @@ const _e = ({
   const [g, d] = V(!1), [I, b] = V(m), [u, E] = V(m), [N, Z] = V(i), R = () => {
     c();
   };
-  _(() => {
+  ee(() => {
     g ? De(() => l(I)) : d(!0);
   }, [I]);
   const Y = oe(() => ({
@@ -5051,7 +5051,7 @@ const _e = ({
   }), [I, u]), j = J(
     o,
     "absolute left-0 top-[68px] shadow-bottom-high bg-white p-16 border-2 border-[var(--color-neutral-200)] rounded-4 z-dropdown"
-  ), p = C(null), G = be((D) => {
+  ), p = X(null), G = be((D) => {
     if (D.key === "Escape") {
       D.preventDefault(), c();
       return;
@@ -5063,7 +5063,7 @@ const _e = ({
       D.shiftKey && document.activeElement === U ? (D.preventDefault(), w.focus()) : !D.shiftKey && document.activeElement === w && (D.preventDefault(), U.focus());
     }
   }, []);
-  return _(() => (document == null || document.addEventListener("keydown", G), () => {
+  return ee(() => (document == null || document.addEventListener("keydown", G), () => {
     document == null || document.removeEventListener("keydown", G);
   }), [G]), /* @__PURE__ */ e.createElement(ul, { value: Y }, /* @__PURE__ */ e.createElement("div", { ref: p, className: j }, /* @__PURE__ */ e.createElement(jl, null), /* @__PURE__ */ e.createElement(Ul, null), /* @__PURE__ */ e.createElement("div", { className: "border-1 border-[var(--color-neutral-300)]" }), /* @__PURE__ */ e.createElement(wl, null)));
 }, mt = (t) => t === "" ? t : t.length === 1 ? `0${t}` : t, vl = (t) => t % 4 === 0 && (t % 100 !== 0 || t % 400 === 0), Jl = (t, i, n) => {
@@ -5156,16 +5156,16 @@ const _e = ({
   cancelAriaLabel: W,
   okLabel: x,
   okAriaLabel: S,
-  value: X,
+  value: C,
   defaultValue: F,
-  onChange: T,
+  onChange: B,
   ...Q
 }, L) => {
-  const ee = le(), $ = { ...Q };
-  $.id = $.id ?? ee;
-  const z = Q.disabled || Q.readOnly ? !1 : r, H = C(null);
+  const _ = le(), $ = { ...Q };
+  $.id = $.id ?? _;
+  const z = Q.disabled || Q.readOnly ? !1 : r, H = X(null);
   Se(L, () => H.current, [H.current]);
-  const f = C(null), [K, P] = V((X == null ? void 0 : X.toString()) ?? (F == null ? void 0 : F.toString()) ?? ""), q = C("empty"), [Ae, se] = V(+/* @__PURE__ */ new Date()), [te, ie] = V(!1), ce = () => {
+  const f = X(null), [K, P] = V((C == null ? void 0 : C.toString()) ?? (F == null ? void 0 : F.toString()) ?? ""), q = X("empty"), [Ae, se] = V(+/* @__PURE__ */ new Date()), [te, ie] = V(!1), ce = () => {
     ie(!0);
   }, Ee = () => {
     var ue;
@@ -5182,7 +5182,7 @@ const _e = ({
   }, fe = (ue) => {
     ue !== q.current && (q.current = ue, se(+/* @__PURE__ */ new Date()));
   };
-  _(() => {
+  ee(() => {
     const ue = (We) => {
       var Ve;
       te && ((Ve = f.current) != null && Ve.contains(We.target) || Ne());
@@ -5190,7 +5190,7 @@ const _e = ({
     return document.addEventListener("click", ue), () => {
       document.removeEventListener("click", ue);
     };
-  }, [te]), _(() => {
+  }, [te]), ee(() => {
     var We;
     const ue = (Ve) => {
       Ve.key === "Escape" && (Ve.preventDefault(), Ne());
@@ -5199,9 +5199,9 @@ const _e = ({
       var Ve;
       (Ve = f.current) == null || Ve.removeEventListener("keydown", ue);
     };
-  }, []), _(() => {
-    F || (P((X == null ? void 0 : X.toString()) ?? ""), fe((X == null ? void 0 : X.toString()) ?? ""));
-  }, [X]);
+  }, []), ee(() => {
+    F || (P((C == null ? void 0 : C.toString()) ?? ""), fe((C == null ? void 0 : C.toString()) ?? ""));
+  }, [C]);
   const pt = (ue) => {
     Ne();
     const We = vt(ue);
@@ -5209,10 +5209,10 @@ const _e = ({
   }, Ui = (ue) => {
     P(ue.target.value), fe(ue.target.value);
   };
-  _(() => {
+  ee(() => {
     if (H.current) {
       const ue = Be(H.current, "change");
-      De(() => T == null ? void 0 : T(ue));
+      De(() => B == null ? void 0 : B(ue));
     }
   }, [Ae]);
   const wi = {
@@ -5240,7 +5240,7 @@ const _e = ({
     "has-feedback": s(A),
     ["feedback-" + g]: s(A) && g
   });
-  return /* @__PURE__ */ e.createElement("div", { hidden: !!$.hidden, className: ji, ref: f }, /* @__PURE__ */ e.createElement("label", { hidden: !!s(n), htmlFor: $.id, className: "input-date-label" }, i), /* @__PURE__ */ e.createElement("div", { className: "input-wrapper" }, I && (b == null ? void 0 : b.startsWith("agora-line")) && /* @__PURE__ */ e.createElement("div", { className: "input-leading-icon" }, /* @__PURE__ */ e.createElement(ne, { name: b, "aria-hidden": !0 })), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { hidden: !!$.hidden, className: ji, ref: f }, /* @__PURE__ */ e.createElement("label", { hidden: !!s(n), htmlFor: $.id, className: "input-date-label" }, i), /* @__PURE__ */ e.createElement("div", { className: "input-wrapper" }, I && (b == null ? void 0 : b.startsWith("agora-solid")) && /* @__PURE__ */ e.createElement("div", { className: "input-leading-icon" }, /* @__PURE__ */ e.createElement(ne, { name: b, "aria-hidden": !0 })), /* @__PURE__ */ e.createElement(
     Sl,
     {
       ref: H,
@@ -5305,9 +5305,9 @@ const _e = ({
   const I = le(), b = { ...g };
   b.id = b.id ?? I;
   const { onChange: u } = b, [E, N] = V(""), [Z, R] = V(!1), Y = be(
-    (h) => {
-      const { value: U } = h.currentTarget;
-      N(U), R(new RegExp(m).test(U)), u == null || u(h);
+    (U) => {
+      const { value: w } = U.currentTarget;
+      N(w), R(new RegExp(m).test(w)), u == null || u(U);
     },
     [u, m]
   ), j = be(() => {
@@ -5323,15 +5323,15 @@ const _e = ({
       ["feedback-" + l]: s(a) && l
     },
     t
-  ), G = J(
-    "input-label-wrapper flex items-end",
-    {
-      "mb-16": n && !s(i),
-      "justify-end": !n || s(i),
-      "justify-between": n && !s(i)
-    }
-  ), D = J("agora-input-email-bar-label", { dark: s(c) });
-  return /* @__PURE__ */ e.createElement("div", { hidden: !!b.hidden, className: p }, /* @__PURE__ */ e.createElement("div", { className: G }, /* @__PURE__ */ e.createElement("label", { hidden: s(i), className: D, htmlFor: b.id }, n)), /* @__PURE__ */ e.createElement("div", { className: `agora-input-email-bar-container ${b.disabled ? "disabled" : ""}` }, /* @__PURE__ */ e.createElement(
+  ), G = J("input-label-wrapper flex items-end", {
+    "mb-16": n && !s(i),
+    "justify-end": !n || s(i),
+    "justify-between": n && !s(i)
+  }), D = J("agora-input-email-bar-label", { dark: s(c) }), h = J("agora-input-email-bar-container", {
+    disabled: b.disabled,
+    "invalid-email": !Z
+  });
+  return /* @__PURE__ */ e.createElement("div", { hidden: !!b.hidden, className: p }, /* @__PURE__ */ e.createElement("div", { className: G }, /* @__PURE__ */ e.createElement("label", { hidden: s(i), className: D, htmlFor: b.id }, n)), /* @__PURE__ */ e.createElement("div", { className: h }, /* @__PURE__ */ e.createElement(
     "input",
     {
       ...b,
@@ -5382,10 +5382,10 @@ const _e = ({
 }, u) => {
   const E = le(), N = { ...b };
   N.id = N.id ?? E;
-  const { onChange: Z, min: R, max: Y } = N, j = C(null), [p, G] = V(N.value), D = b.disabled || b.readOnly ? !1 : I, h = (L) => {
+  const { onChange: Z, min: R, max: Y } = N, j = X(null), [p, G] = V(N.value), D = b.disabled || b.readOnly ? !1 : I, h = (L) => {
     var $;
-    const { value: ee } = L.currentTarget;
-    if (G(ee), Z == null || Z(L), Y === parseFloat(ee.toString()) || R === parseFloat(ee.toString())) {
+    const { value: _ } = L.currentTarget;
+    if (G(_), Z == null || Z(L), Y === parseFloat(_.toString()) || R === parseFloat(_.toString())) {
       const z = ($ = j.current) == null ? void 0 : $.querySelector("input");
       z && z.focus();
     }
@@ -5412,22 +5412,22 @@ const _e = ({
     inputClasses: J(
       "agora-input-number",
       {
-        "has-leading-icon": m && (g == null ? void 0 : g.indexOf("agora-line")) === 0,
-        // allowing only line family icon
+        "has-leading-icon": m && (g == null ? void 0 : g.indexOf("agora-solid")) === 0,
+        // allowing only solid family icon
         "has-value": p && p.toString().length > 0
       },
       d
     ),
     leadingIconWrapperClasses: J("input-leading-icon")
-  }), { inputWrapperClasses: y, labelSectionClasses: W, inputClasses: x, leadingIconWrapperClasses: S } = k(), X = () => {
-    var ee;
-    const L = (ee = j.current) == null ? void 0 : ee.querySelector("input");
+  }), { inputWrapperClasses: y, labelSectionClasses: W, inputClasses: x, leadingIconWrapperClasses: S } = k(), C = () => {
+    var _;
+    const L = (_ = j.current) == null ? void 0 : _.querySelector("input");
     L && (L.stepUp(), L.dispatchEvent(new Event("change", { bubbles: !0 })));
   }, F = () => {
-    var ee;
-    const L = (ee = j.current) == null ? void 0 : ee.querySelector("input");
+    var _;
+    const L = (_ = j.current) == null ? void 0 : _.querySelector("input");
     L && (L.stepDown(), L.dispatchEvent(new Event("change", { bubbles: !0 })));
-  }, T = (L) => {
+  }, B = (L) => {
     w(L);
   }, Q = J("input-number-label", v);
   return /* @__PURE__ */ e.createElement("div", { hidden: !!N.hidden, className: y }, /* @__PURE__ */ e.createElement("div", { className: W }, /* @__PURE__ */ e.createElement("label", { hidden: s(i), htmlFor: N.id, className: Q }, t)), /* @__PURE__ */ e.createElement("div", { className: "input-wrapper flex relative items-center", ref: j }, /* @__PURE__ */ e.createElement(
@@ -5444,15 +5444,15 @@ const _e = ({
       required: D,
       onChange: h
     }
-  ), m && (g == null ? void 0 : g.startsWith("agora-line")) && /* @__PURE__ */ e.createElement("div", { className: S }, /* @__PURE__ */ e.createElement(ne, { name: g, "aria-hidden": !0 })), /* @__PURE__ */ e.createElement(
+  ), m && (g == null ? void 0 : g.startsWith("agora-solid")) && /* @__PURE__ */ e.createElement("div", { className: S }, /* @__PURE__ */ e.createElement(ne, { name: g, "aria-hidden": !0 })), /* @__PURE__ */ e.createElement(
     "div",
     {
       className: "input-number-controls",
       role: "presentation",
       onFocus: () => {
       },
-      onMouseOver: () => T(!0),
-      onMouseLeave: () => T(!1)
+      onMouseOver: () => B(!0),
+      onMouseLeave: () => B(!1)
     },
     /* @__PURE__ */ e.createElement(
       "button",
@@ -5470,7 +5470,7 @@ const _e = ({
       {
         disabled: Y === parseFloat((p == null ? void 0 : p.toString()) ?? "0") || !!N.disabled || !!N.readOnly,
         type: "button",
-        onClick: X,
+        onClick: C,
         "aria-label": a
       },
       /* @__PURE__ */ e.createElement(ne, { name: "agora-line-plus-circle", "aria-hidden": !0, className: "icon-step icon-step-default" }),
@@ -5502,7 +5502,7 @@ const _e = ({
 }, b) => {
   const u = le(), E = { ...I };
   E.id = E.id ?? u;
-  const { onChange: N } = E, Z = C(null), [R, Y] = V(!1), [j, p] = V(E.value ? E.value.toString().length > 0 : !1), G = I.disabled || I.readOnly ? !1 : g, D = () => {
+  const { onChange: N } = E, Z = X(null), [R, Y] = V(!1), [j, p] = V(E.value ? E.value.toString().length > 0 : !1), G = I.disabled || I.readOnly ? !1 : g, D = () => {
     var x;
     !E.disabled && !E.readOnly && (Y(!R), Z != null && Z.current && ((x = Z.current.querySelector("input")) == null || x.focus()));
   }, h = (x) => {
@@ -6974,13 +6974,13 @@ const _e = ({
 }, j) => {
   const p = le(), G = { ...Y };
   G.id = G.id ?? p;
-  const D = C(null), h = C(null), U = C(null), w = C(null), [v, k] = V(!1), [y, W] = V(G.value ? G.value.toString().length > 0 : !1), x = Y.disabled || Y.readOnly ? !1 : u;
+  const D = X(null), h = X(null), U = X(null), w = X(null), [v, k] = V(!1), [y, W] = V(G.value ? G.value.toString().length > 0 : !1), x = Y.disabled || Y.readOnly ? !1 : u;
   let S = et[0];
-  const X = i ?? n;
-  X && (S = et.find((te) => te.code === X || te.iso.toLocaleLowerCase() === X.toLocaleLowerCase()) ?? S);
-  const [F, T] = V(S);
-  _(() => {
-    T(S);
+  const C = i ?? n;
+  C && (S = et.find((te) => te.code === C || te.iso.toLocaleLowerCase() === C.toLocaleLowerCase()) ?? S);
+  const [F, B] = V(S);
+  ee(() => {
+    B(S);
   }, [S]), je(
     j,
     h,
@@ -6996,11 +6996,11 @@ const _e = ({
   }, L = () => {
     var te;
     k(!0), (te = w.current) == null || te.first();
-  }, ee = (te) => {
+  }, _ = (te) => {
     const ie = et.find((ce) => ce.iso === te[0].value);
     if (ie) {
       const ce = { ...ie };
-      T(ce), R == null || R(ce);
+      B(ce), R == null || R(ce);
     }
   }, $ = (te) => {
     if ([
@@ -7033,7 +7033,7 @@ const _e = ({
   }, K = (te) => {
     G.disabled || G.readOnly || typeof te.detail == "number" && te.detail === 0 || H();
   };
-  _(() => {
+  ee(() => {
     const te = (ie) => {
       var ce, Ee;
       (ce = w.current) != null && ce.visibility && ((Ee = D.current) != null && Ee.contains(ie.target) || w.current.hide());
@@ -7069,7 +7069,7 @@ const _e = ({
     },
     /* @__PURE__ */ e.createElement("img", { className: "shadow-center-lower", src: `${F.flag}`, alt: F.country, width: 26, "aria-hidden": !0 }),
     /* @__PURE__ */ e.createElement(ne, { name: "agora-solid-arrow-down", "aria-hidden": !0, className: "ml-8" })
-  ), /* @__PURE__ */ e.createElement("div", { className: "input-text-wrapper" }, /* @__PURE__ */ e.createElement("div", { className: "country-code" }, /* @__PURE__ */ e.createElement("span", { "aria-hidden": !0 }, "+(", F == null ? void 0 : F.code, ")"), /* @__PURE__ */ e.createElement("span", { className: "sr-only", "aria-live": "polite" }, `${F == null ? void 0 : F.country} +${F == null ? void 0 : F.code}`)), /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: "input-text-wrapper" }, /* @__PURE__ */ e.createElement("div", { className: "country-code" }, /* @__PURE__ */ e.createElement("span", { "aria-hidden": !0 }, "(+", F == null ? void 0 : F.code, ")"), /* @__PURE__ */ e.createElement("span", { className: "sr-only", "aria-live": "polite" }, `${F == null ? void 0 : F.country} +${F == null ? void 0 : F.code}`)), /* @__PURE__ */ e.createElement(
     "input",
     {
       ...G,
@@ -7092,7 +7092,7 @@ const _e = ({
       ref: w,
       onHide: Q,
       onShow: L,
-      onChange: ee,
+      onChange: _,
       type: "text",
       searchable: E,
       searchAriaLabel: g,
@@ -7114,7 +7114,7 @@ const _e = ({
           icon: te.flag,
           disabled: te.code === F.code
         },
-        `+(${te.code}) ${te.country}`
+        `(+${te.code}) ${te.country}`
       );
     }))
   ))), (s(c) || s(l)) && r && /* @__PURE__ */ e.createElement(
@@ -7140,7 +7140,7 @@ const _e = ({
 }, g) => {
   const d = le(), I = { ...m };
   I.id = I.id ?? d;
-  const { onChange: b } = I, [u, E] = V([l[0], l[1]]), N = C(l), Z = C(null), R = C(null), Y = C(null);
+  const { onChange: b } = I, [u, E] = V([l[0], l[1]]), N = X(l), Z = X(null), R = X(null), Y = X(null);
   je(
     g,
     Z,
@@ -7148,7 +7148,7 @@ const _e = ({
       sliders: n === "single" ? [R.current] : [R.current, Y.current]
     },
     [n, Z.current, R.current, Y.current]
-  ), _(() => {
+  ), ee(() => {
     if (N.current[0] !== l[0] || N.current[1] !== l[1]) {
       const k = [...l];
       n === "single" && (k[1] = Number(I.max)), E(k), N.current = k;
@@ -7171,7 +7171,7 @@ const _e = ({
     "has-label": !s(i),
     "has-error": s(c)
   }), [h, U] = V("#FFFFFF");
-  _(() => {
+  ee(() => {
     const k = getComputedStyle(document.documentElement).getPropertyValue("--color-primary-600"), y = getComputedStyle(document.documentElement).getPropertyValue("--color-neutral-200"), W = Number(I.min), x = Number(I.max);
     if (n === "single" && !a) {
       let S = (u[0] - W) / (x - W) * 100;
@@ -7179,9 +7179,9 @@ const _e = ({
       return;
     }
     if (n === "double" && !a) {
-      let S = (u[0] - W) / (x - W) * 100, X = (u[1] - W) / (x - W) * 100;
-      S = Math.min(S, 100), X = Math.min(X, 100), U(
-        `linear-gradient(to right, ${y} ${S}%, ${k} ${S}%, ${k} ${X}%, ${y} ${X}%)`
+      let S = (u[0] - W) / (x - W) * 100, C = (u[1] - W) / (x - W) * 100;
+      S = Math.min(S, 100), C = Math.min(C, 100), U(
+        `linear-gradient(to right, ${y} ${S}%, ${k} ${S}%, ${k} ${C}%, ${y} ${C}%)`
       );
       return;
     }
@@ -7275,8 +7275,8 @@ const _e = ({
       "agora-input-search",
       "bg-transparent",
       {
-        "has-leading-icon": o && (A == null ? void 0 : A.indexOf("agora-line")) === 0,
-        // allowing only line family icon
+        "has-leading-icon": o && (A == null ? void 0 : A.indexOf("agora-solid")) === 0,
+        // allowing only solid family icon
         "has-value": N
       },
       m
@@ -7297,7 +7297,7 @@ const _e = ({
       required: R,
       onChange: Y
     }
-  ), o && (A == null ? void 0 : A.startsWith("agora-line")) && /* @__PURE__ */ e.createElement("div", { className: U }, /* @__PURE__ */ e.createElement(ne, { name: A, "aria-hidden": !0 })), /* @__PURE__ */ e.createElement("div", { className: "search-icon bg-transparent" }, /* @__PURE__ */ e.createElement(ne, { name: "agora-line-search", "aria-hidden": !0 }))), (s(a) || s(n)) && r && /* @__PURE__ */ e.createElement(
+  ), o && (A == null ? void 0 : A.startsWith("agora-solid")) && /* @__PURE__ */ e.createElement("div", { className: U }, /* @__PURE__ */ e.createElement(ne, { name: A, "aria-hidden": !0 })), /* @__PURE__ */ e.createElement("div", { className: "search-icon bg-transparent" }, /* @__PURE__ */ e.createElement(ne, { name: "agora-line-search", "aria-hidden": !0, className: "icon-search-default" }), /* @__PURE__ */ e.createElement(ne, { name: "agora-solid-search", "aria-hidden": !0, className: "icon-search-hover" }))), (s(a) || s(n)) && r && /* @__PURE__ */ e.createElement(
     Ge,
     {
       id: `input-search-${E.id}-feedback`,
@@ -7309,15 +7309,15 @@ const _e = ({
 }, Ao = re(Ll), Ol = (t) => {
   let i = 0;
   return O.forEach(t, (n) => {
-    B(n) && O.forEach(n.props.children, (a) => {
-      B(a) && (i = a.props.disabled ? i : i + 1);
+    T(n) && O.forEach(n.props.children, (a) => {
+      T(a) && (i = a.props.disabled ? i : i + 1);
     });
   }), i;
 }, Ql = (t) => {
   const i = [];
   return O.forEach(t, (n) => {
-    B(n) && O.forEach(n.props.children, (a) => {
-      B(a) && a.props.selected && i.push(a.props);
+    T(n) && O.forEach(n.props.children, (a) => {
+      T(a) && a.props.selected && i.push(a.props);
     });
   }), i;
 }, Vl = ({
@@ -7350,14 +7350,14 @@ const _e = ({
 }, w) => {
   const v = le(), k = { ...U };
   k.id = k.id ?? v;
-  const [y, W] = V(!1), x = C(null), S = C(null), X = C(null), [F, T] = V([]), Q = U.disabled ? !1 : b, L = () => {
-    T([]), u == null || u([]);
+  const [y, W] = V(!1), x = X(null), S = X(null), C = X(null), [F, B] = V([]), Q = U.disabled ? !1 : b, L = () => {
+    B([]), u == null || u([]);
   };
   Se(w, () => ({
     selectedOptions: F,
     clearSelectedOptions: L
   }), [F]);
-  const ee = J(
+  const _ = J(
     "agora-input-select",
     { dark: s(d) },
     {
@@ -7372,9 +7372,9 @@ const _e = ({
     "has-leading-icon": r && (o == null ? void 0 : o.indexOf("agora-line")) === 0
     // allowing only line family icon
   });
-  _(() => {
+  ee(() => {
     const ce = Ql(p);
-    T(ce);
+    B(ce);
   }, [p]);
   const z = Ol(p), H = oe(() => {
     var Ee;
@@ -7388,29 +7388,29 @@ const _e = ({
     W(!1), (ce = S.current) == null || ce.focus();
   }, P = () => {
     var ce;
-    W(!0), (ce = X.current) == null || ce.first();
+    W(!0), (ce = C.current) == null || ce.first();
   }, q = (ce) => {
-    T(ce), u == null || u(ce);
+    B(ce), u == null || u(ce);
   }, Ae = () => {
     var ce, Ee, ye;
-    (ce = X.current) != null && ce.visibility ? (Ee = X.current) == null || Ee.hide() : (ye = X.current) == null || ye.show();
+    (ce = C.current) != null && ce.visibility ? (Ee = C.current) == null || Ee.hide() : (ye = C.current) == null || ye.show();
   }, se = () => {
     Ae();
   }, te = (ce) => {
     const Ee = ce.code;
     (Ee === "Enter" || Ee === "NumpadEnter" || Ee === "Space") && Ae();
   };
-  _(() => {
+  ee(() => {
     const ce = (Ee) => {
       var ye, Ne;
-      (ye = X.current) != null && ye.visibility && !((Ne = x.current) != null && Ne.contains(Ee.target)) && X.current.hide();
+      (ye = C.current) != null && ye.visibility && !((Ne = x.current) != null && Ne.contains(Ee.target)) && C.current.hide();
     };
     return document == null || document.addEventListener("click", ce), () => {
       document == null || document.removeEventListener("click", ce);
     };
   }, []);
   const ie = J("agora-input-select-label", { dark: s(d) });
-  return /* @__PURE__ */ e.createElement("div", { className: ee, hidden: !!k.hidden }, !s(i) && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: _, hidden: !!k.hidden }, !s(i) && /* @__PURE__ */ e.createElement(
     "label",
     {
       id: `agora-input-select-${k.id}-control-label`,
@@ -7444,7 +7444,7 @@ const _e = ({
   ), /* @__PURE__ */ e.createElement("div", { className: "absolute -bottom-8 left-0 w-full min-h-[8px]" }, /* @__PURE__ */ e.createElement(
     It,
     {
-      ref: X,
+      ref: C,
       id: k.id,
       "aria-label": h,
       type: D,
@@ -7563,12 +7563,12 @@ const _e = ({
   ...b
 }, u) => {
   var F;
-  const E = typeof d < "u", N = typeof I < "u", [Z, R] = V(N ? I : ""), Y = E ? d : Z, j = (T) => {
-    g && g(T), E || R(T.target.value);
+  const E = typeof d < "u", N = typeof I < "u", [Z, R] = V(N ? I : ""), Y = E ? d : Z, j = (B) => {
+    g && g(B), E || R(B.target.value);
   }, p = le(), G = { ...b, value: Y };
   G.id = G.id ?? p, G.rows = Math.max(G.rows ?? 0, 3);
-  const [D, h] = V(G.value ? G.value.toString().length > 0 : !1), U = b.disabled || b.readOnly ? !1 : m, w = (T) => {
-    h(T.currentTarget.value.length > 0), j(T);
+  const [D, h] = V(G.value ? G.value.toString().length > 0 : !1), U = b.disabled || b.readOnly ? !1 : m, w = (B) => {
+    h(B.currentTarget.value.length > 0), j(B);
   }, v = s(o) ? "dark" : "", k = () => ({
     // main wrapper class
     inputWrapperClasses: J("agora-input-textarea-wrapper", v, {
@@ -7592,7 +7592,7 @@ const _e = ({
       },
       A
     )
-  }), { inputWrapperClasses: y, labelSectionClasses: W, inputClasses: x } = k(), S = J("input-textarea-label", v), X = J("char-counter", v);
+  }), { inputWrapperClasses: y, labelSectionClasses: W, inputClasses: x } = k(), S = J("input-textarea-label", v), C = J("char-counter", v);
   return /* @__PURE__ */ e.createElement("div", { hidden: G.hidden, className: y }, /* @__PURE__ */ e.createElement("div", { className: W }, /* @__PURE__ */ e.createElement("label", { hidden: s(i), htmlFor: G.id, className: S }, t)), /* @__PURE__ */ e.createElement("div", { className: "input-wrapper flex relative items-center" }, /* @__PURE__ */ e.createElement(
     "textarea",
     {
@@ -7614,7 +7614,7 @@ const _e = ({
       feedbackText: c,
       darkMode: s(o)
     }
-  ), s(l) && /* @__PURE__ */ e.createElement("div", { className: X }, /* @__PURE__ */ e.createElement("span", null, `${((F = Y == null ? void 0 : Y.toString()) == null ? void 0 : F.length) ?? 0}`), G.maxLength && /* @__PURE__ */ e.createElement("span", null, ` / ${G.maxLength}`))));
+  ), s(l) && /* @__PURE__ */ e.createElement("div", { className: C }, /* @__PURE__ */ e.createElement("span", null, `${((F = Y == null ? void 0 : Y.toString()) == null ? void 0 : F.length) ?? 0}`), G.maxLength && /* @__PURE__ */ e.createElement("span", null, ` / ${G.maxLength}`))));
 }, mo = re(Cl), Ai = /^(\d{2}):(\d{2})\s(AM|PM)$/, Xe = 1, Pe = 12, Ce = 0, Ke = 59, tt = {
   HOUR: "hh",
   MINUTE: "mm",
@@ -7672,9 +7672,9 @@ const _e = ({
     throw new Error("useTimeInputContext must be used within a TimeInputContextProvider");
   return t;
 }, ql = ({ setInputTextValue: t, className: i, hourInputPlaceholder: n, minuteInputPlaceholder: a, periodInputPlaceholder: l, ...c }, r) => {
-  const o = Gt(), A = C(null);
+  const o = Gt(), A = X(null);
   Se(r, () => A.current, [A.current]);
-  const m = J("agora-time-input", i), g = C(null), d = (U, w) => U ? U.length === 1 ? U.repeat(2) : U.length > 2 ? U.slice(0, 2) : U : w, I = d(n, tt.HOUR), b = d(a, tt.MINUTE), u = d(l, tt.PERIOD), E = `${I}:${b} ${u}`, N = (U = !1) => {
+  const m = J("agora-time-input", i), g = X(null), d = (U, w) => U ? U.length === 1 ? U.repeat(2) : U.length > 2 ? U.slice(0, 2) : U : w, I = d(n, tt.HOUR), b = d(a, tt.MINUTE), u = d(l, tt.PERIOD), E = `${I}:${b} ${u}`, N = (U = !1) => {
     var k;
     const w = ((k = A.current) == null ? void 0 : k.value) ?? "";
     if ((() => {
@@ -7700,35 +7700,35 @@ const _e = ({
     const w = U.target;
     w.value || (w.value = E);
   }, j = (U, w, v) => {
-    const { input: k, start: y, end: W, placeholder: x, minValue: S, maxValue: X, key: F } = U, T = (z, H, f) => {
+    const { input: k, start: y, end: W, placeholder: x, minValue: S, maxValue: C, key: F } = U, B = (z, H, f) => {
       k.value = `${k.value.slice(0, z)}${f}${k.value.slice(H)}`, k.setSelectionRange(z, H);
     }, Q = (z) => {
-      T(
+      B(
         y,
         W,
-        Math.min(Math.max(parseInt(z), S), X).toString().padStart(2, "0")
+        Math.min(Math.max(parseInt(z), S), C).toString().padStart(2, "0")
       );
     }, L = (z) => {
-      const H = parseInt(k.value.slice(y, W)) || 0, f = z ? H >= X ? S : H + 1 : H <= S ? X : H - 1;
+      const H = parseInt(k.value.slice(y, W)) || 0, f = z ? H >= C ? S : H + 1 : H <= S ? C : H - 1;
       Q(f.toString());
-    }, ee = () => {
+    }, _ = () => {
       const z = k.value.slice(y, W), H = z === "00" || !z.startsWith("0") || z === x ? `0${F}` : z.charAt(1) + F;
       Q(H);
-      const f = parseInt(H), K = f >= 10, P = f * 10 >= X;
+      const f = parseInt(H), K = f >= 10, P = f * 10 >= C;
       (K || P) && k.setSelectionRange(W + 1, W + 3);
     }, $ = () => {
       const z = w.ctrlKey || w.altKey || w.shiftKey;
-      (F === "a" || F === "A") && !z ? (w.preventDefault(), T(y, W, v.am.toUpperCase())) : (F === "p" || F === "P") && !z && (w.preventDefault(), T(y, W, v.pm.toUpperCase()));
+      (F === "a" || F === "A") && !z ? (w.preventDefault(), B(y, W, v.am.toUpperCase())) : (F === "p" || F === "P") && !z && (w.preventDefault(), B(y, W, v.pm.toUpperCase()));
     };
     if (F === "Backspace")
-      w.preventDefault(), T(y, W, x);
+      w.preventDefault(), B(y, W, x);
     else if (/\d/.test(F)) {
       if (w.preventDefault(), v) return;
-      ee();
+      _();
     } else if (F === "ArrowUp" || F === "ArrowDown") {
       if (w.preventDefault(), v) {
         const z = k.value.slice(6, 8).toUpperCase();
-        T(6, 8, z === v.am.toUpperCase() ? v.pm.toUpperCase() : v.am.toUpperCase());
+        B(6, 8, z === v.am.toUpperCase() ? v.pm.toUpperCase() : v.am.toUpperCase());
         return;
       }
       L(F === "ArrowUp");
@@ -7762,8 +7762,8 @@ const _e = ({
     };
     if (v < 3 && k <= 2 ? W() : v >= 3 && k <= 5 ? x() : v >= 6 && k <= 8 ? S() : W(), D(U, w, v), U.ctrlKey && y === "a" && (U.preventDefault(), w.select()), U.ctrlKey && y === "c") {
       U.preventDefault();
-      const X = w.value.substring(v, k);
-      navigator.clipboard.writeText(X);
+      const C = w.value.substring(v, k);
+      navigator.clipboard.writeText(C);
     }
     U.preventDefault(), g.current && clearTimeout(g.current), g.current = setTimeout(() => {
       N(!0);
@@ -7872,8 +7872,8 @@ const _e = ({
   const r = Gt(), [o, A] = V(!1), m = J(
     c,
     "absolute left-0 top-[68px] shadow-bottom-high bg-white p-16 border-2 border-[var(--color-neutral-200)] rounded-4 z-dropdown"
-  ), g = C(null);
-  if (_(() => {
+  ), g = X(null);
+  if (ee(() => {
     if (r.selectedTime) {
       if (!l)
         r.setSelectedHour(Oe.hour), r.setSelectedMinute(Oe.minute), r.setSelectedPeriod(Oe.period);
@@ -7918,23 +7918,23 @@ const _e = ({
 }, U) => {
   const w = le(), v = { ...h };
   v.id = v.id ?? w;
-  const k = h.disabled || h.readOnly ? !1 : a, y = C(null);
+  const k = h.disabled || h.readOnly ? !1 : a, y = X(null);
   Se(U, () => y.current, [y.current]);
-  const W = C(null), [x, S] = V((R == null ? void 0 : R.toString()) ?? (Y == null ? void 0 : Y.toString()) ?? ""), X = C("empty"), [F, T] = V(+/* @__PURE__ */ new Date()), [Q, L] = V(!1), ee = () => {
+  const W = X(null), [x, S] = V((R == null ? void 0 : R.toString()) ?? (Y == null ? void 0 : Y.toString()) ?? ""), C = X("empty"), [F, B] = V(+/* @__PURE__ */ new Date()), [Q, L] = V(!1), _ = () => {
     h.readOnly || L(!0);
   }, $ = () => {
     var ie;
     L(!1), (ie = y.current) == null || ie.focus();
   }, z = () => {
-    Q ? $() : ee();
+    Q ? $() : _();
   }, H = () => {
     $();
   }, f = (ie) => {
-    ie !== X.current && (X.current = ie, T(+/* @__PURE__ */ new Date()));
+    ie !== C.current && (C.current = ie, B(+/* @__PURE__ */ new Date()));
   }, K = (ie) => {
     S(ie), f(ie), H();
   };
-  _(() => {
+  ee(() => {
     const ie = (ce) => {
       var ye;
       if (!Q)
@@ -7945,7 +7945,7 @@ const _e = ({
     return document.addEventListener("click", ie), () => {
       document.removeEventListener("click", ie);
     };
-  }, [Q]), _(() => {
+  }, [Q]), ee(() => {
     var ce;
     const ie = (Ee) => {
       Ee.key === "Escape" && (Ee.preventDefault(), H());
@@ -7954,7 +7954,7 @@ const _e = ({
       var Ee;
       (Ee = W.current) == null || Ee.removeEventListener("keydown", ie);
     };
-  }, []), _(() => {
+  }, []), ee(() => {
     Y || (S((R == null ? void 0 : R.toString()) ?? ""), f((R == null ? void 0 : R.toString()) ?? ""));
   }, [R]);
   const P = (ie) => {
@@ -7962,7 +7962,7 @@ const _e = ({
   }, q = (ie) => {
     S(ie.target.value), f(ie.target.value);
   };
-  _(() => {
+  ee(() => {
     if (y.current) {
       const ie = Be(y.current, "change");
       De(() => j == null ? void 0 : j(ie));
@@ -8038,7 +8038,7 @@ const _e = ({
   const a = J("agora-loader-dialog");
   return /* @__PURE__ */ e.createElement("div", { ...n, className: "bg-[var(--color-backdrop)] absolute z-dialog w-full h-full flex flex-col justify-center items-center" }, /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-[64px] justify-center items-center w-full" }, (t || i) && /* @__PURE__ */ e.createElement("div", { className: "flex w-full flex-col gap-8 justify-center items-center text-center" }, t && /* @__PURE__ */ e.createElement("div", { className: "xl:text-2xl-semibold md:text-2xl-semibold  xs:text-l-semibold text-white xl:line-clamp-1 md:line-clamp-1 xs:line-clamp-2" }, t), i && /* @__PURE__ */ e.createElement("div", { className: "xl:text-2xl-light md:text-2xl-light xs:text-m-light text-white xl:line-clamp-1 md:line-clamp-1 xs:line-clamp-2" }, i)), /* @__PURE__ */ e.createElement("div", { className: a, role: "status" }, /* @__PURE__ */ e.createElement("span", { className: "!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]" }))));
 }, di = ze({}), Eo = () => Te(di), go = ({ children: t }) => {
-  const i = C(null), [n, a] = V(), [l, c] = V(""), r = be(
+  const i = X(null), [n, a] = V(), [l, c] = V(""), r = be(
     (m) => {
       var g, d, I;
       if (m["aria-label"])
@@ -8089,7 +8089,7 @@ const _e = ({
     t.closeButtonLabel
   )), /* @__PURE__ */ e.createElement("div", { className: "agora-modal-dialog-body" }, /* @__PURE__ */ e.createElement("div", { className: "agora-modal-dialog-body-content" }, i))));
 }, lc = ({ dismissOnEscape: t = !0, children: i }) => {
-  const n = C(null), [a, l] = V(), [c, r] = V(), o = (g, d) => {
+  const n = X(null), [a, l] = V(), [c, r] = V(), o = (g, d) => {
     l(g), r(d), De(() => {
       var I;
       return (I = n.current) == null ? void 0 : I.show();
@@ -8226,7 +8226,7 @@ const _e = ({
   activeButton: r,
   withIcon: o
 }) => {
-  const A = le(), { show: m } = mi(), g = C([]), [d, I] = V(new Array(l.length).fill(!1)), [b, u] = V(r), E = J("panel-switcher-mobile"), N = J("panel-button-list mobile"), Z = (G) => {
+  const A = le(), { show: m } = mi(), g = X([]), [d, I] = V(new Array(l.length).fill(!1)), [b, u] = V(r), E = J("panel-switcher-mobile"), N = J("panel-button-list mobile"), Z = (G) => {
     const D = g.current[G], h = c[G].props.children, U = {
       closeButtonLabel: `${t}`,
       darkMode: !1,
@@ -8236,7 +8236,7 @@ const _e = ({
     };
     m(/* @__PURE__ */ e.createElement(rc, { content: h }), U);
   };
-  _(() => {
+  ee(() => {
     var G;
     b !== void 0 && g.current[b] && ((G = g.current[b]) == null || G.focus());
   }, [b]);
@@ -8301,15 +8301,15 @@ const _e = ({
   leadingIcon: a,
   leadingIconHover: l
 }) => {
-  const c = C(null), r = C(null), [o, A] = V(0), [m, g] = V([]), [d, I] = V([]), { width: b } = pe(), { xlScreen: u } = ve(), E = b < u, N = (Z) => {
+  const c = X(null), r = X(null), [o, A] = V(0), [m, g] = V([]), [d, I] = V([]), { width: b } = pe(), { xlScreen: u } = ve(), E = b < u, N = (Z) => {
     A(Z);
   };
-  return _(() => {
+  return ee(() => {
     const Z = O.toArray(t), R = [], Y = [];
     Z.forEach((j) => {
       if (Array.isArray(j.props.children)) {
         const [p, G] = j.props.children;
-        p && B(p) && R.push(p), G && B(G) && Y.push(G);
+        p && T(p) && R.push(p), G && T(G) && Y.push(G);
       }
     }), g(R), I(Y);
   }, [t]), /* @__PURE__ */ e.createElement(e.Fragment, null, E ? /* @__PURE__ */ e.createElement(
@@ -8435,94 +8435,98 @@ const _e = ({
   currentType: r = "neutral",
   ...o
 }) => {
-  const A = C(null), m = C(null), g = C(null), [d, I] = V(0), [b, u] = V(0), [E, N] = V([]), [Z, R] = V([]), { width: Y } = pe(), { xlScreen: j } = ve(), p = Y < j, G = (S) => {
+  const A = X(null), m = X(null), g = X(null), [d, I] = V(0), [b, u] = V(0), [E, N] = V([]), [Z, R] = V([]), { width: Y } = pe(), { xlScreen: j } = ve(), p = Y < j, G = (S) => {
     I(S), c == null || c(S);
   }, D = () => {
     G(b);
   };
-  _(() => {
-    const S = [], X = [], F = O.toArray(t);
-    O.forEach(F, (T, Q) => {
-      var L, ee, $, z;
-      B(T) && (s(T.props.active) && G(Q), S.push((ee = (L = T.props) == null ? void 0 : L.children) == null ? void 0 : ee[0]), X.push((z = ($ = T.props) == null ? void 0 : $.children) == null ? void 0 : z[1]));
-    }), N(S), R(X);
+  ee(() => {
+    const S = [], C = [], F = O.toArray(t);
+    O.forEach(F, (B, Q) => {
+      var L, _, $, z;
+      T(B) && (s(B.props.active) && G(Q), S.push((_ = (L = B.props) == null ? void 0 : L.children) == null ? void 0 : _[0]), C.push((z = ($ = B.props) == null ? void 0 : $.children) == null ? void 0 : z[1]));
+    }), N(S), R(C);
   }, [t]);
   const h = (S) => {
-    var T;
-    if (!((T = document.activeElement) == null ? void 0 : T.classList.contains("tab-list-item")))
+    var B;
+    if (!((B = document.activeElement) == null ? void 0 : B.classList.contains("tab-list-item")))
       return;
     let F = b;
     !s(l) && !p && (b === S.length - 1 ? (S[0].focus(), F = 0) : (F = b + 1, S[F].focus()), u(F), s(i) && G(F));
   }, U = (S) => {
-    var T;
-    if (!((T = document.activeElement) == null ? void 0 : T.classList.contains("tab-list-item")))
+    var B;
+    if (!((B = document.activeElement) == null ? void 0 : B.classList.contains("tab-list-item")))
       return;
     let F = b;
     !s(l) && !p && (b === 0 ? (S[S.length - 1].focus(), F = S.length - 1) : (F = b - 1, S[F].focus()), u(F), s(i) && G(F));
   }, w = (S) => {
-    var T;
-    if (!((T = document.activeElement) == null ? void 0 : T.classList.contains("tab-list-item")))
+    var B;
+    if (!((B = document.activeElement) == null ? void 0 : B.classList.contains("tab-list-item")))
       return;
     let F = b;
     (s(l) || p) && (b === S.length - 1 ? (S[0].focus(), F = 0) : (F = b + 1, S[F].focus()), u(F), s(i) && G(F));
   }, v = (S) => {
-    var T;
-    if (!((T = document.activeElement) == null ? void 0 : T.classList.contains("tab-list-item")))
+    var B;
+    if (!((B = document.activeElement) == null ? void 0 : B.classList.contains("tab-list-item")))
       return;
     let F = b;
     (s(l) || p) && (b === 0 ? (S[S.length - 1].focus(), F = S.length - 1) : (F = b - 1, S[F].focus()), u(F), s(i) && G(F));
   }, k = (S) => {
-    var T;
-    if (!((T = document.activeElement) == null ? void 0 : T.classList.contains("tab-list-item")))
+    var B;
+    if (!((B = document.activeElement) == null ? void 0 : B.classList.contains("tab-list-item")))
       return;
     const F = 0;
     S[F] && (S[F].focus(), u(F), s(i) && G(F));
   }, y = (S) => {
-    var T;
-    if (!((T = document.activeElement) == null ? void 0 : T.classList.contains("tab-list-item")))
+    var B;
+    if (!((B = document.activeElement) == null ? void 0 : B.classList.contains("tab-list-item")))
       return;
     const F = S.length - 1;
     S[F] && (S[F].focus(), u(F), s(i) && G(F));
   }, W = (S) => {
-    var F, T, Q;
+    var Q, L, _, $;
+    const C = S.target.tagName, F = (Q = S.target.parentElement) == null ? void 0 : Q.role;
     if (p)
       return;
-    const X = Array.from(((F = m.current) == null ? void 0 : F.querySelectorAll(".tab-list-item")) ?? []).map((L) => L);
-    if (X.length != 0) {
+    const B = Array.from(((L = m.current) == null ? void 0 : L.querySelectorAll(".tab-list-item")) ?? []).map((z) => z);
+    if (B.length != 0) {
       if (S.code === "Tab") {
-        if (((T = document.activeElement) == null ? void 0 : T.classList.contains("tab-list-item")) && !S.shiftKey) {
-          S.preventDefault(), (Q = A.current) == null || Q.focus();
+        if (((_ = document.activeElement) == null ? void 0 : _.classList.contains("tab-list-item")) && !S.shiftKey) {
+          S.preventDefault(), ($ = A.current) == null || $.focus();
           return;
         }
         if (A.current === document.activeElement && S.shiftKey) {
-          S.preventDefault(), X[d] && X[d].focus();
+          S.preventDefault(), B[d] && B[d].focus();
           return;
         }
         return;
       }
       switch (S.code) {
         case "Home":
-          k(X);
+          k(B);
           break;
         case "End":
-          y(X);
+          y(B);
           break;
         case "ArrowRight":
-          h(X);
+          h(B);
           break;
         case "ArrowLeft":
-          U(X);
+          U(B);
           break;
         case "ArrowDown":
-          w(X);
+          w(B);
           break;
         case "ArrowUp":
-          v(X);
+          v(B);
           break;
         case "Enter":
         case "NumpadEnter":
         case "Space":
-          S.preventDefault(), D();
+          if (C === "BUTTON" && F === "tablist") {
+            S.preventDefault(), D();
+            break;
+          }
           break;
       }
     }
@@ -8569,10 +8573,10 @@ const _e = ({
     return /* @__PURE__ */ e.createElement(mc, { key: m }, /* @__PURE__ */ e.createElement(Nc, null, o.header), /* @__PURE__ */ e.createElement(dc, null, o.body));
   })));
 }, bi = ze({}), gc = () => Te(bi), Ic = ({ configurations: t, children: i }) => {
-  const { height: n, width: a } = pe(), l = C(null), c = C(null), [r, o] = V(""), [A, m] = V(""), { hide: g } = gc(), d = J("agora-popup-dialog max-h-full rounded-16 p-32", `agora-popup-dialog-${t.dimensions}`, {
+  const { height: n, width: a } = pe(), l = X(null), c = X(null), [r, o] = V(""), [A, m] = V(""), { hide: g } = gc(), d = J("agora-popup-dialog max-h-full rounded-16 p-32", `agora-popup-dialog-${t.dimensions}`, {
     "dark-mode": s(t.darkMode)
   }), I = J("title mt-8 w-full line-clamp-6 text-xl-bold");
-  return _(() => {
+  return ee(() => {
     const b = l.current, u = c.current;
     if (b && u) {
       let E = 128;
@@ -8595,7 +8599,7 @@ const _e = ({
     }
   )), /* @__PURE__ */ e.createElement("div", { style: { maxHeight: A ?? "none" }, className: "agora-popup-dialog-body overflow-y-auto" }, i)));
 }, Ro = ({ dismissOnBackdropClick: t = !0, dismissOnEscape: i = !0, children: n }) => {
-  const a = C(null), [l, c] = V(), [r, o] = V(), A = be(
+  const a = X(null), [l, c] = V(), [r, o] = V(), A = be(
     (d, I) => {
       var b;
       c(d), o(I), (b = a.current) == null || b.show();
@@ -8672,22 +8676,22 @@ const _e = ({
   const r = O.toArray(a), o = oe(() => {
     let b = !1, u = 0;
     if (r.forEach((N) => {
-      B(N) && N.props.current && (u += 1, b = !0);
+      T(N) && N.props.current && (u += 1, b = !0);
     }), !b)
       return 0;
     if (b && u === 1)
-      return r.findIndex((N) => B(N) && N.props.current);
-    const E = r.findIndex((N) => B(N) ? Math.max(0, Math.min(N.props.value ?? 0, N.props.max ?? 0)) < (N.props.max ?? 0) : !1);
+      return r.findIndex((N) => T(N) && N.props.current);
+    const E = r.findIndex((N) => T(N) ? Math.max(0, Math.min(N.props.value ?? 0, N.props.max ?? 0)) < (N.props.max ?? 0) : !1);
     return E < 0 ? r.length - 1 : E;
   }, [r]), A = oe(() => {
     let b = 0;
     return r.forEach((u) => {
-      B(u) && (b += u.props.max ?? 0);
+      T(u) && (b += u.props.max ?? 0);
     }), b;
   }, [r]), m = oe(() => {
     let b = 0;
     return r.forEach((u) => {
-      B(u) && (b += u.props.value ?? 0);
+      T(u) && (b += u.props.value ?? 0);
     }), b;
   }, [r]), g = (b, u) => {
     const E = u === o;
@@ -8701,7 +8705,7 @@ const _e = ({
   }, d = () => {
     let b = 0;
     return O.forEach(a, (u, E) => {
-      B(u) && u.props.value !== void 0 && u.props.max !== void 0 && (!l || E <= o) && (b += Math.min(u.props.value, u.props.max));
+      T(u) && u.props.value !== void 0 && u.props.max !== void 0 && (!l || E <= o) && (b += Math.min(u.props.value, u.props.max));
     }), Math.round(b / A * 100);
   }, I = J("progress-bar-percentage", {
     "sr-only": n,
@@ -8717,7 +8721,7 @@ const _e = ({
       "aria-valuemax": 100,
       "aria-label": t
     },
-    O.map(a, (b, u) => B(b) ? g(b, u) : null)
+    O.map(a, (b, u) => T(b) ? g(b, u) : null)
   ), !n && /* @__PURE__ */ e.createElement("div", { className: I, role: "status" }, d(), "%"));
 }, uc = ({
   label: t,
@@ -8767,7 +8771,7 @@ const _e = ({
   )));
 }, Rc = re(uc), Zo = ({ children: t, className: i = "", ...n }) => {
   let a = !1;
-  B(t) && t.type === Rc && (a = !!t.props.checked), B(t) && t.type === In && (a = !!t.props.checked);
+  T(t) && t.type === Rc && (a = !!t.props.checked), T(t) && t.type === In && (a = !!t.props.checked);
   const l = J(i, "agora-quiz-option", {
     selected: a
   });
@@ -8800,7 +8804,7 @@ const _e = ({
 }) => {
   const g = le(), d = (s(a) || s(n)) && c, I = (E) => {
     r == null || r(E);
-  }, b = J("agora-radio-button-group", t), u = O.map(o, (E) => B(E) ? ge(E, {
+  }, b = J("agora-radio-button-group", t), u = O.map(o, (E) => T(E) ? ge(E, {
     onChange: I,
     name: A ?? g,
     hasError: s(n),
@@ -8902,7 +8906,7 @@ const _e = ({
   ...g
 }, d) => {
   const { width: I } = pe(), [b, u] = V(0), E = J("nav-arrows");
-  I < 360 && (l = 1, c = 0), _(() => {
+  I < 360 && (l = 1, c = 0), ee(() => {
     De(() => m == null ? void 0 : m(b));
   }, [b]);
   const N = () => {
@@ -8979,7 +8983,7 @@ const _e = ({
   backButtonLabel: l,
   sidebarRef: c
 }) => {
-  const r = C(null), o = () => {
+  const r = X(null), o = () => {
     var b;
     (b = r.current) == null || b.hide();
   }, A = () => {
@@ -9036,7 +9040,7 @@ const _e = ({
   ...o
 }) => {
   let A, m = [];
-  const g = le(), d = C(null), { width: I } = pe(), { xlScreen: b } = ve(), u = I < b, [E, N] = V(!1), [Z, R] = V(!1), Y = J("agora-sidebar", { darkMode: s(l) }, t);
+  const g = le(), d = X(null), { width: I } = pe(), { xlScreen: b } = ve(), u = I < b, [E, N] = V(!1), [Z, R] = V(!1), Y = J("agora-sidebar", { darkMode: s(l) }, t);
   i && (Array.isArray(i) ? m = i : [i].forEach((D) => m.push(D))), s(n) ? A = m == null ? void 0 : m.map((D, h) => {
     const U = `li-${h}-${g}`;
     return ge(D, {
@@ -9080,7 +9084,7 @@ const _e = ({
       if (d.current) {
         const U = O.toArray(i);
         O.forEach(U, (w) => {
-          if (!B(w))
+          if (!T(w))
             return;
           const v = w.props, k = [v.item].some((W) => !!W.collapsedIconLeading);
           D.push(k);
@@ -9090,7 +9094,7 @@ const _e = ({
       }
     }
   };
-  return _(() => {
+  return ee(() => {
     p(), G();
   }, [d.current]), /* @__PURE__ */ e.createElement(e.Fragment, null, (!u || a === "filter") && /* @__PURE__ */ e.createElement("ul", { ref: d, className: Y, ...o, ...a === "navigation" ? { role: "tree" } : void 0 }, A), a === "navigation" && u && /* @__PURE__ */ e.createElement(
     wc,
@@ -9120,7 +9124,7 @@ const _e = ({
     return !1;
   s(l.ariaExpanded) && (l.classList.contains("agora-sidebar-button-item") ? (l.setAttribute("data-custom-triggered-click", "true"), l.click()) : (c = l.querySelector(".icon-wrapper")) == null || c.click());
 }), !1) : !1, jc = ({ children: t, item: i, open: n = !1, flat: a = !1, darkMode: l }, c) => {
-  const r = le(), o = C(null), A = C(null), [m, g] = V(s(n)), d = J("agora-sidebar-btn-item-filter"), I = J("agora-sidebar-content-item", {
+  const r = le(), o = X(null), A = X(null), [m, g] = V(s(n)), d = J("agora-sidebar-btn-item-filter"), I = J("agora-sidebar-content-item", {
     collapsed: !s(n) && !s(a)
   }), b = () => {
     g(Ii("filter", A.current));
@@ -9130,9 +9134,9 @@ const _e = ({
     var Y;
     u(), (Y = i.onClick) == null || Y.call(i, R);
   };
-  _(() => {
+  ee(() => {
     g(gi(a, A.current, n, m));
-  }, []), _(() => {
+  }, []), ee(() => {
     A.current.classList.contains("collapsed") ? [
       ...A.current.querySelectorAll(
         'a:not([tabindex="-1"]), button:not([tabindex="-1"]), input:not([tabindex="-1"]), textarea:not([tabindex="-1"]), select:not([tabindex="-1"]), details:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])'
@@ -9273,7 +9277,7 @@ const _e = ({
   let o, A, m = [], g = [];
   const [d, I] = V(s(a)), [b, u] = V(!1), E = J("agora-sidebar-content-item", {
     collapsed: !s(a) && !s(l)
-  }), N = C(null), Z = C(null), R = C(null), Y = () => {
+  }), N = X(null), Z = X(null), R = X(null), Y = () => {
     I(Ii("navigation", R.current));
   }, j = () => {
     N.current && (jt(N.current), Y()), Z.current && (jt(Z.current), Y());
@@ -9414,7 +9418,7 @@ const _e = ({
       className: `data-children-wrapper ${z.leadingIcon || z.leadingIconHover ? "" : "pl-[44px]"} ${z.trailingIcon || z.trailingIconHover ? "" : "pr-[44px]"}`
     },
     [H.props.children].map((f) => f)
-  ), (z.trailingIcon || z.trailingIconHover) && /* @__PURE__ */ e.createElement("span", { className: "icon-wrapper ml-auto justify-end", role: "none", onClick: h }, z.trailingIcon && /* @__PURE__ */ e.createElement(ne, { name: z.trailingIcon, dimensions: "m", "aria-hidden": !0, ...b ? { style: { display: "none" } } : "" }), z.trailingIconHover && /* @__PURE__ */ e.createElement(ne, { name: z.trailingIconHover, dimensions: "m", "aria-hidden": !0, ...b ? "" : { style: { display: "none" } } }))), X = (z, H, f, K) => ge(z, {
+  ), (z.trailingIcon || z.trailingIconHover) && /* @__PURE__ */ e.createElement("span", { className: "icon-wrapper ml-auto justify-end", role: "none", onClick: h }, z.trailingIcon && /* @__PURE__ */ e.createElement(ne, { name: z.trailingIcon, dimensions: "m", "aria-hidden": !0, ...b ? { style: { display: "none" } } : "" }), z.trailingIconHover && /* @__PURE__ */ e.createElement(ne, { name: z.trailingIconHover, dimensions: "m", "aria-hidden": !0, ...b ? "" : { style: { display: "none" } } }))), C = (z, H, f, K) => ge(z, {
     onClick: (P) => p(P, z.props),
     onKeyUp: G,
     onKeyDown: D,
@@ -9432,10 +9436,10 @@ const _e = ({
     let P;
     for (let q = 0; q < z.length; q++) {
       const Ae = z, se = S(f, Ae[0]);
-      q === 0 ? P = X(Ae[0], K, H, se) : q > 0 && P && (P = ge(z[q], { children: P, key: H }));
+      q === 0 ? P = C(Ae[0], K, H, se) : q > 0 && P && (P = ge(z[q], { children: P, key: H }));
     }
     return P;
-  }, T = (z, H, f, K) => {
+  }, B = (z, H, f, K) => {
     var Ae;
     let P = z, q = [];
     for (; P !== null; )
@@ -9447,7 +9451,7 @@ const _e = ({
         P = null;
     if (k) {
       const se = S(K, z);
-      return X(z, H, f, se);
+      return C(z, H, f, se);
     } else
       return ge(z, { key: f });
   }, Q = () => m == null ? void 0 : m.map((z, H) => {
@@ -9455,19 +9459,19 @@ const _e = ({
     if (z.props.href) {
       k = !0;
       const q = S(P, z);
-      return X(z, K, f, q);
+      return C(z, K, f, q);
     } else
-      return T(z, K, f, P);
+      return B(z, K, f, P);
   }), L = () => g == null ? void 0 : g.map((z, H) => {
     const f = `li-${H}-${r}`;
     return z.props.item ? ge(z, { flat: `${l}`, variant: i, darkMode: s(c), key: f }) : /* @__PURE__ */ e.createElement("li", { key: f, role: "none", className: "agora-sidebar-item" }, ge(z));
   });
-  s(l) ? (o = x(), A = L()) : (o = Q(), A = L()), _(() => {
+  s(l) ? (o = x(), A = L()) : (o = Q(), A = L()), ee(() => {
     I(gi(l, R.current, a, d));
   }, []);
-  const ee = wt(n, d), $ = J("agora-sidebar-button-item", {
-    "!pl-[42px]": ee.leadingIcon === void 0,
-    "!pr-[42px]": ee.trailingIcon === void 0
+  const _ = wt(n, d), $ = J("agora-sidebar-button-item", {
+    "!pl-[42px]": _.leadingIcon === void 0,
+    "!pr-[42px]": _.trailingIcon === void 0
   });
   return /* @__PURE__ */ e.createElement(e.Fragment, null, k && o.length > 0 && /* @__PURE__ */ e.createElement(
     it,
@@ -9488,7 +9492,7 @@ const _e = ({
       className: $,
       fullWidth: !0,
       ...s(l) ? void 0 : { hasIcon: !0 },
-      ...ee,
+      ..._,
       "aria-expanded": d,
       "aria-owns": `treeitem-${r}`,
       onClick: (z) => h(z, n),
@@ -9527,7 +9531,7 @@ const _e = ({
   const r = J("agora-sidebar-item", t);
   return /* @__PURE__ */ e.createElement("li", { className: r, ...i === "navigation" ? { role: "none" } : void 0 }, i === "filter" && /* @__PURE__ */ e.createElement(hc, { ...l, darkMode: a, item: n, ref: c }), i === "navigation" && /* @__PURE__ */ e.createElement(Lc, { ...l, darkMode: a, ...i ? { variant: i } : void 0, item: n }));
 }, ho = re(Oc), Qc = ({ className: t, containerSkipNavRef: i, multipleLinks: n, ...a }) => {
-  const l = C(null), [c, r] = V(!1), o = () => {
+  const l = X(null), [c, r] = V(!1), o = () => {
     var D, h;
     (D = l.current) == null || D.classList.add("hidden"), (h = i.current) == null || h.classList.remove("show"), r(!1);
   }, A = (D) => {
@@ -9592,11 +9596,11 @@ const _e = ({
   let Y = [];
   const j = (D, h = 0) => {
     D.forEach((U, w) => {
-      var T;
+      var B;
       const v = Object.keys(U), k = v.findIndex((Q) => Q != "link"), y = v[k];
       let W;
-      const x = U[y], S = x.link, X = Object.keys(x).length;
-      (T = S == null ? void 0 : S.props) != null && T.href ? W = ge(x.link, {
+      const x = U[y], S = x.link, C = Object.keys(x).length;
+      (B = S == null ? void 0 : S.props) != null && B.href ? W = ge(x.link, {
         role: "menuitem",
         className: `skip-level-${h}`,
         onClick: o,
@@ -9606,7 +9610,7 @@ const _e = ({
         onKeyDownCapture: (Q) => d(Q)
       }) : W = R(S, h);
       const F = `link-lvl-${h}-${w}`;
-      X > 1 ? (Y = [
+      C > 1 ? (Y = [
         ...Y,
         /* @__PURE__ */ e.createElement(it, { key: F, appearance: "link", variant: "neutral", className: "skip-option" }, W)
       ], j([x], h + 1)) : Y = [
@@ -9622,7 +9626,7 @@ const _e = ({
     var h, U, w;
     (h = i.current) != null && h.contains(D.target) || ((U = l.current) == null || U.classList.add("hidden"), (w = i.current) == null || w.classList.remove("show"), r(!1));
   }, []);
-  return _(() => (document == null || document.addEventListener("click", G), () => {
+  return ee(() => (document == null || document.addEventListener("click", G), () => {
     document == null || document.removeEventListener("click", G);
   }), []), /* @__PURE__ */ e.createElement("div", { className: t, ref: i, ...a }, /* @__PURE__ */ e.createElement(
     ae,
@@ -9676,7 +9680,7 @@ const _e = ({
   const l = Cc(n, i, { className: t, containerSkipNavRef: i, singleLink: n, ...a });
   return /* @__PURE__ */ e.createElement(e.Fragment, null, l && /* @__PURE__ */ e.createElement("div", { className: t, ref: i, ...a }, /* @__PURE__ */ e.createElement(it, { inline: !0 }, l)));
 }, Hc = ({ multiple: t = "false", singleLink: i, multipleLinks: n, ...a }, l) => {
-  const c = C(null);
+  const c = X(null);
   Se(l, () => c.current);
   const r = J("agora-skip-navigation container mx-auto py-16", a.className);
   return /* @__PURE__ */ e.createElement(e.Fragment, null, s(t) && n && /* @__PURE__ */ e.createElement(Qc, { className: r, containerSkipNavRef: c, multipleLinks: n }), !s(t) && i && /* @__PURE__ */ e.createElement(
@@ -9759,7 +9763,7 @@ const _e = ({
   const n = J("agora-step-list");
   return /* @__PURE__ */ e.createElement("ol", { className: n, ...i }, t);
 }, er = (t, i, n) => /* @__PURE__ */ e.createElement(e.Fragment, null, i === "draft" && /* @__PURE__ */ e.createElement(Je, { className: "icon-wrapper trailing", state: t }, /* @__PURE__ */ e.createElement(de, { dimensions: n, state: "default", name: "agora-line-edit", "aria-hidden": !0 }), /* @__PURE__ */ e.createElement(de, { dimensions: n, state: "hover", name: "agora-solid-edit", "aria-hidden": !0 }), /* @__PURE__ */ e.createElement(de, { dimensions: n, state: "active", name: "agora-solid-edit", "aria-hidden": !0 })), i === "current" && /* @__PURE__ */ e.createElement(Je, { className: "icon-wrapper trailing", state: t }, /* @__PURE__ */ e.createElement(de, { dimensions: n, state: "default", name: "agora-line-edit", "aria-hidden": !0 }), /* @__PURE__ */ e.createElement(de, { dimensions: n, state: "hover", name: "agora-solid-edit", "aria-hidden": !0 }), /* @__PURE__ */ e.createElement(de, { dimensions: n, state: "active", name: "agora-solid-edit", "aria-hidden": !0 })), i === "done" && /* @__PURE__ */ e.createElement(Je, { className: "icon-wrapper trailing", state: t }, /* @__PURE__ */ e.createElement(de, { dimensions: n, state: "default", name: "agora-line-check", "aria-hidden": !0 }), /* @__PURE__ */ e.createElement(de, { dimensions: n, state: "hover", name: "agora-solid-check", "aria-hidden": !0 }), /* @__PURE__ */ e.createElement(de, { dimensions: n, state: "active", name: "agora-solid-check", "aria-hidden": !0 })), i === "error" && /* @__PURE__ */ e.createElement(Je, { className: "icon-wrapper trailing", state: t }, /* @__PURE__ */ e.createElement(de, { dimensions: n, state: "default", name: "agora-line-alert-triangle", "aria-hidden": !0 }), /* @__PURE__ */ e.createElement(de, { dimensions: n, state: "hover", name: "agora-solid-alert-triangle", "aria-hidden": !0 }), /* @__PURE__ */ e.createElement(de, { dimensions: n, state: "active", name: "agora-solid-alert-triangle", "aria-hidden": !0 }))), tr = (t, i) => /* @__PURE__ */ e.createElement(e.Fragment, null, t === "draft" && /* @__PURE__ */ e.createElement(ne, { dimensions: i, name: "agora-line-edit", "aria-hidden": !0 }), t === "current" && /* @__PURE__ */ e.createElement(ne, { dimensions: i, name: "agora-line-edit", "aria-hidden": !0 }), t === "done" && /* @__PURE__ */ e.createElement(ne, { dimensions: i, name: "agora-line-check", "aria-hidden": !0 }), t === "error" && /* @__PURE__ */ e.createElement(ne, { dimensions: i, name: "agora-line-alert-triangle", "aria-hidden": !0 })), ir = ({ interactive: t = !1, status: i = "default", children: n, ...a }) => {
-  const { width: l } = pe(), { xlScreen: c } = ve(), r = l < c, o = C(null), [A, m] = V("default"), g = J("step", i, { "read-only": !s(t) }), d = (R) => {
+  const { width: l } = pe(), { xlScreen: c } = ve(), r = l < c, o = X(null), [A, m] = V("default"), g = J("step", i, { "read-only": !s(t) }), d = (R) => {
     var Y, j;
     (R.code === "Enter" || R.code === "NumpadEnter" || R.code === "Space") && ((Y = o.current) == null || Y.classList.add("active"), m("active")), (j = a.onKeyDown) == null || j.call(a, R);
   }, I = (R) => {
@@ -9815,7 +9819,7 @@ const _e = ({
 }, nr = ({ className: t, children: i, interactive: n = !1, ...a }, l) => {
   const c = le(), r = J("agora-stepper", n, t);
   return /* @__PURE__ */ e.createElement("nav", { ...a, ref: l, className: r }, /* @__PURE__ */ e.createElement("ol", null, O.map(i, (o, A) => {
-    if (!B(o))
+    if (!T(o))
       return null;
     const m = `agora-stepper-${c}-${A}`;
     return /* @__PURE__ */ e.createElement(
@@ -9844,10 +9848,10 @@ const _e = ({
 }, b) => {
   const u = le(), E = { ...I };
   E.id = E.id ?? u;
-  const [N, Z] = V(s(E.checked ?? E.defaultChecked)), R = C(null), Y = (w) => {
+  const [N, Z] = V(s(E.checked ?? E.defaultChecked)), R = X(null), Y = (w) => {
     Z((v) => !v), De(() => d == null ? void 0 : d(w));
   };
-  _(() => {
+  ee(() => {
     const w = E.checked ?? E.defaultChecked;
     w !== void 0 && Z(w);
   }, [E.checked, E.defaultChecked]);
@@ -9925,7 +9929,7 @@ const _e = ({
   nextButtonAriaLabel: A,
   ...m
 }, g) => {
-  const d = le(), I = C(null), b = C(null), u = C(null), [E, N] = V(!1), Z = () => {
+  const d = le(), I = X(null), b = X(null), u = X(null), [E, N] = V(!1), Z = () => {
     var v, k, y, W;
     (v = b.current) != null && v.visibility ? (k = b.current) == null || k.hide() : (y = b.current) == null || y.show(), (W = I.current) == null || W.classList.remove("active");
   }, R = (v) => {
@@ -9947,7 +9951,7 @@ const _e = ({
       (k = m.onPageSizeChange) == null || k.call(m, +y.value);
     }
   };
-  _(() => {
+  ee(() => {
     const v = (k) => {
       var y, W;
       (y = b.current) != null && y.visibility && !((W = u.current) != null && W.contains(k.target)) && b.current.hide();
@@ -10090,7 +10094,7 @@ const _e = ({
   );
 }, Nr = ({ hasIcon: t, icon: i, altIcon: n, children: a }) => /* @__PURE__ */ e.createElement("div", { className: "agora-timeline-item" }, /* @__PURE__ */ e.createElement("div", { className: "timeline-event" }, s(t) ? /* @__PURE__ */ e.createElement("div", { className: "timeline-icon" }, /* @__PURE__ */ e.createElement(ne, { name: i, alt: n, "aria-hidden": !n })) : /* @__PURE__ */ e.createElement("div", { className: "timeline-dot" }), /* @__PURE__ */ e.createElement("div", { className: "timeline-line" })), /* @__PURE__ */ e.createElement("div", { className: "timeline-content" }, a)), mr = ({ hideLabels: t, ...i }) => {
   const n = le(), [a, l] = V([]);
-  return _(() => {
+  return ee(() => {
     const r = O.toArray(i.children).reduce(
       (A, m) => {
         const g = m.props.label ?? "";
@@ -10116,7 +10120,7 @@ const _e = ({
   ...c
 }) => {
   const [r, o] = V(window.innerWidth < 768), A = 6, [m, g] = V([]), [d, I] = V(0), [b, u] = V(0), [E, N] = V(A);
-  _(() => {
+  ee(() => {
     const U = O.toArray(t);
     g(U);
     const w = U.findIndex((v) => v.props.active);
@@ -10131,7 +10135,7 @@ const _e = ({
     const U = Math.max(d - 1, 0);
     I(U), U < b && (u(b - 1), N(E - 1));
   }, p = O.map(t, (U, w) => w === d ? U.props.children : null), G = m.slice(b, E);
-  _(() => {
+  ee(() => {
     if (d > E - 1 || d < b) {
       const U = Math.max(0, d - Math.floor(A / 2)), w = U + A;
       w > m.length ? (u(m.length - A), N(m.length)) : (u(U), N(w));
@@ -10273,8 +10277,8 @@ const _e = ({
   trailingIconHover: E,
   ...N
 }, Z) => {
-  const R = le(), Y = typeof o < "u", j = typeof A < "u", [p, G] = V(j ? A : !1), D = Y ? o : p, [h, U] = V("default"), w = (T) => {
-    r && r(T), Y || G(T.target.checked);
+  const R = le(), Y = typeof o < "u", j = typeof A < "u", [p, G] = V(j ? A : !1), D = Y ? o : p, [h, U] = V("default"), w = (B) => {
+    r && r(B), Y || G(B.target.checked);
   }, v = J(
     "agora-toggle",
     `agora-toggle-${t}`,
@@ -10287,28 +10291,28 @@ const _e = ({
     { "has-icon": s(g) },
     { "icon-only": s(d) },
     l
-  ), k = (T) => {
+  ), k = (B) => {
     var L;
     const Q = window.matchMedia("(pointer: coarse)").matches;
-    U(Q ? "default" : "hover"), (L = N.onClick) == null || L.call(N, T);
-  }, y = (T) => {
+    U(Q ? "default" : "hover"), (L = N.onClick) == null || L.call(N, B);
+  }, y = (B) => {
     var L;
-    T.preventDefault(), !window.matchMedia("(pointer: coarse)").matches && (U("default"), (L = N.onMouseUp) == null || L.call(N, T));
-  }, W = (T) => {
+    B.preventDefault(), !window.matchMedia("(pointer: coarse)").matches && (U("default"), (L = N.onMouseUp) == null || L.call(N, B));
+  }, W = (B) => {
     var L;
-    T.preventDefault(), !window.matchMedia("(pointer: coarse)").matches && (U("active"), (L = N.onMouseDown) == null || L.call(N, T));
-  }, x = (T) => {
+    B.preventDefault(), !window.matchMedia("(pointer: coarse)").matches && (U("active"), (L = N.onMouseDown) == null || L.call(N, B));
+  }, x = (B) => {
     var L;
-    window.matchMedia("(pointer: coarse)").matches || (U("hover"), (L = N.onMouseEnter) == null || L.call(N, T));
-  }, S = (T) => {
+    window.matchMedia("(pointer: coarse)").matches || (U("hover"), (L = N.onMouseEnter) == null || L.call(N, B));
+  }, S = (B) => {
     var L;
-    window.matchMedia("(pointer: coarse)").matches || (U("default"), (L = N.onMouseLeave) == null || L.call(N, T));
-  }, X = (T) => {
+    window.matchMedia("(pointer: coarse)").matches || (U("default"), (L = N.onMouseLeave) == null || L.call(N, B));
+  }, C = (B) => {
     var Q;
-    T.code === "Space" && U("default"), (Q = N.onKeyUp) == null || Q.call(N, T);
-  }, F = (T) => {
+    B.code === "Space" && U("default"), (Q = N.onKeyUp) == null || Q.call(N, B);
+  }, F = (B) => {
     var Q;
-    T.code === "Space" && U("active"), (Q = N.onKeyDown) == null || Q.call(N, T);
+    B.code === "Space" && U("active"), (Q = N.onKeyDown) == null || Q.call(N, B);
   };
   return /* @__PURE__ */ e.createElement("div", { className: v }, /* @__PURE__ */ e.createElement(
     "input",
@@ -10319,7 +10323,7 @@ const _e = ({
       onMouseDown: W,
       onMouseEnter: x,
       onMouseLeave: S,
-      onKeyUp: X,
+      onKeyUp: C,
       onKeyDown: F,
       "aria-labelledby": R,
       ref: Z,
@@ -10351,7 +10355,7 @@ const _e = ({
     { "full-width": s(n) },
     m
   ), E = typeof r < "u", N = typeof o < "u", Z = N ? Array.isArray(o) ? o : [o] : [], [R, Y] = V(N ? Z : []), j = E ? Array.isArray(r) ? r : [r] : R, p = O.map(g, (D, h) => {
-    if (!B(D))
+    if (!T(D))
       return null;
     const U = D.props.value ?? `${b}-v-${h}`, v = !!(s(c) ? j : [j[0]]).find((y) => y === U), k = (y) => {
       if (s(c)) {
@@ -10372,7 +10376,7 @@ const _e = ({
       defaultChecked: void 0,
       onChange: k
     });
-  }), G = C(null);
+  }), G = X(null);
   return je(
     I,
     G,
@@ -10448,7 +10452,7 @@ const _e = ({
     extensionForbiddenFiles: m
   };
 }, Yi = (t, i, n, a, l, c) => {
-  const r = C([]), o = C(null), A = () => a ? t : 1, m = (j, p) => {
+  const r = X([]), o = X(null), A = () => a ? t : 1, m = (j, p) => {
     De(() => l(j, p));
   }, g = (j) => {
     const p = Ut([], j, A(), i, n), G = [];
@@ -10479,7 +10483,7 @@ const _e = ({
     const p = j.currentTarget, G = Array.from(p.files ?? []);
     b(p.dataset.replaceFile ?? "", G);
   };
-  _(() => {
+  ee(() => {
     c && g(c);
   }, [c]);
   const N = () => {
@@ -10518,11 +10522,11 @@ const _e = ({
   id: G,
   ...D
 }, h) => {
-  const U = le(), w = G || U, v = E ? !1 : a, k = C(null), y = C(null);
+  const U = le(), w = G || U, v = E ? !1 : a, k = X(null), y = X(null);
   Se(h, () => y.current);
-  const [W, x] = V(t), [S, X] = V([]), F = (se) => {
+  const [W, x] = V(t), [S, C] = V([]), F = (se) => {
     if (!se) {
-      X([]);
+      C([]);
       return;
     }
     const te = [];
@@ -10532,8 +10536,8 @@ const _e = ({
       te.push(`${ie} - ${d}`);
     }), se.extensionForbiddenFiles.forEach((ie) => {
       te.push(`${ie} - ${I}`);
-    }), X(te);
-  }, T = (se, te) => {
+    }), C(te);
+  }, B = (se, te) => {
     if (se.length > 0 ? x(`${se.length} ${i}`) : x(t), y.current) {
       const ie = new DataTransfer();
       se.forEach((Ee) => {
@@ -10543,19 +10547,19 @@ const _e = ({
       De(() => N == null ? void 0 : N(ce));
     }
     F(te);
-  }, { files: Q, onAddFiles: L, onRemoveFile: ee, onReplaceFile: $, onPasteFiles: z } = Yi(
+  }, { files: Q, onAddFiles: L, onRemoveFile: _, onReplaceFile: $, onPasteFiles: z } = Yi(
     m,
     A,
     o ? o.split(",") : [],
     !!u,
-    T,
+    B,
     Z
   ), H = oe(() => u ? !E && Q.length < m : !E && Q.length === 0, [E, u, Q]), f = (se) => {
     $(se);
   }, K = (se) => {
-    ee(se);
+    _(se);
   };
-  _(() => {
+  ee(() => {
     const se = (te) => {
       if (H && k.current && k.current === document.activeElement) {
         const { clipboardData: ie } = te;
@@ -10640,9 +10644,9 @@ const _e = ({
 }, U) => {
   const w = le(), v = { ...h };
   v.id = v.id ?? w;
-  const k = Z ? !1 : l, y = C(null), W = C(null);
+  const k = Z ? !1 : l, y = X(null), W = X(null);
   Se(U, () => W.current);
-  const x = C(null), [S, X] = V(i), [F, T] = V(!1), [Q, L] = V([]), ee = (Ne) => {
+  const x = X(null), [S, C] = V(i), [F, B] = V(!1), [Q, L] = V([]), _ = (Ne) => {
     if (!Ne) {
       L([]);
       return;
@@ -10656,7 +10660,7 @@ const _e = ({
       Me.push(`${we} - ${u}`);
     }), L(Me);
   }, $ = (Ne, Me) => {
-    if (Ne.length > 0 ? X(`${Ne.length} ${n}`) : X(i), W.current) {
+    if (Ne.length > 0 ? C(`${Ne.length} ${n}`) : C(i), W.current) {
       const we = new DataTransfer();
       Ne.forEach((pt) => {
         we.items.add(pt);
@@ -10664,7 +10668,7 @@ const _e = ({
       const fe = Be(W.current, "change");
       De(() => R == null ? void 0 : R(fe));
     }
-    ee(Me);
+    _(Me);
   }, { files: z, onAddFiles: H, onRemoveFile: f, onReplaceFile: K, onPasteFiles: P } = Yi(
     d,
     g,
@@ -10677,7 +10681,7 @@ const _e = ({
   }, se = (Ne) => {
     f(Ne);
   };
-  _(() => {
+  ee(() => {
     const Ne = (Me) => {
       if (q && y.current && y.current === document.activeElement) {
         const { clipboardData: we } = Me;
@@ -10692,16 +10696,16 @@ const _e = ({
     };
   }, []);
   const te = (Ne) => {
-    q && (Ne.preventDefault(), Ne.stopPropagation(), T(!0), Ne.dataTransfer && (Ne.dataTransfer.dropEffect = "copy"));
+    q && (Ne.preventDefault(), Ne.stopPropagation(), B(!0), Ne.dataTransfer && (Ne.dataTransfer.dropEffect = "copy"));
   }, ie = () => {
-    T(!1);
+    B(!1);
   }, ce = (Ne) => {
-    if (q && (Ne.preventDefault(), Ne.stopPropagation(), T(!1), Ne.dataTransfer)) {
+    if (q && (Ne.preventDefault(), Ne.stopPropagation(), B(!1), Ne.dataTransfer)) {
       const Me = Array.from(Ne.dataTransfer.files ?? []);
       P(Me);
     }
   };
-  _(() => {
+  ee(() => {
     const Ne = (Me) => {
       y.current && y.current !== Me.target && !y.current.contains(Me.target) && H();
     };