@ama-pt/agora-design-system 2.2.8 → 2.2.9

package/artifacts/dist/index.mjs

@@ -1,4 +1,4 @@
-import e, { lazy as Y, Suspense as Lt, forwardRef as le, Children as O, isValidElement as z, useRef as X, useState as V, useEffect as ee, useImperativeHandle as We, useId as ce, useMemo as re, createRef as Be, useCallback as be, cloneElement as Ee, createContext as Te, useContext as xe, Fragment as hi, useLayoutEffect as vi } from "react";
+import e, { lazy as Y, Suspense as Ft, forwardRef as le, Children as O, isValidElement as z, useRef as X, useState as V, useEffect as $, useImperativeHandle as We, useId as ce, useMemo as re, createRef as Be, useCallback as be, cloneElement as Ee, createContext as Te, useContext as xe, Fragment as hi, useLayoutEffect as vi } from "react";
 import { createPortal as yi } from "react-dom";
 const Ut = {
   content: [],
@@ -656,7 +656,7 @@ const y = /* @__PURE__ */ Ji(Si), Qt = {
     className: c,
     title: l.title ?? l.alt
   };
-  return N && /* @__PURE__ */ e.createElement(Lt, null, /* @__PURE__ */ e.createElement(N, { ...E }));
+  return N && /* @__PURE__ */ e.createElement(Ft, null, /* @__PURE__ */ e.createElement(N, { ...E }));
 }, de = ({ state: t, ...i }) => /* @__PURE__ */ e.createElement(ie, { "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 (!z(c))
     return null;
@@ -700,7 +700,7 @@ const yr = (t, i = 300) => {
   };
 }, Ti = (t, i = 300) => {
   const n = X(null), [a, l] = V(null);
-  return ee(() => (n.current && clearTimeout(n.current), n.current = setTimeout(() => {
+  return $(() => (n.current && clearTimeout(n.current), n.current = setTimeout(() => {
     t(a);
   }, i), () => {
     n.current && clearTimeout(n.current);
@@ -727,7 +727,7 @@ const Ge = (t, i = 10) => {
   setTimeout(t, i);
 }, Me = () => {
   const [t, i] = V(1920), [n, a] = V(1080);
-  return ee(() => {
+  return $(() => {
     let l = !0;
     const c = () => {
       l && (i(window.innerWidth), a(window.innerHeight));
@@ -772,11 +772,11 @@ const Ge = (t, i = 10) => {
     Z || p(!1), k({ name: "collapse" });
   }, f = () => {
     Z || p(!1);
-  }, F = () => {
+  }, L = () => {
     Z || p(!v), v && k({ name: "collapse" }), v || k({ name: "expand" });
   }, B = () => {
     Z || p(!v);
-  }, Q = X(null), L = he(
+  }, Q = X(null), F = he(
     m,
     Q,
     {
@@ -785,34 +785,34 @@ const Ge = (t, i = 10) => {
       silentExpand: x,
       collapse: J,
       silentCollapse: f,
-      toggle: F,
+      toggle: L,
       silentToggle: B
     },
     [Q, v]
   );
-  ee(() => {
+  $(() => {
     if (S.name === "expand") {
-      const Ae = ke(L.current, "expand");
+      const Ae = ke(F.current, "expand");
       d == null || d(Ae);
     }
     if (S.name === "collapse") {
-      const Ae = ke(L.current, "collapse");
+      const Ae = ke(F.current, "collapse");
       I == null || I(Ae);
     }
-    const _ = ke(L.current, "change");
-    b == null || b(_);
+    const ee = ke(F.current, "change");
+    b == null || b(ee);
   }, [S]);
-  const $ = y("agora-accordion", A, {
+  const _ = y("agora-accordion", A, {
     "accordion-open": v,
     "active-state": D === "active",
     mobile: U,
     "dark-mode": s(c)
   }), te = y("accordion-body", { "accordion-body-block": v }), T = y("icon icon-chevron", { "icon-chevron-flip": v }), H = () => {
-    F(), G("default");
-  }, C = (_) => {
-    _.code === "Space" && G("active");
-  }, K = (_) => {
-    _.code === "Space" && G("default");
+    L(), G("default");
+  }, C = (ee) => {
+    ee.code === "Space" && G("active");
+  }, K = (ee) => {
+    ee.code === "Space" && G("default");
   }, P = () => {
     G("active");
   }, q = () => {
@@ -822,7 +822,7 @@ const Ge = (t, i = 10) => {
   }, ge = () => {
     G("hover");
   };
-  return /* @__PURE__ */ e.createElement("div", { className: $, ...g, ref: Q }, /* @__PURE__ */ e.createElement(o, { className: "flex justify-start items-center w-full" }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: _, ...g, ref: Q }, /* @__PURE__ */ e.createElement(o, { className: "flex justify-start items-center w-full" }, /* @__PURE__ */ e.createElement(
     "button",
     {
       "aria-label": u,
@@ -850,7 +850,7 @@ const Ge = (t, i = 10) => {
     },
     /* @__PURE__ */ e.createElement("div", { className: "children-wrapper" }, t)
   ));
-}, Vt = le(xi), Fi = ({ className: t = "", children: i, darkMode: n = !1, ...a }, l) => {
+}, Vt = le(xi), Li = ({ className: t = "", children: i, darkMode: n = !1, ...a }, l) => {
   const c = ce(), r = re(() => /* @__PURE__ */ new Map(), []), o = (E) => {
     r.forEach((d, I) => {
       var b;
@@ -870,7 +870,7 @@ const Ge = (t, i = 10) => {
     "dark-mode": s(n)
   });
   return /* @__PURE__ */ e.createElement("ul", { className: N, ...a, ref: l }, A);
-}, Li = le(Fi), Oi = ({
+}, Fi = le(Li), Oi = ({
   darkMode: t = !1,
   appearance: i = "text",
   variant: n = "primary",
@@ -950,8 +950,8 @@ const Ge = (t, i = 10) => {
   const A = ce(), N = X(null), [E, d] = V(0), [I, b] = V(0), [u, g] = V(0), [m, R] = V(0), Z = be(() => {
     var Q;
     if (N.current) {
-      const L = (Q = N.current) == null ? void 0 : Q.getBoundingClientRect();
-      L && (d(L.top + window.scrollY), b(L.left + window.scrollX), g(L.width), R(L.height));
+      const F = (Q = N.current) == null ? void 0 : Q.getBoundingClientRect();
+      F && (d(F.top + window.scrollY), b(F.left + window.scrollX), g(F.width), R(F.height));
     }
   }, []), M = re(() => ({ ...o }), [o]);
   M.id = M.id ?? A;
@@ -969,10 +969,10 @@ const Ge = (t, i = 10) => {
   }, v = () => {
     h();
   };
-  ee(() => {
+  $(() => {
     document.addEventListener("keydown", U);
-    const Q = (L) => {
-      L.detail !== M.id && G(!1);
+    const Q = (F) => {
+      F.detail !== M.id && G(!1);
     };
     return document.addEventListener(wt, Q), () => {
       document.removeEventListener("keydown", U), document.removeEventListener(wt, Q);
@@ -992,7 +992,7 @@ const Ge = (t, i = 10) => {
     var C, K;
     h(), (K = (C = Q.props).onBlur) == null || K.call(C, H);
   }, "aria-describedby": M.id }) : Q);
-  ee(() => {
+  $(() => {
     const Q = () => {
       Z();
     };
@@ -1087,7 +1087,7 @@ const Ge = (t, i = 10) => {
       case "right":
         return J;
     }
-  }, [n, k, W, x, J]), F = re(() => /* @__PURE__ */ e.createElement(
+  }, [n, k, W, x, J]), L = re(() => /* @__PURE__ */ e.createElement(
     "div",
     {
       className: w,
@@ -1099,7 +1099,7 @@ const Ge = (t, i = 10) => {
       role: "none"
     },
     /* @__PURE__ */ e.createElement("div", { className: "relative w-full h-full" }, /* @__PURE__ */ e.createElement("div", { ...M, style: { ...f }, id: M.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, M, f, E, I]), B = re(() => D ? yi(F, document.body) : null, [D, F]);
+  ), [p, c, t, l, M, f, E, I]), B = re(() => D ? yi(L, document.body) : null, [D, L]);
   return /* @__PURE__ */ e.createElement(e.Fragment, null, S, B);
 }, Qi = ({
   darkMode: t = !1,
@@ -1129,7 +1129,7 @@ const Ge = (t, i = 10) => {
   const w = () => {
     m((k) => !k);
   };
-  ee(() => {
+  $(() => {
     const k = ke({ ...M.current, selected: g }, "change");
     I == null || I(k);
   }, [g]);
@@ -1162,14 +1162,14 @@ const Ge = (t, i = 10) => {
     var x, J;
     k.preventDefault(), !window.matchMedia("(pointer: coarse)").matches && (Z("default"), (x = M.current) == null || x.classList.remove("active"), (J = b.onMouseUp) == null || J.call(b, k));
   }, S = (k) => {
-    var J, f, F, B;
+    var J, f, L, B;
     const W = window.matchMedia("(pointer: coarse)").matches;
     if (k.detail > 0) {
       w(), Z(W ? "default" : "hover"), (J = b.onClick) == null || J.call(b, k);
       return;
     }
     const x = ((f = M.current) == null ? void 0 : f.getAttribute("data-custom-triggered-click")) === "true";
-    if ((F = M.current) == null || F.removeAttribute("data-custom-triggered-click"), !x) {
+    if ((L = M.current) == null || L.removeAttribute("data-custom-triggered-click"), !x) {
       k.preventDefault();
       return;
     }
@@ -1262,7 +1262,7 @@ const Ge = (t, i = 10) => {
   const a = dt(), l = a.visibility, c = a.applyFilter, r = a.hide, o = a.next, [A, N] = V(""), E = Ti(c, t), d = (Z) => {
     N(Z.target.value);
   };
-  ee(() => {
+  $(() => {
     E.setArgs(A.toLowerCase());
   }, [A, E]);
   const I = () => {
@@ -1289,7 +1289,7 @@ const Ge = (t, i = 10) => {
     var M;
     Z.preventDefault(), (M = b.current) == null || M.focus();
   };
-  return ee(() => {
+  return $(() => {
     if (u.current && l) {
       const { height: Z } = u.current.getBoundingClientRect();
       u.current.setAttribute("data-filter-section-height", `${Z}`);
@@ -1393,7 +1393,7 @@ const Ge = (t, i = 10) => {
     }), m = Be();
     return A.set(u, m), /* @__PURE__ */ e.createElement(en, { ...b, key: u, sectionOptionId: u, ref: m, className: g });
   }), [c, A, i, r, i]);
-  ee(() => {
+  $(() => {
     if (A.forEach((b) => {
       if (b.current && o) {
         const u = b.current.getBoundingClientRect().height;
@@ -1436,14 +1436,14 @@ const Ge = (t, i = 10) => {
   }, b = () => {
     r();
   };
-  ee(() => {
+  $(() => {
     const g = (m) => {
       m.code === "Tab" && (m.stopPropagation(), m.preventDefault(), d());
     };
     return i.current && i.current.addEventListener("keydown", g, !0), () => {
       i.current && i.current.removeEventListener("keydown", g, !0);
     };
-  }, []), ee(() => {
+  }, []), $(() => {
     if (i.current && a) {
       const { height: g } = i.current.getBoundingClientRect();
       i.current.setAttribute("data-select-all-section-height", `${g}`);
@@ -1499,10 +1499,10 @@ const Ge = (t, i = 10) => {
     return 0;
   }, [b]), G = be((x) => {
     let J = 0;
-    return m.current && m.current.querySelectorAll(".agora-dropdown-section .section-name").forEach((F) => {
-      const B = F.getAttribute("data-section-option-id");
+    return m.current && m.current.querySelectorAll(".agora-dropdown-section .section-name").forEach((L) => {
+      const B = L.getAttribute("data-section-option-id");
       if (B && x.includes(B)) {
-        const Q = F.getAttribute("data-section-name-height");
+        const Q = L.getAttribute("data-section-name-height");
         J = J + (Q ? Number(Q) : 0);
       }
     }), J;
@@ -1514,8 +1514,8 @@ const Ge = (t, i = 10) => {
         m.current.querySelectorAll(".agora-dropdown-section .agora-dropdown-option").forEach((B) => {
           const Q = B.getAttribute("data-section-option-id");
           if (Q && f.includes(Q)) {
-            const L = B.getAttribute("data-section-option-height");
-            J = J + (L ? Number(L) : 0);
+            const F = B.getAttribute("data-section-option-height");
+            J = J + (F ? Number(F) : 0);
           }
         });
       }
@@ -1532,13 +1532,13 @@ const Ge = (t, i = 10) => {
     }
     return 0;
   }, [m]);
-  ee(() => {
+  $(() => {
     if (N) {
       const x = I.filter((J) => !J.filtered);
       if (x.length > l) {
         const J = x.slice(0, l), f = [...new Set(J.map((B) => B.name ?? "").filter((B) => !!B))];
-        let F = 0;
-        F = F + p(), F = F + D(), F = F + G(f), F = F + j(J), F > 0 ? (F = F + h(), Z(`${F}px`)) : Z("none");
+        let L = 0;
+        L = L + p(), L = L + D(), L = L + G(f), L = L + j(J), L > 0 ? (L = L + h(), Z(`${L}px`)) : Z("none");
       } else
         Z("none");
     }
@@ -1575,28 +1575,28 @@ const Ge = (t, i = 10) => {
   );
 }, ln = le(an), cn = (t, i, n, a, l, c, r, o) => {
   const [A, N] = V([]), [E, d] = V([]);
-  ee(() => {
+  $(() => {
     const B = [], Q = [];
-    o && (Array.isArray(o) ? O.forEach(o, (L) => {
+    o && (Array.isArray(o) ? O.forEach(o, (F) => {
       B.push({
-        ...L.props,
+        ...F.props,
         hideLabel: n
       });
     }) : B.push({
       ...o.props,
       hideLabel: n
-    })), B.forEach((L) => {
-      O.forEach(L.children, ($) => {
+    })), B.forEach((F) => {
+      O.forEach(F.children, (_) => {
         Q.push({
-          ...$.props,
-          name: L.name
+          ..._.props,
+          name: F.name
         });
       });
     }), N(B), d(Q);
   }, [o, i, a]);
   const [I, b] = V(""), u = (B) => {
-    b((Q) => Q === B ? Q : (d((L) => {
-      const $ = L.map((te) => {
+    b((Q) => Q === B ? Q : (d((F) => {
+      const _ = F.map((te) => {
         var K;
         if (B === "")
           return { ...te, filtered: !1 };
@@ -1607,49 +1607,49 @@ const Ge = (t, i = 10) => {
         };
       });
       if (l) {
-        const te = $.filter((T) => !T.filtered);
+        const te = _.filter((T) => !T.filtered);
         l(B, te);
       }
-      return $;
+      return _;
     }), B));
   }, g = be(() => {
     t.current && t.current.resetFilter();
   }, [t]);
-  ee(() => {
+  $(() => {
     g();
   }, [o, g]);
   const m = (B) => {
     B && (B.focus(), B.scrollIntoView({ behavior: "instant", block: "center", inline: "start" }));
   }, R = be(() => {
-    var B, Q, L;
+    var B, Q, F;
     if (t.current) {
-      const $ = Array.from(((B = t.current) == null ? void 0 : B.querySelectorAll(".input-filter")) ?? []), te = Array.from(((Q = t.current) == null ? void 0 : Q.querySelectorAll(".agora-dropdown-all-option-item")) ?? []), T = Array.from(((L = t.current) == null ? void 0 : L.querySelectorAll('[role="option"]:not(.filtered)')) ?? []), H = [...$, ...te, ...T], C = Array.from(H).findIndex((K) => K.tabIndex === 0);
+      const _ = Array.from(((B = t.current) == null ? void 0 : B.querySelectorAll(".input-filter")) ?? []), te = Array.from(((Q = t.current) == null ? void 0 : Q.querySelectorAll(".agora-dropdown-all-option-item")) ?? []), T = Array.from(((F = t.current) == null ? void 0 : F.querySelectorAll('[role="option"]:not(.filtered)')) ?? []), H = [..._, ...te, ...T], C = Array.from(H).findIndex((K) => K.tabIndex === 0);
       C >= 0 && m(H[C]);
     }
   }, [t]), Z = be(() => {
-    var B, Q, L;
+    var B, Q, F;
     if (t.current) {
-      const $ = Array.from(((B = t.current) == null ? void 0 : B.querySelectorAll(".input-filter")) ?? []), te = Array.from(((Q = t.current) == null ? void 0 : Q.querySelectorAll(".agora-dropdown-all-option-item")) ?? []), T = Array.from(((L = t.current) == null ? void 0 : L.querySelectorAll('[role="option"]:not(.filtered)')) ?? []), H = [...$, ...te, ...T];
+      const _ = Array.from(((B = t.current) == null ? void 0 : B.querySelectorAll(".input-filter")) ?? []), te = Array.from(((Q = t.current) == null ? void 0 : Q.querySelectorAll(".agora-dropdown-all-option-item")) ?? []), T = Array.from(((F = t.current) == null ? void 0 : F.querySelectorAll('[role="option"]:not(.filtered)')) ?? []), H = [..._, ...te, ...T];
       if (H.length > 0) {
         const C = Array.from(H).findLastIndex((K) => K.tabIndex === 0);
         C >= 0 && m(H[C]);
       }
     }
   }, [t]), M = be(() => {
-    var B, Q, L;
+    var B, Q, F;
     if (t.current) {
-      const $ = document.activeElement, te = Array.from(((B = t.current) == null ? void 0 : B.querySelectorAll(".input-filter")) ?? []), T = 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)')) ?? []), C = [...te, ...T, ...H];
+      const _ = document.activeElement, te = Array.from(((B = t.current) == null ? void 0 : B.querySelectorAll(".input-filter")) ?? []), T = Array.from(((Q = t.current) == null ? void 0 : Q.querySelectorAll(".agora-dropdown-all-option-item")) ?? []), H = Array.from(((F = t.current) == null ? void 0 : F.querySelectorAll('[role="option"]:not(.filtered)')) ?? []), C = [...te, ...T, ...H];
       if (C.length > 0) {
-        const K = Array.from(C).findIndex((q) => q.isEqualNode($)), P = Array.from(C).findIndex((q, oe) => oe > K && q.tabIndex === 0);
+        const K = Array.from(C).findIndex((q) => q.isEqualNode(_)), P = Array.from(C).findIndex((q, oe) => oe > K && q.tabIndex === 0);
         P >= 0 && m(C[P]);
       }
     }
   }, [t, R]), w = be(() => {
-    var B, Q, L;
+    var B, Q, F;
     if (t.current) {
-      const $ = document.activeElement, te = Array.from(((B = t.current) == null ? void 0 : B.querySelectorAll(".input-filter")) ?? []), T = 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)')) ?? []), C = [...te, ...T, ...H];
+      const _ = document.activeElement, te = Array.from(((B = t.current) == null ? void 0 : B.querySelectorAll(".input-filter")) ?? []), T = Array.from(((Q = t.current) == null ? void 0 : Q.querySelectorAll(".agora-dropdown-all-option-item")) ?? []), H = Array.from(((F = t.current) == null ? void 0 : F.querySelectorAll('[role="option"]:not(.filtered)')) ?? []), C = [...te, ...T, ...H];
       if (C.length > 0) {
-        const K = Array.from(C).findIndex((q) => q.isEqualNode($)), P = Array.from(C).findLastIndex((q, oe) => oe < K && q.tabIndex === 0);
+        const K = Array.from(C).findIndex((q) => q.isEqualNode(_)), P = Array.from(C).findLastIndex((q, oe) => oe < K && q.tabIndex === 0);
         P >= 0 && m(C[P]);
       }
     }
@@ -1658,7 +1658,7 @@ const Ge = (t, i = 10) => {
   }, []), j = be(() => {
     D(!1);
   }, []), h = X(!0);
-  ee(() => {
+  $(() => {
     if (h.current) {
       h.current = !1;
       return;
@@ -1667,15 +1667,15 @@ const Ge = (t, i = 10) => {
   }, [p]);
   const U = be(
     (B) => {
-      const Q = B.filter((L) => L.selected).map((L) => ({
-        selected: L.selected,
-        value: L.value,
-        className: L.className,
-        disabled: L.disabled,
-        hasIcon: L.hasIcon,
-        icon: L.icon,
-        iconPosition: L.iconPosition,
-        children: L.children
+      const Q = B.filter((F) => F.selected).map((F) => ({
+        selected: F.selected,
+        value: F.value,
+        className: F.className,
+        disabled: F.disabled,
+        hasIcon: F.hasIcon,
+        icon: F.icon,
+        iconPosition: F.iconPosition,
+        children: F.children
       }));
       i === "text" && Q.length > 0 && j(), Ge(() => a == null ? void 0 : a(Q));
     },
@@ -1683,54 +1683,54 @@ const Ge = (t, i = 10) => {
   ), v = re(() => i === "checkbox", [i]), S = be(
     (B) => {
       B.disabled || B.filtered || d((Q) => {
-        const L = Q.map(($) => {
-          const te = B.name === $.name && B.value === $.value;
+        const F = Q.map((_) => {
+          const te = B.name === _.name && B.value === _.value;
           return v ? {
-            ...$,
-            selected: te ? !$.selected : $.selected
+            ..._,
+            selected: te ? !_.selected : _.selected
           } : {
-            ...$,
-            selected: te ? !$.selected : !1
+            ..._,
+            selected: te ? !_.selected : !1
           };
         });
-        return U(L), L;
+        return U(F), F;
       });
     },
     [d, v, U]
   ), k = be(
     (B) => {
-      const Q = E.filter(($) => $.name === B && !$.filtered && !$.disabled), L = Q.some(($) => !$.selected);
-      return Q.length > 0 && !L;
+      const Q = E.filter((_) => _.name === B && !_.filtered && !_.disabled), F = Q.some((_) => !_.selected);
+      return Q.length > 0 && !F;
     },
     [E]
   ), W = be(
     (B) => {
       d((Q) => {
-        const L = k(B), $ = Q.map((te) => {
+        const F = k(B), _ = Q.map((te) => {
           const T = B === te.name;
           return {
             ...te,
-            selected: !te.filtered && !te.disabled && T ? !L : te.selected
+            selected: !te.filtered && !te.disabled && T ? !F : te.selected
           };
         });
-        return U($), $;
+        return U(_), _;
       });
     },
     [d, k, U]
   ), x = be(
-    (B) => E.filter((L) => L.name === B && !L.filtered && !L.disabled).length > 0,
+    (B) => E.filter((F) => F.name === B && !F.filtered && !F.disabled).length > 0,
     [E]
   ), J = re(() => {
-    const B = E.filter((L) => !L.filtered && !L.disabled), Q = B.some((L) => !L.selected);
+    const B = E.filter((F) => !F.filtered && !F.disabled), Q = B.some((F) => !F.selected);
     return B.length > 0 && !Q;
   }, [E]), f = re(() => {
-    const B = E.filter((L) => !L.filtered), Q = B.some((L) => !L.disabled);
+    const B = E.filter((F) => !F.filtered), Q = B.some((F) => !F.disabled);
     return B.length > 0 && !Q;
-  }, [E]), F = be(() => {
+  }, [E]), L = be(() => {
     d((B) => {
-      const Q = B.map((L) => ({
-        ...L,
-        selected: !L.filtered && !L.disabled ? !J : L.selected
+      const Q = B.map((F) => ({
+        ...F,
+        selected: !F.filtered && !F.disabled ? !J : F.selected
       }));
       return U(Q), Q;
     });
@@ -1752,7 +1752,7 @@ const Ge = (t, i = 10) => {
     isAllSectionOptionsSelected: k,
     isAllDisabled: f,
     isAllSelected: J,
-    selectAll: F,
+    selectAll: L,
     applyFilter: u,
     activeFilter: I,
     resetFilter: g
@@ -1768,7 +1768,7 @@ const Ge = (t, i = 10) => {
     l,
     c
   ), d = X(!1);
-  return ee(() => {
+  return $(() => {
     if (!d.current) {
       d.current = !0;
       const I = [];
@@ -1819,7 +1819,7 @@ const Ge = (t, i = 10) => {
     var M;
     (M = A.current) == null || M.hide();
   };
-  return ee(() => (m.current && (m.current.addEventListener("mouseenter", R), m.current.addEventListener("mouseleave", Z)), () => {
+  return $(() => (m.current && (m.current.addEventListener("mouseenter", R), m.current.addEventListener("mouseleave", Z)), () => {
     m.current && (m.current.removeEventListener("mouseenter", R), m.current.removeEventListener("mouseleave", Z));
   }), []), /* @__PURE__ */ e.createElement(
     "div",
@@ -1956,7 +1956,7 @@ const Ge = (t, i = 10) => {
     var R;
     (m.key === "Escape" || m.key === "Esc") && (r(!1), (R = o.current) == null || R.focus()), m.key === "Tab" && I(m), m.key === "Enter" && r(!1);
   };
-  ee(() => {
+  $(() => {
     var m, R;
     if (c) {
       document.addEventListener("mousedown", d);
@@ -2092,7 +2092,7 @@ const Ge = (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));
@@ -2219,7 +2219,7 @@ const Ge = (t, i = 10) => {
     c
   );
   return /* @__PURE__ */ e.createElement("span", { ...o, ref: A, className: N }, l);
-}, it = le(bn), Fr = ({
+}, it = le(bn), Lr = ({
   icon: t,
   title: i,
   subtitle: n,
@@ -2282,14 +2282,14 @@ const Ge = (t, i = 10) => {
     },
     [v, p]
   );
-  ee(() => {
+  $(() => {
     if (D.name === "expand") {
-      const F = ke(S.current, "expand");
-      o == null || o(F);
+      const L = ke(S.current, "expand");
+      o == null || o(L);
     }
     if (D.name === "collapse") {
-      const F = ke(S.current, "collapse");
-      A == null || A(F);
+      const L = ke(S.current, "collapse");
+      A == null || A(L);
     }
     const f = ke(S.current, "change");
     N == null || N(f);
@@ -2365,7 +2365,7 @@ const Ge = (t, i = 10) => {
     },
     o
   ));
-}, Lr = le(In), Or = ({
+}, Fr = le(In), Or = ({
   className: t,
   label: i,
   headingLevel: n,
@@ -2485,8 +2485,13 @@ const Ge = (t, i = 10) => {
   const d = y("agora-card-highlight", o, `card-${A}`, N), { width: I } = Me(), { mdScreen: b, xlScreen: u } = ve(), g = I >= b && I < u, m = I < b, R = {
     title: !!i,
     subtitle: !i && !!n
-  }, Z = (M, w) => w ? /* @__PURE__ */ e.createElement(c, null, M) : M;
-  return /* @__PURE__ */ e.createElement("div", { className: d, ...E }, /* @__PURE__ */ e.createElement("div", { className: "card-image-container" }, /* @__PURE__ */ e.createElement("img", { className: "card-image", ...t, src: t.src, alt: t.alt, "aria-hidden": t["aria-hidden"] ?? !0 })), (i || n) && l === "exterior" && !m && !g && /* @__PURE__ */ e.createElement("div", { className: "card-box-exterior" }, /* @__PURE__ */ e.createElement("div", { className: "card-info" }, n && /* @__PURE__ */ e.createElement("div", { className: "subtitle-container" }, Z(n, R.subtitle)), i && /* @__PURE__ */ e.createElement("div", { className: "title-container" }, Z(i, R.title)))), /* @__PURE__ */ e.createElement("div", { className: "card-content" }, /* @__PURE__ */ e.createElement("div", { className: "shared-card-content" }, /* @__PURE__ */ e.createElement(
+  }, Z = (p, D) => D ? /* @__PURE__ */ e.createElement(c, null, p) : p, M = X(null), w = X(null);
+  return $(() => {
+    var U;
+    if (!w.current || (w.current.style.marginTop = "", I < u || o === "bottom" || l === "interior")) return;
+    const p = ((U = M.current) == null ? void 0 : U.clientHeight) ?? 0, D = 32, G = -248, j = p - 136, h = G + D + j;
+    w.current.style.marginTop = `${h}px`;
+  }, [i, n, I]), /* @__PURE__ */ e.createElement("div", { className: d, ...E }, /* @__PURE__ */ e.createElement("div", { className: "card-image-container" }, /* @__PURE__ */ e.createElement("img", { className: "card-image", ...t, src: t.src, alt: t.alt, "aria-hidden": t["aria-hidden"] ?? !0 })), (i || n) && l === "exterior" && !m && !g && /* @__PURE__ */ e.createElement("div", { className: "card-box-exterior" }, /* @__PURE__ */ e.createElement("div", { ref: M, className: "card-info" }, n && /* @__PURE__ */ e.createElement("div", { className: "subtitle-container" }, Z(n, R.subtitle)), i && /* @__PURE__ */ e.createElement("div", { className: "title-container" }, Z(i, R.title)))), /* @__PURE__ */ e.createElement("div", { ref: w, className: "card-content" }, /* @__PURE__ */ e.createElement("div", { className: "shared-card-content" }, /* @__PURE__ */ e.createElement(
     un,
     {
       headingLevel: c,
@@ -2699,7 +2704,7 @@ const Ge = (t, i = 10) => {
     },
     t
   );
-  return ee(() => {
+  return $(() => {
     const G = g.checked ?? g.defaultChecked;
     G !== void 0 && R(G);
   }, [g.checked, g.defaultChecked]), /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
@@ -2809,9 +2814,9 @@ const Ge = (t, i = 10) => {
   }, Z = (w) => {
     w.target.classList.contains("agora-dialog-backdrop") && (g(), r == null || r());
   };
-  ee(() => (document == null || document.addEventListener("keydown", R), !s(i) && s(n) && (document == null || document.addEventListener("click", Z)), () => {
+  $(() => (document == null || document.addEventListener("keydown", R), !s(i) && s(n) && (document == null || document.addEventListener("click", Z)), () => {
     document == null || document.removeEventListener("keydown", R), !s(i) && s(n) && (document == null || document.removeEventListener("click", Z));
-  }), [a, i, n, Z, R]), ee(() => {
+  }), [a, i, n, Z, R]), $(() => {
     if (I && m.current) {
       document.body.classList.add("overflow-hidden");
       const w = Array.from(
@@ -2911,7 +2916,7 @@ const Ge = (t, i = 10) => {
   const [d, I] = V("neutral"), b = (D) => {
     I((G) => G === D ? "neutral" : D);
   };
-  ee(() => {
+  $(() => {
     Ge(() => r == null ? void 0 : r(d));
   }, [d]);
   const u = (D, G) => {
@@ -2991,14 +2996,14 @@ const Ge = (t, i = 10) => {
     const x = parseInt(W.target.getAttribute("data-icon-value") ?? "1", 10);
     M(x);
   };
-  ee(() => {
+  $(() => {
     var W;
     if ((W = document.activeElement) != null && W.classList.contains("rating-icon") && R.current) {
       const x = R.current.querySelector(`.rating-icon[data-icon-value = '${Z}']`);
       x == null || x.focus();
     }
     Ge(() => r == null ? void 0 : r(Z));
-  }, [Z]), ee(() => {
+  }, [Z]), $(() => {
     c && M(c);
   }, [c]);
   const S = y(
@@ -3029,12 +3034,12 @@ const Ge = (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: R, className: "rating-wrapper" }, m.map((W, x) => {
-      var $, te;
-      const J = x + 1, f = J <= w, F = Z !== null && J <= Z, B = Ee(W, {
-        name: f || F ? ($ = W.props.name) == null ? void 0 : $.replace("line", "solid") : (te = W.props.name) == null ? void 0 : te.replace("solid", "line")
+      var _, te;
+      const J = x + 1, f = J <= w, L = Z !== null && J <= Z, B = Ee(W, {
+        name: f || L ? (_ = W.props.name) == null ? void 0 : _.replace("line", "solid") : (te = W.props.name) == null ? void 0 : te.replace("solid", "line")
       }), Q = `${u}-icon-${x}`;
-      let L = -1;
-      return s(a) ? L = -1 : Z <= 0 ? L = x === 0 ? 0 : -1 : L = Z === J ? 0 : -1, /* @__PURE__ */ e.createElement(
+      let F = -1;
+      return s(a) ? F = -1 : Z <= 0 ? F = x === 0 ? 0 : -1 : F = Z === J ? 0 : -1, /* @__PURE__ */ e.createElement(
         "div",
         {
           key: Q,
@@ -3042,7 +3047,7 @@ const Ge = (t, i = 10) => {
           className: "rating-icon",
           role: "radio",
           "aria-checked": Z === J,
-          tabIndex: L,
+          tabIndex: F,
           onMouseDownCapture: D,
           onMouseEnter: G(J),
           onMouseLeave: j,
@@ -3245,7 +3250,7 @@ const Ge = (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 ee(() => {
+  return $(() => {
     const r = () => {
       const A = document.documentElement.clientWidth;
       document.documentElement.style.setProperty("--footer-aux-vw", `${A}px`);
@@ -3435,7 +3440,7 @@ const Ge = (t, i = 10) => {
     ...c,
     active: r == 0
   }))), l;
-}, xn = (t) => $t(t).filter((i) => i.active).at(0), Fn = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Ln = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Zt = () => /* @__PURE__ */ e.createElement(e.Fragment, null), On = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Qn = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Vn = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Xn = (t) => {
+}, xn = (t) => $t(t).filter((i) => i.active).at(0), Ln = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Fn = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Zt = () => /* @__PURE__ */ e.createElement(e.Fragment, null), On = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Qn = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Vn = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Xn = (t) => {
   const i = O.toArray(t).find((a) => z(a) && a.type === pe);
   let n = null;
   return i && z(i) && (n = O.toArray(i.props.children).find((a) => z(a) && a.type === Zt)), n ? n.props : null;
@@ -3444,7 +3449,7 @@ const Ge = (t, i = 10) => {
   let n = null;
   i && z(i) && (n = O.toArray(i.props.children).find((l) => z(l) && l.type === Zt));
   let a = null;
-  return n && z(n) && (a = O.toArray(n.props.children).find((l) => z(l) && l.type === Ln), a) ? a.props : null;
+  return n && z(n) && (a = O.toArray(n.props.children).find((l) => z(l) && l.type === Fn), a) ? a.props : null;
 }, fn = (t) => {
   const i = O.toArray(t).find((l) => z(l) && l.type === pe);
   let n = null;
@@ -3460,7 +3465,7 @@ const Ge = (t, i = 10) => {
   i && z(i) && (n = O.toArray(i.props.children).find((l) => z(l) && l.type === Zt));
   let a = null;
   return n && z(n) && (a = O.toArray(n.props.children).find((l) => z(l) && l.type === Vn)), a ? O.toArray(a.props.children).map((l) => {
-    if (z(l) && l.type === Fn)
+    if (z(l) && l.type === Ln)
       return l.props;
   }).filter((l) => !!l) : [];
 }, _t = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Pn = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Kn = () => /* @__PURE__ */ e.createElement(e.Fragment, null), qn = (t) => {
@@ -3531,7 +3536,7 @@ const Ge = (t, i = 10) => {
 }, Ea = (t) => {
   const i = O.toArray(t).find((n) => z(n) && n.type === Ve);
   return (i == null ? void 0 : i.props.backToRootLabel) ?? (i == null ? void 0 : i.props.responsiveMenuBackToRootLabel) ?? "";
-}, ti = () => /* @__PURE__ */ e.createElement(e.Fragment, null), lt = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Fe = () => /* @__PURE__ */ e.createElement(e.Fragment, null), ii = () => /* @__PURE__ */ e.createElement(e.Fragment, null), ga = () => /* @__PURE__ */ e.createElement(e.Fragment, null), ni = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Ia = () => /* @__PURE__ */ e.createElement(e.Fragment, null), ua = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Ra = () => /* @__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" }))), Da = ({
+}, ti = () => /* @__PURE__ */ e.createElement(e.Fragment, null), lt = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Le = () => /* @__PURE__ */ e.createElement(e.Fragment, null), ii = () => /* @__PURE__ */ e.createElement(e.Fragment, null), ga = () => /* @__PURE__ */ e.createElement(e.Fragment, null), ni = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Ia = () => /* @__PURE__ */ e.createElement(e.Fragment, null), ua = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Ra = () => /* @__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" }))), Da = ({
   className: t,
   label: i,
   hideLabel: n,
@@ -3547,7 +3552,7 @@ const Ge = (t, i = 10) => {
   onChange: I,
   ...b
 }, u) => {
-  var F;
+  var L;
   const g = X(null), m = X(null), R = X(null), [Z, M] = V("default");
   he(
     u,
@@ -3618,26 +3623,26 @@ const Ge = (t, i = 10) => {
       leadingIconHover: "agora-solid-search",
       "aria-label": A,
       onClick: W,
-      disabled: (((F = D == null ? void 0 : D.toString()) == null ? void 0 : F.length) ?? 0) <= 3
+      disabled: (((L = D == null ? void 0 : D.toString()) == null ? void 0 : L.length) ?? 0) <= 3
     }
   ))));
 }, ai = le(Da), Ga = (t) => {
   const i = O.toArray(t).find((n) => z(n) && n.type === pe);
-  return i && z(i) ? !!O.toArray(i.props.children).find((a) => z(a) && a.type === Fe) : !1;
+  return i && z(i) ? !!O.toArray(i.props.children).find((a) => z(a) && a.type === Le) : !1;
 }, Za = (t) => {
   const i = O.toArray(t).find((a) => z(a) && a.type === pe);
   let n;
-  return i && z(i) && (n = O.toArray(i.props.children).find((a) => z(a) && a.type === Fe)), (n == null ? void 0 : n.props.label) ?? "";
+  return i && z(i) && (n = O.toArray(i.props.children).find((a) => z(a) && a.type === Le)), (n == null ? void 0 : n.props.label) ?? "";
 }, pa = (t) => {
   const i = O.toArray(t).find((l) => z(l) && l.type === pe);
   let n = null;
-  i && z(i) && (n = O.toArray(i.props.children).find((l) => z(l) && l.type === Fe));
+  i && z(i) && (n = O.toArray(i.props.children).find((l) => z(l) && l.type === Le));
   let a = null;
   return n && z(n == null ? void 0 : n.props.children) ? (a = O.toArray(n.props.children).find((l) => z(l) && l.type === lt), !!a) : !1;
 }, Ma = (t) => {
   const i = O.toArray(t).find((c) => z(c) && c.type === pe);
   let n = null;
-  i && z(i) && (n = O.toArray(i.props.children).find((c) => z(c) && c.type === Fe));
+  i && z(i) && (n = O.toArray(i.props.children).find((c) => z(c) && c.type === Le));
   let a = null;
   n && (a = O.toArray(n.props.children).find((c) => z(c) && c.type === lt));
   let l = null;
@@ -3645,7 +3650,7 @@ const Ge = (t, i = 10) => {
 }, Ya = (t) => {
   const i = O.toArray(t).find((r) => z(r) && r.type === pe);
   let n = null;
-  i && z(i) && (n = O.toArray(i.props.children).find((r) => z(r) && r.type === Fe));
+  i && z(i) && (n = O.toArray(i.props.children).find((r) => z(r) && r.type === Le));
   let a = null;
   n && (a = O.toArray(n.props.children).find((r) => z(r) && r.type === lt));
   let l = null;
@@ -3655,7 +3660,7 @@ const Ge = (t, i = 10) => {
 }, Ua = (t) => {
   const i = O.toArray(t).find((c) => z(c) && c.type === pe);
   let n = null;
-  i && z(i) && (n = O.toArray(i.props.children).find((c) => z(c) && c.type === Fe));
+  i && z(i) && (n = O.toArray(i.props.children).find((c) => z(c) && c.type === Le));
   let a = null;
   n && (a = O.toArray(n.props.children).find((c) => z(c) && c.type === lt));
   let l = null;
@@ -3663,7 +3668,7 @@ const Ge = (t, i = 10) => {
 }, wa = (t) => {
   const i = O.toArray(t).find((r) => z(r) && r.type === pe);
   let n = null;
-  i && z(i) && (n = O.toArray(i.props.children).find((r) => z(r) && r.type === Fe));
+  i && z(i) && (n = O.toArray(i.props.children).find((r) => z(r) && r.type === Le));
   let a = null;
   n && (a = O.toArray(n.props.children).find((r) => z(r) && r.type === lt));
   let l = null;
@@ -3673,7 +3678,7 @@ const Ge = (t, i = 10) => {
 }, ja = (t) => {
   const i = O.toArray(t).find((c) => z(c) && c.type === pe);
   let n = null;
-  i && z(i) && (n = O.toArray(i.props.children).find((c) => z(c) && c.type === Fe));
+  i && z(i) && (n = O.toArray(i.props.children).find((c) => z(c) && c.type === Le));
   let a = null;
   n && (a = O.toArray(n.props.children).find((c) => z(c) && c.type === lt));
   let l = null;
@@ -3681,13 +3686,13 @@ const Ge = (t, i = 10) => {
 }, ha = (t) => {
   const i = O.toArray(t).find((l) => z(l) && l.type === pe);
   let n = null;
-  i && z(i) && (n = O.toArray(i.props.children).find((l) => z(l) && l.type === Fe));
+  i && z(i) && (n = O.toArray(i.props.children).find((l) => z(l) && l.type === Le));
   let a = null;
   return n && z(n.props.children) && (a = O.toArray(n.props.children).find((l) => z(l) && l.type === ti)), !!a;
 }, va = (t) => {
   const i = O.toArray(t).find((l) => z(l) && l.type === pe);
   let n = null;
-  i && z(i) && (n = O.toArray(i.props.children).find((l) => z(l) && l.type === Fe));
+  i && z(i) && (n = O.toArray(i.props.children).find((l) => z(l) && l.type === Le));
   let a = null;
   return n && (a = O.toArray(n.props.children).find((l) => z(l) && l.type === ti)), a == null ? void 0 : a.props;
 }, ya = () => /* @__PURE__ */ e.createElement(e.Fragment, null), Ja = () => /* @__PURE__ */ e.createElement(e.Fragment, null), li = (t) => {
@@ -3707,7 +3712,7 @@ const Ge = (t, i = 10) => {
   }, I = () => ta(a), b = () => ia(a), u = (C) => {
     const K = na(a);
     return K == null ? void 0 : K(C);
-  }, g = () => la(a), m = () => aa(a), R = () => Xn(a), Z = () => Cn(a), M = () => fn(a), w = () => Hn(a), p = () => li(a), D = () => Sa(a), G = () => Ga(a), j = () => Za(a), h = () => pa(a), U = () => Ma(a), v = () => Ya(a), S = () => Ua(a), k = () => wa(a), W = () => ja(a), x = () => ha(a), J = () => va(a), f = () => oa(a), F = () => ra(a), B = () => ma(a), Q = () => ba(a), L = () => Ea(a), $ = () => sa(a), te = () => da(a), T = () => Na(a), H = () => Aa(a);
+  }, g = () => la(a), m = () => aa(a), R = () => Xn(a), Z = () => Cn(a), M = () => fn(a), w = () => Hn(a), p = () => li(a), D = () => Sa(a), G = () => Ga(a), j = () => Za(a), h = () => pa(a), U = () => Ma(a), v = () => Ya(a), S = () => Ua(a), k = () => wa(a), W = () => ja(a), x = () => ha(a), J = () => va(a), f = () => oa(a), L = () => ra(a), B = () => ma(a), Q = () => ba(a), F = () => Ea(a), _ = () => sa(a), te = () => da(a), T = () => Na(a), H = () => Aa(a);
   return re(() => ({
     getGeneralBarAriaLabel: l,
     getInstitutionalPhrase: c,
@@ -3740,12 +3745,12 @@ const Ge = (t, i = 10) => {
     getCustomSearch: J,
     countNavigationItems: f,
     maxNavigationItems: n,
-    getNavigationId: F,
+    getNavigationId: L,
     getNavigationItems: H,
     getResponsiveMenuLabel: B,
     getResponsiveMenuAriaLabel: Q,
-    getResponsiveMenuBackToRootLabel: L,
-    getModalMenuLabel: $,
+    getResponsiveMenuBackToRootLabel: F,
+    getModalMenuLabel: _,
     getModalAriaLabel: te,
     getModalCloseLabel: T,
     darkMode: s(i)
@@ -3823,7 +3828,7 @@ const Wa = (t, i) => {
   }), []);
 }, ci = Te({}), we = () => xe(ci), Ba = () => {
   const [t, i] = V(!1), n = X(null);
-  return ee(() => {
+  return $(() => {
     const a = () => {
       i(window.scrollY > 0);
     }, l = () => {
@@ -3934,20 +3939,20 @@ const Wa = (t, i) => {
 }, Je = le(Ta), xa = () => {
   const t = ce(), n = Ie().getAuthenticatedBodyLinks();
   return /* @__PURE__ */ e.createElement("div", { className: "authenticated-body" }, /* @__PURE__ */ e.createElement("nav", null, /* @__PURE__ */ e.createElement("ul", null, n.map((a, l) => /* @__PURE__ */ e.createElement("li", { key: `${t}-${l}` }, /* @__PURE__ */ e.createElement(Je, { ...a }))))));
-}, Fa = () => {
+}, La = () => {
   const t = ce(), n = Ie().getAuthenticatedFooterActions();
   return n.length <= 0 ? null : /* @__PURE__ */ e.createElement("div", { className: "authenticated-footer" }, /* @__PURE__ */ e.createElement("ul", null, n.map((a, l) => {
     const c = y(a.className, "footer-action");
     return /* @__PURE__ */ e.createElement("li", { key: `${t}-${l}` }, /* @__PURE__ */ e.createElement(ne, { ...a, className: c, appearance: "link", variant: "neutral", fullWidth: !0 }));
   })));
-}, La = () => {
+}, Fa = () => {
   const t = ce(), i = we(), a = Ie().getAuthenticatedHeader(), l = () => {
     i.collapseMenu(me.Authenticated, !0);
   };
   return /* @__PURE__ */ e.createElement("div", { className: "authenticated-header" }, /* @__PURE__ */ e.createElement("div", { id: t, className: "name" }, a == null ? void 0 : a.children), /* @__PURE__ */ e.createElement("button", { "aria-label": a == null ? void 0 : a.closeAriaLabel, "aria-describedby": t, className: "close", onClick: l }, /* @__PURE__ */ e.createElement(ie, { name: "agora-line-chevron-right", "aria-hidden": !0 })));
 }, Oa = () => {
   const t = we(), n = Ie().getAuthenticated(), a = n ? n["aria-label"] : "", l = Be();
-  return t.menuRefMap.set(me.Drawer, l), n ? /* @__PURE__ */ e.createElement(Mn, { ref: l, position: "right", dismissOnEscape: !1, dismissOnBackdropClick: !1, "aria-label": a }, /* @__PURE__ */ e.createElement(La, null), /* @__PURE__ */ e.createElement(xa, null), /* @__PURE__ */ e.createElement(Fa, null)) : "";
+  return t.menuRefMap.set(me.Drawer, l), n ? /* @__PURE__ */ e.createElement(Mn, { ref: l, position: "right", dismissOnEscape: !1, dismissOnBackdropClick: !1, "aria-label": a }, /* @__PURE__ */ e.createElement(Fa, null), /* @__PURE__ */ e.createElement(xa, null), /* @__PURE__ */ e.createElement(La, null)) : "";
 }, Qa = ({ id: t, isDrawerPanel: i = !1, className: n, children: a, iconsCollapsed: l, iconsExpanded: c }, r) => {
   var C, K;
   const { width: o } = Me(), { xlScreen: A } = ve(), N = o >= A, E = t, d = Ie(), I = we(), b = I.menuRefMap.get("Header"), [u, g] = V("unset"), [m, R] = V(!1), Z = O.toArray(a).find((P) => z(P) && P.type === ne), M = O.toArray(a).find((P) => z(P) && P.type === Je), w = O.toArray(a).find((P) => z(P) && P.type !== ne), p = !!Z, D = !!M, G = !!w, j = X(null), h = X(null), U = X(null), v = X(null), S = X(null), k = () => {
@@ -3991,19 +3996,19 @@ const Wa = (t, i) => {
   const J = (P) => {
     var q, oe;
     m ? I.collapseMenu(E, !0) : I.expandMenu(E), (oe = (q = Z.props).onClick) == null || oe.call(q, P);
-  }, f = y("panel-menu", n, { "dark-mode": d.darkMode }), F = y(
+  }, f = y("panel-menu", n, { "dark-mode": d.darkMode }), L = y(
     "panel-menu-button",
     { "has-panel": G },
     { expanded: m, collapsed: !m },
     (C = Z == null ? void 0 : Z.props) == null ? void 0 : C.className
-  ), B = y("panel-menu-link-wrapper", (K = M == null ? void 0 : M.props) == null ? void 0 : K.className), Q = y("panel-drawer-button"), L = y(
+  ), B = y("panel-menu-link-wrapper", (K = M == null ? void 0 : M.props) == null ? void 0 : K.className), Q = y("panel-drawer-button"), F = y(
     "panel-menu-content",
     { expanded: m, collapsed: !m },
     { "dark-mode": d.darkMode }
   );
-  ee(() => {
+  $(() => {
     const P = (oe) => {
-      const _ = oe.getBoundingClientRect().height || 0, ae = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0) - _;
+      const ee = oe.getBoundingClientRect().height || 0, ae = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0) - ee;
       if (N)
         g(`${ae}px`);
       else {
@@ -4016,14 +4021,14 @@ const Wa = (t, i) => {
     return window.addEventListener("resize", q), q(), () => {
       window.removeEventListener("resize", q);
     };
-  }, [b == null ? void 0 : b.current, N]), ee(() => {
+  }, [b == null ? void 0 : b.current, N]), $(() => {
     const P = (q) => {
       q.code === "Escape" && m && I.collapseMenu(E, !0);
     };
     return (G || i) && window.document.addEventListener("keydown", P), () => {
       window.document.removeEventListener("keydown", P);
     };
-  }, [G, i, m, I.hasOpenSubmenu()]), ee(() => {
+  }, [G, i, m, I.hasOpenSubmenu()]), $(() => {
     const P = (q) => {
       if (!m)
         return;
@@ -4033,20 +4038,20 @@ const Wa = (t, i) => {
     return (G || i) && window.document.addEventListener("click", P), () => {
       window.document.removeEventListener("click", P);
     };
-  }, [G, i, m]), ee(() => {
+  }, [G, i, m]), $(() => {
     const P = (q) => {
       if (!(!m || !S.current) && q.key === "Tab") {
         const oe = S.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"])'
-        ), ge = oe[0], _ = oe[oe.length - 1];
-        q.shiftKey && document.activeElement === ge && (q.preventDefault(), _.focus()), !q.shiftKey && document.activeElement === _ && (q.preventDefault(), ge.focus());
+        ), ge = oe[0], ee = oe[oe.length - 1];
+        q.shiftKey && document.activeElement === ge && (q.preventDefault(), ee.focus()), !q.shiftKey && document.activeElement === ee && (q.preventDefault(), ge.focus());
       }
     };
     return G && (document == null || document.addEventListener("keydown", P)), () => {
       document == null || document.removeEventListener("keydown", P);
     };
   }, [m]);
-  const $ = re(() => m ? (c == null ? void 0 : c.leadingIcon) ?? "" : (l == null ? void 0 : l.leadingIcon) ?? "", [l, c, m]), te = re(() => m ? (c == null ? void 0 : c.leadingIconHover) ?? "" : (l == null ? void 0 : l.leadingIconHover) ?? "", [l, c, m]), T = re(() => m ? (c == null ? void 0 : c.trailingIcon) ?? "" : (l == null ? void 0 : l.trailingIcon) ?? "", [l, c, m]), H = re(() => m ? (c == null ? void 0 : c.trailingIconHover) ?? "" : (l == null ? void 0 : l.trailingIconHover) ?? "", [l, c, m]);
+  const _ = re(() => m ? (c == null ? void 0 : c.leadingIcon) ?? "" : (l == null ? void 0 : l.leadingIcon) ?? "", [l, c, m]), te = re(() => m ? (c == null ? void 0 : c.leadingIconHover) ?? "" : (l == null ? void 0 : l.leadingIconHover) ?? "", [l, c, m]), T = re(() => m ? (c == null ? void 0 : c.trailingIcon) ?? "" : (l == null ? void 0 : l.trailingIcon) ?? "", [l, c, m]), H = re(() => m ? (c == null ? void 0 : c.trailingIconHover) ?? "" : (l == null ? void 0 : l.trailingIconHover) ?? "", [l, c, m]);
   return /* @__PURE__ */ e.createElement("div", { ref: j, className: f }, D && /* @__PURE__ */ e.createElement(
     Je,
     {
@@ -4060,14 +4065,14 @@ const Wa = (t, i) => {
     {
       ...Z.props,
       ref: h,
-      className: F,
+      className: L,
       onClick: J,
       appearance: "link",
       variant: "neutral",
       darkMode: d.darkMode,
       ...G && { "aria-controls": `panel-content-${E}`, "aria-expanded": m },
       hasIcon: s(Z.props.hasIcon),
-      ...G && s(Z.props.hasIcon) && $ && te ? { leadingIcon: $, leadingIconHover: te } : {},
+      ...G && s(Z.props.hasIcon) && _ && te ? { leadingIcon: _, leadingIconHover: te } : {},
       ...G && s(Z.props.hasIcon) && T && H ? { trailingIcon: T, trailingIconHover: H } : {}
     },
     Z.props.children
@@ -4082,7 +4087,7 @@ const Wa = (t, i) => {
       onClick: J
     },
     Z.props.children
-  ), G && !i && /* @__PURE__ */ e.createElement("div", { className: L }, /* @__PURE__ */ e.createElement(
+  ), G && !i && /* @__PURE__ */ e.createElement("div", { className: F }, /* @__PURE__ */ e.createElement(
     "div",
     {
       className: "panel-menu-content-children",
@@ -4130,7 +4135,7 @@ const Wa = (t, i) => {
   }, w = () => {
     A.openSubmenu(t);
   };
-  ee(() => {
+  $(() => {
     const D = (G) => {
       if (!(!d || !m.current) && G.code === "Tab") {
         const j = m.current.querySelectorAll(
@@ -4390,7 +4395,17 @@ const Wa = (t, i) => {
     };
     return a && (d.icon = a), /* @__PURE__ */ e.createElement(tl, { ...d });
   });
-  return /* @__PURE__ */ e.createElement(c, { style: { "--startNumber": i }, start: i, className: A, id: o.id }, N);
+  return /* @__PURE__ */ e.createElement(
+    c,
+    {
+      role: "list",
+      style: { "--startNumber": i },
+      start: i,
+      className: A,
+      id: o.id
+    },
+    N
+  );
 }, nl = (t) => {
   const i = Ie(), n = i.getDefaultSearchTitle(), a = i.getDefaultSearchInputBar(), l = i.getCustomSearchInputBar(), c = i.getDefaultSearchRelatedLinksTitle(), r = i.getDefaultSearchRelatedLinks();
   return /* @__PURE__ */ e.createElement("div", { ...t, className: "search-layout" }, n && /* @__PURE__ */ e.createElement("div", { className: "search-title" }, n == null ? void 0 : n.children), a && /* @__PURE__ */ e.createElement("div", { className: "search-input-bar-container" }, /* @__PURE__ */ e.createElement(ai, { ...a, darkMode: i.darkMode })), !a && l && /* @__PURE__ */ e.createElement("div", { className: "search-input-bar-container custom-input" }, l), c && r && /* @__PURE__ */ e.createElement("div", { className: "search-related-links-container" }, /* @__PURE__ */ e.createElement("div", { className: "search-related-links-container-wrapper" }, (c == null ? void 0 : c.children) && /* @__PURE__ */ e.createElement("div", { className: "search-list-title" }, c == null ? void 0 : c.children), /* @__PURE__ */ e.createElement(il, { className: "search-list" }, r.map((o, A) => {
@@ -4586,7 +4601,7 @@ const Wa = (t, i) => {
   })))))));
 }, El = ({ onActiveChange: t }) => {
   const i = ce(), n = X(null), a = Ie(), l = a.getNavigationItems(), [c, r] = V(0);
-  ee(() => {
+  $(() => {
     t(c);
   }, [c]);
   const [o, A] = V(0), N = (E) => {
@@ -4745,7 +4760,7 @@ const Wa = (t, i) => {
   const n = ka(t), a = za();
   Wa(i, a);
   const l = X(0);
-  return ee(() => {
+  return $(() => {
     const c = () => {
       l.current !== window.innerWidth && (a.collapseAllMenus(), l.current = window.innerWidth);
     };
@@ -4767,7 +4782,7 @@ const _e = ({
   for (; l.some((r) => st(a, r)); )
     a.setDate(a.getDate() + c);
   return a;
-}, Le = (t, i) => {
+}, Fe = (t, i) => {
   const n = new Date(typeof t == "string" ? new Date(t) : t), a = new Date(typeof i == "string" ? new Date(i) : i);
   return n.setHours(0, 0, 0, 0), a.setHours(0, 0, 0, 0), n < a;
 }, Oe = (t, i) => {
@@ -4817,7 +4832,7 @@ const _e = ({
   const l = () => Object.values(n).map((G) => G.substring(0, 3)), c = re(() => a.get(t.focusedDate.getMonth()), [t.focusedDate]), r = re(() => t.focusedDate.getFullYear(), [t.focusedDate]), o = ({ numberOfDays: G = 1, direction: j = je.Forward }) => {
     const h = new Date(t.focusedDate.getTime()), U = h, v = j === je.Backward ? -G : G;
     U.setDate(U.getDate() + v);
-    const S = t.startDate ? Le(U, t.startDate) : !1, k = t.endDate ? Oe(U, t.endDate) : !1;
+    const S = t.startDate ? Fe(U, t.startDate) : !1, k = t.endDate ? Oe(U, t.endDate) : !1;
     if (!S && !k) {
       const W = _e({
         startingDate: h,
@@ -4838,7 +4853,7 @@ const _e = ({
       t.setFocusedDate(new Date(k));
       return;
     }
-    const W = S ? Le(U, S) : !1, x = k ? Oe(U, k) : !1;
+    const W = S ? Fe(U, S) : !1, x = k ? Oe(U, k) : !1;
     if (!W && !x) {
       const J = _e({
         startingDate: h,
@@ -4859,7 +4874,7 @@ const _e = ({
       t.setFocusedDate(new Date(k));
       return;
     }
-    const W = S ? Le(U, S) : !1, x = k ? Oe(U, k) : !1;
+    const W = S ? Fe(U, S) : !1, x = k ? Oe(U, k) : !1;
     if (!W && !x) {
       const J = _e({
         startingDate: h,
@@ -4886,7 +4901,7 @@ const _e = ({
     moveToFirstDayOfWeek: () => {
       const G = new Date(t.focusedDate.getTime()), j = G;
       j.setDate(j.getDate() - j.getDay());
-      const h = t.startDate ? Le(j, t.startDate) : !1, U = t.endDate ? Oe(j, t.endDate) : !1;
+      const h = t.startDate ? Fe(j, t.startDate) : !1, U = t.endDate ? Oe(j, t.endDate) : !1;
       if (!h && !U) {
         const v = _e({
           startingDate: G,
@@ -4899,7 +4914,7 @@ const _e = ({
     moveToLastDayOfWeek: () => {
       const G = new Date(t.focusedDate.getTime()), j = G;
       j.setDate(j.getDate() + (6 - j.getDay()));
-      const h = t.startDate ? Le(j, t.startDate) : !1, U = t.endDate ? Oe(j, t.endDate) : !1;
+      const h = t.startDate ? Fe(j, t.startDate) : !1, U = t.endDate ? Oe(j, t.endDate) : !1;
       if (!h && !U) {
         const v = _e({
           startingDate: G,
@@ -4937,7 +4952,7 @@ const _e = ({
       t.setFocusedDate(g), t.setSelectedDate(g);
     }
   }, r = (u) => {
-    const g = l(u.target), m = t.startDate && g ? Le(g, t.startDate) : !1, R = t.endDate && g ? Oe(g, t.endDate) : !1;
+    const g = l(u.target), m = t.startDate && g ? Fe(g, t.startDate) : !1, R = t.endDate && g ? Oe(g, t.endDate) : !1;
     !m && !R && c(g);
   }, o = (u) => {
     const { shiftKey: g } = u, { target: m } = u, { code: R } = u;
@@ -4979,7 +4994,7 @@ const _e = ({
     a(!1);
   }, E = (u, g, m) => {
     u.setDate(u.getDate() + 1);
-    const R = u.getMonth() === t.focusedDate.getMonth(), Z = st(u, t.focusedDate), M = st(u, t.selectedDate), w = t.startDate ? Le(u, t.startDate) : !1, p = t.endDate ? Oe(u, t.endDate) : !1, D = It(u, t.disabledDates) || w || p, G = st(u, /* @__PURE__ */ new Date()), j = Jt(u), h = y(
+    const R = u.getMonth() === t.focusedDate.getMonth(), Z = st(u, t.focusedDate), M = st(u, t.selectedDate), w = t.startDate ? Fe(u, t.startDate) : !1, p = t.endDate ? Oe(u, t.endDate) : !1, D = It(u, t.disabledDates) || w || p, G = st(u, /* @__PURE__ */ new Date()), j = Jt(u), h = y(
       "day w-[44px] h-[44px] border-2 rounded-4 outline-0 flex items-center justify-center text-s-regular cursor-default",
       // DEFAULT TEXT COLOR
       {
@@ -5048,9 +5063,9 @@ const _e = ({
       u && u.focus();
     }
   };
-  return ee(() => b(), []), ee(() => {
+  return $(() => b(), []), $(() => {
     n && b();
-  }, [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(
+  }, [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(
     "div",
     {
       role: "gridcell",
@@ -5063,7 +5078,7 @@ const _e = ({
 }, Jl = () => {
   const t = Wt(), i = /* @__PURE__ */ new Date(), n = t.disabledDates;
   let a = It(i, n);
-  t.startDate && Le(i, t.startDate) && (a = !0), t.endDate && Oe(i, t.endDate) && (a = !0);
+  t.startDate && Fe(i, t.startDate) && (a = !0), t.endDate && Oe(i, t.endDate) && (a = !0);
   const l = () => {
     const N = new Date(t.focusedDate);
     t.setSelectedDate(N);
@@ -5081,7 +5096,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(ne, { 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(ne, { appearance: "outline", onClick: t.cancel, ...o }, c.cancelLabel), /* @__PURE__ */ e.createElement(ne, { appearance: "solid", onClick: l, ...A }, c.okLabel)));
 }, Sl = () => {
   const t = Wt(), [i, n] = V(!0), [a, l] = V(!0), [c, r] = V(!0), [o, A] = V(!0);
-  return ee(() => {
+  return $(() => {
     n(t.startDate ? Ml(t.focusedDate, t.startDate) : !0), l(t.startDate ? Ul(t.focusedDate, t.startDate) : !0), r(t.endDate ? Yl(t.focusedDate, t.endDate) : !0), A(t.endDate ? wl(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(
     ne,
@@ -5132,11 +5147,11 @@ const _e = ({
 }) => {
   const A = It(t, i);
   let N = new Date(A ? _e({ disabledDates: i }) : t);
-  a && Le(N, a) && (N = new Date(a)), n && Oe(N, n) && (N = new Date(n));
+  a && Fe(N, a) && (N = new Date(a)), n && Oe(N, n) && (N = new Date(n));
   const [E, d] = V(!1), [I, b] = V(N), [u, g] = V(N), [m, R] = V(i), Z = () => {
     c();
   };
-  ee(() => {
+  $(() => {
     E ? Ge(() => l(I)) : d(!0);
   }, [I]);
   const M = re(() => ({
@@ -5165,7 +5180,7 @@ const _e = ({
       G.shiftKey && document.activeElement === h ? (G.preventDefault(), U.focus()) : !G.shiftKey && document.activeElement === U && (G.preventDefault(), h.focus());
     }
   }, []);
-  return ee(() => (document == null || document.addEventListener("keydown", D), () => {
+  return $(() => (document == null || document.addEventListener("keydown", D), () => {
     document == null || document.removeEventListener("keydown", D);
   }), [D]), /* @__PURE__ */ e.createElement(pl, { value: M }, /* @__PURE__ */ e.createElement("div", { ref: p, className: w }, /* @__PURE__ */ e.createElement(Sl, null), /* @__PURE__ */ e.createElement(yl, null), /* @__PURE__ */ e.createElement("div", { className: "border-1 border-[var(--color-neutral-300)]" }), /* @__PURE__ */ e.createElement(Jl, null)));
 }, bt = (t) => t === "" ? t : t.length === 1 ? `0${t}` : t, Wl = (t) => t % 4 === 0 && (t % 100 !== 0 || t % 400 === 0), Bl = (t, i, n) => {
@@ -5259,21 +5274,21 @@ const _e = ({
   okLabel: x,
   okAriaLabel: J,
   value: f,
-  defaultValue: F,
+  defaultValue: L,
   onChange: B,
   ...Q
-}, L) => {
-  const $ = ce(), te = { ...Q };
-  te.id = te.id ?? $;
+}, F) => {
+  const _ = ce(), te = { ...Q };
+  te.id = te.id ?? _;
   const T = Q.disabled || Q.readOnly ? !1 : r, H = X(null);
-  We(L, () => H.current, [H.current]);
-  const C = X(null), [K, P] = V((f == null ? void 0 : f.toString()) ?? (F == null ? void 0 : F.toString()) ?? ""), q = X("empty"), [oe, ge] = V(+/* @__PURE__ */ new Date()), [_, Ae] = V(!1), ae = () => {
+  We(F, () => H.current, [H.current]);
+  const C = X(null), [K, P] = V((f == null ? void 0 : f.toString()) ?? (L == null ? void 0 : L.toString()) ?? ""), q = X("empty"), [oe, ge] = V(+/* @__PURE__ */ new Date()), [ee, Ae] = V(!1), ae = () => {
     Ae(!0);
   }, se = () => {
     var Re;
     Ae(!1), (Re = H.current) == null || Re.focus();
   }, ue = () => {
-    _ ? se() : ae();
+    ee ? se() : ae();
   }, ye = () => {
     se();
   }, Ne = (Re) => {
@@ -5284,15 +5299,15 @@ const _e = ({
   }, Ue = (Re) => {
     Re !== q.current && (q.current = Re, ge(+/* @__PURE__ */ new Date()));
   };
-  ee(() => {
+  $(() => {
     const Re = (ze) => {
       var Xe;
-      _ && ((Xe = C.current) != null && Xe.contains(ze.target) || ye());
+      ee && ((Xe = C.current) != null && Xe.contains(ze.target) || ye());
     };
     return document.addEventListener("click", Re), () => {
       document.removeEventListener("click", Re);
     };
-  }, [_]), ee(() => {
+  }, [ee]), $(() => {
     var ze;
     const Re = (Xe) => {
       Xe.key === "Escape" && (Xe.preventDefault(), ye());
@@ -5301,8 +5316,8 @@ const _e = ({
       var Xe;
       (Xe = C.current) == null || Xe.removeEventListener("keydown", Re);
     };
-  }, []), ee(() => {
-    F || (P((f == null ? void 0 : f.toString()) ?? ""), Ue((f == null ? void 0 : f.toString()) ?? ""));
+  }, []), $(() => {
+    L || (P((f == null ? void 0 : f.toString()) ?? ""), Ue((f == null ? void 0 : f.toString()) ?? ""));
   }, [f]);
   const ct = (Re) => {
     ye();
@@ -5311,7 +5326,7 @@ const _e = ({
   }, Yt = (Re) => {
     P(Re.target.value), Ue(Re.target.value);
   };
-  ee(() => {
+  $(() => {
     if (H.current) {
       const Re = ke(H.current, "change");
       Ge(() => B == null ? void 0 : B(Re));
@@ -5370,7 +5385,7 @@ const _e = ({
     },
     /* @__PURE__ */ e.createElement(ie, { name: "agora-line-calendar", "aria-hidden": !0, className: "icon-calendar-default" }),
     /* @__PURE__ */ e.createElement(ie, { name: "agora-solid-calendar", "aria-hidden": !0, className: "icon-calendar-hover" })
-  ), _ && /* @__PURE__ */ e.createElement(
+  ), ee && /* @__PURE__ */ e.createElement(
     kl,
     {
       className: "date-picker-dropdown",
@@ -5391,7 +5406,7 @@ const _e = ({
       darkMode: s(d)
     }
   ));
-}, ro = le(xl), Fl = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Ll = ({
+}, ro = le(xl), Ll = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Fl = ({
   className: t,
   hideLabel: i,
   label: n,
@@ -5401,7 +5416,7 @@ const _e = ({
   feedbackText: r,
   hasError: o,
   onSendHandler: A,
-  pattern: N = Fl,
+  pattern: N = Ll,
   ...E
 }, d) => {
   const I = ce(), b = { ...E };
@@ -5466,7 +5481,7 @@ const _e = ({
       darkMode: s(c)
     }
   ));
-}, oo = le(Ll), Ol = ({
+}, oo = le(Fl), Ol = ({
   label: t,
   hideLabel: i,
   hasError: n,
@@ -5484,10 +5499,10 @@ const _e = ({
 }, u) => {
   const g = ce(), m = { ...b };
   m.id = m.id ?? g;
-  const { onChange: R, min: Z, max: M } = m, w = X(null), [p, D] = V(m.value), G = b.disabled || b.readOnly ? !1 : I, j = (L) => {
+  const { onChange: R, min: Z, max: M } = m, w = X(null), [p, D] = V(m.value), G = b.disabled || b.readOnly ? !1 : I, j = (F) => {
     var te;
-    const { value: $ } = L.currentTarget;
-    if (D($), R == null || R(L), M === parseFloat($.toString()) || Z === parseFloat($.toString())) {
+    const { value: _ } = F.currentTarget;
+    if (D(_), R == null || R(F), M === parseFloat(_.toString()) || Z === parseFloat(_.toString())) {
       const T = (te = w.current) == null ? void 0 : te.querySelector("input");
       T && T.focus();
     }
@@ -5522,15 +5537,15 @@ const _e = ({
     ),
     leadingIconWrapperClasses: y("input-leading-icon")
   }), { inputWrapperClasses: k, labelSectionClasses: W, inputClasses: x, leadingIconWrapperClasses: J } = S(), f = () => {
-    var $;
-    const L = ($ = w.current) == null ? void 0 : $.querySelector("input");
-    L && (L.stepUp(), L.dispatchEvent(new Event("change", { bubbles: !0 })));
-  }, F = () => {
-    var $;
-    const L = ($ = w.current) == null ? void 0 : $.querySelector("input");
-    L && (L.stepDown(), L.dispatchEvent(new Event("change", { bubbles: !0 })));
-  }, B = (L) => {
-    U(L);
+    var _;
+    const F = (_ = w.current) == null ? void 0 : _.querySelector("input");
+    F && (F.stepUp(), F.dispatchEvent(new Event("change", { bubbles: !0 })));
+  }, L = () => {
+    var _;
+    const F = (_ = w.current) == null ? void 0 : _.querySelector("input");
+    F && (F.stepDown(), F.dispatchEvent(new Event("change", { bubbles: !0 })));
+  }, B = (F) => {
+    U(F);
   }, Q = y("input-number-label", v);
   return /* @__PURE__ */ e.createElement("div", { hidden: !!m.hidden, className: k }, /* @__PURE__ */ e.createElement("div", { className: W }, /* @__PURE__ */ e.createElement("label", { hidden: s(i), htmlFor: m.id, className: Q }, t)), /* @__PURE__ */ e.createElement("div", { className: "input-wrapper flex relative items-center", ref: w }, /* @__PURE__ */ e.createElement(
     "input",
@@ -5561,7 +5576,7 @@ const _e = ({
       {
         disabled: Z === parseFloat((p == null ? void 0 : p.toString()) ?? "0") || !!m.disabled || !!m.readOnly,
         type: "button",
-        onClick: F,
+        onClick: L,
         "aria-label": l
       },
       /* @__PURE__ */ e.createElement(ie, { name: "agora-line-minus-circle", "aria-hidden": !0, className: "icon-step icon-step-default" }),
@@ -7080,32 +7095,32 @@ const _e = ({
   const G = X(null), j = X(null), h = X(null), U = X(null), [v, S] = V(!1), [k, W] = V(D.value ? D.value.toString().length > 0 : !1), x = M.disabled || M.readOnly ? !1 : u;
   let J = et[0];
   const f = i ?? n;
-  f && (J = et.find((_) => _.code === f || _.iso.toLocaleLowerCase() === f.toLocaleLowerCase()) ?? J);
-  const [F, B] = V(J);
-  ee(() => {
+  f && (J = et.find((ee) => ee.code === f || ee.iso.toLocaleLowerCase() === f.toLocaleLowerCase()) ?? J);
+  const [L, B] = V(J);
+  $(() => {
     B(J);
   }, [J]), he(
     w,
     j,
     {
-      iso: F.iso,
-      code: F.code
+      iso: L.iso,
+      code: L.code
     },
-    [D, j.current, F]
+    [D, j.current, L]
   );
   const Q = () => {
-    var _, Ae;
-    S(!1), (_ = G.current) != null && _.contains(document.activeElement) && ((Ae = j.current) == null || Ae.focus());
-  }, L = () => {
-    var _;
-    S(!0), (_ = U.current) == null || _.first();
-  }, $ = (_) => {
-    const Ae = et.find((ae) => ae.iso === _[0].value);
+    var ee, Ae;
+    S(!1), (ee = G.current) != null && ee.contains(document.activeElement) && ((Ae = j.current) == null || Ae.focus());
+  }, F = () => {
+    var ee;
+    S(!0), (ee = U.current) == null || ee.first();
+  }, _ = (ee) => {
+    const Ae = et.find((ae) => ae.iso === ee[0].value);
     if (Ae) {
       const ae = { ...Ae };
       B(ae), Z == null || Z(ae);
     }
-  }, te = (_) => {
+  }, te = (ee) => {
     if ([
       "Enter",
       "NumpadEnter",
@@ -7118,31 +7133,31 @@ const _e = ({
       "Delete",
       "Home",
       "End"
-    ].indexOf(_.code) >= 0)
+    ].indexOf(ee.code) >= 0)
       return;
-    /\d/.test(_.key) || (_.preventDefault(), _.stopPropagation());
-  }, T = (_) => {
-    const { value: Ae } = _.currentTarget;
-    W(Ae.length > 0), R == null || R(_);
+    /\d/.test(ee.key) || (ee.preventDefault(), ee.stopPropagation());
+  }, T = (ee) => {
+    const { value: Ae } = ee.currentTarget;
+    W(Ae.length > 0), R == null || R(ee);
   }, H = () => {
-    var _, Ae, ae;
-    (_ = U.current) != null && _.visibility ? (Ae = U.current) == null || Ae.hide() : (ae = U.current) == null || ae.show();
-  }, C = (_) => {
+    var ee, Ae, ae;
+    (ee = U.current) != null && ee.visibility ? (Ae = U.current) == null || Ae.hide() : (ae = U.current) == null || ae.show();
+  }, C = (ee) => {
     var ae;
     if (D.disabled || D.readOnly)
       return;
-    const Ae = _.code;
+    const Ae = ee.code;
     Ae === "Escape" && ((ae = U.current) != null && ae.visibility) && U.current.hide(), (Ae === "Enter" || Ae === "Space" || Ae === "NumpadEnter") && H();
-  }, K = (_) => {
-    D.disabled || D.readOnly || typeof _.detail == "number" && _.detail === 0 || H();
+  }, K = (ee) => {
+    D.disabled || D.readOnly || typeof ee.detail == "number" && ee.detail === 0 || H();
   };
-  ee(() => {
-    const _ = (Ae) => {
+  $(() => {
+    const ee = (Ae) => {
       var ae, se;
       (ae = U.current) != null && ae.visibility && ((se = G.current) != null && se.contains(Ae.target) || U.current.hide());
     };
-    return document == null || document.addEventListener("click", _), () => {
-      document == null || document.removeEventListener("click", _);
+    return document == null || document.addEventListener("click", ee), () => {
+      document == null || document.removeEventListener("click", ee);
     };
   }, []);
   const P = s(A) ? "dark" : "", q = y("agora-input-phone", N, P), oe = y("input-phone-wrapper", P, {
@@ -7167,12 +7182,12 @@ const _e = ({
       "aria-expanded": v,
       "aria-haspopup": "listbox",
       "aria-required": x,
-      "aria-label": `${F == null ? void 0 : F.country} +${F == null ? void 0 : F.code}`,
+      "aria-label": `${L == null ? void 0 : L.country} +${L == null ? void 0 : L.code}`,
       disabled: D.disabled
     },
-    /* @__PURE__ */ e.createElement("img", { className: "shadow-center-lower", src: `${F.flag}`, alt: F.country, width: 26, "aria-hidden": !0 }),
+    /* @__PURE__ */ e.createElement("img", { className: "shadow-center-lower", src: `${L.flag}`, alt: L.country, width: 26, "aria-hidden": !0 }),
     /* @__PURE__ */ e.createElement(ie, { 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 }, "(+", L == null ? void 0 : L.code, ")"), /* @__PURE__ */ e.createElement("span", { className: "sr-only", "aria-live": "polite" }, `${L == null ? void 0 : L.country} +${L == null ? void 0 : L.code}`)), /* @__PURE__ */ e.createElement(
     "input",
     {
       ...D,
@@ -7194,8 +7209,8 @@ const _e = ({
     {
       ref: U,
       onHide: Q,
-      onShow: L,
-      onChange: $,
+      onShow: F,
+      onChange: _,
       type: "text",
       searchable: g,
       searchAriaLabel: E,
@@ -7205,19 +7220,19 @@ const _e = ({
       "aria-label": m,
       hideSectionNames: !0
     },
-    /* @__PURE__ */ e.createElement(St, { label: "phones", name: `input-phone-${D.id}-countries-dropdown-section` }, et.map((_, Ae) => {
+    /* @__PURE__ */ e.createElement(St, { label: "phones", name: `input-phone-${D.id}-countries-dropdown-section` }, et.map((ee, Ae) => {
       const ae = `input-phone-${D.id}-countries-dropdown-section-${Ae}`;
       return /* @__PURE__ */ e.createElement(
         gt,
         {
           key: ae,
-          value: _.iso,
-          selected: _.iso.toLocaleLowerCase() === F.iso.toLocaleLowerCase(),
+          value: ee.iso,
+          selected: ee.iso.toLocaleLowerCase() === L.iso.toLocaleLowerCase(),
           hasIcon: !0,
-          icon: _.flag,
-          disabled: _.code === F.code
+          icon: ee.flag,
+          disabled: ee.code === L.code
         },
-        `(+${_.code}) ${_.country}`
+        `(+${ee.code}) ${ee.country}`
       );
     }))
   ))), (s(c) || s(l)) && r && /* @__PURE__ */ e.createElement(
@@ -7251,7 +7266,7 @@ const _e = ({
       sliders: n === "single" ? [Z.current] : [Z.current, M.current]
     },
     [n, R.current, Z.current, M.current]
-  ), ee(() => {
+  ), $(() => {
     if (m.current[0] !== l[0] || m.current[1] !== l[1]) {
       const S = [...l];
       n === "single" && (S[1] = Number(I.max)), g(S), m.current = S;
@@ -7274,7 +7289,7 @@ const _e = ({
     "has-label": !s(i),
     "has-error": s(c)
   }), [j, h] = V("#FFFFFF");
-  ee(() => {
+  $(() => {
     const S = getComputedStyle(document.documentElement).getPropertyValue("--color-primary-600"), k = getComputedStyle(document.documentElement).getPropertyValue("--color-neutral-200"), W = Number(I.min), x = Number(I.max);
     if (n === "single" && !a) {
       let J = (u[0] - W) / (x - W) * 100;
@@ -7454,12 +7469,12 @@ const _e = ({
 }, v) => {
   const S = ce(), k = { ...U };
   k.id = k.id ?? S;
-  const [W, x] = V(!1), J = X(null), f = X(null), F = X(null), [B, Q] = V([]), L = U.disabled ? !1 : u, $ = () => {
+  const [W, x] = V(!1), J = X(null), f = X(null), L = X(null), [B, Q] = V([]), F = U.disabled ? !1 : u, _ = () => {
     Q([]), g == null || g([]);
   };
   We(v, () => ({
     selectedOptions: B,
-    clearSelectedOptions: $
+    clearSelectedOptions: _
   }), [B]);
   const te = y(
     "agora-input-select",
@@ -7476,7 +7491,7 @@ const _e = ({
     "has-leading-icon": r && (o == null ? void 0 : o.indexOf("agora-solid")) === 0
     // allowing only solid family icon
   });
-  ee(() => {
+  $(() => {
     const se = Hl(D);
     Q(se);
   }, [D]);
@@ -7492,22 +7507,22 @@ const _e = ({
     x(!1), (se = f.current) == null || se.focus();
   }, q = () => {
     var se;
-    x(!0), (se = F.current) == null || se.first();
+    x(!0), (se = L.current) == null || se.first();
   }, oe = (se) => {
     Q(se), g == null || g(se);
   }, ge = () => {
     var se, ue, ye;
-    (se = F.current) != null && se.visibility ? (ue = F.current) == null || ue.hide() : (ye = F.current) == null || ye.show();
-  }, _ = () => {
+    (se = L.current) != null && se.visibility ? (ue = L.current) == null || ue.hide() : (ye = L.current) == null || ye.show();
+  }, ee = () => {
     ge();
   }, Ae = (se) => {
     const ue = se.code;
     (ue === "Enter" || ue === "NumpadEnter" || ue === "Space") && ge();
   };
-  ee(() => {
+  $(() => {
     const se = (ue) => {
       var ye, Ne;
-      (ye = F.current) != null && ye.visibility && !((Ne = J.current) != null && Ne.contains(ue.target)) && F.current.hide();
+      (ye = L.current) != null && ye.visibility && !((Ne = J.current) != null && Ne.contains(ue.target)) && L.current.hide();
     };
     return document == null || document.addEventListener("click", se), () => {
       document == null || document.removeEventListener("click", se);
@@ -7534,12 +7549,12 @@ const _e = ({
       "aria-disabled": s(k.disabled),
       "aria-expanded": W,
       "aria-controls": k.id,
-      "aria-required": L,
+      "aria-required": F,
       "aria-label": s(i) ? k["aria-label"] ?? t : k["aria-label"],
       "aria-describedby": (s(N) || s(b)) && E ? `input-select-${k.id}-feedback` : void 0,
       className: T,
       tabIndex: k.disabled ? -1 : 0,
-      onClick: _,
+      onClick: ee,
       onKeyDown: Ae
     },
     /* @__PURE__ */ e.createElement("div", { className: "content" }, r && (o == null ? void 0 : o.startsWith("agora-solid")) && /* @__PURE__ */ e.createElement("div", { className: "input-icon input-leading-icon" }, /* @__PURE__ */ e.createElement(ie, { name: o, "aria-hidden": !0 })), /* @__PURE__ */ e.createElement("span", { className: "selected-text" }, C), A && /* @__PURE__ */ e.createElement(Rt, { size: "large", appearance: "solid", variant: "neutral", darkMode: I }, A)),
@@ -7547,7 +7562,7 @@ const _e = ({
   ), /* @__PURE__ */ e.createElement("div", { className: "absolute -bottom-8 left-0 w-full min-h-[8px]" }, /* @__PURE__ */ e.createElement(
     ut,
     {
-      ref: F,
+      ref: L,
       id: k.id,
       "aria-label": h,
       type: j,
@@ -7665,7 +7680,7 @@ const _e = ({
   defaultValue: I,
   ...b
 }, u) => {
-  var F;
+  var L;
   const g = typeof d < "u", m = typeof I < "u", [R, Z] = V(m ? I : ""), M = g ? d : R, w = (B) => {
     E && E(B), g || Z(B.target.value);
   }, p = ce(), D = { ...b, value: M };
@@ -7717,7 +7732,7 @@ const _e = ({
       feedbackText: c,
       darkMode: s(o)
     }
-  ), s(l) && /* @__PURE__ */ e.createElement("div", { className: f }, /* @__PURE__ */ e.createElement("span", null, `${((F = M == null ? void 0 : M.toString()) == null ? void 0 : F.length) ?? 0}`), D.maxLength && /* @__PURE__ */ e.createElement("span", null, ` / ${D.maxLength}`))));
+  ), s(l) && /* @__PURE__ */ e.createElement("div", { className: f }, /* @__PURE__ */ e.createElement("span", null, `${((L = M == null ? void 0 : M.toString()) == null ? void 0 : L.length) ?? 0}`), D.maxLength && /* @__PURE__ */ e.createElement("span", null, ` / ${D.maxLength}`))));
 }, Ro = le(ql), si = /^(\d{2}):(\d{2})\s(AM|PM)$/, Ce = 1, Pe = 12, fe = 0, Ke = 59, tt = {
   HOUR: "hh",
   MINUTE: "mm",
@@ -7807,21 +7822,21 @@ const _e = ({
       v.value || (v.value = g);
     }
   }, w = (U, v, S) => {
-    const { input: k, start: W, end: x, placeholder: J, minValue: f, maxValue: F, key: B } = U, Q = (H, C, K) => {
+    const { input: k, start: W, end: x, placeholder: J, minValue: f, maxValue: L, key: B } = U, Q = (H, C, K) => {
       k.value = `${k.value.slice(0, H)}${K}${k.value.slice(C)}`, k.setSelectionRange(H, C);
-    }, L = (H) => {
+    }, F = (H) => {
       Q(
         W,
         x,
-        Math.min(Math.max(parseInt(H), f), F).toString().padStart(2, "0")
+        Math.min(Math.max(parseInt(H), f), L).toString().padStart(2, "0")
       );
-    }, $ = (H) => {
-      const C = parseInt(k.value.slice(W, x)) || 0, K = H ? C >= F ? f : C + 1 : C <= f ? F : C - 1;
-      L(K.toString());
+    }, _ = (H) => {
+      const C = parseInt(k.value.slice(W, x)) || 0, K = H ? C >= L ? f : C + 1 : C <= f ? L : C - 1;
+      F(K.toString());
     }, te = () => {
       const H = k.value.slice(W, x), C = H === "00" || !H.startsWith("0") || H === J ? `0${B}` : H.charAt(1) + B;
-      L(C);
-      const K = parseInt(C), P = K >= 10, q = K * 10 >= F;
+      F(C);
+      const K = parseInt(C), P = K >= 10, q = K * 10 >= L;
       (P || q) && k.setSelectionRange(x + 1, x + 3);
     }, T = () => {
       const H = v.ctrlKey || v.altKey || v.shiftKey;
@@ -7838,7 +7853,7 @@ const _e = ({
         Q(6, 8, H === S.am.toUpperCase() ? S.pm.toUpperCase() : S.am.toUpperCase());
         return;
       }
-      $(B === "ArrowUp");
+      _(B === "ArrowUp");
     } else B === "ArrowLeft" ? k.setSelectionRange(W - 3, W - 1) : B === "ArrowRight" ? k.setSelectionRange(x + 1, x + 3) : S && T();
   }, p = (U, v, S) => {
     var k;
@@ -7872,8 +7887,8 @@ const _e = ({
         });
       }), G(U, v, S), U.ctrlKey && W === "a" && (U.preventDefault(), v.select()), U.ctrlKey && W === "c") {
         U.preventDefault();
-        const F = v.value.substring(S, k);
-        navigator.clipboard.writeText(F);
+        const L = v.value.substring(S, k);
+        navigator.clipboard.writeText(L);
       }
       U.preventDefault(), E.current && clearTimeout(E.current), E.current = setTimeout(() => {
         m(!0);
@@ -7896,7 +7911,7 @@ const _e = ({
   );
 }, nc = le(ic), ac = () => {
   const t = pt(), { width: i } = Me(), { mdScreen: n } = ve(), a = i < n, l = X(null);
-  ee(() => {
+  $(() => {
     var R;
     (R = l.current) == null || R.focus();
   }, []);
@@ -7990,7 +8005,7 @@ const _e = ({
     c,
     "absolute left-0 top-[68px] shadow-bottom-high bg-white p-16 border-2 border-[var(--color-neutral-200)] rounded-4 z-dropdown"
   ), E = X(null);
-  if (ee(() => {
+  if ($(() => {
     if (r.selectedTime) {
       if (!l)
         r.setSelectedHour(Qe.hour), r.setSelectedMinute(Qe.minute), r.setSelectedPeriod(Qe.period);
@@ -8038,24 +8053,24 @@ const _e = ({
   S.id = S.id ?? v;
   const k = h.disabled || h.readOnly ? !1 : l, W = X(null);
   We(U, () => W.current, [W.current]);
-  const x = X(null), [J, f] = V((M == null ? void 0 : M.toString()) ?? (w == null ? void 0 : w.toString()) ?? ""), F = X("empty"), [B, Q] = V(+/* @__PURE__ */ new Date()), [L, $] = V(!1), te = () => {
-    h.readOnly || $(!0);
+  const x = X(null), [J, f] = V((M == null ? void 0 : M.toString()) ?? (w == null ? void 0 : w.toString()) ?? ""), L = X("empty"), [B, Q] = V(+/* @__PURE__ */ new Date()), [F, _] = V(!1), te = () => {
+    h.readOnly || _(!0);
   }, T = () => {
     var ae;
-    $(!1), (ae = W.current) == null || ae.focus();
+    _(!1), (ae = W.current) == null || ae.focus();
   }, H = () => {
-    L ? T() : te();
+    F ? T() : te();
   }, C = () => {
     T();
   }, K = (ae) => {
-    ae !== F.current && (F.current = ae, Q(+/* @__PURE__ */ new Date()));
+    ae !== L.current && (L.current = ae, Q(+/* @__PURE__ */ new Date()));
   }, P = (ae) => {
     f(ae), K(ae), C();
   };
-  ee(() => {
+  $(() => {
     const ae = (se) => {
       var ye;
-      if (!L)
+      if (!F)
         return;
       const ue = se.target && se.target.closest(".agora-time-input");
       (!((ye = x.current) != null && ye.contains(se.target)) || ue) && C();
@@ -8063,7 +8078,7 @@ const _e = ({
     return document.addEventListener("click", ae), () => {
       document.removeEventListener("click", ae);
     };
-  }, [L]), ee(() => {
+  }, [F]), $(() => {
     var se;
     const ae = (ue) => {
       ue.key === "Escape" && (ue.preventDefault(), C());
@@ -8072,7 +8087,7 @@ const _e = ({
       var ue;
       (ue = x.current) == null || ue.removeEventListener("keydown", ae);
     };
-  }, []), ee(() => {
+  }, []), $(() => {
     w || (f((M == null ? void 0 : M.toString()) ?? ""), K((M == null ? void 0 : M.toString()) ?? ""));
   }, [M]);
   const q = (ae) => {
@@ -8080,7 +8095,7 @@ const _e = ({
   }, oe = (ae) => {
     f(ae.target.value), K(ae.target.value);
   };
-  ee(() => {
+  $(() => {
     if (W.current) {
       const ae = ke(W.current, "change");
       Ge(() => p == null ? void 0 : p(ae));
@@ -8093,7 +8108,7 @@ const _e = ({
     okAriaLabel: Z,
     timepickerMessageLabel: G,
     timepickerMessageAriaLabel: j
-  }, _ = y("agora-time-picker", t, {
+  }, ee = y("agora-time-picker", t, {
     "dark-mode": s(i),
     "has-value": J.length > 0,
     disabled: s(S.disabled),
@@ -8106,7 +8121,7 @@ const _e = ({
     cancel: P,
     labels: ge
   }), []);
-  return /* @__PURE__ */ e.createElement(tc, { initialValues: Ae }, /* @__PURE__ */ e.createElement("div", { hidden: !!S.hidden, className: _, ref: x }, /* @__PURE__ */ e.createElement("label", { hidden: !!s(a), htmlFor: S.id, className: "input-time-label" }, n), /* @__PURE__ */ e.createElement("div", { className: "input-wrapper-text" }, s(E) && (N == null ? void 0 : N.startsWith("agora-solid")) && /* @__PURE__ */ e.createElement("div", { className: "input-leading-icon" }, /* @__PURE__ */ e.createElement(ie, { name: N, "aria-hidden": !0 })), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(tc, { initialValues: Ae }, /* @__PURE__ */ e.createElement("div", { hidden: !!S.hidden, className: ee, ref: x }, /* @__PURE__ */ e.createElement("label", { hidden: !!s(a), htmlFor: S.id, className: "input-time-label" }, n), /* @__PURE__ */ e.createElement("div", { className: "input-wrapper-text" }, s(E) && (N == null ? void 0 : N.startsWith("agora-solid")) && /* @__PURE__ */ e.createElement("div", { className: "input-leading-icon" }, /* @__PURE__ */ e.createElement(ie, { name: N, "aria-hidden": !0 })), /* @__PURE__ */ e.createElement(
     nc,
     {
       className: "input-text",
@@ -8134,7 +8149,7 @@ const _e = ({
     },
     /* @__PURE__ */ e.createElement(ie, { name: "agora-line-clock", "aria-hidden": !0, className: "icon-clock-default" }),
     /* @__PURE__ */ e.createElement(ie, { name: "agora-solid-clock", "aria-hidden": !0, className: "icon-clock-hover" })
-  ), L && /* @__PURE__ */ e.createElement(
+  ), F && /* @__PURE__ */ e.createElement(
     cc,
     {
       className: "time-picker-dropdown",
@@ -8356,7 +8371,7 @@ const _e = ({
     };
     N(/* @__PURE__ */ e.createElement(Nc, { content: j }), h);
   };
-  ee(() => {
+  $(() => {
     var D;
     b !== void 0 && E.current[b] && ((D = E.current[b]) == null || D.focus());
   }, [b]);
@@ -8424,7 +8439,7 @@ const _e = ({
   const c = X(null), r = X(null), [o, A] = V(0), [N, E] = V([]), [d, I] = V([]), { width: b } = Me(), { xlScreen: u } = ve(), g = b < u, m = (R) => {
     A(R);
   };
-  return ee(() => {
+  return $(() => {
     const R = O.toArray(t), Z = [], M = [];
     R.forEach((w) => {
       if (Array.isArray(w.props.children)) {
@@ -8518,7 +8533,7 @@ const _e = ({
   tabsBodyData: o
 }) => {
   const A = ce(), N = y("agora-tabs mobile", { "full-width": s(t) }, i), E = y("tab-list mobile"), { width: d } = Me(), { xlScreen: I } = ve(), b = d < I;
-  return /* @__PURE__ */ e.createElement("div", { hidden: !b, className: N }, /* @__PURE__ */ e.createElement("div", { ref: n, role: "tablist", className: E }, /* @__PURE__ */ e.createElement(Li, null, O.map(r, (u, g) => {
+  return /* @__PURE__ */ e.createElement("div", { hidden: !b, className: N }, /* @__PURE__ */ e.createElement("div", { ref: n, role: "tablist", className: E }, /* @__PURE__ */ e.createElement(Fi, null, O.map(r, (u, g) => {
     const m = a === g, R = `agora-tab-${A}-${g}`, Z = y("tab-list-item mobile", {
       active: m,
       "current-neutral": c === "neutral",
@@ -8560,58 +8575,58 @@ const _e = ({
   }, G = () => {
     D(b);
   };
-  ee(() => {
-    const J = [], f = [], F = O.toArray(t);
-    O.forEach(F, (B, Q) => {
-      var L, $, te, T;
-      z(B) && (s(B.props.active) && D(Q), J.push(($ = (L = B.props) == null ? void 0 : L.children) == null ? void 0 : $[0]), f.push((T = (te = B.props) == null ? void 0 : te.children) == null ? void 0 : T[1]));
+  $(() => {
+    const J = [], f = [], L = O.toArray(t);
+    O.forEach(L, (B, Q) => {
+      var F, _, te, T;
+      z(B) && (s(B.props.active) && D(Q), J.push((_ = (F = B.props) == null ? void 0 : F.children) == null ? void 0 : _[0]), f.push((T = (te = B.props) == null ? void 0 : te.children) == null ? void 0 : T[1]));
     }), m(J), Z(f);
   }, [t]);
   const j = (J) => {
     var B;
     if (!((B = document.activeElement) == null ? void 0 : B.classList.contains("tab-list-item")))
       return;
-    let F = b;
-    !s(l) && !p && (b === J.length - 1 ? (J[0].focus(), F = 0) : (F = b + 1, J[F].focus()), u(F), s(i) && D(F));
+    let L = b;
+    !s(l) && !p && (b === J.length - 1 ? (J[0].focus(), L = 0) : (L = b + 1, J[L].focus()), u(L), s(i) && D(L));
   }, h = (J) => {
     var B;
     if (!((B = document.activeElement) == null ? void 0 : B.classList.contains("tab-list-item")))
       return;
-    let F = b;
-    !s(l) && !p && (b === 0 ? (J[J.length - 1].focus(), F = J.length - 1) : (F = b - 1, J[F].focus()), u(F), s(i) && D(F));
+    let L = b;
+    !s(l) && !p && (b === 0 ? (J[J.length - 1].focus(), L = J.length - 1) : (L = b - 1, J[L].focus()), u(L), s(i) && D(L));
   }, U = (J) => {
     var B;
     if (!((B = document.activeElement) == null ? void 0 : B.classList.contains("tab-list-item")))
       return;
-    let F = b;
-    (s(l) || p) && (b === J.length - 1 ? (J[0].focus(), F = 0) : (F = b + 1, J[F].focus()), u(F), s(i) && D(F));
+    let L = b;
+    (s(l) || p) && (b === J.length - 1 ? (J[0].focus(), L = 0) : (L = b + 1, J[L].focus()), u(L), s(i) && D(L));
   }, v = (J) => {
     var B;
     if (!((B = document.activeElement) == null ? void 0 : B.classList.contains("tab-list-item")))
       return;
-    let F = b;
-    (s(l) || p) && (b === 0 ? (J[J.length - 1].focus(), F = J.length - 1) : (F = b - 1, J[F].focus()), u(F), s(i) && D(F));
+    let L = b;
+    (s(l) || p) && (b === 0 ? (J[J.length - 1].focus(), L = J.length - 1) : (L = b - 1, J[L].focus()), u(L), s(i) && D(L));
   }, S = (J) => {
     var B;
     if (!((B = document.activeElement) == null ? void 0 : B.classList.contains("tab-list-item")))
       return;
-    const F = 0;
-    J[F] && (J[F].focus(), u(F), s(i) && D(F));
+    const L = 0;
+    J[L] && (J[L].focus(), u(L), s(i) && D(L));
   }, k = (J) => {
     var B;
     if (!((B = document.activeElement) == null ? void 0 : B.classList.contains("tab-list-item")))
       return;
-    const F = J.length - 1;
-    J[F] && (J[F].focus(), u(F), s(i) && D(F));
+    const L = J.length - 1;
+    J[L] && (J[L].focus(), u(L), s(i) && D(L));
   }, W = (J) => {
-    var Q, L, $, te;
-    const f = J.target.tagName, F = (Q = J.target.parentElement) == null ? void 0 : Q.role;
+    var Q, F, _, te;
+    const f = J.target.tagName, L = (Q = J.target.parentElement) == null ? void 0 : Q.role;
     if (p)
       return;
-    const B = Array.from(((L = N.current) == null ? void 0 : L.querySelectorAll(".tab-list-item")) ?? []).map((T) => T);
+    const B = Array.from(((F = N.current) == null ? void 0 : F.querySelectorAll(".tab-list-item")) ?? []).map((T) => T);
     if (B.length != 0) {
       if (J.code === "Tab") {
-        if ((($ = document.activeElement) == null ? void 0 : $.classList.contains("tab-list-item")) && !J.shiftKey) {
+        if (((_ = document.activeElement) == null ? void 0 : _.classList.contains("tab-list-item")) && !J.shiftKey) {
           J.preventDefault(), (te = A.current) == null || te.focus();
           return;
         }
@@ -8643,7 +8658,7 @@ const _e = ({
         case "Enter":
         case "NumpadEnter":
         case "Space":
-          if (f === "BUTTON" && F === "tablist") {
+          if (f === "BUTTON" && L === "tablist") {
             J.preventDefault(), G();
             break;
           }
@@ -8696,7 +8711,7 @@ const _e = ({
   const { height: n, width: a } = Me(), l = X(null), c = X(null), [r, o] = V(""), [A, N] = V(""), { hide: E } = Gc(), d = y("agora-popup-dialog max-h-full rounded-16 p-32", `agora-popup-dialog-${t.dimensions}`, {
     "dark-mode": s(t.darkMode)
   }), I = y("title mt-8 w-full line-clamp-6 text-xl-bold");
-  return ee(() => {
+  return $(() => {
     const b = l.current, u = c.current;
     if (b && u) {
       let g = 128;
@@ -8987,7 +9002,7 @@ const _e = ({
     className: c,
     title: l.title ?? l.alt
   };
-  return r(), N && /* @__PURE__ */ e.createElement(Lt, null, /* @__PURE__ */ e.createElement(N, { ...E }));
+  return r(), N && /* @__PURE__ */ e.createElement(Ft, null, /* @__PURE__ */ e.createElement(N, { ...E }));
 }, jc = ({ className: t, current: i, pageNumber: n, ...a }, l) => {
   const c = y("search-page", t, {
     current: s(i)
@@ -9021,7 +9036,7 @@ const _e = ({
   ...E
 }, d) => {
   const { width: I } = Me(), [b, u] = V(0), g = y("nav-arrows");
-  I < 360 && (l = 1, c = 0), ee(() => {
+  I < 360 && (l = 1, c = 0), $(() => {
     Ge(() => N == null ? void 0 : N(b));
   }, [b]);
   const m = () => {
@@ -9209,7 +9224,7 @@ const _e = ({
       }
     }
   };
-  return ee(() => {
+  return $(() => {
     p(), D();
   }, [d.current]), /* @__PURE__ */ e.createElement(e.Fragment, null, (!u || a === "filter") && /* @__PURE__ */ e.createElement("ul", { ref: d, className: M, ...o, ...a === "navigation" ? { role: "tree" } : void 0 }, A), a === "navigation" && u && /* @__PURE__ */ e.createElement(
     Jc,
@@ -9242,70 +9257,72 @@ const _e = ({
   if (!(t != null && t.width)) return 0;
   const l = (i == null ? void 0 : i.leadingIcon) || (i == null ? void 0 : i.leadingIconHover) ? 32 : 0;
   return (t == null ? void 0 : t.width) + l;
-}, kc = ({ children: t, item: i, hasPill: n, pillValue: a, darkMode: l, open: c = !1, flat: r = !1 }, o) => {
-  const A = ce(), N = X(null), E = X(null), [d, I] = V(0), [b, u] = V(s(c)), g = y("agora-sidebar-btn-item-filter"), m = y("agora-sidebar-content-item", {
-    collapsed: !s(c) && !s(r)
-  }), R = () => {
-    u(ui("filter", E.current));
-  }, Z = () => {
-    N.current && (vt(N.current), R());
-  }, M = (D) => {
-    var G;
-    Z(), (G = i.onClick) == null || G.call(i, D);
+}, kc = ({ children: t, item: i, hasPill: n, pillValue: a, pillAriaLabel: l, darkMode: c, open: r = !1, flat: o = !1 }, A) => {
+  const N = ce(), E = X(null), d = X(null), [I, b] = V(0), [u, g] = V(s(r)), m = y("agora-sidebar-btn-item-filter"), R = y("agora-sidebar-content-item", {
+    collapsed: !s(r) && !s(o)
+  }), Z = () => {
+    g(ui("filter", d.current));
+  }, M = () => {
+    E.current && (vt(E.current), Z());
+  }, w = (G) => {
+    var j;
+    M(), (j = i.onClick) == null || j.call(i, G);
   };
-  ee(() => {
-    u(Ii(r, E.current, c, b));
-  }, []), ee(() => {
-    E.current.classList.contains("collapsed") ? [
-      ...E.current.querySelectorAll(
+  $(() => {
+    g(Ii(o, d.current, r, u));
+  }, []), $(() => {
+    d.current.classList.contains("collapsed") ? [
+      ...d.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"])'
       )
-    ].forEach((G) => {
-      G.tabIndex = -1;
+    ].forEach((j) => {
+      j.tabIndex = -1;
     }) : [
-      ...E.current.querySelectorAll(
+      ...d.current.querySelectorAll(
         'a:not([tabindex="0"]), button:not([tabindex="0"]), input:not([tabindex="0"]), textarea:not([tabindex="0"]), select:not([tabindex="0"]), details:not([tabindex="0"]), [tabindex]:not([tabindex="0"])'
       )
-    ].forEach((G) => {
-      G.tabIndex = 0;
+    ].forEach((j) => {
+      j.tabIndex = 0;
     });
-  }, [b]);
-  const w = ht(i, b), p = { ...i };
-  return delete p.collapsedIconLeading, delete p.collapsedIconHoverLeading, delete p.expandedIconLeading, delete p.expandedIconHoverLeading, delete p.collapsedIconTrailing, delete p.collapsedIconHoverTrailing, delete p.expandedIconTrailing, delete p.expandedIconHoverTrailing, We(o, () => ({
-    current: N.current,
-    isExpanded: b
-  }), [N.current, b, o]), ee(() => {
-    var h;
-    if (!n || !N.current) return;
-    const D = (h = N.current) == null ? void 0 : h.querySelector(".children-wrapper");
-    D == null || D.classList.add("agora-btn-limit");
-    const G = D == null ? void 0 : D.getBoundingClientRect(), j = Sc(G, w);
-    j !== d && I(j);
-  }), /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "container-button" }, !s(r) && /* @__PURE__ */ e.createElement(
+  }, [u]);
+  const p = ht(i, u), D = { ...i };
+  return delete D.collapsedIconLeading, delete D.collapsedIconHoverLeading, delete D.expandedIconLeading, delete D.expandedIconHoverLeading, delete D.collapsedIconTrailing, delete D.collapsedIconHoverTrailing, delete D.expandedIconTrailing, delete D.expandedIconHoverTrailing, We(A, () => ({
+    current: E.current,
+    isExpanded: u
+  }), [E.current, u, A]), $(() => {
+    var U;
+    if (!n || !E.current) return;
+    const G = (U = E.current) == null ? void 0 : U.querySelector(".children-wrapper");
+    G == null || G.classList.add("agora-btn-limit");
+    const j = G == null ? void 0 : G.getBoundingClientRect(), h = Sc(j, p);
+    h !== I && b(h);
+  }), /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "container-button" }, !s(o) && /* @__PURE__ */ e.createElement(
     ne,
     {
       appearance: "link",
-      variant: s(l) ? "neutral" : "primary",
-      className: g,
+      variant: s(c) ? "neutral" : "primary",
+      className: m,
       fullWidth: !0,
-      ...w,
       ...p,
-      darkMode: l,
-      "aria-expanded": b,
-      "aria-controls": `aria-controls-sidebar-${A}-id`,
-      onClick: M,
-      ref: N
+      ...D,
+      darkMode: c,
+      "aria-expanded": u,
+      "aria-controls": `aria-controls-sidebar-${N}-id`,
+      onClick: w,
+      ref: E,
+      "aria-describedby": `pill-${N}`
     }
-  ), n && /* @__PURE__ */ e.createElement("div", { style: { left: `${d}px` }, className: "pill" }, /* @__PURE__ */ e.createElement(
+  ), n && /* @__PURE__ */ e.createElement("div", { style: { left: `${I}px` }, className: "pill" }, /* @__PURE__ */ e.createElement(
     Rt,
     {
-      className: `ml-16 ${b ? "bg-white" : ""} pill-size`,
+      id: `pill-${N}`,
+      className: `ml-16 ${u ? "bg-white" : ""} pill-size`,
       variant: "neutral",
-      appearance: b ? "outline" : "solid",
-      "aria-label": "Number of selected items"
+      appearance: u ? "outline" : "solid",
+      "aria-label": l
     },
     a
-  ))), s(r) && /* @__PURE__ */ e.createElement("div", { className: "p-16 agora-sidebar-flat-item" }, i.children), /* @__PURE__ */ e.createElement("div", { className: m, id: `aria-controls-sidebar-${A}-id`, ref: E }, t));
+  ))), s(o) && /* @__PURE__ */ e.createElement("div", { className: "p-16 agora-sidebar-flat-item" }, i.children), /* @__PURE__ */ e.createElement("div", { className: R, id: `aria-controls-sidebar-${N}-id`, ref: d }, t));
 }, Wc = le(kc), yt = (t, i) => {
   var l, c;
   if ((c = (l = t.closest(".agora-sidebar-item")) == null ? void 0 : l.parentElement) != null && c.classList.contains(".agora-sidebar") && !i)
@@ -9353,9 +9370,9 @@ const _e = ({
   for (let l = a.length - 1; l >= 0 && a[l] !== t.currentTarget; l--)
     n = a[l];
   n ? n.focus() : a[0].focus();
-}, Fc = (t, i) => {
-  Di(t, i), t.stopPropagation(), t.preventDefault();
 }, Lc = (t, i) => {
+  Di(t, i), t.stopPropagation(), t.preventDefault();
+}, Fc = (t, i) => {
   Di(t, i);
 }, Oc = (t) => {
   var n, a, l;
@@ -9423,7 +9440,7 @@ const _e = ({
     if (T.altKey || T.ctrlKey || T.metaKey)
       return;
     const H = T.currentTarget.closest(".agora-sidebar"), C = H == null ? void 0 : H.querySelectorAll('[role="treeitem"]'), K = (oe) => oe.length === 1 && RegExp(/\S/).exec(oe), P = () => {
-      T.currentTarget.getAttribute("aria-expanded") === "true" && !s(l) ? Lc(T, C) : s(l) || w(), T.stopPropagation(), T.preventDefault();
+      T.currentTarget.getAttribute("aria-expanded") === "true" && !s(l) ? Fc(T, C) : s(l) || w(), T.stopPropagation(), T.preventDefault();
     }, q = () => {
       T.currentTarget.getAttribute("aria-expanded") === "true" && !s(l) ? w() : s(l) || Oc(T), T.stopPropagation(), T.preventDefault();
     };
@@ -9443,7 +9460,7 @@ const _e = ({
         }
         case "Down":
         case "ArrowDown": {
-          Fc(T, C);
+          Lc(T, C);
           break;
         }
         case "Right":
@@ -9567,7 +9584,7 @@ const _e = ({
     children: K,
     className: "agora-anchor agora-sidebar-anchor-item inline-flex [&>*]:inline-flex items-center !justify-start [&>.children-wrapper]:w-full",
     ref: m
-  }), F = (T, H, C, K) => {
+  }), L = (T, H, C, K) => {
     let P;
     for (let q = 0; q < T.length; q++) {
       const oe = T, ge = J(C, oe[0]);
@@ -9580,7 +9597,7 @@ const _e = ({
     for (; P !== null; )
       if ((oe = P.props) != null && oe.children) {
         if (P.props.href)
-          return S = !0, q = [...q, P], q = q.reverse(), P = null, F(q, C, K, H);
+          return S = !0, q = [...q, P], q = q.reverse(), P = null, L(q, C, K, H);
         q = [...q, P], P === P.props.children ? P = null : P = P.props.children;
       } else
         P = null;
@@ -9597,16 +9614,16 @@ const _e = ({
       return f(T, K, C, q);
     } else
       return B(T, K, C, P);
-  }), L = () => E == null ? void 0 : E.map((T, H) => {
+  }), F = () => E == null ? void 0 : E.map((T, H) => {
     const C = `li-${H}-${r}`;
     return T.props.item ? Ee(T, { flat: `${l}`, variant: i, darkMode: s(c), key: C }) : /* @__PURE__ */ e.createElement("li", { key: C, role: "none", className: "agora-sidebar-item" }, Ee(T));
   });
-  s(l) ? (o = x(), A = L()) : (o = Q(), A = L()), ee(() => {
+  s(l) ? (o = x(), A = F()) : (o = Q(), A = F()), $(() => {
     I(Ii(l, Z.current, a, d));
   }, []);
-  const $ = ht(n, d), te = y("agora-sidebar-button-item", {
-    "!pl-[42px]": $.leadingIcon === void 0,
-    "!pr-[42px]": $.trailingIcon === void 0
+  const _ = ht(n, d), te = y("agora-sidebar-button-item", {
+    "!pl-[42px]": _.leadingIcon === void 0,
+    "!pr-[42px]": _.trailingIcon === void 0
   });
   return /* @__PURE__ */ e.createElement(e.Fragment, null, S && o.length > 0 && /* @__PURE__ */ e.createElement(
     it,
@@ -9627,7 +9644,7 @@ const _e = ({
       className: te,
       fullWidth: !0,
       ...s(l) ? void 0 : { hasIcon: !0 },
-      ...$,
+      ..._,
       "aria-expanded": d,
       "aria-owns": `treeitem-${r}`,
       onClick: (T) => j(T, n),
@@ -9678,15 +9695,25 @@ const _e = ({
   }, E = (G) => {
     var v, S;
     const j = G.code, h = (v = i.current) == null ? void 0 : v.querySelectorAll('[role="menuitem"]'), U = [...h].findIndex((k) => k === G.currentTarget);
-    j === "ArrowDown" && (U + 1 !== h.length ? h[U + 1].focus() : h[0].focus()), j === "ArrowUp" && (U - 1 !== h.length && U - 1 >= 0 ? h[U - 1].focus() : h[h.length - 1].focus()), (j === "Tab" || j === "Escape") && l.current && (l.current.classList.add("hidden"), r(!1), l.current.previousSibling.focus()), (S = a.onKeyUp) == null || S.call(a, G);
+    j === "ArrowDown" && (U + 1 !== h.length ? h[U + 1].focus() : h[0].focus()), j === "ArrowUp" && (U - 1 !== h.length && U - 1 >= 0 ? h[U - 1].focus() : h[h.length - 1].focus()), (S = a.onKeyUp) == null || S.call(a, G);
   }, d = (G) => {
-    const j = G.code;
-    l.current && c && (j === "Tab" || j === "ArrowDown" || j === "ArrowUp") && (G.preventDefault(), G.stopPropagation());
+    var j;
+    if (l.current && c)
+      switch (G.code) {
+        case "Escape":
+        case "Tab":
+          (j = i.current) == null || j.classList.remove("show"), l.current.classList.add("hidden"), r(!1);
+          break;
+        case "ArrowDown":
+        case "ArrowUp":
+          G.preventDefault(), G.stopPropagation();
+          break;
+      }
   }, I = () => {
     l.current && !c ? (l.current.classList.remove("hidden"), r(!0)) : l.current && c && (l.current.classList.add("hidden"), r(!1));
   }, b = () => {
-    var G;
-    (G = i.current) == null || G.classList.add("show");
+    var G, j, h, U;
+    (G = i.current) == null || G.classList.add("show"), l.current && (l.current.classList.remove("hidden"), r(!0), (U = (h = (j = document.activeElement) == null ? void 0 : j.nextElementSibling) == null ? void 0 : h.querySelectorAll('[role="menuitem"]')[0]) == null || U.focus());
   }, u = () => {
     var G;
     (G = i.current) == null || G.classList.remove("show");
@@ -9744,13 +9771,13 @@ const _e = ({
         onKeyUp: (Q) => E(Q),
         onKeyDownCapture: (Q) => d(Q)
       }) : W = Z(J, j);
-      const F = `link-lvl-${j}-${U}`;
+      const L = `link-lvl-${j}-${U}`;
       f > 1 ? (M = [
         ...M,
-        /* @__PURE__ */ e.createElement(it, { key: F, appearance: "link", variant: "neutral", className: "skip-option" }, W)
+        /* @__PURE__ */ e.createElement(it, { key: L, appearance: "link", variant: "neutral", className: "skip-option" }, W)
       ], w([x], j + 1)) : M = [
         ...M,
-        /* @__PURE__ */ e.createElement(it, { key: F, appearance: "link", variant: "neutral", className: "skip-option" }, W)
+        /* @__PURE__ */ e.createElement(it, { key: L, appearance: "link", variant: "neutral", className: "skip-option" }, W)
       ];
     });
   }, p = () => n == null ? void 0 : n.skipList.map((j, h) => {
@@ -9761,7 +9788,7 @@ const _e = ({
     var j, h, U;
     (j = i.current) != null && j.contains(G.target) || ((h = l.current) == null || h.classList.add("hidden"), (U = i.current) == null || U.classList.remove("show"), r(!1));
   }, []);
-  return ee(() => (document == null || document.addEventListener("click", D), () => {
+  return $(() => (document == null || document.addEventListener("click", D), () => {
     document == null || document.removeEventListener("click", D);
   }), []), /* @__PURE__ */ e.createElement("div", { className: t, ref: i, ...a }, /* @__PURE__ */ e.createElement(
     ne,
@@ -9986,7 +10013,7 @@ const _e = ({
   const [m, R] = V(s(g.checked ?? g.defaultChecked)), Z = X(null), M = (U) => {
     R((v) => !v), Ge(() => d == null ? void 0 : d(U));
   };
-  ee(() => {
+  $(() => {
     const U = g.checked ?? g.defaultChecked;
     U !== void 0 && R(U);
   }, [g.checked, g.defaultChecked]);
@@ -10034,7 +10061,7 @@ const _e = ({
       className: "px-16"
     }
   ));
-}, Fo = le(sr), Lo = ({ children: t, ...i }) => /* @__PURE__ */ e.createElement("tbody", { ...i }, t), Oo = ({ children: t, ...i }) => /* @__PURE__ */ e.createElement("caption", { ...i }, t), Qo = ({ children: t, headerKey: i = "", headerLabel: n, ...a }) => /* @__PURE__ */ e.createElement("td", { ...a, "data-header-key": i, "data-label": n }, t), Vo = ({ children: t, ...i }) => /* @__PURE__ */ e.createElement("tfoot", { ...i }, t), Xo = ({ children: t, ...i }) => /* @__PURE__ */ e.createElement("thead", { ...i }, t), dr = {
+}, Lo = le(sr), Fo = ({ children: t, ...i }) => /* @__PURE__ */ e.createElement("tbody", { ...i }, t), Oo = ({ children: t, ...i }) => /* @__PURE__ */ e.createElement("caption", { ...i }, t), Qo = ({ children: t, headerKey: i = "", headerLabel: n, ...a }) => /* @__PURE__ */ e.createElement("td", { ...a, "data-header-key": i, "data-label": n }, t), Vo = ({ children: t, ...i }) => /* @__PURE__ */ e.createElement("tfoot", { ...i }, t), Xo = ({ children: t, ...i }) => /* @__PURE__ */ e.createElement("thead", { ...i }, t), dr = {
   string: "agora-line-sort-alpha-up",
   date: "agora-solid-sort-generic-up",
   numeric: "agora-solid-sort-generic-up"
@@ -10086,7 +10113,7 @@ const _e = ({
       (S = N.onPageSizeChange) == null || S.call(N, +k.value);
     }
   };
-  ee(() => {
+  $(() => {
     const v = (S) => {
       var k, W;
       (k = b.current) != null && k.visibility && !((W = u.current) != null && W.contains(S.target)) && b.current.hide();
@@ -10229,7 +10256,7 @@ const _e = ({
   );
 }, ur = ({ 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(ie, { 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)), Rr = ({ hideLabels: t, ...i }) => {
   const n = ce(), [a, l] = V([]);
-  return ee(() => {
+  return $(() => {
     const r = O.toArray(i.children).reduce(
       (A, N) => {
         const E = N.props.label ?? "";
@@ -10255,7 +10282,7 @@ const _e = ({
   ...c
 }) => {
   const [r, o] = V(window.innerWidth < 768), A = 6, [N, E] = V([]), [d, I] = V(0), [b, u] = V(0), [g, m] = V(A);
-  ee(() => {
+  $(() => {
     const h = O.toArray(t);
     E(h);
     const U = h.findIndex((v) => v.props.active);
@@ -10270,7 +10297,7 @@ const _e = ({
     const h = Math.max(d - 1, 0);
     I(h), h < b && (u(b - 1), m(g - 1));
   }, p = O.map(t, (h, U) => U === d ? h.props.children : null), D = N.slice(b, g);
-  ee(() => {
+  $(() => {
     if (d > g - 1 || d < b) {
       const h = Math.max(0, d - Math.floor(A / 2)), U = h + A;
       U > N.length ? (u(N.length - A), m(N.length)) : (u(h), m(U));
@@ -10429,25 +10456,25 @@ const _e = ({
     { "icon-only": s(d) },
     l
   ), S = (B) => {
-    var L;
+    var F;
     const Q = window.matchMedia("(pointer: coarse)").matches;
-    h(Q ? "default" : "hover"), (L = m.onClick) == null || L.call(m, B);
+    h(Q ? "default" : "hover"), (F = m.onClick) == null || F.call(m, B);
   }, k = (B) => {
-    var L;
-    B.preventDefault(), !window.matchMedia("(pointer: coarse)").matches && (h("default"), (L = m.onMouseUp) == null || L.call(m, B));
+    var F;
+    B.preventDefault(), !window.matchMedia("(pointer: coarse)").matches && (h("default"), (F = m.onMouseUp) == null || F.call(m, B));
   }, W = (B) => {
-    var L;
-    B.preventDefault(), !window.matchMedia("(pointer: coarse)").matches && (h("active"), (L = m.onMouseDown) == null || L.call(m, B));
+    var F;
+    B.preventDefault(), !window.matchMedia("(pointer: coarse)").matches && (h("active"), (F = m.onMouseDown) == null || F.call(m, B));
   }, x = (B) => {
-    var L;
-    window.matchMedia("(pointer: coarse)").matches || (h("hover"), (L = m.onMouseEnter) == null || L.call(m, B));
+    var F;
+    window.matchMedia("(pointer: coarse)").matches || (h("hover"), (F = m.onMouseEnter) == null || F.call(m, B));
   }, J = (B) => {
-    var L;
-    window.matchMedia("(pointer: coarse)").matches || (h("default"), (L = m.onMouseLeave) == null || L.call(m, B));
+    var F;
+    window.matchMedia("(pointer: coarse)").matches || (h("default"), (F = m.onMouseLeave) == null || F.call(m, B));
   }, f = (B) => {
     var Q;
     B.code === "Space" && h("default"), (Q = m.onKeyUp) == null || Q.call(m, B);
-  }, F = (B) => {
+  }, L = (B) => {
     var Q;
     B.code === "Space" && h("active"), (Q = m.onKeyDown) == null || Q.call(m, B);
   };
@@ -10461,7 +10488,7 @@ const _e = ({
       onMouseEnter: x,
       onMouseLeave: J,
       onKeyUp: f,
-      onKeyDown: F,
+      onKeyDown: L,
       "aria-labelledby": Z,
       ref: R,
       type: "checkbox",
@@ -10575,7 +10602,7 @@ const _e = ({
     return !0;
   const n = t.lastIndexOf("."), a = t.substring(n);
   return i.includes(a);
-}, Ur = (t, i) => i.findIndex((n) => n.name === t) < 0, Ft = (t, i, n, a) => {
+}, Ur = (t, i) => i.findIndex((n) => n.name === t) < 0, Lt = (t, i, n, a) => {
   const l = document.createElement("input");
   return l.type = "file", l.onchange = n, l.multiple = t, l.accept = i.join(","), a && (l.dataset.replaceFile = a), l;
 }, jt = (t, i, n, a, l, c = !1) => {
@@ -10622,15 +10649,15 @@ const _e = ({
     const p = w.currentTarget, D = Array.from(p.files ?? []);
     b(p.dataset.replaceFile ?? "", D);
   };
-  ee(() => {
+  $(() => {
     c && E(c);
   }, [c]);
   const m = () => {
-    Ft(a, n, u).click();
+    Lt(a, n, u).click();
   }, R = (w) => {
     I(w);
   }, Z = (w) => {
-    Ft(a, n, g, w.name).click();
+    Lt(a, n, g, w.name).click();
   }, M = (w) => {
     d(w);
   };
@@ -10664,43 +10691,43 @@ const _e = ({
 }, h) => {
   const U = ce(), v = G || U, S = m ? !1 : l, k = X(null), W = X(null);
   We(h, () => W.current);
-  const [x, J] = V(i), [f, F] = V([]), B = (_) => {
-    if (!_) {
-      F([]);
+  const [x, J] = V(i), [f, L] = V([]), B = (ee) => {
+    if (!ee) {
+      L([]);
       return;
     }
     const Ae = [];
-    _.maxCountExceeded && Ae.push(d), _.duplicatedFiles.forEach((ae) => {
+    ee.maxCountExceeded && Ae.push(d), ee.duplicatedFiles.forEach((ae) => {
       Ae.push(`${ae} - ${u}`);
-    }), _.sizeExceededFiles.forEach((ae) => {
+    }), ee.sizeExceededFiles.forEach((ae) => {
       Ae.push(`${ae} - ${I}`);
-    }), _.extensionForbiddenFiles.forEach((ae) => {
+    }), ee.extensionForbiddenFiles.forEach((ae) => {
       Ae.push(`${ae} - ${b}`);
-    }), F(Ae);
-  }, Q = (_, Ae) => {
-    if (_.length > 0 ? J(`${_.length} ${n}`) : J(i), W.current) {
+    }), L(Ae);
+  }, Q = (ee, Ae) => {
+    if (ee.length > 0 ? J(`${ee.length} ${n}`) : J(i), W.current) {
       const ae = new DataTransfer();
-      _.forEach((ue) => {
+      ee.forEach((ue) => {
         ae.items.add(ue);
       }), W.current.files = ae.files;
       const se = ke(W.current, "change");
       Ge(() => R == null ? void 0 : R(se));
     }
     B(Ae);
-  }, { files: L, onAddFiles: $, onRemoveFile: te, onReplaceFile: T, onPasteFiles: H } = Ui(
+  }, { files: F, onAddFiles: _, onRemoveFile: te, onReplaceFile: T, onPasteFiles: H } = Ui(
     E,
     N,
     A ? A.split(",") : [],
     !!g,
     Q,
     Z
-  ), C = re(() => g ? !m && L.length < E : !m && L.length === 0, [m, g, L]), K = (_) => {
-    T(_);
-  }, P = (_) => {
-    te(_);
+  ), C = re(() => g ? !m && F.length < E : !m && F.length === 0, [m, g, F]), K = (ee) => {
+    T(ee);
+  }, P = (ee) => {
+    te(ee);
   };
-  ee(() => {
-    const _ = (Ae) => {
+  $(() => {
+    const ee = (Ae) => {
       if (C && k.current && k.current === document.activeElement) {
         const { clipboardData: ae } = Ae;
         if (ae && ae.files.length > 0) {
@@ -10709,17 +10736,17 @@ const _e = ({
         }
       }
     };
-    return window.addEventListener("paste", _), () => {
-      window.removeEventListener("paste", _);
+    return window.addEventListener("paste", ee), () => {
+      window.removeEventListener("paste", ee);
     };
   }, []);
   const q = y(
     "agora-button-file-uploader",
     { "cannot-upload": !C },
     { "has-error": M },
-    { "gap-32": L.length > 0 },
+    { "gap-32": F.length > 0 },
     j.className
-  ), oe = y("button-file-uploader-container"), ge = y("file-list-container", { "p-16": L.length > 0 });
+  ), oe = y("button-file-uploader-container"), ge = y("file-list-container", { "p-16": F.length > 0 });
   return /* @__PURE__ */ e.createElement("div", { className: q }, t && /* @__PURE__ */ e.createElement("div", { className: "button-uploader-label-wrapper" }, /* @__PURE__ */ e.createElement("label", { hidden: s(a), htmlFor: v, className: "button-uploader-label" }, t)), /* @__PURE__ */ e.createElement("input", { ref: W, type: "file", style: { display: "none" }, required: S }), /* @__PURE__ */ e.createElement("div", { className: oe }, /* @__PURE__ */ e.createElement(
     ne,
     {
@@ -10732,17 +10759,17 @@ const _e = ({
       trailingIconHover: "agora-solid-upload",
       variant: f.length > 0 || s(M) ? "danger" : "neutral",
       disabled: !C,
-      onClick: () => $(),
+      onClick: () => _(),
       "aria-describedby": (s(w) || s(M)) && D ? `button-uploader-${v}-feedback` : void 0
     },
     x
-  ), /* @__PURE__ */ e.createElement("div", { className: "extension-instructions" }, o), f.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "errors-container" }, f.map((_, Ae) => {
+  ), /* @__PURE__ */ e.createElement("div", { className: "extension-instructions" }, o), f.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "errors-container" }, f.map((ee, Ae) => {
     const ae = `error-message-${U}-${Ae}`;
-    return /* @__PURE__ */ e.createElement(Ze, { key: ae, feedbackState: "danger", feedbackText: _ });
+    return /* @__PURE__ */ e.createElement(Ze, { key: ae, feedbackState: "danger", feedbackText: ee });
   }))), /* @__PURE__ */ e.createElement("div", { className: ge }, /* @__PURE__ */ e.createElement(
     Yi,
     {
-      files: L,
+      files: F,
       onFileReplace: K,
       onFileRemove: P,
       removeFileButtonLabel: c,
@@ -10788,9 +10815,9 @@ const _e = ({
   S.id = S.id ?? v;
   const k = Z ? !1 : c, W = X(null), x = X(null);
   We(U, () => x.current);
-  const J = X(null), [f, F] = V(n), [B, Q] = V(!1), [L, $] = V([]), te = (Ne) => {
+  const J = X(null), [f, L] = V(n), [B, Q] = V(!1), [F, _] = V([]), te = (Ne) => {
     if (!Ne) {
-      $([]);
+      _([]);
       return;
     }
     const Ye = [];
@@ -10800,9 +10827,9 @@ const _e = ({
       Ye.push(`${Ue} - ${u}`);
     }), Ne.extensionForbiddenFiles.forEach((Ue) => {
       Ye.push(`${Ue} - ${g}`);
-    }), $(Ye);
+    }), _(Ye);
   }, T = (Ne, Ye) => {
-    if (Ne.length > 0 ? F(`${Ne.length} ${a}`) : F(n), x.current) {
+    if (Ne.length > 0 ? L(`${Ne.length} ${a}`) : L(n), x.current) {
       const Ue = new DataTransfer();
       Ne.forEach((Yt) => {
         Ue.items.add(Yt);
@@ -10820,10 +10847,10 @@ const _e = ({
     w
   ), oe = re(() => R ? !Z && H.length < I : !Z && H.length === 0, [Z, R, H]), ge = (Ne) => {
     P(Ne);
-  }, _ = (Ne) => {
+  }, ee = (Ne) => {
     K(Ne);
   };
-  ee(() => {
+  $(() => {
     const Ne = (Ye) => {
       if (oe && W.current && W.current === document.activeElement) {
         const { clipboardData: Ue } = Ye;
@@ -10847,7 +10874,7 @@ const _e = ({
       q(Ye);
     }
   };
-  ee(() => {
+  $(() => {
     const Ne = (Ye) => {
       W.current && W.current !== Ye.target && !W.current.contains(Ye.target) && C();
     };
@@ -10858,7 +10885,7 @@ const _e = ({
   const ue = y(
     "agora-drag-and-drop-file-uploader",
     { "cannot-upload": !oe },
-    { hasError: L.length > 0 || s(p) },
+    { hasError: F.length > 0 || s(p) },
     h.className
   ), ye = y("drag-and-drop-area", { "drag-over": B });
   return /* @__PURE__ */ e.createElement("div", { className: ue }, t && /* @__PURE__ */ e.createElement("div", { className: "drag-and-drop-label-wrapper" }, /* @__PURE__ */ e.createElement("label", { hidden: s(l), htmlFor: S.id, className: "drag-and-drop-label" }, t)), /* @__PURE__ */ e.createElement("div", { className: "drag-and-drop-input-wrapper" }, /* @__PURE__ */ e.createElement("input", { ref: x, type: "file", style: { display: "none" }, required: k }), /* @__PURE__ */ e.createElement("div", { ref: J, className: ye }, /* @__PURE__ */ e.createElement(ie, { className: "download-icon", name: "agora-line-download", "aria-hidden": !0 }), (i || r) && /* @__PURE__ */ e.createElement("div", { className: "instructions" }, i && /* @__PURE__ */ e.createElement("div", { className: "drag-and-drop-label" }, i), r && /* @__PURE__ */ e.createElement("div", { className: "extension-instructions" }, r)), o && /* @__PURE__ */ e.createElement("div", { className: "separator-label" }, o), /* @__PURE__ */ e.createElement(
@@ -10877,7 +10904,7 @@ const _e = ({
       "aria-describedby": (s(D) || s(p)) && j ? `drag-and-drop-${S.id}-feedback` : void 0
     },
     f
-  ), L.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "errors-container" }, L.map((Ne, Ye) => {
+  ), F.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "errors-container" }, F.map((Ne, Ye) => {
     const Ue = `error-message-${v}-${Ye}`;
     return /* @__PURE__ */ e.createElement(Ze, { key: Ue, feedbackState: "danger", feedbackText: Ne });
   }))), /* @__PURE__ */ e.createElement(
@@ -10885,7 +10912,7 @@ const _e = ({
     {
       files: H,
       onFileReplace: ge,
-      onFileRemove: _,
+      onFileRemove: ee,
       removeFileButtonLabel: A,
       replaceFileButtonLabel: N
     }
@@ -10900,7 +10927,7 @@ const _e = ({
 }, tA = le(jr);
 export {
   Vt as Accordion,
-  Li as AccordionGroup,
+  Fi as AccordionGroup,
   Ut as AgoraTailwindConfig,
   De as Anchor,
   qt as Area,
@@ -10909,8 +10936,8 @@ export {
   On as AuthenticatedBody,
   Qn as AuthenticatedBodyLink,
   Vn as AuthenticatedFooter,
-  Fn as AuthenticatedFooterAction,
-  Ln as AuthenticatedHeader,
+  Ln as AuthenticatedFooterAction,
+  Fn as AuthenticatedHeader,
   Sr as Avatar,
   kr as AvatarGroup,
   Wr as BackToTop,
@@ -10922,8 +10949,8 @@ export {
   zr as CardArticle,
   Tr as CardCollection,
   xr as CardEmphasize,
-  Fr as CardError,
-  Lr as CardExpandable,
+  Lr as CardError,
+  Fr as CardExpandable,
   Or as CardFrame,
   Qr as CardFullImage,
   Vr as CardHeroHelper,
@@ -10998,7 +11025,7 @@ export {
   to as RatingIcons,
   kt as RelatedNavigationLink,
   Jo as Scribbles,
-  Fe as Search,
+  Le as Search,
   ii as SearchInputContainer,
   So as SearchPagination,
   ga as SearchRelatedLink,
@@ -11012,12 +11039,12 @@ export {
   or as Step,
   To as StepList,
   xo as Stepper,
-  Fo as Switch,
+  Lo as Switch,
   uc as Tab,
   gc as TabBody,
   Ic as TabHeader,
   Ho as Table,
-  Lo as TableBody,
+  Fo as TableBody,
   Oo as TableCaption,
   Qo as TableCell,
   Vo as TableFooter,