@ama-pt/agora-design-system 1.0.1 → 1.0.2

package/artifacts/dist/index.mjs

@@ -1,4 +1,4 @@
-import e, { lazy as Z, Suspense as Ji, useRef as C, useState as O, useEffect as ie, useImperativeHandle as we, forwardRef as re, useId as se, useCallback as ge, Children as Ge, createRef as vi, cloneElement as Ze, useMemo as de, isValidElement as pe, createContext as xe, useContext as Fe, Fragment as Pe, useLayoutEffect as at } from "react";
+import e, { lazy as Z, Suspense as Ji, useRef as C, useState as O, useEffect as ie, useImperativeHandle as we, forwardRef as re, useId as se, useCallback as ge, Children as Ge, createRef as vi, cloneElement as Ze, useMemo as de, isValidElement as Me, createContext as xe, useContext as Fe, Fragment as Pe, useLayoutEffect as at } from "react";
 import { createPortal as lt } from "react-dom";
 const Xl = {
   content: [],
@@ -639,12 +639,12 @@ const J = /* @__PURE__ */ nt(At), ct = (i) => {
   const a = Si[i];
   return Gi[i] = a, a;
 }, ae = ({ dimensions: i = "m", name: t = "no-icon", onIconLoad: a, onIconError: l, ...n }) => {
-  var g;
+  var E;
   const A = J(
     "icon",
     {
       [`icon-${i == null ? void 0 : i.toLowerCase()}`]: i,
-      "fill-[var(--color-primary-600)]": !((g = n.className) != null && g.match("fill-"))
+      "fill-[var(--color-primary-600)]": !((E = n.className) != null && E.match("fill-"))
     },
     n.className
   ), o = () => {
@@ -654,12 +654,12 @@ const J = /* @__PURE__ */ nt(At), ct = (i) => {
   };
   if (t !== "no-icon" && !rt(t))
     return /* @__PURE__ */ e.createElement("img", { ...n, src: t, alt: n.alt, className: A, onLoad: o, onError: d });
-  const E = dt(t), b = {
+  const g = dt(t), b = {
     ...n,
     className: A,
     title: n.title ?? n.alt
   };
-  return E ? /* @__PURE__ */ e.createElement(Ji, null, /* @__PURE__ */ e.createElement(E, { ...b })) : /* @__PURE__ */ e.createElement(ct, { ...b });
+  return g ? /* @__PURE__ */ e.createElement(Ji, null, /* @__PURE__ */ e.createElement(g, { ...b })) : /* @__PURE__ */ e.createElement(ct, { ...b });
 };
 function Te(i, t) {
   const a = new Event(t, { bubbles: !0 });
@@ -721,7 +721,7 @@ function Je(i, t, a, l) {
     l
   ), n;
 }
-const De = (i, t = 10) => {
+const Ue = (i, t = 10) => {
   setTimeout(i, t);
 }, Nt = ({
   children: i,
@@ -733,12 +733,12 @@ const De = (i, t = 10) => {
   expanded: o = !1,
   onExpanded: d,
   onCollapsed: r,
-  "aria-label": E,
+  "aria-label": g,
   ...b
-}, g) => {
-  const m = se(), N = {
+}, E) => {
+  const N = se(), m = {
     ...b,
-    id: b.id ?? m,
+    id: b.id ?? N,
     children: i,
     hasIcon: t,
     icon: a,
@@ -755,7 +755,7 @@ const De = (i, t = 10) => {
   }, j = () => {
     s ? D() : I();
   }, h = C(null), Y = Je(
-    g,
+    E,
     h,
     {
       isExpanded: s,
@@ -763,7 +763,7 @@ const De = (i, t = 10) => {
       collapse: D,
       toggle: j
     },
-    [N, h, s, I, D, j]
+    [m, h, s, I, D, j]
   );
   ie(() => {
     if (s) {
@@ -780,13 +780,13 @@ const De = (i, t = 10) => {
   return /* @__PURE__ */ e.createElement("div", { className: M, ...b, ref: h }, /* @__PURE__ */ e.createElement(n, { className: "flex justify-start items-center w-full" }, /* @__PURE__ */ e.createElement(
     "button",
     {
-      "aria-label": E,
+      "aria-label": g,
       type: "button",
       onClick: u,
       className: "accordion-header",
       "aria-expanded": s,
-      id: `agora-accordion-${N.id}-control`,
-      "aria-controls": `agora-accordion-${N.id}-region`
+      id: `agora-accordion-${m.id}-control`,
+      "aria-controls": `agora-accordion-${m.id}-region`
     },
     c(t) && /* @__PURE__ */ e.createElement(ae, { "aria-hidden": !0, name: a, className: "icon", dimensions: "m" }),
     l && /* @__PURE__ */ e.createElement("span", { className: "title" }, l),
@@ -795,9 +795,9 @@ const De = (i, t = 10) => {
     "div",
     {
       className: U,
-      id: `agora-accordion-${N.id}-region`,
+      id: `agora-accordion-${m.id}-region`,
       role: "region",
-      "aria-labelledby": `agora-accordion-${N.id}-control`
+      "aria-labelledby": `agora-accordion-${m.id}-control`
     },
     i
   ));
@@ -805,32 +805,32 @@ const De = (i, t = 10) => {
   const A = J("agora-accordion-group", "mt-0 p-0 w-full", i), o = se();
   let d;
   t ? Array.isArray(t) ? d = t : d = [t] : d = [];
-  const r = /* @__PURE__ */ new Map(), E = ge(
-    (g) => {
-      a !== "multiple" && r.forEach((m, N) => {
+  const r = /* @__PURE__ */ new Map(), g = ge(
+    (E) => {
+      a !== "multiple" && r.forEach((N, m) => {
         var s;
-        g.target.id !== N && ((s = m.current) == null || s.collapse());
+        E.target.id !== m && ((s = N.current) == null || s.collapse());
       });
     },
     [a]
-  ), b = Ge.map([...d], (g, m) => {
-    const N = vi(), s = `accordion-group-${o}-accordion-${m}`;
-    return r.set(s, N), Ze(g, {
-      ...g.props,
-      ref: N,
+  ), b = Ge.map([...d], (E, N) => {
+    const m = vi(), s = `accordion-group-${o}-accordion-${N}`;
+    return r.set(s, m), Ze(E, {
+      ...E.props,
+      ref: m,
       id: s,
-      onExpanded: E
+      onExpanded: g
     });
   });
   return ie(() => {
     if (a !== "multiple") {
-      let g = "";
-      r.forEach((m, N) => {
+      let E = "";
+      r.forEach((N, m) => {
         var s;
-        (s = m.current) != null && s.isExpanded && !g && (g = N);
-      }), r.forEach((m, N) => {
+        (s = N.current) != null && s.isExpanded && !E && (E = m);
+      }), r.forEach((N, m) => {
         var s;
-        N !== g && ((s = m.current) == null || s.collapse());
+        m !== E && ((s = N.current) == null || s.collapse());
       });
     }
   }, [a]), /* @__PURE__ */ e.createElement("div", { className: A, ...l, ref: n }, b);
@@ -847,33 +847,33 @@ const De = (i, t = 10) => {
   leadingIcon: o,
   leadingIconHover: d,
   trailingIcon: r,
-  trailingIconHover: E,
+  trailingIconHover: g,
   children: b,
-  className: g = "",
-  inline: m = !1,
-  ...N
+  className: E = "",
+  inline: N = !1,
+  ...m
 }, s) => {
   const R = J(
     "agora-anchor",
     `agora-anchor-${t}-${a}`,
     { "agora-anchor-full": l },
-    { "inline-flex items-center": !N.hidden },
-    { "justify-center min-h-[44px] min-w-[44px] py-8": !c(m) },
-    { "justify-start": c(m) },
+    { "inline-flex items-center": !m.hidden },
+    { "justify-center min-h-[44px] min-w-[44px] py-8": !c(N) },
+    { "justify-start": c(N) },
     { "agora-anchor-with-icon": c(n) || c(A) },
     { "is-icon-only": c(A) },
     { "dark-mode": c(i) },
-    g
+    E
   );
-  return /* @__PURE__ */ e.createElement("a", { ...N, className: R, ref: s }, (n && A && r === "no-trailing" || n && A && o === void 0 && r === void 0 || n && A && o && o === "no-leading" && r === "no-trailing" || n && o && o !== "no-leading") && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("a", { ...m, className: R, ref: s }, (n && A && r === "no-trailing" || n && A && o === void 0 && r === void 0 || n && A && o && o === "no-leading" && r === "no-trailing" || n && o && o !== "no-leading") && /* @__PURE__ */ e.createElement(
     Di,
     {
       className: "leading",
       name: o && o !== "no-leading" ? o : "no-icon",
       iconHover: d ?? "no-icon"
     }
-  ), !A && b && /* @__PURE__ */ e.createElement("span", { className: "children-wrapper" }, b), (n && A && o === "no-leading" && r !== "no-trailing" || n && r && r !== "no-trailing") && /* @__PURE__ */ e.createElement(Di, { className: "trailing", name: r ?? "no-icon", iconHover: E ?? "no-icon" }));
-}, Me = re(bt), _e = "agora-ds-tooltip-change", ti = ({
+  ), !A && b && /* @__PURE__ */ e.createElement("span", { className: "children-wrapper" }, b), (n && A && o === "no-leading" && r !== "no-trailing" || n && r && r !== "no-trailing") && /* @__PURE__ */ e.createElement(Di, { className: "trailing", name: r ?? "no-icon", iconHover: g ?? "no-icon" }));
+}, De = re(bt), _e = "agora-ds-tooltip-change", ti = ({
   hasTitle: i,
   variant: t = "dark",
   position: a = "top",
@@ -883,11 +883,11 @@ const De = (i, t = 10) => {
   children: o,
   ...d
 }) => {
-  const r = se(), E = C(null), [b, g] = O(0), [m, N] = O(0), [s, R] = O(0), [I, D] = O(0), j = ge(() => {
+  const r = se(), g = C(null), [b, E] = O(0), [N, m] = O(0), [s, R] = O(0), [I, D] = O(0), j = ge(() => {
     var W;
-    if (E.current) {
-      const B = (W = E.current) == null ? void 0 : W.getBoundingClientRect();
-      B && (g(B.top + window.scrollY), N(B.left + window.scrollX), R(B.width), D(B.height));
+    if (g.current) {
+      const B = (W = g.current) == null ? void 0 : W.getBoundingClientRect();
+      B && (E(B.top + window.scrollY), m(B.left + window.scrollX), R(B.width), D(B.height));
     }
   }, []), h = de(() => ({ ...d }), [d]);
   h.id = h.id ?? r;
@@ -912,7 +912,7 @@ const De = (i, t = 10) => {
       document.removeEventListener("keydown", w), document.removeEventListener(_e, W);
     };
   }, [h.id]);
-  const v = Ge.map(o, (W) => pe(W) ? Ze(W, { ref: E, onMouseEnter: (y) => {
+  const v = Ge.map(o, (W) => Me(W) ? Ze(W, { ref: g, onMouseEnter: (y) => {
     var X, x;
     j(), u(), (x = (X = W.props).onMouseEnter) == null || x.call(X, y);
   }, onMouseLeave: (y) => {
@@ -1026,7 +1026,7 @@ const De = (i, t = 10) => {
       className: Y,
       style: {
         top: `${b}px`,
-        left: `${m}px`
+        left: `${N}px`
       }
     },
     /* @__PURE__ */ e.createElement("div", { className: "relative w-full h-full" }, /* @__PURE__ */ e.createElement(
@@ -1042,7 +1042,7 @@ const De = (i, t = 10) => {
       c(i) && /* @__PURE__ */ e.createElement("div", { className: "title" }, n),
       /* @__PURE__ */ e.createElement("p", { className: "description" }, A)
     ))
-  ), [M, A, i, n, h, k, b, m]), K = de(() => U ? lt(V, document.body) : null, [U, V]);
+  ), [M, A, i, n, h, k, b, N]), K = de(() => U ? lt(V, document.body) : null, [U, V]);
   return /* @__PURE__ */ e.createElement(e.Fragment, null, v, K);
 }, Mi = ({ name: i = "no-icon", iconHover: t = "no-icon", className: a, showIconHover: l }) => {
   const n = J("icon-wrapper", a);
@@ -1075,45 +1075,45 @@ const De = (i, t = 10) => {
   leadingIcon: o,
   leadingIconHover: d,
   trailingIcon: r,
-  trailingIconHover: E,
+  trailingIconHover: g,
   children: b,
-  className: g = "",
-  ...m
-}, N) => {
+  className: E = "",
+  ...N
+}, m) => {
   const [s, R] = O(!1), I = C(null);
-  we(N, () => I.current);
+  we(m, () => I.current);
   const D = J(
-    { "flex items-center justify-center": !m.hidden },
+    { "flex items-center justify-center": !N.hidden },
     `agora-btn ${l ? "agora-btn-full" : ""} agora-btn-${t}-${a}`,
     {
       "agora-btn-with-icon": c(n) || c(A),
       "is-icon-only": c(A)
     },
-    { selected: c(m.selected) },
+    { selected: c(N.selected) },
     { darkMode: c(i) },
-    g
+    E
   ), j = (p) => {
     var w, v;
-    (p.code === "Enter" || p.code === "NumpadEnter" || p.code === "Space") && ((w = I.current) == null || w.classList.add("active")), (v = m.onKeyDown) == null || v.call(m, p);
+    (p.code === "Enter" || p.code === "NumpadEnter" || p.code === "Space") && ((w = I.current) == null || w.classList.add("active")), (v = N.onKeyDown) == null || v.call(N, p);
   }, h = (p) => {
     var w, v, S, F;
-    (p.code === "Enter" || p.code === "NumpadEnter" || p.code === "Space") && ((w = I.current) == null || w.classList.remove("active"), (v = I.current) == null || v.setAttribute("data-custom-triggered-click", "true"), (S = I.current) == null || S.click()), (F = m.onKeyUp) == null || F.call(m, p);
+    (p.code === "Enter" || p.code === "NumpadEnter" || p.code === "Space") && ((w = I.current) == null || w.classList.remove("active"), (v = I.current) == null || v.setAttribute("data-custom-triggered-click", "true"), (S = I.current) == null || S.click()), (F = N.onKeyUp) == null || F.call(N, p);
   }, Y = (p) => {
     var w, v;
-    (w = I.current) == null || w.classList.remove("active"), R(!1), (v = m.onMouseLeave) == null || v.call(m, p);
+    (w = I.current) == null || w.classList.remove("active"), R(!1), (v = N.onMouseLeave) == null || v.call(N, p);
   }, M = (p) => {
     var w;
-    R(!0), (w = m.onMouseEnter) == null || w.call(m, p);
+    R(!0), (w = N.onMouseEnter) == null || w.call(N, p);
   }, U = (p) => {
     var w, v;
-    p.preventDefault(), (w = I.current) == null || w.classList.add("active"), (v = m.onMouseDown) == null || v.call(m, p);
+    p.preventDefault(), (w = I.current) == null || w.classList.add("active"), (v = N.onMouseDown) == null || v.call(N, p);
   }, G = (p) => {
     var w, v;
-    p.preventDefault(), (w = I.current) == null || w.classList.remove("active"), (v = m.onMouseUp) == null || v.call(m, p);
+    p.preventDefault(), (w = I.current) == null || w.classList.remove("active"), (v = N.onMouseUp) == null || v.call(N, p);
   }, u = (p) => {
     var v, S, F, L;
     if (p.detail > 0) {
-      (v = m.onClick) == null || v.call(m, p);
+      (v = N.onClick) == null || v.call(N, p);
       return;
     }
     const w = ((S = I.current) == null ? void 0 : S.getAttribute("data-custom-triggered-click")) === "true";
@@ -1121,14 +1121,14 @@ const De = (i, t = 10) => {
       p.preventDefault();
       return;
     }
-    (L = m.onClick) == null || L.call(m, p);
+    (L = N.onClick) == null || L.call(N, p);
   };
   return /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
       className: D,
-      ...m,
+      ...N,
       ref: I,
       onClick: u,
       onKeyDown: j,
@@ -1153,7 +1153,7 @@ const De = (i, t = 10) => {
       {
         className: "trailing",
         name: r ?? "no-icon",
-        iconHover: E ?? "no-icon",
+        iconHover: g ?? "no-icon",
         showIconHover: s
       }
     )
@@ -1168,12 +1168,12 @@ const De = (i, t = 10) => {
   "aria-current": o,
   "aria-label": d,
   role: r,
-  ...E
+  ...g
 }, b) => {
-  const g = () => {
+  const E = () => {
     t == null || t();
   };
-  return /* @__PURE__ */ e.createElement("div", { ref: b, ...E, className: i }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { ref: b, ...g, className: i }, /* @__PURE__ */ e.createElement(
     Ne,
     {
       ...n !== void 0 ? { "aria-haspopup": n } : {},
@@ -1183,7 +1183,7 @@ const De = (i, t = 10) => {
       "aria-label": l ?? d,
       type: "button",
       className: i,
-      onClick: g
+      onClick: E
     },
     a
   ));
@@ -1197,13 +1197,13 @@ const De = (i, t = 10) => {
   badgeVariant: o = "primary",
   tooltipPosition: d = "bottom",
   tooltipAlignment: r = "center",
-  interactive: E,
+  interactive: g,
   darkMode: b,
-  onActivate: g,
-  ...m
+  onActivate: E,
+  ...N
 }) => {
-  const N = J("agora-avatar", i, {
-    interactive: E,
+  const m = J("agora-avatar", i, {
+    interactive: g,
     "dark-mode": c(b)
   }), s = de(() => {
     const I = J(`avatar avatar-${a ? t : "icon"}`), D = J(i, {
@@ -1211,7 +1211,7 @@ const De = (i, t = 10) => {
     });
     return t === "initials" && a && a.trim().length !== 0 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: I }, a.slice(0, 2)), c(l) && /* @__PURE__ */ e.createElement("div", { className: D })) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(ae, { name: a, className: I, "aria-hidden": !0 }), c(l) && /* @__PURE__ */ e.createElement("div", { className: D }));
   }, [i, t, a, l, o, A]);
-  return c(E) ? /* @__PURE__ */ e.createElement(
+  return c(g) ? /* @__PURE__ */ e.createElement(
     ti,
     {
       alignment: r,
@@ -1220,7 +1220,7 @@ const De = (i, t = 10) => {
       position: d,
       variant: c(b) ? "dark" : "light"
     },
-    /* @__PURE__ */ e.createElement(It, { ...m, className: N, onActivate: g }, s)
+    /* @__PURE__ */ e.createElement(It, { ...N, className: m, onActivate: E }, s)
   ) : /* @__PURE__ */ e.createElement(
     ti,
     {
@@ -1230,23 +1230,23 @@ const De = (i, t = 10) => {
       position: "bottom",
       variant: c(b) ? "dark" : "light"
     },
-    /* @__PURE__ */ e.createElement(Zt, { ...m, className: N }, s)
+    /* @__PURE__ */ e.createElement(Zt, { ...N, className: m }, s)
   );
 }, Wi = xe({}), Oe = () => Fe(Wi), Dt = ({ debounceTimeout: i = 300, ...t }, a) => {
-  const l = Oe(), n = l.visibility, A = l.applyFilter, o = l.hide, d = l.next, [r, E] = O(""), b = st(A, i), g = (j) => {
-    E(j.target.value ?? "");
+  const l = Oe(), n = l.visibility, A = l.applyFilter, o = l.hide, d = l.next, [r, g] = O(""), b = st(A, i), E = (j) => {
+    g(j.target.value ?? "");
   };
   ie(() => {
     b.setArgs(r);
   }, [r, b]);
-  const m = () => {
-    E("");
-  }, N = C(null), s = C(null);
+  const N = () => {
+    g("");
+  }, m = C(null), s = C(null);
   we(
     a,
     () => ({
       current: s.current,
-      resetFilter: m
+      resetFilter: N
     }),
     [s]
   );
@@ -1265,7 +1265,7 @@ const De = (i, t = 10) => {
     }
   }, D = (j) => {
     var h;
-    j.preventDefault(), (h = N.current) == null || h.focus();
+    j.preventDefault(), (h = m.current) == null || h.focus();
   };
   return ie(() => {
     if (s.current && n) {
@@ -1275,12 +1275,12 @@ const De = (i, t = 10) => {
   }, [n]), /* @__PURE__ */ e.createElement("ul", { className: "agora-dropdown-filter-section", role: "presentation" }, /* @__PURE__ */ e.createElement("li", { className: "agora-dropdown-filter-section-item", ref: s, role: "presentation" }, /* @__PURE__ */ e.createElement(
     "input",
     {
-      ref: N,
+      ref: m,
       ...t,
       className: "input-filter",
       type: "text",
       value: r,
-      onChange: g,
+      onChange: E,
       onKeyDownCapture: R,
       onKeyDown: I
     }
@@ -1295,8 +1295,8 @@ const De = (i, t = 10) => {
   icon: t,
   hasIcon: a,
   children: l
-}) => i === "checkbox" ? /* @__PURE__ */ e.createElement("span", { className: "flex gap-8 w-full" }, /* @__PURE__ */ e.createElement(ae, { className: "checkbox-mark", name: "agora-line-check", "aria-hidden": !0 }), /* @__PURE__ */ e.createElement("span", { className: "option-content" }, l), a && /* @__PURE__ */ e.createElement(ae, { className: "option-icon", name: t, "aria-hidden": !0 })) : a ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(ae, { className: "option-icon", name: t, "aria-hidden": !0 }), /* @__PURE__ */ e.createElement("span", { className: "option-content" }, l)) : /* @__PURE__ */ e.createElement("span", { className: "option-content" }, l), ut = ({ className: i, disabled: t, selected: a, filtered: l, hasIcon: n, icon: A, iconPosition: o = "leading", children: d, name: r, value: E, sectionOptionId: b }, g) => {
-  const m = A == null ? void 0 : A.replace("solid", "line"), [N, s] = O(m ?? ""), R = Oe(), I = R.selectOption, D = R.options, j = R.last, h = R.first, Y = R.next, M = R.prev, U = R.type, G = R.hide, u = J(
+}) => i === "checkbox" ? /* @__PURE__ */ e.createElement("span", { className: "flex gap-8 w-full" }, /* @__PURE__ */ e.createElement(ae, { className: "checkbox-mark", name: "agora-line-check", "aria-hidden": !0 }), /* @__PURE__ */ e.createElement("span", { className: "option-content" }, l), a && /* @__PURE__ */ e.createElement(ae, { className: "option-icon", name: t, "aria-hidden": !0 })) : a ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(ae, { className: "option-icon", name: t, "aria-hidden": !0 }), /* @__PURE__ */ e.createElement("span", { className: "option-content" }, l)) : /* @__PURE__ */ e.createElement("span", { className: "option-content" }, l), ut = ({ className: i, disabled: t, selected: a, filtered: l, hasIcon: n, icon: A, iconPosition: o = "leading", children: d, name: r, value: g, sectionOptionId: b }, E) => {
+  const N = A == null ? void 0 : A.replace("solid", "line"), [m, s] = O(N ?? ""), R = Oe(), I = R.selectOption, D = R.options, j = R.last, h = R.first, Y = R.next, M = R.prev, U = R.type, G = R.hide, u = J(
     "agora-dropdown-option",
     i,
     { [U]: U },
@@ -1308,7 +1308,7 @@ const De = (i, t = 10) => {
       "trailing-icon": c(n) && o === "trailing"
     }
   ), p = () => {
-    const k = D.find((V) => V.value === E && V.name === r);
+    const k = D.find((V) => V.value === g && V.name === r);
     k && I(k);
   }, w = (k) => {
     const V = k.code;
@@ -1348,7 +1348,7 @@ const De = (i, t = 10) => {
   return /* @__PURE__ */ e.createElement(
     "li",
     {
-      ref: g,
+      ref: E,
       className: u,
       role: "option",
       tabIndex: t ? -1 : 0,
@@ -1362,40 +1362,40 @@ const De = (i, t = 10) => {
       onMouseLeave: T,
       "data-section-option-id": b
     },
-    /* @__PURE__ */ e.createElement(Yt, { type: U, hasIcon: c(n), icon: N }, d)
+    /* @__PURE__ */ e.createElement(Yt, { type: U, hasIcon: c(n), icon: m }, d)
   );
 }, Ut = re(ut), jt = ({ className: i, name: t, label: a = "", hideLabel: l = !0 }) => {
-  const n = Oe(), A = n.options, o = n.type, d = n.visibility, r = de(() => /* @__PURE__ */ new Map(), []), E = C(null), b = J("agora-dropdown-section", i), g = de(() => A.filter((N) => N.name === t).map((N) => {
-    const s = `${t}-${o}-${N.value}`, R = J(N.className, {
+  const n = Oe(), A = n.options, o = n.type, d = n.visibility, r = de(() => /* @__PURE__ */ new Map(), []), g = C(null), b = J("agora-dropdown-section", i), E = de(() => A.filter((m) => m.name === t).map((m) => {
+    const s = `${t}-${o}-${m.value}`, R = J(m.className, {
       "no-section-name": o !== "checkbox" && l
     }), I = vi();
-    return r.set(s, I), /* @__PURE__ */ e.createElement(Ut, { ...N, key: s, sectionOptionId: s, ref: I, className: R });
+    return r.set(s, I), /* @__PURE__ */ e.createElement(Ut, { ...m, key: s, sectionOptionId: s, ref: I, className: R });
   }), [A, r, t, o, t]);
   ie(() => {
-    if (d && (r.forEach((N) => {
-      if (N.current) {
-        const s = N.current.getBoundingClientRect().height;
-        N.current.setAttribute("data-section-option-height", `${s}`);
+    if (d && (r.forEach((m) => {
+      if (m.current) {
+        const s = m.current.getBoundingClientRect().height;
+        m.current.setAttribute("data-section-option-height", `${s}`);
       }
-    }), E.current)) {
-      const N = E.current.getBoundingClientRect().height;
-      E.current.setAttribute("data-section-name-height", `${N}`);
+    }), g.current)) {
+      const m = g.current.getBoundingClientRect().height;
+      g.current.setAttribute("data-section-name-height", `${m}`);
     }
   }, [d, o, r]);
-  const m = !c(l);
-  return /* @__PURE__ */ e.createElement("ul", { className: b, role: "group", ...m ? { "aria-labelledby": t } : {} }, m && /* @__PURE__ */ e.createElement("li", { ref: E, className: "section-name", id: t, role: "presentation" }, a), g);
+  const N = !c(l);
+  return /* @__PURE__ */ e.createElement("ul", { className: b, role: "group", ...N ? { "aria-labelledby": t } : {} }, N && /* @__PURE__ */ e.createElement("li", { ref: g, className: "section-name", id: t, role: "presentation" }, a), E);
 }, wt = ({ label: i }) => {
-  const t = C(null), a = Oe(), l = a.visibility, n = a.isAllDisabled, A = a.isAllSelected, o = a.selectAll, d = a.last, r = a.first, E = a.next, b = a.prev, g = a.hide, m = (s) => {
+  const t = C(null), a = Oe(), l = a.visibility, n = a.isAllDisabled, A = a.isAllSelected, o = a.selectAll, d = a.last, r = a.first, g = a.next, b = a.prev, E = a.hide, N = (s) => {
     const { code: R } = s;
     switch (R) {
       case "Escape":
-        g();
+        E();
         break;
       case "ArrowUp":
         b();
         break;
       case "ArrowDown":
-        E();
+        g();
         break;
       case "Home":
         r();
@@ -1411,7 +1411,7 @@ const De = (i, t = 10) => {
         o();
         break;
     }
-  }, N = () => {
+  }, m = () => {
     o();
   };
   return ie(() => {
@@ -1421,7 +1421,7 @@ const De = (i, t = 10) => {
     }
   }, [l]), ie(() => {
     const s = (R) => {
-      R.code === "Tab" && (R.stopPropagation(), R.preventDefault(), g());
+      R.code === "Tab" && (R.stopPropagation(), R.preventDefault(), E());
     };
     return t.current && t.current.addEventListener("keydown", s, !0), () => {
       t.current && t.current.removeEventListener("keydown", s, !0);
@@ -1434,8 +1434,8 @@ const De = (i, t = 10) => {
       role: "checkbox",
       "aria-checked": A,
       "aria-disabled": n,
-      onKeyDown: m,
-      onClick: N
+      onKeyDown: N,
+      onClick: m
     },
     /* @__PURE__ */ e.createElement(ae, { name: "agora-line-check", "aria-hidden": !0 }),
     /* @__PURE__ */ e.createElement("span", null, i)
@@ -1449,7 +1449,7 @@ const De = (i, t = 10) => {
   noSearchResults: A = "",
   ...o
 }, d) => {
-  const r = Oe(), E = r.visibility, b = r.activeFilter, g = r.sections, m = r.options, N = r.type, s = C(null), R = ge(() => {
+  const r = Oe(), g = r.visibility, b = r.activeFilter, E = r.sections, N = r.options, m = r.type, s = C(null), R = ge(() => {
     l && s.current && s.current.resetFilter();
   }, [l]), I = C(null);
   Je(d, I, { resetFilter: R }, [R]);
@@ -1465,7 +1465,7 @@ const De = (i, t = 10) => {
     }
     return 0;
   }, [l]), U = ge(() => {
-    if (I.current && N === "checkbox") {
+    if (I.current && m === "checkbox") {
       const k = I.current.querySelectorAll(".agora-dropdown-all-option")[0] ?? null;
       if (k) {
         const V = k.getAttribute("data-select-all-section-height");
@@ -1473,7 +1473,7 @@ const De = (i, t = 10) => {
       }
     }
     return 0;
-  }, [N]), G = ge((T) => {
+  }, [m]), G = ge((T) => {
     let k = 0;
     return I.current && I.current.querySelectorAll(".agora-dropdown-section .section-name").forEach((K) => {
       const W = K.getAttribute("data-section-option-id");
@@ -1486,7 +1486,7 @@ const De = (i, t = 10) => {
     (T) => {
       let k = 0;
       if (I.current) {
-        const V = T.map((W) => `${W.name}-${N}-${W.value}`);
+        const V = T.map((W) => `${W.name}-${m}-${W.value}`);
         I.current.querySelectorAll(".agora-dropdown-section .agora-dropdown-option").forEach((W) => {
           const B = W.getAttribute("data-section-option-id");
           if (B && V.includes(B)) {
@@ -1497,7 +1497,7 @@ const De = (i, t = 10) => {
       }
       return k;
     },
-    [N]
+    [m]
   ), p = ge(() => {
     if (!I.current)
       return 0;
@@ -1509,8 +1509,8 @@ const De = (i, t = 10) => {
     return 0;
   }, [I]);
   ie(() => {
-    if (E) {
-      const T = m.filter((k) => !k.filtered);
+    if (g) {
+      const T = N.filter((k) => !k.filtered);
       if (T.length > n) {
         const k = T.slice(0, n), V = [...new Set(k.map((W) => W.name ?? "").filter((W) => !!W))];
         let K = 0;
@@ -1519,10 +1519,10 @@ const De = (i, t = 10) => {
         j("none");
     }
   }, [
-    E,
-    N,
-    b,
+    g,
     m,
+    b,
+    N,
     n,
     M,
     U,
@@ -1530,10 +1530,10 @@ const De = (i, t = 10) => {
     u,
     p
   ]);
-  const w = J("agora-dropdown", Y.className, { visible: E }), v = de(() => m.length > 0, [m]), S = de(() => m.some((T) => !T.filtered), [m]), F = de(() => {
-    const T = m.filter((k) => !k.filtered);
+  const w = J("agora-dropdown", Y.className, { visible: g }), v = de(() => N.length > 0, [N]), S = de(() => N.some((T) => !T.filtered), [N]), F = de(() => {
+    const T = N.filter((k) => !k.filtered);
     return S && T.findIndex((k) => !k.disabled) === -1;
-  }, [S, m]), L = de(() => m.filter((T) => !T.filtered).map((T) => T.name), [m]);
+  }, [S, N]), L = de(() => N.filter((T) => !T.filtered).map((T) => T.name), [N]);
   return /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -1544,13 +1544,13 @@ const De = (i, t = 10) => {
         overflowY: D === "" ? "hidden" : "auto"
       }
     },
-    /* @__PURE__ */ e.createElement("div", { ...Y, role: "listbox" }, l && /* @__PURE__ */ e.createElement(Mt, { ref: s, "aria-label": a, placeholder: t }), N === "checkbox" && S && !F && i && /* @__PURE__ */ e.createElement(wt, { label: i }), S && g.filter((T) => L.indexOf(T.name) >= 0).map((T, k) => {
+    /* @__PURE__ */ e.createElement("div", { ...Y, role: "listbox" }, l && /* @__PURE__ */ e.createElement(Mt, { ref: s, "aria-label": a, placeholder: t }), m === "checkbox" && S && !F && i && /* @__PURE__ */ e.createElement(wt, { label: i }), S && E.filter((T) => L.indexOf(T.name) >= 0).map((T, k) => {
       const V = `agora-dropdown-option-${Y.id}-${k}`;
       return /* @__PURE__ */ e.createElement(jt, { key: V, ...T });
     }), (!v || !S) && /* @__PURE__ */ e.createElement(pt, { label: A }))
   );
 }, Jt = re(ht), vt = (i, t, a, l, n, A, o, d) => {
-  const [r, E] = O([]), [b, g] = O([]);
+  const [r, g] = O([]), [b, E] = O([]);
   ie(() => {
     const W = [], B = [];
     d && (Array.isArray(d) ? Ge.forEach(d, (z) => {
@@ -1568,10 +1568,10 @@ const De = (i, t = 10) => {
           name: z.name
         });
       });
-    }), E(W), g(B);
+    }), g(W), E(B);
   }, [d, t, l]);
-  const [m, N] = O(""), s = (W) => {
-    N((B) => B === W ? B : (g((z) => {
+  const [N, m] = O(""), s = (W) => {
+    m((B) => B === W ? B : (E((z) => {
       const q = z.map((te) => {
         var Q;
         if (W === "")
@@ -1652,12 +1652,12 @@ const De = (i, t = 10) => {
         iconPosition: z.iconPosition,
         children: z.children
       }));
-      t === "text" && B.length > 0 && u(), De(() => l == null ? void 0 : l(B));
+      t === "text" && B.length > 0 && u(), Ue(() => l == null ? void 0 : l(B));
     },
     [l, u, t]
   ), v = de(() => t === "checkbox", [t]), S = ge(
     (W) => {
-      W.disabled || W.filtered || g((B) => {
+      W.disabled || W.filtered || E((B) => {
         const z = B.map((q) => {
           const te = W.name === q.name && W.value === q.value;
           return v ? {
@@ -1671,7 +1671,7 @@ const De = (i, t = 10) => {
         return w(z), z;
       });
     },
-    [g, v, w]
+    [E, v, w]
   ), F = ge(
     (W) => {
       const B = b.filter((q) => q.name === W && !q.filtered && !q.disabled), z = B.some((q) => !q.selected);
@@ -1680,7 +1680,7 @@ const De = (i, t = 10) => {
     [b]
   ), L = ge(
     (W) => {
-      g((B) => {
+      E((B) => {
         const z = F(W), q = B.map((te) => {
           const y = W === te.name;
           return {
@@ -1691,7 +1691,7 @@ const De = (i, t = 10) => {
         return w(q), q;
       });
     },
-    [g, F, w]
+    [E, F, w]
   ), T = ge(
     (W) => b.filter((z) => z.name === W && !z.filtered && !z.disabled).length > 0,
     [b]
@@ -1702,14 +1702,14 @@ const De = (i, t = 10) => {
     const W = b.filter((z) => !z.filtered), B = W.some((z) => !z.disabled);
     return W.length > 0 && !B;
   }, [b]), K = ge(() => {
-    g((W) => {
+    E((W) => {
       const B = W.map((z) => ({
         ...z,
         selected: !z.filtered && !z.disabled ? !k : z.selected
       }));
       return w(B), B;
     });
-  }, [g, k, w]);
+  }, [E, k, w]);
   return {
     type: t,
     sections: r,
@@ -1729,12 +1729,12 @@ const De = (i, t = 10) => {
     isAllSelected: k,
     selectAll: K,
     applyFilter: s,
-    activeFilter: m,
+    activeFilter: N,
     resetFilter: R
   };
 }, yt = ({ type: i = "text", onChange: t, onSearchChange: a, onShow: l, onHide: n, children: A, hideSectionNames: o = !1, ...d }, r) => {
-  const E = C(null), b = vt(
-    E,
+  const g = C(null), b = vt(
+    g,
     i,
     c(o),
     t,
@@ -1742,20 +1742,20 @@ const De = (i, t = 10) => {
     l,
     n,
     A
-  ), g = C(!1);
+  ), E = C(!1);
   return ie(() => {
-    if (!g.current) {
-      g.current = !0;
-      const m = [];
-      Ge.forEach(A, (N) => {
-        pe(N) && Ge.forEach(N.props.children, (s) => {
-          pe(s) && s.props.selected && m.push(s.props);
+    if (!E.current) {
+      E.current = !0;
+      const N = [];
+      Ge.forEach(A, (m) => {
+        Me(m) && Ge.forEach(m.props.children, (s) => {
+          Me(s) && s.props.selected && N.push(s.props);
         });
-      }), De(() => t == null ? void 0 : t(m));
+      }), Ue(() => t == null ? void 0 : t(N));
     }
   }, []), Je(
     r,
-    E,
+    g,
     {
       visibility: b.visibility,
       show: b.show,
@@ -1764,20 +1764,20 @@ const De = (i, t = 10) => {
       last: b.last
     },
     [b.hide, b.show, b.first, b.last, b.visibility]
-  ), /* @__PURE__ */ e.createElement(Wi.Provider, { value: b }, /* @__PURE__ */ e.createElement(Jt, { ...d, ref: E }, A));
+  ), /* @__PURE__ */ e.createElement(Wi.Provider, { value: b }, /* @__PURE__ */ e.createElement(Jt, { ...d, ref: g }, A));
 }, Ke = re(yt), ci = () => /* @__PURE__ */ e.createElement(e.Fragment, null), oi = () => /* @__PURE__ */ e.createElement(e.Fragment, null), St = ({
   avatarCount: i,
   visibleCount: t,
   visibleCountAriaLabel: a,
   children: l
 }) => {
-  const n = se(), A = t >= 0 ? `+${i - t}` : `+${i}`, o = Ge.map(l, (D, j) => j >= t && pe(D) ? Ze(D) : null), d = C(null), r = C(null), [E, b] = O(!1), g = () => {
+  const n = se(), A = t >= 0 ? `+${i - t}` : `+${i}`, o = Ge.map(l, (D, j) => j >= t && Me(D) ? Ze(D) : null), d = C(null), r = C(null), [g, b] = O(!1), E = () => {
     var D;
     b(!1), (D = r.current) == null || D.focus();
-  }, m = () => {
+  }, N = () => {
     var D;
     b(!0), (D = d.current) == null || D.first();
-  }, N = () => {
+  }, m = () => {
     var D, j, h;
     (D = d.current) != null && D.visibility ? (j = d.current) == null || j.hide() : (h = d.current) == null || h.show();
   }, s = C(null), R = () => {
@@ -1794,9 +1794,9 @@ const De = (i, t = 10) => {
     {
       ref: r,
       className: "avatar-visible-count",
-      onClick: N,
+      onClick: m,
       role: "combobox",
-      "aria-expanded": E,
+      "aria-expanded": g,
       "aria-controls": `${n}-dropdown-avatar-group-container`,
       "aria-label": A
     },
@@ -1806,8 +1806,8 @@ const De = (i, t = 10) => {
     {
       id: `${n}-dropdown-avatar-group-container`,
       ref: d,
-      onHide: g,
-      onShow: m,
+      onHide: E,
+      onShow: N,
       type: "text",
       hideSectionNames: !0
     },
@@ -1837,10 +1837,10 @@ const De = (i, t = 10) => {
 }) => {
   const o = J("avatar-group", i, {
     "dark-mode": c(l)
-  }), d = Ge.toArray(t).length, r = a ?? d, E = (b) => /* @__PURE__ */ e.createElement("li", null, Ze(b, {
+  }), d = Ge.toArray(t).length, r = a ?? d, g = (b) => /* @__PURE__ */ e.createElement("li", null, Ze(b, {
     darkMode: l
   }));
-  return /* @__PURE__ */ e.createElement("ul", { ...A, className: o }, Ge.map(t, (b, g) => g < r && pe(b) ? E(b) : null), d > r && /* @__PURE__ */ e.createElement("li", null, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("ul", { ...A, className: o }, Ge.map(t, (b, E) => E < r && Me(b) ? g(b) : null), d > r && /* @__PURE__ */ e.createElement("li", null, /* @__PURE__ */ e.createElement(
     St,
     {
       visibleCount: r,
@@ -1858,9 +1858,9 @@ const De = (i, t = 10) => {
   tooltipDescription: A,
   ...o
 }, d) => {
-  const r = J("!rounded-full", o.className), E = se(), b = { ...o };
-  b.id = b.id ?? E;
-  const g = () => {
+  const r = J("!rounded-full", o.className), g = se(), b = { ...o };
+  b.id = b.id ?? g;
+  const E = () => {
     window.scrollTo({
       top: 0,
       behavior: "smooth"
@@ -1886,7 +1886,7 @@ const De = (i, t = 10) => {
         leadingIcon: "agora-line-chevron-up",
         leadingIconHover: "agora-line-chevron-up",
         iconOnly: !0,
-        onClick: g,
+        onClick: E,
         className: r
       }
     )
@@ -1897,36 +1897,36 @@ const De = (i, t = 10) => {
     "fill-[var(--color-neutral-900)]": !t
   });
   return /* @__PURE__ */ e.createElement("nav", { className: A, "aria-label": n }, /* @__PURE__ */ e.createElement("ol", { className: "flex gap-y-8 flex-wrap items-center" }, i.map((d, r) => {
-    const E = `${l}-${r}`;
-    return /* @__PURE__ */ e.createElement("li", { key: E, className: "flex flex-row items-center" }, r !== 0 && /* @__PURE__ */ e.createElement(ae, { name: "agora-line-chevron-right", dimensions: "m", "aria-hidden": "true", className: o }), r === i.length - 1 || !d.url ? /* @__PURE__ */ e.createElement("span", { "aria-current": "page" }, d.label) : /* @__PURE__ */ e.createElement(Me, { darkMode: t, variant: "neutral", appearance: "text", href: d.url, className: "text-s-regular" }, d.label));
+    const g = `${l}-${r}`;
+    return /* @__PURE__ */ e.createElement("li", { key: g, className: "flex flex-row items-center" }, r !== 0 && /* @__PURE__ */ e.createElement(ae, { name: "agora-line-chevron-right", dimensions: "m", "aria-hidden": "true", className: o }), r === i.length - 1 || !d.url ? /* @__PURE__ */ e.createElement("span", { "aria-current": "page" }, d.label) : /* @__PURE__ */ e.createElement(De, { darkMode: t, variant: "neutral", appearance: "text", href: d.url, className: "text-s-regular" }, d.label));
   })));
 }, zt = ({ sectionTitle: i, items: t = [], darkMode: a, ...l }) => {
   var R;
-  const n = se(), [A, o] = O(!1), d = C(null), r = C(null), E = J(l.className, "agora-breadcrumb-mobile"), b = l["aria-label"] ?? "Breadcrumb", g = (I) => {
+  const n = se(), [A, o] = O(!1), d = C(null), r = C(null), g = J(l.className, "agora-breadcrumb-mobile"), b = l["aria-label"] ?? "Breadcrumb", E = (I) => {
     r != null && r.current && I.target && !r.current.contains(I.target) && o(!1);
-  }, m = (I) => {
+  }, N = (I) => {
     var Y, M, U;
     const D = (Y = r.current) == null ? void 0 : Y.querySelectorAll("a"), h = I.target.parentNode;
     I.shiftKey ? (D == null ? void 0 : D[0].parentNode) === h && (I.preventDefault(), D && ((M = D[D.length - 1]) == null || M.focus())) : (D == null ? void 0 : D[D.length - 1].parentNode) === h && (I.preventDefault(), D && ((U = D[0]) == null || U.focus()));
-  }, N = (I) => {
+  }, m = (I) => {
     var D;
-    (I.key === "Escape" || I.key === "Esc") && (o(!1), (D = d.current) == null || D.focus()), I.key === "Tab" && m(I), I.key === "Enter" && o(!1);
+    (I.key === "Escape" || I.key === "Esc") && (o(!1), (D = d.current) == null || D.focus()), I.key === "Tab" && N(I), I.key === "Enter" && o(!1);
   };
   ie(() => {
     var I, D;
     if (A) {
-      document.addEventListener("mousedown", g);
+      document.addEventListener("mousedown", E);
       const j = (I = r.current) == null ? void 0 : I.querySelectorAll("a");
       j && ((D = j[0]) == null || D.focus());
     }
     return () => {
-      document.removeEventListener("mousedown", g);
+      document.removeEventListener("mousedown", E);
     };
   }, [A]);
   const s = () => {
     o((I) => !I);
   };
-  return /* @__PURE__ */ e.createElement("nav", { "aria-label": b, className: E }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("nav", { "aria-label": b, className: g }, /* @__PURE__ */ e.createElement(
     Ne,
     {
       type: "button",
@@ -1944,7 +1944,7 @@ const De = (i, t = 10) => {
     (R = t.at(-1)) == null ? void 0 : R.label
   ), /* @__PURE__ */ e.createElement("ol", { id: `agora-mobile-breadcrumb-menu-${n}`, className: `${A ? "flex" : "hidden"}`, ref: r }, i && /* @__PURE__ */ e.createElement("li", null, /* @__PURE__ */ e.createElement("p", { className: "[&>*]:text-s-semibold  text-s-semibold [&>*]:text-[var(--color-neutral-500)] text-[var(--color-neutral-500)]" }, i)), t.map((I, D) => {
     const j = `agora-mobile-breadcrumb-link-${n}${D}`;
-    return D === t.length - 1 || !I.url ? /* @__PURE__ */ e.createElement("li", { id: j, key: j }, /* @__PURE__ */ e.createElement("span", { "aria-current": "page", className: "inline-flex items-center min-h-[44px]" }, I.label)) : /* @__PURE__ */ e.createElement("li", { id: j, key: j }, /* @__PURE__ */ e.createElement(Me, { variant: "neutral", appearance: "link", href: I.url, onKeyDown: N }, I.label));
+    return D === t.length - 1 || !I.url ? /* @__PURE__ */ e.createElement("li", { id: j, key: j }, /* @__PURE__ */ e.createElement("span", { "aria-current": "page", className: "inline-flex items-center min-h-[44px]" }, I.label)) : /* @__PURE__ */ e.createElement("li", { id: j, key: j }, /* @__PURE__ */ e.createElement(De, { variant: "neutral", appearance: "link", href: I.url, onKeyDown: m }, I.label));
   })));
 }, $l = ({ items: i = [], ...t }) => {
   const a = J("agora-breadcrumb", t.className, {
@@ -1961,20 +1961,20 @@ const De = (i, t = 10) => {
   orientation: o = "horizontal",
   ...d
 }) => {
-  const r = se(), E = { ...d };
-  E.id = E.id ?? r;
-  const [b, g] = O([]), m = de(() => {
+  const r = se(), g = { ...d };
+  g.id = g.id ?? r;
+  const [b, E] = O([]), N = de(() => {
     const R = [];
     return Array.isArray(n) ? n.forEach((I, D) => {
-      pe(I) && (I.props.selected && g((j) => {
+      Me(I) && (I.props.selected && E((j) => {
         if (t) {
           const h = [...j, D];
           return [...new Set(h)];
         }
         return [D];
       }), R.push(I));
-    }) : pe(n) && (g([0]), R.push(n)), R;
-  }, [n, g, t]), N = (R) => {
+    }) : Me(n) && (E([0]), R.push(n)), R;
+  }, [n, E, t]), m = (R) => {
     const I = [...b];
     if (c(t))
       if (b.includes(R)) {
@@ -1984,27 +1984,27 @@ const De = (i, t = 10) => {
         I.push(R);
     else
       b.length > 0 && b[0] === R ? I.splice(0, 1) : I.splice(0, I.length, R);
-    if (g(I), l) {
-      const D = m.filter((j, h) => I.includes(h));
-      De(() => l(D));
+    if (E(I), l) {
+      const D = N.filter((j, h) => I.includes(h));
+      l(D);
     }
   }, s = J(
     "button-group",
-    E.className,
+    g.className,
     o,
     { full: c(a) },
     { darkMode: c(A) }
   );
-  return /* @__PURE__ */ e.createElement("div", { className: "agora-button-group" }, /* @__PURE__ */ e.createElement("div", { ...E, className: s, role: "group", "aria-label": E.name, id: E.id }, Ge.map(m, (R, I) => {
+  return /* @__PURE__ */ e.createElement("div", { className: "agora-button-group" }, /* @__PURE__ */ e.createElement("div", { ...g, className: s, role: "group", "aria-label": g.name, id: g.id }, Ge.map(N, (R, I) => {
     const D = b.includes(I);
     return Ze(R, {
       ...R.props,
-      id: R.props.id ?? `${E.id}-button-${I}`,
+      id: R.props.id ?? `${g.id}-button-${I}`,
       variant: i,
       appearance: "outline",
       onClick: (j) => {
         var h, Y;
-        N(I), (Y = (h = R.props).onClick) == null || Y.call(h, j);
+        m(I), (Y = (h = R.props).onClick) == null || Y.call(h, j);
       },
       selected: D,
       darkMode: c(A),
@@ -2071,11 +2071,11 @@ const De = (i, t = 10) => {
   headingLevel: o = "h3",
   title: d,
   subtitle: r,
-  variant: E = "default",
+  variant: g = "default",
   className: b,
-  ...g
+  ...E
 }) => {
-  const m = C(null), N = C(null), s = {
+  const N = C(null), m = C(null), s = {
     title: !!d,
     subtitle: !d && !!r,
     children: !d && !r && !!n,
@@ -2092,20 +2092,20 @@ const De = (i, t = 10) => {
   a && (I = {
     ...a
   }, I.hasIcon && !I.trailingIcon && !I.leadingIcon && (I.trailingIcon = "agora-line-arrow-right-circle", I.trailingIconHover = "agora-solid-arrow-right-circle"), a.hidden ? (delete I.hidden, R.title = !!d, R.subtitle = !d && !!r, R.children = !d && !r && !!n, R.pill = !d && !r && !n && !!i) : R.anchor = !0);
-  const D = (Y, M, U, G) => U ? /* @__PURE__ */ e.createElement(e.Fragment, null, G && /* @__PURE__ */ e.createElement(o, null, /* @__PURE__ */ e.createElement(Me, { ...M, appearance: "link", ref: N }, Y)), !G && /* @__PURE__ */ e.createElement(Me, { ...M, appearance: "link", ref: N }, Y)) : G ? /* @__PURE__ */ e.createElement(o, null, Y) : Y;
+  const D = (Y, M, U, G) => U ? /* @__PURE__ */ e.createElement(e.Fragment, null, G && /* @__PURE__ */ e.createElement(o, null, /* @__PURE__ */ e.createElement(De, { ...M, appearance: "link", ref: m }, Y)), !G && /* @__PURE__ */ e.createElement(De, { ...M, appearance: "link", ref: m }, Y)) : G ? /* @__PURE__ */ e.createElement(o, null, Y) : Y;
   Le({
-    parentCardRef: m,
-    anchorRef: N,
+    parentCardRef: N,
+    anchorRef: m,
     blockedLink: c(l)
   });
   const j = J(
     "agora-card-article",
-    { indented: E === "indented" },
-    { default: E === "default" },
+    { indented: g === "indented" },
+    { default: g === "default" },
     b,
     { "has-image": !!A }
   ), h = J("anchor-container", { "icon-only": I == null ? void 0 : I.iconOnly });
-  return /* @__PURE__ */ e.createElement("div", { ...g, role: "presentation", ref: m, className: j }, A && /* @__PURE__ */ e.createElement("div", { className: "container-image w-full" }, /* @__PURE__ */ e.createElement("img", { src: A.src, className: "card-image w-full", alt: A.alt })), /* @__PURE__ */ e.createElement("div", { className: "container-body" }, i && /* @__PURE__ */ e.createElement("div", { className: "pill-container" }, /* @__PURE__ */ e.createElement(ki, { size: "default", appearance: "solid", variant: t }, D(i, I, R.pill, s.pill))), r && /* @__PURE__ */ e.createElement("div", { className: "subtitle-container" }, D(r, I, R.subtitle, s.subtitle)), d && /* @__PURE__ */ e.createElement("div", { className: "title-container" }, D(d, I, R.title, s.title)), n && /* @__PURE__ */ e.createElement("div", { className: "children-container" }, D(n, I, R.children, s.children)), R.anchor && /* @__PURE__ */ e.createElement("div", { className: h }, D(I.children, I, R.anchor, s.anchor))));
+  return /* @__PURE__ */ e.createElement("div", { ...E, role: "presentation", ref: N, className: j }, A && /* @__PURE__ */ e.createElement("div", { className: "container-image w-full" }, /* @__PURE__ */ e.createElement("img", { src: A.src, className: "card-image w-full", alt: A.alt })), /* @__PURE__ */ e.createElement("div", { className: "container-body" }, i && /* @__PURE__ */ e.createElement("div", { className: "pill-container" }, /* @__PURE__ */ e.createElement(ki, { size: "default", appearance: "solid", variant: t }, D(i, I, R.pill, s.pill))), r && /* @__PURE__ */ e.createElement("div", { className: "subtitle-container" }, D(r, I, R.subtitle, s.subtitle)), d && /* @__PURE__ */ e.createElement("div", { className: "title-container" }, D(d, I, R.title, s.title)), n && /* @__PURE__ */ e.createElement("div", { className: "children-container" }, D(n, I, R.children, s.children)), R.anchor && /* @__PURE__ */ e.createElement("div", { className: h }, D(I.children, I, R.anchor, s.anchor))));
 }, tn = ({
   headingLevel: i = "h3",
   subtitle: t,
@@ -2115,27 +2115,27 @@ const De = (i, t = 10) => {
   className: A,
   ...o
 }) => {
-  const d = C(null), r = C(null), E = J("agora-card-collection", A), b = {
+  const d = C(null), r = C(null), g = J("agora-card-collection", A), b = {
     title: !!a,
     subtitle: !a && !!t,
     anchor: !a && !t && !!l && !l.hidden
-  }, g = {
+  }, E = {
     anchor: !1,
     title: !1,
     subtitle: !1
   };
-  let m = { ...l };
-  l && (m = {
+  let N = { ...l };
+  l && (N = {
     ...l
-  }, m.hasIcon && !m.trailingIcon && !m.leadingIcon && (m.trailingIcon = "agora-line-arrow-right-circle", m.trailingIconHover = "agora-solid-arrow-right-circle"), l.hidden ? (delete m.hidden, g.title = !!a, g.subtitle = !a && !!t) : g.anchor = !0);
-  const N = (R, I, D, j) => D ? /* @__PURE__ */ e.createElement(e.Fragment, null, j && /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(Me, { ...I, variant: "neutral", darkMode: !0, appearance: "link", ref: r }, R)), !j && /* @__PURE__ */ e.createElement(Me, { ...I, variant: "neutral", darkMode: !0, appearance: "link", ref: r }, R)) : j ? /* @__PURE__ */ e.createElement(i, null, R) : R;
+  }, N.hasIcon && !N.trailingIcon && !N.leadingIcon && (N.trailingIcon = "agora-line-arrow-right-circle", N.trailingIconHover = "agora-solid-arrow-right-circle"), l.hidden ? (delete N.hidden, E.title = !!a, E.subtitle = !a && !!t) : E.anchor = !0);
+  const m = (R, I, D, j) => D ? /* @__PURE__ */ e.createElement(e.Fragment, null, j && /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(De, { ...I, variant: "neutral", darkMode: !0, appearance: "link", ref: r }, R)), !j && /* @__PURE__ */ e.createElement(De, { ...I, variant: "neutral", darkMode: !0, appearance: "link", ref: r }, R)) : j ? /* @__PURE__ */ e.createElement(i, null, R) : R;
   Le({
     parentCardRef: d,
     anchorRef: r,
     blockedLink: c(n)
   });
-  const s = J("anchor-container", { "icon-only": m == null ? void 0 : m.iconOnly });
-  return /* @__PURE__ */ e.createElement("div", { ...o, role: "presentation", ref: d, className: E }, /* @__PURE__ */ e.createElement("div", { className: "card-info" }, t && /* @__PURE__ */ e.createElement("div", { className: "subtitle-container" }, N(t, m, g.subtitle, b.subtitle)), a && /* @__PURE__ */ e.createElement("div", { className: "title-container" }, N(a, m, g.title, b.title)), g.anchor && /* @__PURE__ */ e.createElement("div", { className: s }, N(m.children, m, g.anchor, b.anchor))), /* @__PURE__ */ e.createElement("div", { className: "custom-svg-container -z-10 absolute top-0 left-0 min-w-full min-h-full w-full h-full flex justify-center items-center bg-[var(--color-primary-900)] xs:py-0 md:py-64 xl:py-128" }, /* @__PURE__ */ e.createElement(
+  const s = J("anchor-container", { "icon-only": N == null ? void 0 : N.iconOnly });
+  return /* @__PURE__ */ e.createElement("div", { ...o, role: "presentation", ref: d, className: g }, /* @__PURE__ */ e.createElement("div", { className: "card-info" }, t && /* @__PURE__ */ e.createElement("div", { className: "subtitle-container" }, m(t, N, E.subtitle, b.subtitle)), a && /* @__PURE__ */ e.createElement("div", { className: "title-container" }, m(a, N, E.title, b.title)), E.anchor && /* @__PURE__ */ e.createElement("div", { className: s }, m(N.children, N, E.anchor, b.anchor))), /* @__PURE__ */ e.createElement("div", { className: "custom-svg-container -z-10 absolute top-0 left-0 min-w-full min-h-full w-full h-full flex justify-center items-center bg-[var(--color-primary-900)] xs:py-0 md:py-64 xl:py-128" }, /* @__PURE__ */ e.createElement(
     "svg",
     {
       className: "custom-svg",
@@ -2160,11 +2160,11 @@ const De = (i, t = 10) => {
   const d = J("agora-card-emphasize", `card-${n}`, A), r = {
     ...i,
     className: J("card-emphasize-icon", i == null ? void 0 : i.className)
-  }, E = {
+  }, g = {
     ...l,
     className: J("card-emphasize-button", l == null ? void 0 : l.className)
   };
-  return /* @__PURE__ */ e.createElement("div", { ...o, role: "presentation", className: d }, i && /* @__PURE__ */ e.createElement(ae, { ...r }), t && /* @__PURE__ */ e.createElement("div", { className: "card-emphasize-title" }, t), a && /* @__PURE__ */ e.createElement("div", { className: "card-emphasize-description" }, a), l && /* @__PURE__ */ e.createElement(Ne, { ...E }));
+  return /* @__PURE__ */ e.createElement("div", { ...o, role: "presentation", className: d }, i && /* @__PURE__ */ e.createElement(ae, { ...r }), t && /* @__PURE__ */ e.createElement("div", { className: "card-emphasize-title" }, t), a && /* @__PURE__ */ e.createElement("div", { className: "card-emphasize-description" }, a), l && /* @__PURE__ */ e.createElement(Ne, { ...g }));
 }, Ve = ({
   darkMode: i = !1,
   appearance: t = "text",
@@ -2197,8 +2197,8 @@ const De = (i, t = 10) => {
   className: d = "",
   ...r
 }) => {
-  const E = J("card-error", c(o) ? "dark" : "default", d);
-  return /* @__PURE__ */ e.createElement("div", { className: E, ...r }, i && /* @__PURE__ */ e.createElement("div", { className: "icon-container" }, i), t && /* @__PURE__ */ e.createElement("div", { className: "title" }, t), a && /* @__PURE__ */ e.createElement("div", { className: "subtitle" }, a), l && /* @__PURE__ */ e.createElement("div", { className: "description" }, l), n && /* @__PURE__ */ e.createElement("div", { className: "go-back" }, /* @__PURE__ */ e.createElement(Ve, { darkMode: c(o), variant: c(o) ? "neutral" : "primary" }, n)), A && /* @__PURE__ */ e.createElement("div", { className: "status-code-message" }, A));
+  const g = J("card-error", c(o) ? "dark" : "default", d);
+  return /* @__PURE__ */ e.createElement("div", { className: g, ...r }, i && /* @__PURE__ */ e.createElement("div", { className: "icon-container" }, i), t && /* @__PURE__ */ e.createElement("div", { className: "title" }, t), a && /* @__PURE__ */ e.createElement("div", { className: "subtitle" }, a), l && /* @__PURE__ */ e.createElement("div", { className: "description" }, l), n && /* @__PURE__ */ e.createElement("div", { className: "go-back" }, /* @__PURE__ */ e.createElement(Ve, { darkMode: c(o), variant: c(o) ? "neutral" : "primary" }, n)), A && /* @__PURE__ */ e.createElement("div", { className: "status-code-message" }, A));
 }, qe = (i) => {
   const t = { ...i };
   return delete t.alt, delete t.title, /* @__PURE__ */ e.createElement("svg", { width: "24", height: "32", viewBox: "0 0 24 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, role: "img" }, i.title && /* @__PURE__ */ e.createElement("title", null, i.title), /* @__PURE__ */ e.createElement(
@@ -2226,29 +2226,29 @@ const De = (i, t = 10) => {
   className: n = "",
   ...A
 }) => {
-  const o = se(), [d, r] = O(!1), E = J("agora-card-expandable", n, { "is-opened": d }), b = () => {
+  const o = se(), [d, r] = O(!1), g = J("agora-card-expandable", n, { "is-opened": d }), b = () => {
     r(!0);
-  }, g = () => {
+  }, E = () => {
     r(!1);
-  }, m = [];
-  return Ge.forEach(l, (N, s) => {
+  }, N = [];
+  return Ge.forEach(l, (m, s) => {
     const R = `accordion-group-${o}-accordion-${s}`;
-    if (!pe(N))
+    if (!Me(m))
       return;
-    const I = Ze(N, {
-      ...N.props,
+    const I = Ze(m, {
+      ...m.props,
       key: R,
       onExpanded: (D) => {
         var j, h;
-        (h = (j = N.props).onExpanded) == null || h.call(j, D), b();
+        (h = (j = m.props).onExpanded) == null || h.call(j, D), b();
       },
       onCollapsed: (D) => {
         var j, h;
-        (h = (j = N.props).onCollapsed) == null || h.call(j, D), g();
+        (h = (j = m.props).onCollapsed) == null || h.call(j, D), E();
       }
     });
-    m.push(I);
-  }), /* @__PURE__ */ e.createElement("div", { className: E, ...A }, c(a) && /* @__PURE__ */ e.createElement(qe, { className: "card-expandable-icon", "aria-hidden": !0 }), t && /* @__PURE__ */ e.createElement("div", { className: "card-expandable-header" }, /* @__PURE__ */ e.createElement(i, { className: "header-title" }, t)), m);
+    N.push(I);
+  }), /* @__PURE__ */ e.createElement("div", { className: g, ...A }, c(a) && /* @__PURE__ */ e.createElement(qe, { className: "card-expandable-icon", "aria-hidden": !0 }), t && /* @__PURE__ */ e.createElement("div", { className: "card-expandable-header" }, /* @__PURE__ */ e.createElement(i, { className: "header-title" }, t)), N);
 }, An = ({
   className: i,
   label: t,
@@ -2258,27 +2258,27 @@ const De = (i, t = 10) => {
   children: A,
   ...o
 }) => {
-  const d = C(null), r = C(null), E = J("agora-card-frame", i), b = {
+  const d = C(null), r = C(null), g = J("agora-card-frame", i), b = {
     label: !!t,
     children: !t && !!A,
     anchor: !t && !A && !!l && !l.hidden
-  }, g = {
+  }, E = {
     anchor: !1,
     label: !1,
     children: !1
   };
-  let m = { ...l };
-  l && (m = {
+  let N = { ...l };
+  l && (N = {
     ...l
-  }, m.hasIcon && !m.trailingIcon && !m.leadingIcon && (m.leadingIcon = "agora-line-arrow-right-circle", m.leadingIconHover = "agora-solid-arrow-right-circle"), l.hidden ? (delete m.hidden, g.label = !!t, g.children = !t && !!A) : g.anchor = !0);
-  const N = (R, I, D, j) => D ? /* @__PURE__ */ e.createElement(e.Fragment, null, j && /* @__PURE__ */ e.createElement(a, null, /* @__PURE__ */ e.createElement(Me, { ...I, appearance: "link", ref: r }, R)), !j && /* @__PURE__ */ e.createElement(Me, { ...I, appearance: "link", ref: r }, R)) : j ? /* @__PURE__ */ e.createElement(a, null, R) : R;
+  }, N.hasIcon && !N.trailingIcon && !N.leadingIcon && (N.leadingIcon = "agora-line-arrow-right-circle", N.leadingIconHover = "agora-solid-arrow-right-circle"), l.hidden ? (delete N.hidden, E.label = !!t, E.children = !t && !!A) : E.anchor = !0);
+  const m = (R, I, D, j) => D ? /* @__PURE__ */ e.createElement(e.Fragment, null, j && /* @__PURE__ */ e.createElement(a, null, /* @__PURE__ */ e.createElement(De, { ...I, appearance: "link", ref: r }, R)), !j && /* @__PURE__ */ e.createElement(De, { ...I, appearance: "link", ref: r }, R)) : j ? /* @__PURE__ */ e.createElement(a, null, R) : R;
   Le({
     parentCardRef: d,
     anchorRef: r,
     blockedLink: c(n)
   });
   const s = J("container-body", { "anchor-icon-only": l == null ? void 0 : l.iconOnly }, i);
-  return /* @__PURE__ */ e.createElement("div", { ...o, ref: d, role: "presentation", className: E }, /* @__PURE__ */ e.createElement("div", { className: s }, t && /* @__PURE__ */ e.createElement("div", { className: "label-container" }, N(t, m, g.label, b.label)), A && /* @__PURE__ */ e.createElement("div", { className: "children-container" }, N(A, m, g.children, b.children)), g.anchor && /* @__PURE__ */ e.createElement("div", { className: "anchor-container" }, N(m.children, m, g.anchor, b.anchor))));
+  return /* @__PURE__ */ e.createElement("div", { ...o, ref: d, role: "presentation", className: g }, /* @__PURE__ */ e.createElement("div", { className: s }, t && /* @__PURE__ */ e.createElement("div", { className: "label-container" }, m(t, N, E.label, b.label)), A && /* @__PURE__ */ e.createElement("div", { className: "children-container" }, m(A, N, E.children, b.children)), E.anchor && /* @__PURE__ */ e.createElement("div", { className: "anchor-container" }, m(N.children, N, E.anchor, b.anchor))));
 }, cn = ({ image: i, ...t }) => {
   const a = J("agora-card-full-image", t.className);
   return /* @__PURE__ */ e.createElement("div", { className: a, ...t }, /* @__PURE__ */ e.createElement("div", { className: "card-background" }, /* @__PURE__ */ e.createElement("div", { className: "card-image-container" }, /* @__PURE__ */ e.createElement("img", { className: "card-image", src: i.src, alt: i.alt, "aria-hidden": i["aria-hidden"] ?? !0 }))), /* @__PURE__ */ e.createElement("div", { className: "card-content" }, /* @__PURE__ */ e.createElement("div", { className: "grid xs:grid-cols-4 md:grid-cols-8 xl:grid-cols-12 gap-x-32" }, /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-8 xl:col-span-5 xl:col-start-7" }, t.children))));
@@ -2293,16 +2293,16 @@ const De = (i, t = 10) => {
   const o = se(), d = J("agora-card-hero-helper", n), r = {
     title: !!a,
     subtitle: !a && !!i
-  }, E = (b, g) => g ? /* @__PURE__ */ e.createElement(t, null, b) : b;
-  return /* @__PURE__ */ e.createElement("div", { className: d, ...A }, (i || a) && /* @__PURE__ */ e.createElement("div", { className: "flex gap-8 flex-col" }, i && /* @__PURE__ */ e.createElement("div", { className: "subtitle-container" }, E(i, r.subtitle)), a && /* @__PURE__ */ e.createElement("div", { className: "title-container" }, E(a, r.title))), l.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: "flex flex-col justify-start items-start gap-32" }, l == null ? void 0 : l.map((b, g) => {
-    const m = `card-hero-helper-${o}-description-block-${g}`;
-    return /* @__PURE__ */ e.createElement("li", { key: m, className: "flex flex-col gap-16 justify-start items-start" }, /* @__PURE__ */ e.createElement("div", null, b.description), /* @__PURE__ */ e.createElement(Me, { ...b == null ? void 0 : b.anchor }));
+  }, g = (b, E) => E ? /* @__PURE__ */ e.createElement(t, null, b) : b;
+  return /* @__PURE__ */ e.createElement("div", { className: d, ...A }, (i || a) && /* @__PURE__ */ e.createElement("div", { className: "flex gap-8 flex-col" }, i && /* @__PURE__ */ e.createElement("div", { className: "subtitle-container" }, g(i, r.subtitle)), a && /* @__PURE__ */ e.createElement("div", { className: "title-container" }, g(a, r.title))), l.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: "flex flex-col justify-start items-start gap-32" }, l == null ? void 0 : l.map((b, E) => {
+    const N = `card-hero-helper-${o}-description-block-${E}`;
+    return /* @__PURE__ */ e.createElement("li", { key: N, className: "flex flex-col gap-16 justify-start items-start" }, /* @__PURE__ */ e.createElement("div", null, b.description), /* @__PURE__ */ e.createElement(De, { ...b == null ? void 0 : b.anchor }));
   })));
 }, rn = ({ title: i, headingLevel: t = "h3", index: a = [], className: l, ...n }) => {
   const A = se(), o = J("agora-card-hero-index", l);
   return /* @__PURE__ */ e.createElement("div", { className: o, ...n }, i && /* @__PURE__ */ e.createElement(t, { className: "card-hero-index-title" }, i), a.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: "index-list" }, a.map((d, r) => {
-    const E = `card-index-${A}-index-item-${r}`;
-    return /* @__PURE__ */ e.createElement("li", { key: E }, /* @__PURE__ */ e.createElement(Me, { ...d, appearance: "link", variant: "neutral" }, d.children));
+    const g = `card-index-${A}-index-item-${r}`;
+    return /* @__PURE__ */ e.createElement("li", { key: g }, /* @__PURE__ */ e.createElement(De, { ...d, appearance: "link", variant: "neutral" }, d.children));
   })));
 }, dn = ({
   description: i,
@@ -2313,15 +2313,15 @@ const De = (i, t = 10) => {
   className: A,
   ...o
 }) => {
-  const d = se(), r = l.slice(0, 5), E = J("agora-card-hero-sitemap", A), b = {
+  const d = se(), r = l.slice(0, 5), g = J("agora-card-hero-sitemap", A), b = {
     title: !!a,
     description: !a && !!i
-  }, g = (m, N) => N ? /* @__PURE__ */ e.createElement(t, null, m) : m;
-  return /* @__PURE__ */ e.createElement("div", { className: E, ...o }, (a || i) && /* @__PURE__ */ e.createElement("div", { className: "flex gap-8 flex-col  text-l-semibold" }, a && /* @__PURE__ */ e.createElement("div", { className: "title-container" }, g(a, b.title)), i && /* @__PURE__ */ e.createElement("div", { className: "description-container" }, g(i, b.description))), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: "flex flex-col justify-start items-start gap-8" }, r == null ? void 0 : r.map((m, N) => {
-    const s = `card-hero-sitemap-${d}-description-block-${N}`;
-    return /* @__PURE__ */ e.createElement("li", { key: s }, /* @__PURE__ */ e.createElement(Me, { ...m }));
+  }, E = (N, m) => m ? /* @__PURE__ */ e.createElement(t, null, N) : N;
+  return /* @__PURE__ */ e.createElement("div", { className: g, ...o }, (a || i) && /* @__PURE__ */ e.createElement("div", { className: "flex gap-8 flex-col  text-l-semibold" }, a && /* @__PURE__ */ e.createElement("div", { className: "title-container" }, E(a, b.title)), i && /* @__PURE__ */ e.createElement("div", { className: "description-container" }, E(i, b.description))), r.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: "flex flex-col justify-start items-start gap-8" }, r == null ? void 0 : r.map((N, m) => {
+    const s = `card-hero-sitemap-${d}-description-block-${m}`;
+    return /* @__PURE__ */ e.createElement("li", { key: s }, /* @__PURE__ */ e.createElement(De, { ...N }));
   })), n && /* @__PURE__ */ e.createElement(
-    Me,
+    De,
     {
       appearance: "link",
       ...n,
@@ -2357,17 +2357,17 @@ const De = (i, t = 10) => {
     title: !!i,
     subtitle: !i && !!t,
     description: !i && !t && !!a
-  }, r = (E, b) => b ? /* @__PURE__ */ e.createElement(n, null, E) : E;
-  return /* @__PURE__ */ e.createElement("div", { className: "inner-highlight-card", ...A }, (t || i || a) && /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-8" }, t && /* @__PURE__ */ e.createElement("div", { className: "subtitle-container" }, r(t, d.subtitle)), i && /* @__PURE__ */ e.createElement("div", { className: "title-container" }, r(i, d.title)), a && /* @__PURE__ */ e.createElement("div", { className: "description-container" }, r(a, d.description))), (l == null ? void 0 : l.length) > 0 && /* @__PURE__ */ e.createElement("ul", { className: "links-container" }, l == null ? void 0 : l.map((E, b) => {
-    const g = `card-highlight-links-list-${o}-${b}`;
-    return /* @__PURE__ */ e.createElement("li", { key: g }, /* @__PURE__ */ e.createElement(
-      Me,
+  }, r = (g, b) => b ? /* @__PURE__ */ e.createElement(n, null, g) : g;
+  return /* @__PURE__ */ e.createElement("div", { className: "inner-highlight-card", ...A }, (t || i || a) && /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-8" }, t && /* @__PURE__ */ e.createElement("div", { className: "subtitle-container" }, r(t, d.subtitle)), i && /* @__PURE__ */ e.createElement("div", { className: "title-container" }, r(i, d.title)), a && /* @__PURE__ */ e.createElement("div", { className: "description-container" }, r(a, d.description))), (l == null ? void 0 : l.length) > 0 && /* @__PURE__ */ e.createElement("ul", { className: "links-container" }, l == null ? void 0 : l.map((g, b) => {
+    const E = `card-highlight-links-list-${o}-${b}`;
+    return /* @__PURE__ */ e.createElement("li", { key: E }, /* @__PURE__ */ e.createElement(
+      De,
       {
         appearance: "link",
         hasIcon: !0,
         trailingIcon: "agora-line-arrow-right-circle",
         trailingIconHover: "agora-line-arrow-right-circle",
-        ...E
+        ...g
       }
     ));
   })));
@@ -2381,19 +2381,19 @@ const De = (i, t = 10) => {
   links: o,
   cardPosition: d = "bottom",
   cardSize: r = "default",
-  className: E,
+  className: g,
   ...b
 }) => {
-  const g = J("agora-card-highlight", d, `card-${r}`, E), { width: m } = ze(), N = m >= 768 && m < 1200, s = m < 768, R = {
+  const E = J("agora-card-highlight", d, `card-${r}`, g), { width: N } = ze(), m = N >= 768 && N < 1200, s = N < 768, R = {
     title: !!t,
     subtitle: !t && !!a,
     description: !t && !a && !!l
   }, I = (D, j) => j ? /* @__PURE__ */ e.createElement(A, null, D) : D;
-  return /* @__PURE__ */ e.createElement("div", { className: g, ...b }, /* @__PURE__ */ e.createElement("div", { className: "card-image-container" }, /* @__PURE__ */ e.createElement("img", { className: "card-image", ...i, src: i.src, alt: i.alt, "aria-hidden": i["aria-hidden"] ?? !0 })), (t || a) && n === "exterior" && !s && !N && /* @__PURE__ */ e.createElement("div", { className: "card-box-exterior" }, /* @__PURE__ */ e.createElement("div", { className: "card-info" }, a && /* @__PURE__ */ e.createElement("div", { className: "subtitle-container" }, I(a, R.subtitle)), t && /* @__PURE__ */ e.createElement("div", { className: "title-container" }, I(t, R.title)))), /* @__PURE__ */ e.createElement("div", { className: "card-content" }, /* @__PURE__ */ e.createElement("div", { className: "shared-card-content" }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: E, ...b }, /* @__PURE__ */ e.createElement("div", { className: "card-image-container" }, /* @__PURE__ */ e.createElement("img", { className: "card-image", ...i, src: i.src, alt: i.alt, "aria-hidden": i["aria-hidden"] ?? !0 })), (t || a) && n === "exterior" && !s && !m && /* @__PURE__ */ e.createElement("div", { className: "card-box-exterior" }, /* @__PURE__ */ e.createElement("div", { className: "card-info" }, a && /* @__PURE__ */ e.createElement("div", { className: "subtitle-container" }, I(a, R.subtitle)), t && /* @__PURE__ */ e.createElement("div", { className: "title-container" }, I(t, R.title)))), /* @__PURE__ */ e.createElement("div", { className: "card-content" }, /* @__PURE__ */ e.createElement("div", { className: "shared-card-content" }, /* @__PURE__ */ e.createElement(
     Bt,
     {
       headingLevel: A,
-      ...n === "interior" || N || s ? { title: t, subtitle: a } : void 0,
+      ...n === "interior" || m || s ? { title: t, subtitle: a } : void 0,
       description: l,
       links: o
     }
@@ -2426,8 +2426,8 @@ const De = (i, t = 10) => {
 }, zi = ({ type: i = "unordered", listStyle: t = "none", startNumber: a = 1, children: l, icon: n, ...A }) => {
   const o = i !== "ordered" ? "ul" : "ol", d = se(), r = { ...A };
   r.id = r.id ?? d;
-  const E = J(`agora-list agora-list-${i} list-${t}`, r.className), b = Ge.map(l, (g) => pe(g) ? /* @__PURE__ */ e.createElement("li", null, t === "icon" && i === "unordered" && /* @__PURE__ */ e.createElement(ae, { name: n, "aria-hidden": !0 }), /* @__PURE__ */ e.createElement("div", { className: "list-items" }, g.props.children)) : null);
-  return /* @__PURE__ */ e.createElement(o, { style: { "--startNumber": a }, start: a, className: E, id: r.id }, b);
+  const g = J(`agora-list agora-list-${i} list-${t}`, r.className), b = Ge.map(l, (E) => Me(E) ? /* @__PURE__ */ e.createElement("li", null, t === "icon" && i === "unordered" && /* @__PURE__ */ e.createElement(ae, { name: n, "aria-hidden": !0 }), /* @__PURE__ */ e.createElement("div", { className: "list-items" }, E.props.children)) : null);
+  return /* @__PURE__ */ e.createElement(o, { style: { "--startNumber": a }, start: a, className: g, id: r.id }, b);
 }, bn = ({
   headingLevel: i = "h2",
   title: t,
@@ -2439,29 +2439,29 @@ const De = (i, t = 10) => {
   className: d = "",
   ...r
 }) => {
-  const E = se(), b = J("card-links", `card-${o}`, d), g = {
+  const g = se(), b = J("card-links", `card-${o}`, d), E = {
     title: !!t,
     description: !t && !!l,
     category: !t && !l && !!a
-  }, m = (N, s) => s ? /* @__PURE__ */ e.createElement(i, null, N) : N;
-  return /* @__PURE__ */ e.createElement("div", { className: b, ...r }, /* @__PURE__ */ e.createElement("div", { className: "body-container" }, a && /* @__PURE__ */ e.createElement("div", { className: "category" }, m(a, g.category)), t && /* @__PURE__ */ e.createElement("div", { className: "title" }, m(t, g.title)), l && /* @__PURE__ */ e.createElement("div", { className: "description" }, m(l, g.description))), n.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: "links" }, n.map((N, s) => {
-    const R = `card-link-${E}-link-${s}`;
+  }, N = (m, s) => s ? /* @__PURE__ */ e.createElement(i, null, m) : m;
+  return /* @__PURE__ */ e.createElement("div", { className: b, ...r }, /* @__PURE__ */ e.createElement("div", { className: "body-container" }, a && /* @__PURE__ */ e.createElement("div", { className: "category" }, N(a, E.category)), t && /* @__PURE__ */ e.createElement("div", { className: "title" }, N(t, E.title)), l && /* @__PURE__ */ e.createElement("div", { className: "description" }, N(l, E.description))), n.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: "links" }, n.map((m, s) => {
+    const R = `card-link-${g}-link-${s}`;
     return /* @__PURE__ */ e.createElement("li", { key: R, className: "link-container" }, /* @__PURE__ */ e.createElement(
-      Me,
+      De,
       {
         appearance: "link",
-        href: N.href,
+        href: m.href,
         darkMode: o === "dark",
         variant: o === "default" ? "primary" : "neutral",
-        hasIcon: N.hasIcon ?? !0,
-        trailingIcon: N.trailingIcon ?? "agora-line-arrow-right-circle",
-        trailingIconHover: N.trailingIcon ?? "agora-line-arrow-right-circle"
+        hasIcon: m.hasIcon ?? !0,
+        trailingIcon: m.trailingIcon ?? "agora-line-arrow-right-circle",
+        trailingIconHover: m.trailingIcon ?? "agora-line-arrow-right-circle"
       },
-      N.children
+      m.children
     ));
-  })), A && A.length > 0 && /* @__PURE__ */ e.createElement(zi, { className: "topics" }, A.map((N, s) => {
-    const R = `card-link-${E}-topic-${s}`;
-    return /* @__PURE__ */ e.createElement("li", { key: R, className: "topic" }, N, s !== A.length - 1 && /* @__PURE__ */ e.createElement(ae, { name: "agora-solid-bullet", alt: "bullet" }));
+  })), A && A.length > 0 && /* @__PURE__ */ e.createElement(zi, { className: "topics" }, A.map((m, s) => {
+    const R = `card-link-${g}-topic-${s}`;
+    return /* @__PURE__ */ e.createElement("li", { key: R, className: "topic" }, m, s !== A.length - 1 && /* @__PURE__ */ e.createElement(ae, { name: "agora-solid-bullet", alt: "bullet" }));
   })), /* @__PURE__ */ e.createElement("hr", { "aria-hidden": !0 }));
 }, En = ({
   icon: i,
@@ -2484,18 +2484,18 @@ const De = (i, t = 10) => {
   mainAnchor: o,
   blockedLink: d = !1,
   className: r,
-  ...E
+  ...g
 }) => {
-  const b = C(null), g = C(null), m = J("agora-card-search-result", r), N = J(
+  const b = C(null), E = C(null), N = J("agora-card-search-result", r), m = J(
     "flex flex-col gap-8",
     { "xl:col-span-3 md:col-span-2": A },
     { "xl:col-span-full md:col-span-full": !A }
   );
   return Le({
-    anchorRef: g,
+    anchorRef: E,
     parentCardRef: b,
     blockedLink: c(d)
-  }), /* @__PURE__ */ e.createElement("div", { ref: b, role: "presentation", className: m, ...E }, i && /* @__PURE__ */ e.createElement("div", { className: "category" }, i), /* @__PURE__ */ e.createElement("div", { className: "content-body" }, /* @__PURE__ */ e.createElement("div", { className: N }, t && /* @__PURE__ */ e.createElement("div", { className: "date-container" }, t), /* @__PURE__ */ e.createElement(a, { className: "title" }, /* @__PURE__ */ e.createElement(Me, { ...o, ref: g })), l && /* @__PURE__ */ e.createElement("div", { className: "description-container" }, l)), A && /* @__PURE__ */ e.createElement("div", { className: "container-image xl:col-span-1 md:col-span-2 w-full" }, /* @__PURE__ */ e.createElement("img", { src: A.src, className: "card-image w-full", alt: A.alt }))), n && n.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "topic-list" }, n.map((s, R) => /* @__PURE__ */ e.createElement("div", { key: `key-${Number(R)}`, className: "topic-item" }, R > 0 && /* @__PURE__ */ e.createElement(ae, { "aria-hidden": !0, className: "fill-neutral-500", name: "agora-solid-bullet" }), s))));
+  }), /* @__PURE__ */ e.createElement("div", { ref: b, role: "presentation", className: N, ...g }, i && /* @__PURE__ */ e.createElement("div", { className: "category" }, i), /* @__PURE__ */ e.createElement("div", { className: "content-body" }, /* @__PURE__ */ e.createElement("div", { className: m }, t && /* @__PURE__ */ e.createElement("div", { className: "date-container" }, t), /* @__PURE__ */ e.createElement(a, { className: "title" }, /* @__PURE__ */ e.createElement(De, { ...o, ref: E })), l && /* @__PURE__ */ e.createElement("div", { className: "description-container" }, l)), A && /* @__PURE__ */ e.createElement("div", { className: "container-image xl:col-span-1 md:col-span-2 w-full" }, /* @__PURE__ */ e.createElement("img", { src: A.src, className: "card-image w-full", alt: A.alt }))), n && n.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "topic-list" }, n.map((s, R) => /* @__PURE__ */ e.createElement("div", { key: `key-${Number(R)}`, className: "topic-item" }, R > 0 && /* @__PURE__ */ e.createElement(ae, { "aria-hidden": !0, className: "fill-neutral-500", name: "agora-solid-bullet" }), s))));
 }, In = ({
   variant: i = "default",
   icon: t,
@@ -2507,25 +2507,25 @@ const De = (i, t = 10) => {
   className: d,
   ...r
 }) => {
-  const E = C(null), b = C(null), g = {
+  const g = C(null), b = C(null), E = {
     title: !!l,
     description: !l && !!n,
     anchor: !l && !n && !!A && !A.hidden
-  }, m = {
+  }, N = {
     anchor: !1,
     title: !1,
     description: !1
   };
-  let N = { ...A };
-  A && (N = {
+  let m = { ...A };
+  A && (m = {
     ...A
-  }, N.hasIcon && !N.trailingIcon && !N.leadingIcon && (N.trailingIcon = "agora-line-arrow-right-circle", N.trailingIconHover = "agora-solid-arrow-right-circle"), A.hidden ? (delete N.hidden, m.title = !!l, m.description = !l && !!n) : m.anchor = !0), Le({
-    parentCardRef: E,
+  }, m.hasIcon && !m.trailingIcon && !m.leadingIcon && (m.trailingIcon = "agora-line-arrow-right-circle", m.trailingIconHover = "agora-solid-arrow-right-circle"), A.hidden ? (delete m.hidden, N.title = !!l, N.description = !l && !!n) : N.anchor = !0), Le({
+    parentCardRef: g,
     anchorRef: b,
     blockedLink: c(o)
   });
-  const s = J("card-single", `card-${i}`, d), R = (D, j, h, Y) => h ? /* @__PURE__ */ e.createElement(e.Fragment, null, Y && /* @__PURE__ */ e.createElement(a, null, /* @__PURE__ */ e.createElement(Me, { ...j, appearance: "link", ref: b }, D)), !Y && /* @__PURE__ */ e.createElement(Me, { ...j, appearance: "link", ref: b }, D)) : Y ? /* @__PURE__ */ e.createElement(a, null, D) : D, I = J("anchor-container", { "icon-only": N == null ? void 0 : N.iconOnly });
-  return /* @__PURE__ */ e.createElement("div", { ...r, ref: E, role: "presentation", className: s }, t && /* @__PURE__ */ e.createElement("div", { className: "icon-container" }, /* @__PURE__ */ e.createElement(ae, { ...t, className: "card-single-icon", dimensions: "m" })), /* @__PURE__ */ e.createElement("div", { className: "info-container" }, l && /* @__PURE__ */ e.createElement("div", { className: "title-container" }, R(l, N, m.title, g.title)), n && /* @__PURE__ */ e.createElement("div", { className: "description-container" }, R(n, N, m.description, g.description))), m.anchor && /* @__PURE__ */ e.createElement("div", { className: I }, R(N.children, N, m.anchor, g.anchor)));
+  const s = J("card-single", `card-${i}`, d), R = (D, j, h, Y) => h ? /* @__PURE__ */ e.createElement(e.Fragment, null, Y && /* @__PURE__ */ e.createElement(a, null, /* @__PURE__ */ e.createElement(De, { ...j, appearance: "link", ref: b }, D)), !Y && /* @__PURE__ */ e.createElement(De, { ...j, appearance: "link", ref: b }, D)) : Y ? /* @__PURE__ */ e.createElement(a, null, D) : D, I = J("anchor-container", { "icon-only": m == null ? void 0 : m.iconOnly });
+  return /* @__PURE__ */ e.createElement("div", { ...r, ref: g, role: "presentation", className: s }, t && /* @__PURE__ */ e.createElement("div", { className: "icon-container" }, /* @__PURE__ */ e.createElement(ae, { ...t, className: "card-single-icon", dimensions: "m" })), /* @__PURE__ */ e.createElement("div", { className: "info-container" }, l && /* @__PURE__ */ e.createElement("div", { className: "title-container" }, R(l, m, N.title, E.title)), n && /* @__PURE__ */ e.createElement("div", { className: "description-container" }, R(n, m, N.description, E.description))), N.anchor && /* @__PURE__ */ e.createElement("div", { className: I }, R(m.children, m, N.anchor, E.anchor)));
 }, Rn = ({
   headingLevel: i = "h3",
   variant: t = "default",
@@ -2536,10 +2536,10 @@ const De = (i, t = 10) => {
   status: o = "success",
   mainAnchor: d,
   blockedLink: r = !1,
-  className: E,
+  className: g,
   ...b
 }) => {
-  const g = de(() => t === "default" || t === "white" ? "primary" : t, [t]), m = C(null), N = C(null), s = {
+  const E = de(() => t === "default" || t === "white" ? "primary" : t, [t]), N = C(null), m = C(null), s = {
     title: !!a,
     description: !a && !!l,
     pill: !a && !l && !!n,
@@ -2554,23 +2554,23 @@ const De = (i, t = 10) => {
   d && (I = {
     ...d
   }, I.hasIcon && !I.trailingIcon && !I.leadingIcon && (I.trailingIcon = "agora-line-arrow-right-circle", I.trailingIconHover = "agora-solid-arrow-right-circle"), d.hidden ? (delete I.hidden, R.title = !!a, R.description = !a && !!l, R.pill = !a && !l && !!n) : R.anchor = !0);
-  const D = (M, U, G, u) => G ? /* @__PURE__ */ e.createElement(e.Fragment, null, u && /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(Me, { ...U, appearance: "link", variant: g, ref: N }, M)), !u && /* @__PURE__ */ e.createElement(Me, { ...U, appearance: "link", variant: g, ref: N }, M)) : u ? /* @__PURE__ */ e.createElement(i, null, M) : M;
+  const D = (M, U, G, u) => G ? /* @__PURE__ */ e.createElement(e.Fragment, null, u && /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(De, { ...U, appearance: "link", variant: E, ref: m }, M)), !u && /* @__PURE__ */ e.createElement(De, { ...U, appearance: "link", variant: E, ref: m }, M)) : u ? /* @__PURE__ */ e.createElement(i, null, M) : M;
   Le({
-    parentCardRef: m,
-    anchorRef: N,
+    parentCardRef: N,
+    anchorRef: m,
     blockedLink: c(r)
   });
-  const j = J("agora-card-topic", `card-${t}`, { "has-anchor-label": !(d != null && d.iconOnly) }, E), h = J("card-topic-status", `card-topic-status-${o}`), Y = J("card-topic-anchor", { "icon-only": I == null ? void 0 : I.iconOnly });
-  return /* @__PURE__ */ e.createElement("div", { ...b, role: "presentation", className: j, ref: m }, /* @__PURE__ */ e.createElement("div", { className: "content-info" }, n && /* @__PURE__ */ e.createElement("div", { className: "card-topic-pill" }, /* @__PURE__ */ e.createElement(ki, { appearance: "solid", size: "default", variant: g }, D(n, I, R.pill, s.pill), " ")), a && /* @__PURE__ */ e.createElement("div", { className: "card-topic-title" }, D(a, I, R.title, s.title)), A && /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-8" }, /* @__PURE__ */ e.createElement("div", { className: h }), /* @__PURE__ */ e.createElement("div", null, A)), l && /* @__PURE__ */ e.createElement("div", { className: "card-topic-description" }, D(l, I, R.description, s.description))), R.anchor && /* @__PURE__ */ e.createElement("div", { className: Y }, D(I.children, I, R.anchor, s.anchor)));
+  const j = J("agora-card-topic", `card-${t}`, { "has-anchor-label": !(d != null && d.iconOnly) }, g), h = J("card-topic-status", `card-topic-status-${o}`), Y = J("card-topic-anchor", { "icon-only": I == null ? void 0 : I.iconOnly });
+  return /* @__PURE__ */ e.createElement("div", { ...b, role: "presentation", className: j, ref: N }, /* @__PURE__ */ e.createElement("div", { className: "content-info" }, n && /* @__PURE__ */ e.createElement("div", { className: "card-topic-pill" }, /* @__PURE__ */ e.createElement(ki, { appearance: "solid", size: "default", variant: E }, D(n, I, R.pill, s.pill), " ")), a && /* @__PURE__ */ e.createElement("div", { className: "card-topic-title" }, D(a, I, R.title, s.title)), A && /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-8" }, /* @__PURE__ */ e.createElement("div", { className: h }), /* @__PURE__ */ e.createElement("div", null, A)), l && /* @__PURE__ */ e.createElement("div", { className: "card-topic-description" }, D(l, I, R.description, s.description))), R.anchor && /* @__PURE__ */ e.createElement("div", { className: Y }, D(I.children, I, R.anchor, s.anchor)));
 }, Tt = ({ className: i, feedbackState: t = "info", feedbackText: a, darkMode: l, ...n }, A) => {
-  const o = J("feedback", i), d = J("feedback-icon-wrapper", `feedback-icon-wrapper-${t}`), r = J("feedback-text", c(l) ? "feedback-text-dark" : "feedback-text-light"), E = {
+  const o = J("feedback", i), d = J("feedback-icon-wrapper", `feedback-icon-wrapper-${t}`), r = J("feedback-text", c(l) ? "feedback-text-dark" : "feedback-text-light"), g = {
     info: "agora-solid-info-mark",
     danger: "agora-solid-alert-triangle",
     success: "agora-solid-check-circle",
     warning: "agora-solid-alert-circle"
   };
-  return /* @__PURE__ */ e.createElement("div", { ...n, className: o, ref: A }, /* @__PURE__ */ e.createElement("span", { className: d }, /* @__PURE__ */ e.createElement(ae, { name: E[t], dimensions: "s", "aria-hidden": !0 })), /* @__PURE__ */ e.createElement("p", { className: r }, a));
-}, Ye = re(Tt), xt = ({
+  return /* @__PURE__ */ e.createElement("div", { ...n, className: o, ref: A }, /* @__PURE__ */ e.createElement("span", { className: d }, /* @__PURE__ */ e.createElement(ae, { name: g[t], dimensions: "s", "aria-hidden": !0 })), /* @__PURE__ */ e.createElement("p", { className: r }, a));
+}, pe = re(Tt), xt = ({
   className: i,
   label: t,
   hasError: a,
@@ -2580,19 +2580,19 @@ const De = (i, t = 10) => {
   feedbackState: o = "info",
   feedbackText: d,
   darkMode: r,
-  children: E,
+  children: g,
   ...b
-}, g) => {
-  const m = C(null);
-  we(g, () => m.current);
-  const N = se(), s = { ...b };
-  s.id = s.id ?? N;
+}, E) => {
+  const N = C(null);
+  we(E, () => N.current);
+  const m = se(), s = { ...b };
+  s.id = s.id ?? m;
   const [R, I] = O(c(s.checked ?? s.defaultChecked)), D = (M) => {
     var U;
-    s.disabled || s.readOnly || M.target === M.currentTarget && (M.code === "Space" || M.code === "Enter" || M.code === "NumpadEnter") && (M.preventDefault(), M.stopPropagation(), (U = m.current) == null || U.click());
+    s.disabled || s.readOnly || M.target === M.currentTarget && (M.code === "Space" || M.code === "Enter" || M.code === "NumpadEnter") && (M.preventDefault(), M.stopPropagation(), (U = N.current) == null || U.click());
   }, j = (M) => {
     var U;
-    s.disabled || s.readOnly || M.target === M.currentTarget && M.detail > 0 && (M.preventDefault(), M.stopPropagation(), (U = m.current) == null || U.click());
+    s.disabled || s.readOnly || M.target === M.currentTarget && M.detail > 0 && (M.preventDefault(), M.stopPropagation(), (U = N.current) == null || U.click());
   }, h = () => {
     I((M) => !M);
   }, Y = J(
@@ -2627,11 +2627,11 @@ const De = (i, t = 10) => {
       onKeyDownCapture: D,
       onClickCapture: j
     },
-    /* @__PURE__ */ e.createElement("input", { className: "hidden", ...s, type: "checkbox", ref: m, onChange: h }),
+    /* @__PURE__ */ e.createElement("input", { className: "hidden", ...s, type: "checkbox", ref: N, onChange: h }),
     /* @__PURE__ */ e.createElement("span", { className: "mark" }, R && /* @__PURE__ */ e.createElement(ae, { name: "agora-line-check", "aria-hidden": !0 })),
-    !l && /* @__PURE__ */ e.createElement("label", { className: "label", htmlFor: s.id }, /* @__PURE__ */ e.createElement("span", null, E ?? t))
+    !l && /* @__PURE__ */ e.createElement("label", { className: "label", htmlFor: s.id }, /* @__PURE__ */ e.createElement("span", null, g ?? t))
   ), (c(A) || c(a)) && d && /* @__PURE__ */ e.createElement("div", { className: "agora-radio-button-feedback px-8" }, /* @__PURE__ */ e.createElement(
-    Ye,
+    pe,
     {
       feedbackState: c(a) ? "danger" : o,
       feedbackText: d,
@@ -2649,14 +2649,14 @@ const De = (i, t = 10) => {
   children: d,
   ...r
 }) => {
-  const E = (m) => {
-    De(() => o == null ? void 0 : o(m));
-  }, b = J("agora-checkbox-group", i), g = Ge.map(d, (m) => pe(m) ? Ze(m, {
-    onChange: E,
+  const g = (N) => {
+    o == null || o(N);
+  }, b = J("agora-checkbox-group", i), E = Ge.map(d, (N) => Me(N) ? Ze(N, {
+    onChange: g,
     hasError: c(a),
     hasFeedback: c(l)
   }) : null);
-  return /* @__PURE__ */ e.createElement("div", { className: b }, /* @__PURE__ */ e.createElement("fieldset", { ...r }, t && /* @__PURE__ */ e.createElement("legend", { className: "text-[var(--color-primary-900)] text-m-medium mb-8" }, t), g), (c(l) || c(a)) && n && /* @__PURE__ */ e.createElement(Ye, { feedbackState: c(a) ? "danger" : A, feedbackText: n }));
+  return /* @__PURE__ */ e.createElement("div", { className: b }, /* @__PURE__ */ e.createElement("fieldset", { ...r }, t && /* @__PURE__ */ e.createElement("legend", { className: "text-[var(--color-primary-900)] text-m-medium mb-8" }, t), E), (c(l) || c(a)) && n && /* @__PURE__ */ e.createElement(pe, { feedbackState: c(a) ? "danger" : A, feedbackText: n }));
 }, Ft = ({
   visible: i = !1,
   fullScreen: t = !1,
@@ -2667,56 +2667,56 @@ const De = (i, t = 10) => {
   onClickedOutside: o,
   ...d
 }, r) => {
-  const [E, b] = O(c(i)), g = ge(() => {
+  const [g, b] = O(c(i)), E = ge(() => {
     b(!0);
-  }, [b]), m = ge(() => {
+  }, [b]), N = ge(() => {
     b(!1);
-  }, []), N = C(null);
+  }, []), m = C(null);
   Je(
     r,
-    N,
+    m,
     {
-      visible: E,
-      show: g,
-      hide: m
+      visible: g,
+      show: E,
+      hide: N
     },
-    [N, m, g, E]
+    [m, N, E, g]
   );
   const s = (D) => {
     if (D.key === "Escape" && c(l)) {
-      D.preventDefault(), m();
+      D.preventDefault(), N();
       return;
     }
-    if (N.current && D.key === "Tab") {
-      const j = N.current.querySelectorAll(
+    if (m.current && D.key === "Tab") {
+      const j = m.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"])'
       ), h = j[0], Y = j[j.length - 1];
       D.shiftKey && document.activeElement === h ? (D.preventDefault(), Y.focus()) : !D.shiftKey && document.activeElement === Y && (D.preventDefault(), h.focus());
     }
   }, R = (D) => {
-    D.target.classList.contains("agora-dialog-backdrop") && (m(), o == null || o());
+    D.target.classList.contains("agora-dialog-backdrop") && (N(), o == null || o());
   };
   ie(() => (document == null || document.addEventListener("keydown", s), !c(t) && c(a) && (document == null || document.addEventListener("click", R)), () => {
     document == null || document.removeEventListener("keydown", s), !c(t) && c(a) && (document == null || document.removeEventListener("click", R));
   }), [l, t, a, R, s]), ie(() => {
-    if (E) {
-      if (document.body.classList.add("overflow-hidden"), N.current) {
-        const j = N.current.querySelectorAll(
+    if (g) {
+      if (document.body.classList.add("overflow-hidden"), m.current) {
+        const j = m.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"])'
         )[0];
         j && j.focus();
       }
     } else
       document.body.classList.remove("overflow-hidden");
-  }, [E]);
+  }, [g]);
   const I = J(
     "agora-dialog",
     {
-      closed: !E
+      closed: !g
     },
     A
   );
-  return /* @__PURE__ */ e.createElement("div", { ref: N, className: I, "aria-modal": "true", role: "dialog", ...d }, !t && /* @__PURE__ */ e.createElement("div", { className: "agora-dialog-backdrop" }), n);
+  return /* @__PURE__ */ e.createElement("div", { ref: m, className: I, "aria-modal": "true", role: "dialog", ...d }, !t && /* @__PURE__ */ e.createElement("div", { className: "agora-dialog-backdrop" }), n);
 }, Xe = re(Ft), Lt = ({
   children: i,
   dismissOnEscape: t = !0,
@@ -2727,20 +2727,20 @@ const De = (i, t = 10) => {
   onHide: o,
   className: d,
   "aria-label": r,
-  "aria-labelledby": E,
+  "aria-labelledby": g,
   ...b
-}, g) => {
-  const [m, N] = O(!1), s = C(null), R = J(
+}, E) => {
+  const [N, m] = O(!1), s = C(null), R = J(
     "agora-drawer",
     { "agora-drawer-horizontal": l === "left" || l === "right" },
     { "agora-drawer-vertical": l === "top" || l === "bottom" },
-    { ["agora-drawer-open-" + l]: m },
-    { ["agora-drawer-close-" + l]: !m }
+    { ["agora-drawer-open-" + l]: N },
+    { ["agora-drawer-close-" + l]: !N }
   ), I = () => {
     var h, Y, M, U;
     const j = () => {
       var G, u, p, w, v, S;
-      N(!1), (G = s.current) == null || G.hide(), (w = (p = (u = s.current) == null ? void 0 : u.querySelector(".agora-drawer")) == null ? void 0 : p.classList) == null || w.remove(`agora-drawer-close-${l}`), (S = (v = s.current) == null ? void 0 : v.querySelector(".agora-drawer")) == null || S.removeEventListener("animationend", j), o == null || o();
+      m(!1), (G = s.current) == null || G.hide(), (w = (p = (u = s.current) == null ? void 0 : u.querySelector(".agora-drawer")) == null ? void 0 : p.classList) == null || w.remove(`agora-drawer-close-${l}`), (S = (v = s.current) == null ? void 0 : v.querySelector(".agora-drawer")) == null || S.removeEventListener("animationend", j), o == null || o();
     };
     (Y = (h = s.current) == null ? void 0 : h.querySelector(".agora-drawer")) == null || Y.addEventListener("animationend", j), (U = (M = s.current) == null ? void 0 : M.querySelector(".agora-drawer")) == null || U.classList.add(`agora-drawer-close-${l}`);
   }, D = () => {
@@ -2749,10 +2749,10 @@ const De = (i, t = 10) => {
       var U, G;
       (G = (U = s.current) == null ? void 0 : U.querySelector(".agora-drawer")) == null || G.removeEventListener("animationend", j), A == null || A();
     };
-    (Y = (h = s.current) == null ? void 0 : h.querySelector(".agora-drawer")) == null || Y.addEventListener("animationend", j), N(!0), (M = s.current) == null || M.show();
+    (Y = (h = s.current) == null ? void 0 : h.querySelector(".agora-drawer")) == null || Y.addEventListener("animationend", j), m(!0), (M = s.current) == null || M.show();
   };
   return Je(
-    g,
+    E,
     s,
     {
       open: D,
@@ -2763,7 +2763,7 @@ const De = (i, t = 10) => {
     Xe,
     {
       "aria-label": r,
-      "aria-labelledby": E,
+      "aria-labelledby": g,
       ref: s,
       className: d,
       dismissOnBackdropClick: a,
@@ -2774,24 +2774,24 @@ const De = (i, t = 10) => {
   );
 }, Qt = re(Lt), Vt = ({ likeButton: i, dislikeButton: t, iconOnly: a = !1, darkMode: l = !1, variant: n, className: A = "", onChange: o, ...d }, r) => {
   var Y, M;
-  const E = se(), b = { ...d };
-  b.id = b.id ?? E;
-  const [g, m] = O("neutral"), N = (U) => {
-    m((G) => G === U ? "neutral" : U);
+  const g = se(), b = { ...d };
+  b.id = b.id ?? g;
+  const [E, N] = O("neutral"), m = (U) => {
+    N((G) => G === U ? "neutral" : U);
   };
   ie(() => {
-    De(() => o == null ? void 0 : o(g));
-  }, [g]);
+    Ue(() => o == null ? void 0 : o(E));
+  }, [E]);
   const s = (U, G) => {
-    const u = g === G;
+    const u = E === G;
     return /* @__PURE__ */ e.createElement(
       Ne,
       {
         ...U,
         id: `${b.id}-${G}`,
-        onClick: () => N(G),
+        onClick: () => m(G),
         appearance: u ? "solid" : "outline",
-        "aria-pressed": g === G ? "true" : "false"
+        "aria-pressed": E === G ? "true" : "false"
       }
     );
   }, R = J("rating-buttons", c(l) ? "dark" : "", A), I = J("rating-buttons-wrapper", a ? "icon-only" : "", A), D = C(null);
@@ -2799,9 +2799,9 @@ const De = (i, t = 10) => {
     r,
     D,
     {
-      status: g
+      status: E
     },
-    [g]
+    [E]
   );
   const j = {
     ...i,
@@ -2835,11 +2835,11 @@ const De = (i, t = 10) => {
   className: o = "",
   value: d,
   onChange: r,
-  hasError: E = !1,
+  hasError: g = !1,
   hasFeedback: b = !1,
-  feedbackState: g = "info",
-  feedbackText: m = "",
-  ...N
+  feedbackState: E = "info",
+  feedbackText: N = "",
+  ...m
 }, s) => {
   const R = se(), I = Array.from({ length: Math.max(3, l) }), D = C(null), [j, h] = O(d ? d - 1 : 0), [Y, M] = O(0), U = (L) => {
     c(A) && (L.preventDefault(), L.stopPropagation());
@@ -2864,16 +2864,16 @@ const De = (i, t = 10) => {
       const T = D.current.querySelector(".star[tabindex = '0']");
       T && T.focus();
     }
-    De(() => r == null ? void 0 : r(j + 1));
+    Ue(() => r == null ? void 0 : r(j + 1));
   }, [j]);
   const S = J(
     "agora-rating-stars",
     { dark: c(n) },
     { "read-only": c(A) },
     {
-      "has-error": c(E),
+      "has-error": c(g),
       "has-feedback": c(b),
-      ["feedback-" + g]: c(b) && g
+      ["feedback-" + E]: c(b) && E
     },
     o
   ), F = C(null);
@@ -2889,7 +2889,7 @@ const De = (i, t = 10) => {
     {
       ref: F,
       className: S,
-      ...N,
+      ...m,
       role: "radiogroup",
       ...c(t) ? { "aria-label": i == null ? void 0 : i.toString() } : { "aria-labelledby": `label-${R}` }
     },
@@ -2917,11 +2917,11 @@ const De = (i, t = 10) => {
         /* @__PURE__ */ e.createElement(ae, { name: W, "aria-hidden": !0 })
       );
     }))),
-    (c(b) || c(E)) && m && /* @__PURE__ */ e.createElement(
-      Ye,
+    (c(b) || c(g)) && N && /* @__PURE__ */ e.createElement(
+      pe,
       {
-        feedbackState: c(E) ? "danger" : g,
-        feedbackText: m,
+        feedbackState: c(g) ? "danger" : E,
+        feedbackText: N,
         darkMode: c(n)
       }
     )
@@ -2936,16 +2936,14 @@ const De = (i, t = 10) => {
   headingLevel: o = "h3",
   ...d
 }) => {
-  const [r, E] = O(!1), b = (N) => {
-    E(N !== "neutral"), De(() => {
-      var s;
-      return (s = a == null ? void 0 : a.onChange) == null ? void 0 : s.call(a, N);
-    });
-  }, g = J("agora-feedback", c(n) ? "darkMode" : "", A), m = {
+  const [r, g] = O(!1), b = (m) => {
+    var s;
+    g(m !== "neutral"), (s = a == null ? void 0 : a.onChange) == null || s.call(a, m);
+  }, E = J("agora-feedback", c(n) ? "darkMode" : "", A), N = {
     ...a,
     darkMode: c(n)
   };
-  return /* @__PURE__ */ e.createElement("div", { className: g, ...d }, (i || t) && /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-5 xl:col-span-6" }, i && /* @__PURE__ */ e.createElement(o, { className: "title" }, i), t && /* @__PURE__ */ e.createElement("p", { className: "subtitle" }, t)), a && /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-3 xl:col-span-3" }, /* @__PURE__ */ e.createElement(Ot, { ...m, onChange: b })), r && l && /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-5 xl:col-span-3" }, /* @__PURE__ */ e.createElement("p", { className: "message" }, l)));
+  return /* @__PURE__ */ e.createElement("div", { className: E, ...d }, (i || t) && /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-5 xl:col-span-6" }, i && /* @__PURE__ */ e.createElement(o, { className: "title" }, i), t && /* @__PURE__ */ e.createElement("p", { className: "subtitle" }, t)), a && /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-3 xl:col-span-3" }, /* @__PURE__ */ e.createElement(Ot, { ...N, onChange: b })), r && l && /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-5 xl:col-span-3" }, /* @__PURE__ */ e.createElement("p", { className: "message" }, l)));
 }, Ct = ({ brandImage: i, badgeImage: t }) => /* @__PURE__ */ e.createElement("div", { className: "grid items-center xs:grid-cols-4 md:grid-cols-8 xl:grid-cols-12 gap-32 xs:pt-32 md:pt-64 xs:pb-32 xl:pb-64" }, /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-2 md:col-span-4 xl:col-span-6" }, i.link && i.image && /* @__PURE__ */ e.createElement(
   "a",
   {
@@ -3005,7 +3003,7 @@ const De = (i, t = 10) => {
   }
 )), /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-8 xl:col-span-7 xs:py-32 md:py-64" }, /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-8 xl:col-span-7" }, t && /* @__PURE__ */ e.createElement("ul", { className: "flex flex-wrap xs:flex-col md:flex-row xl:flex-row md:justify-center xl:justify-end xs:gap-x-32 md:gap-[30px]" }, t.filter((l, n) => n < 8).map((l, n) => {
   const A = `useful-${n}`;
-  return /* @__PURE__ */ e.createElement("li", { key: A, className: "py-8" }, /* @__PURE__ */ e.createElement(Me, { ...l, darkMode: !0, appearance: "link", variant: "neutral" }));
+  return /* @__PURE__ */ e.createElement("li", { key: A, className: "py-8" }, /* @__PURE__ */ e.createElement(De, { ...l, darkMode: !0, appearance: "link", variant: "neutral" }));
 }))), /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-8 xl:col-span-7 mt-32" }, /* @__PURE__ */ e.createElement("span", { className: "text-s-regular text-[var(--color-neutral-500)] flex md:justify-center xl:justify-end" }, a)))), Ti = ({
   brandImage: i,
   badgeImage: t,
@@ -3017,7 +3015,7 @@ const De = (i, t = 10) => {
 }) => /* @__PURE__ */ e.createElement("div", { className: "bg-[var(--color-primary-900)]" }, /* @__PURE__ */ e.createElement("div", { className: "container mx-auto" }, /* @__PURE__ */ e.createElement(Ct, { brandImage: i, badgeImage: t }), /* @__PURE__ */ e.createElement("hr", { "aria-hidden": !0, className: "border-1 border-white opacity-5 w-full absolute left-0" }), /* @__PURE__ */ e.createElement(Ht, { caption: a, partnersLogos: l }), /* @__PURE__ */ e.createElement("hr", { "aria-hidden": !0, className: "border-1 border-white opacity-5 w-full absolute left-0" }), /* @__PURE__ */ e.createElement(Bi, { socialsLink: n, usefulLinks: A, copyright: o }))), Pt = ({ title: i, description: t, links: a }) => /* @__PURE__ */ e.createElement("div", { className: "footer-gradient" }, /* @__PURE__ */ e.createElement("div", { className: "container mx-auto" }, /* @__PURE__ */ e.createElement("div", { className: "grid xs:grid-cols-4 md:grid-cols-8 xl:grid-cols-12 gap-32" }, /* @__PURE__ */ e.createElement("div", { className: "col-span-5 w-[calc(100%+32px)] bg-[var(--color-primary-900)] h-128 self-end xs:hidden md:hidden xl:block" }), /* @__PURE__ */ e.createElement("div", { className: "grid gap-x-32 xs:grid-cols-4 md:grid-cols-8 xl:grid-cols-7 xs:col-span-4 md:col-span-8 xl:col-span-7 xl:col-start-6 xs:pb-32 md:pb-64 xl:pb-64 bg-[var(--color-primary-100)]" }, /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-6 xl:col-start-2 xl:col-span-7" }, /* @__PURE__ */ e.createElement(qe, { "aria-hidden": !0, className: "mb-32" }), i && /* @__PURE__ */ e.createElement("h2", { className: "xs:text-m-bold md:text-l-bold text-[var(--color-primary-900)]" }, i), t && /* @__PURE__ */ e.createElement("p", { className: "text-m-regular text-[var(--color-primary-900)] mt-16" }, t)), a && /* @__PURE__ */ e.createElement("ul", { className: "grid xs:grid-cols-1 md:grid-cols-3-auto xs:gap-0 md:gap-[28px] xs:col-span-4 md:col-span-8 xl:col-start-2 xl:col-span-7 mt-32" }, a.filter((l, n) => n < 3).map((l, n) => {
   const A = `link-${n}`;
   return /* @__PURE__ */ e.createElement("li", { key: A }, /* @__PURE__ */ e.createElement(
-    Me,
+    De,
     {
       ...l,
       className: "xs:flex xs:justify-between",
@@ -3090,7 +3088,7 @@ const De = (i, t = 10) => {
   ), /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement(qe, { "aria-hidden": !0, className: "mb-32" }), (i == null ? void 0 : i.title) && /* @__PURE__ */ e.createElement("h2", { className: "xs:text-m-bold md:text-l-bold text-[var(--color-primary-900)]" }, i.title), (i == null ? void 0 : i.description) && /* @__PURE__ */ e.createElement("p", { className: "text-m-regular text-[var(--color-primary-900)] mt-16" }, i.description)), i.links && /* @__PURE__ */ e.createElement("ul", { className: "xs:col-span-4 md:col-span-8 xl:col-span-6 mt-32 inline-flex gap-x-32 xs:flex-col md:flex-row xl:flex-row" }, i.links.filter((o, d) => d < 3).map((o, d) => {
     const r = `link-${d}`;
     return /* @__PURE__ */ e.createElement("li", { key: r, className: "py-8" }, /* @__PURE__ */ e.createElement(
-      Me,
+      De,
       {
         ...o,
         className: "xs:flex xs:justify-between",
@@ -3104,7 +3102,7 @@ const De = (i, t = 10) => {
   }))), t && /* @__PURE__ */ e.createElement("div", { className: A }, t && /* @__PURE__ */ e.createElement(ft, { contacts: t, contactsOnly: !i && !a, hasCardLinks: a })));
 }, xi = (i) => /* @__PURE__ */ e.createElement(e.Fragment, null, (i == null ? void 0 : i.title) && /* @__PURE__ */ e.createElement("h2", { className: "xs:text-m-bold md:text-l-bold text-white" }, i.title), (i == null ? void 0 : i.links) && /* @__PURE__ */ e.createElement("ul", { className: "mt-32" }, i.links.filter((t, a) => a < 5).map((t, a) => {
   const l = `link-${a}`;
-  return /* @__PURE__ */ e.createElement("li", { key: l, className: "py-8" }, /* @__PURE__ */ e.createElement(Me, { ...t, darkMode: !0, appearance: "link", variant: "neutral" }));
+  return /* @__PURE__ */ e.createElement("li", { key: l, className: "py-8" }, /* @__PURE__ */ e.createElement(De, { ...t, darkMode: !0, appearance: "link", variant: "neutral" }));
 }))), qt = ({
   card: i,
   cardLinks: t,
@@ -3145,8 +3143,8 @@ const De = (i, t = 10) => {
     "aria-hidden": !0,
     className: "border-1 border-white opacity-5 md:h-[calc(100%-2px)] xl:h-[calc(100%-2px)] max-md:w-full md:bottom-0 right-0 absolute"
   }
-)), /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-4 xl:col-span-4 xs:pt-32 md:pt-64" }, /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-4 xl:col-span-4 xs:py-32 xs:pl-0 md:pt-0 md:pb-64 md:pl-0 xl:pl-32 xl:pb-64 xl:pt-0" }, /* @__PURE__ */ e.createElement(xi, { ...d })))), /* @__PURE__ */ e.createElement("hr", { "aria-hidden": !0, className: "border-1 border-white opacity-5 w-full absolute left-0" }), /* @__PURE__ */ e.createElement("div", { className: "grid xs:justify-items-center md:justify-items-center xl:justify-items-start xs:grid-cols-4 md:grid-cols-8 xl:grid-cols-12 gap-32 py-32" }, /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-8 xl:col-span-12" }, /* @__PURE__ */ e.createElement("ul", { className: "flex flex-wrap xs:gap-32 md:gap-[30px]" }, l.filter((r, E) => E < 10).map((r, E) => {
-  const b = `logo-${E}`;
+)), /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-4 xl:col-span-4 xs:pt-32 md:pt-64" }, /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-4 xl:col-span-4 xs:py-32 xs:pl-0 md:pt-0 md:pb-64 md:pl-0 xl:pl-32 xl:pb-64 xl:pt-0" }, /* @__PURE__ */ e.createElement(xi, { ...d })))), /* @__PURE__ */ e.createElement("hr", { "aria-hidden": !0, className: "border-1 border-white opacity-5 w-full absolute left-0" }), /* @__PURE__ */ e.createElement("div", { className: "grid xs:justify-items-center md:justify-items-center xl:justify-items-start xs:grid-cols-4 md:grid-cols-8 xl:grid-cols-12 gap-32 py-32" }, /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-8 xl:col-span-12" }, /* @__PURE__ */ e.createElement("ul", { className: "flex flex-wrap xs:gap-32 md:gap-[30px]" }, l.filter((r, g) => g < 10).map((r, g) => {
+  const b = `logo-${g}`;
   return /* @__PURE__ */ e.createElement("li", { key: b }, (r == null ? void 0 : r.link) && (r == null ? void 0 : r.image) && /* @__PURE__ */ e.createElement(
     "a",
     {
@@ -3165,7 +3163,7 @@ const De = (i, t = 10) => {
   partnersLogos: o,
   socialsLink: d,
   usefulLinks: r,
-  copyright: E
+  copyright: g
 }) => /* @__PURE__ */ e.createElement("div", { className: "agora-footer" }, (i || t || !a) && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(qt, { card: i, cardLinks: a, contacts: t }), (i || a || t) && /* @__PURE__ */ e.createElement(
   "hr",
   {
@@ -3181,7 +3179,7 @@ const De = (i, t = 10) => {
     partnersLogos: o,
     socialsLink: d,
     usefulLinks: r,
-    copyright: E
+    copyright: g
   }
 )), !i && a && /* @__PURE__ */ e.createElement(
   $t,
@@ -3193,13 +3191,13 @@ const De = (i, t = 10) => {
     partnersLogos: o,
     socialsLink: d,
     usefulLinks: r,
-    copyright: E
+    copyright: g
   }
 )), _t = ({ letters: i, ...t }, a) => {
   const l = J("navElement"), n = J("glossary-container");
   return /* @__PURE__ */ e.createElement("nav", { ...t, className: l, ref: a }, /* @__PURE__ */ e.createElement("div", { className: n }, i == null ? void 0 : i.map(({ letter: A, status: o, ...d }) => {
-    const r = o === "disabled", b = J("letter", { "letter-disabled": r }, { "letter-selected": o === "selected" }), g = `#${A}`;
-    return r ? /* @__PURE__ */ e.createElement("span", { key: `${A}-${g}`, className: b, "aria-disabled": "true" }, A) : /* @__PURE__ */ e.createElement("a", { key: `${A}-${g}`, ...d, className: b, href: g }, A);
+    const r = o === "disabled", b = J("letter", { "letter-disabled": r }, { "letter-selected": o === "selected" }), E = `#${A}`;
+    return r ? /* @__PURE__ */ e.createElement("span", { key: `${A}-${E}`, className: b, "aria-disabled": "true" }, A) : /* @__PURE__ */ e.createElement("a", { key: `${A}-${E}`, ...d, className: b, href: E }, A);
   })));
 }, un = re(_t), pi = ({ name: i = "no-icon", iconHover: t = "no-icon", iconAltText: a, className: l, hasChildren: n, darkMode: A }) => {
   const o = J("icon-wrapper", l), d = J("line", {
@@ -3234,13 +3232,13 @@ const De = (i, t = 10) => {
     "text-m-semibold": i === "secondary" || i === "menu",
     "text-white": c(a),
     "text-[var(--color-neutral-900)]": !c(a)
-  }), r = () => i === "search" && !c(n["aria-expanded"]) ? "agora-line-search" : i === "menu" && !c(n["aria-expanded"]) ? "agora-line-menu" : i === "user" && !c(n["aria-expanded"]) ? "agora-line-user" : (i === "user" && c(n["aria-expanded"]), "agora-line-x"), E = () => i === "search" && !c(n["aria-expanded"]) ? "agora-solid-search" : i === "menu" && !c(n["aria-expanded"]) ? "agora-solid-menu" : i === "user" && !c(n["aria-expanded"]) ? "agora-solid-user" : (i === "user" && c(n["aria-expanded"]), "agora-solid-x");
+  }), r = () => i === "search" && !c(n["aria-expanded"]) ? "agora-line-search" : i === "menu" && !c(n["aria-expanded"]) ? "agora-line-menu" : i === "user" && !c(n["aria-expanded"]) ? "agora-line-user" : (i === "user" && c(n["aria-expanded"]), "agora-line-x"), g = () => i === "search" && !c(n["aria-expanded"]) ? "agora-solid-search" : i === "menu" && !c(n["aria-expanded"]) ? "agora-solid-menu" : i === "user" && !c(n["aria-expanded"]) ? "agora-solid-user" : (i === "user" && c(n["aria-expanded"]), "agora-solid-x");
   return /* @__PURE__ */ e.createElement(e.Fragment, null, !c(l) && (i === "search" || i === "menu" || i === "user" || i === "close") && /* @__PURE__ */ e.createElement(
     pi,
     {
       className: A,
       name: r(),
-      iconHover: E(),
+      iconHover: g(),
       hasChildren: !!t,
       darkMode: a
     }
@@ -3255,7 +3253,7 @@ const De = (i, t = 10) => {
     }
   ));
 }, ea = ({ itemType: i = "primary", darkMode: t = !1, actionItem: a = !1, children: l, className: n, noIcons: A = !1, vertically: o = !1, ...d }, r) => {
-  const E = J(
+  const g = J(
     {
       "agora-menu-item text-m-regular text-white darkMode default": c(t) && i === "primary",
       "agora-menu-item text-m-regular text-white darkMode secondary ": c(t) && i !== "primary",
@@ -3266,11 +3264,11 @@ const De = (i, t = 10) => {
       vertically: c(o) && (i === "primary" || i === "secondary")
     },
     n
-  ), [b, g] = O(c(d["aria-expanded"])), m = C(null), N = () => {
-    const { current: Y } = m;
+  ), [b, E] = O(c(d["aria-expanded"])), N = C(null), m = () => {
+    const { current: Y } = N;
     if (Y != null && Y.hasAttribute("aria-expanded")) {
       const M = !c((Y == null ? void 0 : Y.getAttribute("aria-expanded")) ?? !1);
-      Y == null || Y.setAttribute("aria-expanded", M.toString()), g(M);
+      Y == null || Y.setAttribute("aria-expanded", M.toString()), E(M);
     }
   }, s = (Y) => {
     var M, U;
@@ -3290,12 +3288,12 @@ const De = (i, t = 10) => {
   }, h = (Y) => {
     var U, G, u, p;
     if (Y.detail > 0) {
-      (U = d.onClick) == null || U.call(d, Y), c(A) || Y.preventDefault(), N();
+      (U = d.onClick) == null || U.call(d, Y), c(A) || Y.preventDefault(), m();
       return;
     }
-    N();
-    const M = ((G = m.current) == null ? void 0 : G.getAttribute("data-custom-triggered-click")) === "true";
-    if (M && ((u = m.current) == null || u.removeAttribute("data-custom-triggered-click")), !M) {
+    m();
+    const M = ((G = N.current) == null ? void 0 : G.getAttribute("data-custom-triggered-click")) === "true";
+    if (M && ((u = N.current) == null || u.removeAttribute("data-custom-triggered-click")), !M) {
       Y.preventDefault();
       return;
     }
@@ -3304,13 +3302,13 @@ const De = (i, t = 10) => {
   return we(
     r,
     () => ({
-      current: m.current,
-      toggleMenuItem: () => N()
+      current: N.current,
+      toggleMenuItem: () => m()
     }),
-    [m]
+    [N]
   ), ie(() => {
     const Y = (M) => {
-      M.code === "Escape" && g(!1);
+      M.code === "Escape" && E(!1);
     };
     return document.addEventListener("keydown", Y), () => {
       document.removeEventListener("keydown", Y);
@@ -3320,7 +3318,7 @@ const De = (i, t = 10) => {
     {
       ...d,
       role: i === "menu" ? "button" : "menuitem",
-      className: E,
+      className: g,
       type: "button",
       onClick: h,
       onKeyDown: D,
@@ -3328,7 +3326,7 @@ const De = (i, t = 10) => {
       onMouseDown: s,
       onMouseUp: R,
       onMouseLeave: I,
-      ref: m
+      ref: N
     },
     /* @__PURE__ */ e.createElement(Yi, { ...d, noIcons: A, itemType: i, darkMode: t, "aria-expanded": b }, l)
   ), !a && i !== "avatar" && /* @__PURE__ */ e.createElement(
@@ -3337,8 +3335,8 @@ const De = (i, t = 10) => {
       ...d,
       role: i === "menu" ? "link" : "menuitem",
       tabIndex: 0,
-      className: E,
-      ref: m,
+      className: g,
+      ref: N,
       onClick: h,
       onKeyDown: D,
       onKeyUp: j,
@@ -3357,7 +3355,7 @@ const De = (i, t = 10) => {
       "aria-current": d["aria-current"],
       "aria-label": d["aria-label"],
       role: "menuitem",
-      className: E,
+      className: g,
       onClick: h,
       onKeyDown: D,
       onKeyUp: j,
@@ -3370,9 +3368,9 @@ const De = (i, t = 10) => {
   const t = i.previousSibling;
   t.ariaExpanded && c(t.ariaExpanded) && t.click();
 }, ia = (i, t) => {
-  var a, l, n, A, o, d, r, E, b, g, m, N, s, R, I, D, j, h, Y, M, U;
-  if (i !== t[0] && i.classList.add("hidden"), Ce(i), (A = (n = (l = (a = i.parentElement) == null ? void 0 : a.parentElement) == null ? void 0 : l.parentElement) == null ? void 0 : n.parentElement) != null && A.classList.contains("agora-header-burger-navigation-options-menu") && !((E = (r = (d = (o = i.parentElement) == null ? void 0 : o.parentElement) == null ? void 0 : d.parentElement) == null ? void 0 : r.parentElement) != null && E.classList.contains("hidden"))) {
-    (N = (m = (g = (b = i.parentElement) == null ? void 0 : b.parentElement) == null ? void 0 : g.parentElement) == null ? void 0 : m.parentElement) == null || N.classList.add("hidden"), t[0].classList.remove("hidden"), (s = t[0]) == null || s.querySelectorAll(".agora-menu-item").forEach((G) => {
+  var a, l, n, A, o, d, r, g, b, E, N, m, s, R, I, D, j, h, Y, M, U;
+  if (i !== t[0] && i.classList.add("hidden"), Ce(i), (A = (n = (l = (a = i.parentElement) == null ? void 0 : a.parentElement) == null ? void 0 : l.parentElement) == null ? void 0 : n.parentElement) != null && A.classList.contains("agora-header-burger-navigation-options-menu") && !((g = (r = (d = (o = i.parentElement) == null ? void 0 : o.parentElement) == null ? void 0 : d.parentElement) == null ? void 0 : r.parentElement) != null && g.classList.contains("hidden"))) {
+    (m = (N = (E = (b = i.parentElement) == null ? void 0 : b.parentElement) == null ? void 0 : E.parentElement) == null ? void 0 : N.parentElement) == null || m.classList.add("hidden"), t[0].classList.remove("hidden"), (s = t[0]) == null || s.querySelectorAll(".agora-menu-item").forEach((G) => {
       G.classList.remove("!hidden");
     });
     return;
@@ -3467,7 +3465,7 @@ const De = (i, t = 10) => {
     "grid xs:grid-cols-4 md:grid-cols-8 xl:grid-cols-12 gap-32": i.submenuType === "language" || i.submenuType === "platform",
     "grid xs:grid-cols-4 md:grid-cols-8 xl:grid-cols-12 gap-x-32 gap-y-16": i.submenuType === "topics",
     "xs:w-full md:w-auto xl:w-auto gap-x-32 gap-y-16 flex xs:flex-col md:flex-row xl:flex-row flex-wrap": i.submenuType === "link"
-  }), E = J({
+  }), g = J({
     "h-full xs:col-span-4 md:col-span-4 xl:col-span-3 !mb-0": i.submenuType === "language" || i.submenuType === "platform",
     "xs:col-span-4 md:col-span-4 xl:col-span-3": i.submenuType === "topics"
   });
@@ -3483,8 +3481,8 @@ const De = (i, t = 10) => {
       onClick: i.handleBackButton
     },
     i.backButtonLabel
-  ), /* @__PURE__ */ e.createElement("div", { className: n, style: A }, c(i.hasSubmenuItemsSectionTitle) && i.submenuItemsSectionTitle && /* @__PURE__ */ e.createElement("p", { className: "text-m-semibold text-[var(--color-neutral-500)] mb-32" }, i.submenuItemsSectionTitle), c(i.hasSubmenuItemsTitle) && i.submenuItemsTitle && /* @__PURE__ */ e.createElement("h2", { className: "text-xl-bold text-[var(--color-primary-900)] mb-32" }, i.submenuItemsTitle), /* @__PURE__ */ e.createElement("ul", { className: r, role: "menu", "aria-label": i.submenuAriaLabel }, o.map((b, g) => {
-    const m = `menu-options-nav-${g}`, N = J(
+  ), /* @__PURE__ */ e.createElement("div", { className: n, style: A }, c(i.hasSubmenuItemsSectionTitle) && i.submenuItemsSectionTitle && /* @__PURE__ */ e.createElement("p", { className: "text-m-semibold text-[var(--color-neutral-500)] mb-32" }, i.submenuItemsSectionTitle), c(i.hasSubmenuItemsTitle) && i.submenuItemsTitle && /* @__PURE__ */ e.createElement("h2", { className: "text-xl-bold text-[var(--color-primary-900)] mb-32" }, i.submenuItemsTitle), /* @__PURE__ */ e.createElement("ul", { className: r, role: "menu", "aria-label": i.submenuAriaLabel }, o.map((b, E) => {
+    const N = `menu-options-nav-${E}`, m = J(
       "min-h-[60px]",
       {
         "agora-rounded-leading-icon full-image !py-[6px] !min-h-[44px] language": i.submenuType === "language",
@@ -3503,7 +3501,7 @@ const De = (i, t = 10) => {
       var h;
       t(j.currentTarget), a(!1), document.body.classList.remove("overflow-hidden"), l == null || l(j), (h = b.onClick) == null || h.call(b, j);
     }, D = i.submenuType === "topics" ? "primary" : "neutral";
-    return /* @__PURE__ */ e.createElement("li", { key: m, className: E, role: "none" }, c(i.actionItem) ? /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement("li", { key: N, className: g, role: "none" }, c(i.actionItem) ? /* @__PURE__ */ e.createElement(
       Ne,
       {
         appearance: b.appearance ?? "link",
@@ -3513,11 +3511,11 @@ const De = (i, t = 10) => {
         trailingIconHover: b.trailingIconHover ?? R(),
         role: "menuitem",
         ...b,
-        className: N,
+        className: m,
         onClick: I
       }
     ) : /* @__PURE__ */ e.createElement(
-      Me,
+      De,
       {
         appearance: b.appearance ?? "link",
         variant: b.variant ?? D,
@@ -3526,7 +3524,7 @@ const De = (i, t = 10) => {
         trailingIconHover: b.trailingIconHover ?? R(),
         role: "menuitem",
         ...b,
-        className: N,
+        className: m,
         onClick: I
       }
     ));
@@ -3541,14 +3539,14 @@ const De = (i, t = 10) => {
   hasVoiceActionButton: o = !0,
   voiceActionAltText: d = "",
   searchActionAltText: r = "",
-  onVoiceActivate: E,
+  onVoiceActivate: g,
   onSearchActivate: b,
-  onChange: g,
-  ...m
-}, N) => {
+  onChange: E,
+  ...N
+}, m) => {
   const s = C(null), R = C(null), I = C(null);
   Je(
-    N,
+    m,
     s,
     {
       searchActionButton: R,
@@ -3556,13 +3554,13 @@ const De = (i, t = 10) => {
     },
     [s, R, I]
   );
-  const D = se(), j = { ...m };
+  const D = se(), j = { ...N };
   j.id = j.id ?? D;
   const [h, Y] = O(j.value), M = (v) => {
     const { value: S } = v.currentTarget;
-    Y(S), De(() => g == null ? void 0 : g(v));
+    Y(S), E == null || E(v);
   }, U = () => {
-    E == null || E();
+    g == null || g();
   }, G = () => {
     b == null || b((h == null ? void 0 : h.toString()) ?? "");
   }, u = J("agora-input-search-bar", i), p = J("input-label-wrapper flex items-end", {
@@ -3612,7 +3610,7 @@ const De = (i, t = 10) => {
   var t, a, l;
   return /* @__PURE__ */ e.createElement("div", { className: "grid xs:grid-cols-4 md:grid-cols-8 xl:grid-cols-12 gap-32" }, /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-8 xl:col-start-1 xl:col-end-7" }, i.hasTitle && i.title && /* @__PURE__ */ e.createElement("p", { className: "xs:text-l-bold md:text-xl-bold xl:text-xl-bold text-[var(--color-primary-900)]" }, i.title)), /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-8 xl:col-start-1 xl:col-end-7" }, !i.inputSearchBarPlaceholder && i.inputSearchBar && /* @__PURE__ */ e.createElement(da, { ...i.inputSearchBar }), !i.inputSearchBar && i.inputSearchBarPlaceholder), i.hasLinkList && ((t = i.linkListContent) == null ? void 0 : t.linkList) && /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-8 xl:col-start-8 xl:col-end-13 xs:mt-32 md:mt-32 xl:mt-0" }, /* @__PURE__ */ e.createElement("p", { className: "xs:text-m-bold md:text-l-bold xl:text-l-bold text-[var(--color-primary-900)] mb-16" }, (a = i.linkListContent) == null ? void 0 : a.linkListTitle), /* @__PURE__ */ e.createElement(zi, { className: "xs:block md:flex xl:block gap-32 flex-wrap" }, (l = i.linkListContent) == null ? void 0 : l.linkList.map((n, A) => {
     const o = `search-content-${A}`;
-    return /* @__PURE__ */ e.createElement("li", { key: o, className: "text-m-regular text-[var(--color-neutral-900)] mb-8 last:mb-0" }, /* @__PURE__ */ e.createElement(Me, { ...n, appearance: "link", variant: "neutral" }));
+    return /* @__PURE__ */ e.createElement("li", { key: o, className: "text-m-regular text-[var(--color-neutral-900)] mb-8 last:mb-0" }, /* @__PURE__ */ e.createElement(De, { ...n, appearance: "link", variant: "neutral" }));
   }))));
 }, We = ({
   submenu: i,
@@ -3648,9 +3646,9 @@ const De = (i, t = 10) => {
   menuItemId: o,
   menuItemRef: d,
   setBackdropVisible: r,
-  submenuLevel3Height: E
+  submenuLevel3Height: g
 }) => {
-  var b, g;
+  var b, E;
   return /* @__PURE__ */ e.createElement(e.Fragment, null, ((b = i.relatedNavMenu) == null ? void 0 : b.menuItemsHeaderNavigation) && Object.keys(l).length > 1 && /* @__PURE__ */ e.createElement("div", { className: "agora-header-burger-navigation-options-submenu-level-2 overflow-hidden hidden sticky w-full right-0 z-sticky shadow-bottom-high" }, c(a) && t && /* @__PURE__ */ e.createElement(
     Ne,
     {
@@ -3660,34 +3658,34 @@ const De = (i, t = 10) => {
       leadingIcon: "agora-line-arrow-left-anchor",
       leadingIconHover: "agora-solid-arrow-left-anchor",
       className: "xs:mx-32 md:mx-64 xl:mx-64 xs:mt-16 md:mt-32 xl:mt-32",
-      onClick: (m) => {
-        var N, s, R, I, D;
-        n == null || n(m), (s = (N = m.currentTarget.parentElement) == null ? void 0 : N.parentElement) != null && s.parentElement && ((D = (I = (R = m.currentTarget.parentElement) == null ? void 0 : R.parentElement) == null ? void 0 : I.parentElement) == null || D.querySelectorAll(".agora-menu-item").forEach((j) => {
+      onClick: (N) => {
+        var m, s, R, I, D;
+        n == null || n(N), (s = (m = N.currentTarget.parentElement) == null ? void 0 : m.parentElement) != null && s.parentElement && ((D = (I = (R = N.currentTarget.parentElement) == null ? void 0 : R.parentElement) == null ? void 0 : I.parentElement) == null || D.querySelectorAll(".agora-menu-item").forEach((j) => {
           var h, Y, M, U, G, u, p, w, v, S, F;
-          j.classList.remove("!hidden"), (Y = (h = m.currentTarget.parentElement) == null ? void 0 : h.parentElement) == null || Y.classList.remove("fade-right-left"), (M = m.currentTarget.parentElement) == null || M.classList.add("hidden"), (u = (G = (U = m.currentTarget.parentElement) == null ? void 0 : U.parentElement) == null ? void 0 : G.parentElement) == null || u.classList.add("fade-left-right"), (F = (S = (v = (w = (p = m.currentTarget.parentElement) == null ? void 0 : p.parentElement) == null ? void 0 : w.parentElement) == null ? void 0 : v.parentElement) == null ? void 0 : S.parentElement) == null || F.classList.add("pt-32");
+          j.classList.remove("!hidden"), (Y = (h = N.currentTarget.parentElement) == null ? void 0 : h.parentElement) == null || Y.classList.remove("fade-right-left"), (M = N.currentTarget.parentElement) == null || M.classList.add("hidden"), (u = (G = (U = N.currentTarget.parentElement) == null ? void 0 : U.parentElement) == null ? void 0 : G.parentElement) == null || u.classList.add("fade-left-right"), (F = (S = (v = (w = (p = N.currentTarget.parentElement) == null ? void 0 : p.parentElement) == null ? void 0 : w.parentElement) == null ? void 0 : v.parentElement) == null ? void 0 : S.parentElement) == null || F.classList.add("pt-32");
         }));
       }
     },
     t
-  ), /* @__PURE__ */ e.createElement("div", { className: "overflow-y-auto overflow-x-hidden", style: { maxHeight: `calc(100vh - ${A}px)` } }, /* @__PURE__ */ e.createElement("p", { className: "text-m-semibold text-[var(--color-neutral-500)] xs:px-32 md:px-64 xl:px-64 pt-32 pb-16" }, i.menuItem.children), /* @__PURE__ */ e.createElement("ul", { role: "menubar" }, (g = i.relatedNavMenu.menuItemsHeaderNavigation) == null ? void 0 : g.filter((m, N) => N < 5).map((m, N) => {
+  ), /* @__PURE__ */ e.createElement("div", { className: "overflow-y-auto overflow-x-hidden", style: { maxHeight: `calc(100vh - ${A}px)` } }, /* @__PURE__ */ e.createElement("p", { className: "text-m-semibold text-[var(--color-neutral-500)] xs:px-32 md:px-64 xl:px-64 pt-32 pb-16" }, i.menuItem.children), /* @__PURE__ */ e.createElement("ul", { role: "menubar" }, (E = i.relatedNavMenu.menuItemsHeaderNavigation) == null ? void 0 : E.filter((N, m) => m < 5).map((N, m) => {
     var I, D, j, h, Y, M;
-    const s = `${o}-submenu-${N}`, R = J(
+    const s = `${o}-submenu-${m}`, R = J(
       "agora-header-burger-navigation-options-submenu-level-3 overflow-hidden hidden sticky w-full right-0 z-sticky shadow-bottom-high",
       {
-        "bg-[var(--color-neutral-50)]": (I = m.submenuItem) == null ? void 0 : I.highlightItems,
-        "bg-[var(--color-neutral-100)]": !((D = m.submenuItem) != null && D.highlightItems)
+        "bg-[var(--color-neutral-50)]": (I = N.submenuItem) == null ? void 0 : I.highlightItems,
+        "bg-[var(--color-neutral-100)]": !((D = N.submenuItem) != null && D.highlightItems)
       }
     );
     return /* @__PURE__ */ e.createElement("li", { key: s, role: "none" }, /* @__PURE__ */ e.createElement(
       ke,
       {
-        ...m.menuItem,
+        ...N.menuItem,
         ref: d,
         itemType: "secondary",
         vertically: !0,
         onClick: (U) => {
           var G, u, p, w;
-          (u = (G = m.menuItem).onClick) == null || u.call(G, U), U.currentTarget.nextElementSibling && ((w = (p = U.currentTarget.parentElement) == null ? void 0 : p.parentElement) == null || w.querySelectorAll(".agora-menu-item").forEach((v) => {
+          (u = (G = N.menuItem).onClick) == null || u.call(G, U), U.currentTarget.nextElementSibling && ((w = (p = U.currentTarget.parentElement) == null ? void 0 : p.parentElement) == null || w.querySelectorAll(".agora-menu-item").forEach((v) => {
             var S, F, L, T, k, V, K, W, B, z, q, te, y, X, x, Q, H;
             v.classList.add("!hidden"), (L = (F = (S = v.parentElement) == null ? void 0 : S.parentElement) == null ? void 0 : F.previousElementSibling) == null || L.classList.add("hidden"), (K = (V = (k = (T = v.parentElement) == null ? void 0 : T.parentElement) == null ? void 0 : k.parentElement) == null ? void 0 : V.previousElementSibling) == null || K.classList.add("hidden"), (q = (z = (B = (W = v.parentElement) == null ? void 0 : W.parentElement) == null ? void 0 : B.previousElementSibling) == null ? void 0 : z.previousElementSibling) == null || q.classList.add(
               "hidden"
@@ -3697,7 +3695,7 @@ const De = (i, t = 10) => {
           })), Se(U, r);
         }
       }
-    ), ((j = m == null ? void 0 : m.submenuItem) == null ? void 0 : j.submenuItems) && /* @__PURE__ */ e.createElement("div", { className: R }, c(a) && t && /* @__PURE__ */ e.createElement(
+    ), ((j = N == null ? void 0 : N.submenuItem) == null ? void 0 : j.submenuItems) && /* @__PURE__ */ e.createElement("div", { className: R }, c(a) && t && /* @__PURE__ */ e.createElement(
       Ne,
       {
         variant: "neutral",
@@ -3723,27 +3721,27 @@ const De = (i, t = 10) => {
       "div",
       {
         className: "overflow-y-auto overflow-x-hidden [&>*:nth-child(2)]:pt-16 xl:[&>*:nth-child(2)]:mx-64",
-        style: { maxHeight: `calc(100vh - ${E}px)` }
+        style: { maxHeight: `calc(100vh - ${g}px)` }
       },
       /* @__PURE__ */ e.createElement("p", { className: "text-m-semibold text-[var(--color-neutral-500)] xs:px-32 md:px-64 xl:px-64 pt-32 pb-16" }, i.menuItem.children),
       /* @__PURE__ */ e.createElement(
         We,
         {
-          submenu: m == null ? void 0 : m.submenuItem,
+          submenu: N == null ? void 0 : N.submenuItem,
           closeOtherMenuItemOpened: he,
           setBackdropVisible: r
         }
       ),
-      ((h = m == null ? void 0 : m.submenuItem) == null ? void 0 : h.highlightItems) && /* @__PURE__ */ e.createElement(
+      ((h = N == null ? void 0 : N.submenuItem) == null ? void 0 : h.highlightItems) && /* @__PURE__ */ e.createElement(
         "div",
         {
-          "aria-label": (Y = m == null ? void 0 : m.submenuItem) == null ? void 0 : Y.highlightItems.submenuAriaLabel,
+          "aria-label": (Y = N == null ? void 0 : N.submenuItem) == null ? void 0 : Y.highlightItems.submenuAriaLabel,
           className: "bg-[var(--color-neutral-100)] xl:[&>*:nth-child(1)]:mx-64"
         },
         /* @__PURE__ */ e.createElement(
           We,
           {
-            submenu: (M = m == null ? void 0 : m.submenuItem) == null ? void 0 : M.highlightItems,
+            submenu: (M = N == null ? void 0 : N.submenuItem) == null ? void 0 : M.highlightItems,
             closeOtherMenuItemOpened: he,
             setBackdropVisible: r,
             className: "flex flex-wrap gap-32 w-full"
@@ -3763,25 +3761,25 @@ const De = (i, t = 10) => {
   submenuLevel2Height: d,
   submenuLevel3Height: r
 }) => {
-  var m;
-  const E = se(), b = C(null), g = J(
+  var N;
+  const g = se(), b = C(null), E = J(
     "agora-header-burger-navigation-options-menu overflow-y-auto overflow-x-hidden hidden absolute w-full right-0 z-sticky shadow-bottom-high pt-32"
   );
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, i.menuItemsHeaderNavigation && /* @__PURE__ */ e.createElement("div", { style: { maxHeight: `calc(100vh - ${t}px)` }, className: g }, /* @__PURE__ */ e.createElement("nav", { "aria-label": i.ariaLabelHeaderNavigation, className: "overflow-hidden" }, /* @__PURE__ */ e.createElement("ul", { role: "menubar" }, (m = i.menuItemsHeaderNavigation) == null ? void 0 : m.filter((N, s) => s < 5).map((N, s) => {
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, i.menuItemsHeaderNavigation && /* @__PURE__ */ e.createElement("div", { style: { maxHeight: `calc(100vh - ${t}px)` }, className: E }, /* @__PURE__ */ e.createElement("nav", { "aria-label": i.ariaLabelHeaderNavigation, className: "overflow-hidden" }, /* @__PURE__ */ e.createElement("ul", { role: "menubar" }, (N = i.menuItemsHeaderNavigation) == null ? void 0 : N.filter((m, s) => s < 5).map((m, s) => {
     var j, h, Y, M, U;
-    const R = `${E}-menu-${s}`, I = J(
+    const R = `${g}-menu-${s}`, I = J(
       "agora-header-burger-navigation-options-submenu overflow-y-auto overflow-x-hidden hidden sticky w-full right-0 z-sticky shadow-bottom-high [&>*:first-child]:px-0 xl:[&>*:first-child]:max-w-full xl:[&>*:first-child]:mx-64",
       {
-        "bg-[var(--color-neutral-50)]": (j = N.submenuItem) == null ? void 0 : j.highlightItems,
-        "bg-[var(--color-neutral-100)]": !((h = N.submenuItem) != null && h.highlightItems)
+        "bg-[var(--color-neutral-50)]": (j = m.submenuItem) == null ? void 0 : j.highlightItems,
+        "bg-[var(--color-neutral-100)]": !((h = m.submenuItem) != null && h.highlightItems)
       }
     ), D = {
-      ...N.submenuItem,
-      ...(M = (Y = N.relatedNavMenu) == null ? void 0 : Y.menuItemsHeaderNavigation) == null ? void 0 : M.map((G) => G.menuItem)
+      ...m.submenuItem,
+      ...(M = (Y = m.relatedNavMenu) == null ? void 0 : Y.menuItemsHeaderNavigation) == null ? void 0 : M.map((G) => G.menuItem)
     };
-    return D.hasSubmenuItemsSectionTitle = !0, D.submenuItemsSectionTitle = N.menuItem.children, D.backButtonLabel = a, D.hasBackButton = l, D.handleBackButton = (G) => {
+    return D.hasSubmenuItemsSectionTitle = !0, D.submenuItemsSectionTitle = m.menuItem.children, D.backButtonLabel = a, D.hasBackButton = l, D.handleBackButton = (G) => {
       var u, p, w, v, S, F, L, T, k;
-      (p = (u = N.submenuItem) == null ? void 0 : u.handleBackButton) == null || p.call(u, G), (w = G.currentTarget.parentElement) != null && w.parentElement && ((L = (F = (S = (v = G.currentTarget.parentElement) == null ? void 0 : v.parentElement) == null ? void 0 : S.parentElement) == null ? void 0 : F.parentElement) == null || L.querySelectorAll(".agora-menu-item").forEach((V) => {
+      (p = (u = m.submenuItem) == null ? void 0 : u.handleBackButton) == null || p.call(u, G), (w = G.currentTarget.parentElement) != null && w.parentElement && ((L = (F = (S = (v = G.currentTarget.parentElement) == null ? void 0 : v.parentElement) == null ? void 0 : S.parentElement) == null ? void 0 : F.parentElement) == null || L.querySelectorAll(".agora-menu-item").forEach((V) => {
         var K, W, B, z, q, te, y, X, x, Q, H, _, me, P;
         V.classList.remove("!hidden"), (W = (K = G.currentTarget.parentElement) == null ? void 0 : K.parentElement) == null || W.classList.remove("fade-right-left"), (z = (B = G.currentTarget.parentElement) == null ? void 0 : B.parentElement) == null || z.classList.add("hidden"), (X = (y = (te = (q = G.currentTarget.parentElement) == null ? void 0 : q.parentElement) == null ? void 0 : te.parentElement) == null ? void 0 : y.parentElement) == null || X.classList.add("fade-left-right"), (P = (me = (_ = (H = (Q = (x = G.currentTarget.parentElement) == null ? void 0 : x.parentElement) == null ? void 0 : Q.parentElement) == null ? void 0 : H.parentElement) == null ? void 0 : _.parentElement) == null ? void 0 : me.parentElement) == null || P.classList.add(
           "pt-32"
@@ -3790,14 +3788,14 @@ const De = (i, t = 10) => {
     }, /* @__PURE__ */ e.createElement("li", { key: R, role: "none", className: "overflow-hidden" }, /* @__PURE__ */ e.createElement(
       ke,
       {
-        ...N.menuItem,
+        ...m.menuItem,
         ref: b,
-        noIcons: (U = N.relatedNavMenu) != null && U.menuItemsHeaderNavigation ? !1 : N.menuItem.noIcons,
+        noIcons: (U = m.relatedNavMenu) != null && U.menuItemsHeaderNavigation ? !1 : m.menuItem.noIcons,
         itemType: "primary",
         vertically: !0,
         onClick: (G) => {
           var u, p, w, v, S, F, L, T, k;
-          if ((p = (u = N.menuItem).onClick) == null || p.call(u, G), G.currentTarget.nextElementSibling) {
+          if ((p = (u = m.menuItem).onClick) == null || p.call(u, G), G.currentTarget.nextElementSibling) {
             (v = (w = G.currentTarget.parentElement) == null ? void 0 : w.parentElement) == null || v.querySelectorAll(".agora-menu-item").forEach((K) => {
               var W, B, z;
               K.classList.add("!hidden"), (W = G.currentTarget.nextElementSibling) == null || W.classList.add("fade-right-left"), (z = (B = G.currentTarget.parentElement) == null ? void 0 : B.parentElement) == null || z.classList.remove("fade-left-right");
@@ -3839,13 +3837,13 @@ const De = (i, t = 10) => {
     )), /* @__PURE__ */ e.createElement(
       Na,
       {
-        item: N,
+        item: m,
         backButtonLabelBurger: a,
         hasBackButtonBurger: l,
         itemsSubmenuClone: D,
         handleBackButtonBurger: o,
         submenuLevel2Height: d,
-        menuItemId: E,
+        menuItemId: g,
         menuItemRef: b,
         setBackdropVisible: n,
         submenuLevel3Height: r
@@ -3862,31 +3860,31 @@ const De = (i, t = 10) => {
   backButtonLabelBurger: o,
   handleBackButtonBurger: d
 }) => {
-  const [r, E] = O(0), [b, g] = O(0), [m, N] = O(0), [s, R] = O(0), I = (M, U, G, u, p, w) => {
+  const [r, g] = O(0), [b, E] = O(0), [N, m] = O(0), [s, R] = O(0), I = (M, U, G, u, p, w) => {
     const v = (M == null ? void 0 : M.clientHeight) ?? 0;
-    E(U + v);
+    g(U + v);
     const S = G != null && G.children[0] ? parseInt(getComputedStyle(G == null ? void 0 : G.children[0]).paddingTop) : 0, F = G != null && G.children[0] ? parseInt(getComputedStyle(G == null ? void 0 : G.children[0]).paddingBottom) : 0, L = u ? parseInt(getComputedStyle(u).marginBottom) : 0, T = p ? parseInt(getComputedStyle(p).marginTop) : 0, k = w ? parseInt(getComputedStyle(w).marginTop) : 0;
-    g(
+    E(
       U + v + S + F + L + (u == null ? void 0 : u.getBoundingClientRect().height)
-    ), N(
+    ), m(
       U + v + T + (p == null ? void 0 : p.getBoundingClientRect().height)
     ), R(
       U + v + k + (w == null ? void 0 : w.getBoundingClientRect().height)
     );
   }, D = (M, U, G, u) => {
     const p = (M == null ? void 0 : M.clientHeight) ?? 0, w = G != null && G.children[0] ? parseInt(getComputedStyle(G == null ? void 0 : G.children[0]).paddingTop) : 0, v = G != null && G.children[0] ? parseInt(getComputedStyle(G == null ? void 0 : G.children[0]).paddingBottom) : 0, S = u ? parseInt(getComputedStyle(u).marginBottom) : 0;
-    g(
+    E(
       U + p + w + v + S + (u == null ? void 0 : u.getBoundingClientRect().height)
     );
   }, j = (M, U, G) => {
     const u = (M == null ? void 0 : M.clientHeight) ?? 0, p = G ? parseInt(getComputedStyle(G).marginTop) : 0;
-    N(
+    m(
       U + u + p + (G == null ? void 0 : G.getBoundingClientRect().height)
     );
   }, h = (M, U, G, u, p) => {
     var F;
     const w = (U == null ? void 0 : U.clientHeight) ?? 0, v = p ? parseInt(getComputedStyle(p).marginTop) : 0;
-    (((F = M.oldValue) == null ? void 0 : F.split(" ")) ?? []).find((L) => L === "hidden") ? N(G + w + (u == null ? void 0 : u.getBoundingClientRect().height)) : N(
+    (((F = M.oldValue) == null ? void 0 : F.split(" ")) ?? []).find((L) => L === "hidden") ? m(G + w + (u == null ? void 0 : u.getBoundingClientRect().height)) : m(
       G + w + v + (u == null ? void 0 : u.getBoundingClientRect().height)
     ), R(
       G + w + v + (p == null ? void 0 : p.getBoundingClientRect().height)
@@ -3913,7 +3911,7 @@ const De = (i, t = 10) => {
         }
         if (V.type !== "attributes" || V.attributeName !== "hidden")
           return;
-        E(M + V.target.clientHeight);
+        g(M + V.target.clientHeight);
       }
     }, L = new MutationObserver(F);
     return Y(L, U, G, u, p), window.addEventListener(
@@ -3950,7 +3948,7 @@ const De = (i, t = 10) => {
       setBackdropVisible: l,
       submenuHeight: b,
       handleBackButtonBurger: () => d,
-      submenuLevel2Height: m,
+      submenuLevel2Height: N,
       submenuLevel3Height: s
     }
   ))));
@@ -3964,16 +3962,16 @@ const De = (i, t = 10) => {
   setBackdropVisible: o,
   refDrawer: d,
   setDrawerContent: r,
-  className: E
+  className: g
 }) => {
   var u, p, w, v, S, F, L, T, k, V;
-  const b = C(null), g = J(
+  const b = C(null), E = J(
     "container mx-auto agora-header-general-options",
     {
       darkMode: c(i)
     },
-    E
-  ), m = J({ "ml-auto": !l || !((p = (u = a == null ? void 0 : a.language) == null ? void 0 : u.submenuItem) != null && p.submenuItems) }), N = J({ "ml-auto": !n && !((v = (w = a == null ? void 0 : a.language) == null ? void 0 : w.submenuItem) != null && v.submenuItems) }), [s, R] = O(0), { width: I } = ze(), D = I < 768, [j, h] = O(null), Y = (K, W = "") => {
+    g
+  ), N = J({ "ml-auto": !l || !((p = (u = a == null ? void 0 : a.language) == null ? void 0 : u.submenuItem) != null && p.submenuItems) }), m = J({ "ml-auto": !n && !((v = (w = a == null ? void 0 : a.language) == null ? void 0 : w.submenuItem) != null && v.submenuItems) }), [s, R] = O(0), { width: I } = ze(), D = I < 768, [j, h] = O(null), Y = (K, W = "") => {
     var z, q, te, y, X, x;
     ((x = (X = (y = (te = (q = (z = K.currentTarget.parentNode) == null ? void 0 : z.parentNode) == null ? void 0 : q.parentNode) == null ? void 0 : te.parentNode) == null ? void 0 : y.parentNode) == null ? void 0 : X.previousSibling) == null ? void 0 : x.firstChild).innerText = K.currentTarget.innerText, [...document.getElementsByClassName("language")].forEach((Q) => {
       Q.removeAttribute("data-aria-selected"), Q.removeAttribute("aria-label");
@@ -4064,7 +4062,7 @@ const De = (i, t = 10) => {
         case "search":
           W = [
             ...W,
-            /* @__PURE__ */ e.createElement(Pe, { key: z }, c(n) && ((X = (y = a.search) == null ? void 0 : y.submenuItem) == null ? void 0 : X.submenuSearchContent) && /* @__PURE__ */ e.createElement("li", { role: "none", className: m, key: z }, /* @__PURE__ */ e.createElement(
+            /* @__PURE__ */ e.createElement(Pe, { key: z }, c(n) && ((X = (y = a.search) == null ? void 0 : y.submenuItem) == null ? void 0 : X.submenuSearchContent) && /* @__PURE__ */ e.createElement("li", { role: "none", className: N, key: z }, /* @__PURE__ */ e.createElement(
               ke,
               {
                 ...a.search.menuItem,
@@ -4105,7 +4103,7 @@ const De = (i, t = 10) => {
         case "user":
           W = [
             ...W,
-            /* @__PURE__ */ e.createElement(Pe, { key: z }, c(A) && a.user && /* @__PURE__ */ e.createElement("li", { role: "none", className: N }, /* @__PURE__ */ e.createElement(
+            /* @__PURE__ */ e.createElement(Pe, { key: z }, c(A) && a.user && /* @__PURE__ */ e.createElement("li", { role: "none", className: m }, /* @__PURE__ */ e.createElement(
               ke,
               {
                 ...a.user.menuItem,
@@ -4134,7 +4132,7 @@ const De = (i, t = 10) => {
                   setBackdropVisible: o
                 }
               )
-            )), c(A) && ((oe = a.user) == null ? void 0 : oe.drawerContent) && /* @__PURE__ */ e.createElement("li", { role: "none", className: N }, /* @__PURE__ */ e.createElement(
+            )), c(A) && ((oe = a.user) == null ? void 0 : oe.drawerContent) && /* @__PURE__ */ e.createElement("li", { role: "none", className: m }, /* @__PURE__ */ e.createElement(
               ke,
               {
                 ...M,
@@ -4172,7 +4170,7 @@ const De = (i, t = 10) => {
       }
     }), W;
   };
-  return /* @__PURE__ */ e.createElement("div", { className: g }, /* @__PURE__ */ e.createElement("nav", { "aria-label": t }, /* @__PURE__ */ e.createElement("ul", { role: "menubar", className: "flex xs:gap-16 md:gap-32 xl:gap-32" }, G(a))));
+  return /* @__PURE__ */ e.createElement("div", { className: E }, /* @__PURE__ */ e.createElement("nav", { "aria-label": t }, /* @__PURE__ */ e.createElement("ul", { role: "menubar", className: "flex xs:gap-16 md:gap-32 xl:gap-32" }, G(a))));
 }, ui = ({
   darkModeHeaderNavigation: i,
   ariaLabelHeaderNavigation: t,
@@ -4183,51 +4181,51 @@ const De = (i, t = 10) => {
   headerNavigationLegalSentence: o = "",
   className: d,
   setBackdropVisible: r,
-  optionsMenuOverflow: E
+  optionsMenuOverflow: g
 }) => {
-  const b = se(), g = J(
+  const b = se(), E = J(
     "container mx-auto agora-header-navigation-options grid xs:grid-cols-4 md:grid-cols-8 xl:grid-cols-12 gap-32 min-h-[60px]",
     {
       darkMode: c(i)
     },
     d
-  ), m = J("text-m-regular", {
+  ), N = J("text-m-regular", {
     "text-[var(--color-neutral-700)]": !i,
     "text-[var(--color-white)]": i,
     "sr-only": a
   });
-  return /* @__PURE__ */ e.createElement("div", { className: g }, /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-8 xl:col-span-5 flex items-center" }, A === "primary" && /* @__PURE__ */ e.createElement("p", { className: m }, o), a), l && /* @__PURE__ */ e.createElement("nav", { "aria-label": t, className: "xs:col-span-4 md:col-span-8 xl:col-span-7" }, /* @__PURE__ */ e.createElement("ul", { role: "menubar", className: "flex justify-end gap-32" }, l == null ? void 0 : l.filter((N, s) => s < 5).map((N, s) => {
+  return /* @__PURE__ */ e.createElement("div", { className: E }, /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-8 xl:col-span-5 flex items-center" }, A === "primary" && /* @__PURE__ */ e.createElement("p", { className: N }, o), a), l && /* @__PURE__ */ e.createElement("nav", { "aria-label": t, className: "xs:col-span-4 md:col-span-8 xl:col-span-7" }, /* @__PURE__ */ e.createElement("ul", { role: "menubar", className: "flex justify-end gap-32" }, l == null ? void 0 : l.filter((m, s) => s < 5).map((m, s) => {
     var D, j, h, Y, M, U;
     const R = `${b}-menu-${s}`, I = J(
       "agora-header-navigation-options-menu overflow-auto hidden absolute w-full right-0 z-sticky shadow-bottom-high",
       {
-        "bg-[var(--color-neutral-50)]": (D = N.submenuItem) == null ? void 0 : D.highlightItems,
-        "bg-[var(--color-neutral-100)]": !((j = N.submenuItem) != null && j.highlightItems)
+        "bg-[var(--color-neutral-50)]": (D = m.submenuItem) == null ? void 0 : D.highlightItems,
+        "bg-[var(--color-neutral-100)]": !((j = m.submenuItem) != null && j.highlightItems)
       }
     );
     return /* @__PURE__ */ e.createElement("li", { key: R, role: "none" }, /* @__PURE__ */ e.createElement(
       ke,
       {
-        ...N.menuItem,
-        ref: (h = N.menuItem) == null ? void 0 : h.ref,
+        ...m.menuItem,
+        ref: (h = m.menuItem) == null ? void 0 : h.ref,
         itemType: A,
         darkMode: i,
         onClick: (G) => {
           var u, p;
-          (p = (u = N.menuItem).onClick) == null || p.call(u, G), Se(G, r);
+          (p = (u = m.menuItem).onClick) == null || p.call(u, G), Se(G, r);
         }
       }
-    ), N.submenuItem && /* @__PURE__ */ e.createElement("div", { style: E, className: I }, /* @__PURE__ */ e.createElement(
+    ), m.submenuItem && /* @__PURE__ */ e.createElement("div", { style: g, className: I }, /* @__PURE__ */ e.createElement(
       We,
       {
-        submenu: N.submenuItem,
+        submenu: m.submenuItem,
         closeOtherMenuItemOpened: he,
         setBackdropVisible: r
       }
-    ), ((Y = N.submenuItem) == null ? void 0 : Y.highlightItems) && /* @__PURE__ */ e.createElement("div", { "aria-label": (M = N.submenuItem) == null ? void 0 : M.highlightItems.submenuAriaLabel, className: "bg-[var(--color-neutral-100)]" }, /* @__PURE__ */ e.createElement(
+    ), ((Y = m.submenuItem) == null ? void 0 : Y.highlightItems) && /* @__PURE__ */ e.createElement("div", { "aria-label": (M = m.submenuItem) == null ? void 0 : M.highlightItems.submenuAriaLabel, className: "bg-[var(--color-neutral-100)]" }, /* @__PURE__ */ e.createElement(
       We,
       {
-        submenu: (U = N.submenuItem) == null ? void 0 : U.highlightItems,
+        submenu: (U = m.submenuItem) == null ? void 0 : U.highlightItems,
         closeOtherMenuItemOpened: he,
         setBackdropVisible: r,
         className: "flex flex-wrap gap-32"
@@ -4244,21 +4242,21 @@ const De = (i, t = 10) => {
   headerGeneralOptions: o,
   headerPrimaryNavigation: d,
   headerSecondaryNavigation: r,
-  menuBurgerItem: E,
+  menuBurgerItem: g,
   hasBackButtonBurger: b,
-  backButtonLabelBurger: g,
-  handleBackButtonBurger: m
+  backButtonLabelBurger: E,
+  handleBackButtonBurger: N
 }) => {
   var ve, ye;
-  const { width: N } = ze(), s = N >= 768 && N < 1200, R = N < 768, I = () => {
-    var le, ee, Ae, ce, Ie, ue, Ue, Qe, di, si, Ni, mi, bi, Ei, gi, Ii, Ri, Zi;
+  const { width: m } = ze(), s = m >= 768 && m < 1200, R = m < 768, I = () => {
+    var le, ee, Ae, ce, Ie, Ye, ue, Qe, di, si, Ni, mi, bi, Ei, gi, Ii, Ri, Zi;
     const $ = [
       ...document.getElementsByClassName("agora-header-general-options-menu"),
       ...document.getElementsByClassName("agora-header-navigation-options-menu"),
       ...document.getElementsByClassName("agora-header-burger-navigation-options-menu"),
       ...document.getElementsByClassName("agora-drawer-authentication")
     ].find((tt) => !tt.classList.contains("hidden"));
-    if ((Ie = (ce = (Ae = (ee = (le = $ == null ? void 0 : $.parentElement) == null ? void 0 : le.parentElement) == null ? void 0 : ee.parentElement) == null ? void 0 : Ae.parentElement) == null ? void 0 : ce.parentElement) != null && Ie.classList.contains("agora-header-general") || (si = (di = (Qe = (Ue = (ue = $ == null ? void 0 : $.parentElement) == null ? void 0 : ue.parentElement) == null ? void 0 : Ue.parentElement) == null ? void 0 : Qe.parentElement) == null ? void 0 : di.parentElement) != null && si.classList.contains("agora-header-primary") || (gi = (Ei = (bi = (mi = (Ni = $ == null ? void 0 : $.parentElement) == null ? void 0 : Ni.parentElement) == null ? void 0 : mi.parentElement) == null ? void 0 : bi.parentElement) == null ? void 0 : Ei.parentElement) != null && gi.classList.contains("agora-header-secondary"))
+    if ((Ie = (ce = (Ae = (ee = (le = $ == null ? void 0 : $.parentElement) == null ? void 0 : le.parentElement) == null ? void 0 : ee.parentElement) == null ? void 0 : Ae.parentElement) == null ? void 0 : ce.parentElement) != null && Ie.classList.contains("agora-header-general") || (si = (di = (Qe = (ue = (Ye = $ == null ? void 0 : $.parentElement) == null ? void 0 : Ye.parentElement) == null ? void 0 : ue.parentElement) == null ? void 0 : Qe.parentElement) == null ? void 0 : di.parentElement) != null && si.classList.contains("agora-header-primary") || (gi = (Ei = (bi = (mi = (Ni = $ == null ? void 0 : $.parentElement) == null ? void 0 : Ni.parentElement) == null ? void 0 : mi.parentElement) == null ? void 0 : bi.parentElement) == null ? void 0 : Ei.parentElement) != null && gi.classList.contains("agora-header-secondary"))
       return $.parentElement.parentElement.parentElement.parentElement.parentElement;
     if ((Zi = (Ri = (Ii = $ == null ? void 0 : $.parentElement) == null ? void 0 : Ii.parentElement) == null ? void 0 : Ri.parentElement) != null && Zi.classList.contains("agora-header-burger-navigation"))
       return $.parentElement.parentElement.parentElement;
@@ -4267,8 +4265,8 @@ const De = (i, t = 10) => {
   }, D = (f, $) => {
     const le = Array.from($).filter(
       (Ae) => {
-        var ce, Ie, ue;
-        return !((ue = (Ie = (ce = Ae == null ? void 0 : Ae.parentElement) == null ? void 0 : ce.parentElement) == null ? void 0 : Ie.parentElement) != null && ue.classList.contains("hidden")) || !Ae.classList.contains("!hidden");
+        var ce, Ie, Ye;
+        return !((Ye = (Ie = (ce = Ae == null ? void 0 : Ae.parentElement) == null ? void 0 : ce.parentElement) == null ? void 0 : Ie.parentElement) != null && Ye.classList.contains("hidden")) || !Ae.classList.contains("!hidden");
       }
     ), ee = [];
     if (le.forEach((Ae) => {
@@ -4281,19 +4279,19 @@ const De = (i, t = 10) => {
     var Ae;
     const le = Array.from($).filter(
       (ce) => {
-        var Ie, ue, Ue, Qe;
-        return !((Qe = (Ue = (ue = (Ie = ce == null ? void 0 : ce.parentElement) == null ? void 0 : Ie.parentElement) == null ? void 0 : ue.parentElement) == null ? void 0 : Ue.parentElement) != null && Qe.classList.contains("hidden")) && !ce.classList.contains("!hidden");
+        var Ie, Ye, ue, Qe;
+        return !((Qe = (ue = (Ye = (Ie = ce == null ? void 0 : ce.parentElement) == null ? void 0 : Ie.parentElement) == null ? void 0 : Ye.parentElement) == null ? void 0 : ue.parentElement) != null && Qe.classList.contains("hidden")) && !ce.classList.contains("!hidden");
       }
     ), ee = [];
     if (le.forEach((ce) => {
       !ce.closest(".agora-header-burger-navigation-options-submenu-level-2.hidden") && !ce.closest(".agora-header-burger-navigation-options-submenu-level-3.hidden") && !ce.closest(".agora-header-burger-navigation-options-submenu.hidden") && ee.push(ce);
     }), ee) {
       const ce = ee.find(
-        (Ue) => !Ue.classList.contains("hidden") && !Ue.classList.contains("!hidden")
-      ), ue = Array.from(ee).reverse().find(
-        (Ue) => !Ue.classList.contains("hidden") && !Ue.classList.contains("!hidden")
+        (ue) => !ue.classList.contains("hidden") && !ue.classList.contains("!hidden")
+      ), Ye = Array.from(ee).reverse().find(
+        (ue) => !ue.classList.contains("hidden") && !ue.classList.contains("!hidden")
       );
-      f.shiftKey && document.activeElement === ce ? (f.preventDefault(), ue.focus()) : (!f.shiftKey && document.activeElement === ue || !((Ae = document.querySelector(".agora-header-burger-navigation")) != null && Ae.contains(document.activeElement))) && (f.preventDefault(), ce.focus());
+      f.shiftKey && document.activeElement === ce ? (f.preventDefault(), Ye.focus()) : (!f.shiftKey && document.activeElement === Ye || !((Ae = document.querySelector(".agora-header-burger-navigation")) != null && Ae.contains(document.activeElement))) && (f.preventDefault(), ce.focus());
     }
   }, [h, Y] = O(!1), M = C(null), U = (f) => {
     Y(f);
@@ -4321,10 +4319,10 @@ const De = (i, t = 10) => {
         '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"])'
       )
     ), ee = document.querySelector(".agora-header-burger-navigation-options-menu"), Ae = document.querySelector(".agora-header-burger-navigation-options-submenu"), ce = document.querySelector(".agora-header-burger-navigation-options-submenu-level-2"), Ie = document.querySelector(".agora-header-burger-navigation-options-submenu-level-3");
-    let ue = [];
-    le.forEach((Ue) => {
-      Ie != null && Ie.contains(Ue) && (Ie != null && Ie.classList.contains("hidden")) || ce != null && ce.contains(Ue) && (ce != null && ce.classList.contains("hidden")) || Ae != null && Ae.contains(Ue) && (Ae != null && Ae.classList.contains("hidden")) || ee != null && ee.contains(Ue) && (ee != null && ee.classList.contains("hidden")) || (ue = [...ue, Ue]);
-    }), j(f, ue);
+    let Ye = [];
+    le.forEach((ue) => {
+      Ie != null && Ie.contains(ue) && (Ie != null && Ie.classList.contains("hidden")) || ce != null && ce.contains(ue) && (ce != null && ce.classList.contains("hidden")) || Ae != null && Ae.contains(ue) && (Ae != null && Ae.classList.contains("hidden")) || ee != null && ee.contains(ue) && (ee != null && ee.classList.contains("hidden")) || (Ye = [...Ye, ue]);
+    }), j(f, Ye);
   }, []);
   ie(() => {
     const { current: f } = M, $ = (le) => {
@@ -4403,7 +4401,7 @@ const De = (i, t = 10) => {
     let f = !1;
     const $ = () => {
       const ee = document.querySelector(".agora-header"), Ae = document.querySelector(".agora-header-primary"), ce = document.querySelector(".agora-header-secondary"), Ie = document.querySelector(".agora-header-burger-navigation");
-      ee != null && ee.contains(document.activeElement) && window.scrollTo(0, 0), _((ue) => !ue), window.scrollY === 0 && !R && !s && (Ae == null || Ae.removeAttribute("hidden"), ce == null || ce.removeAttribute("hidden"), Ae == null || Ae.classList.add("fade-in-up"), ce == null || ce.classList.add("fade-in-up"), Ie == null || Ie.setAttribute("hidden", "true"), Ie == null || Ie.classList.remove("fade-in-up"), De(() => {
+      ee != null && ee.contains(document.activeElement) && window.scrollTo(0, 0), _((Ye) => !Ye), window.scrollY === 0 && !R && !s && (Ae == null || Ae.removeAttribute("hidden"), ce == null || ce.removeAttribute("hidden"), Ae == null || Ae.classList.add("fade-in-up"), ce == null || ce.classList.add("fade-in-up"), Ie == null || Ie.setAttribute("hidden", "true"), Ie == null || Ie.classList.remove("fade-in-up"), Ue(() => {
         Ae == null || Ae.classList.remove("fade-in-up"), ce == null || ce.classList.remove("fade-in-up");
       }, 550), f = !1), !H && window.scrollY > 1 && !R && !s && (f || !(ee != null && ee.contains(document.activeElement))) && (Ae == null || Ae.setAttribute("hidden", "true"), ce == null || ce.setAttribute("hidden", "true"), Ae == null || Ae.classList.remove("fade-in-up"), ce == null || ce.classList.remove("fade-in-up"), Ie == null || Ie.removeAttribute("hidden"), Ie == null || Ie.classList.add("fade-in-up"), f = !1);
     }, le = () => {
@@ -4480,7 +4478,7 @@ const De = (i, t = 10) => {
   )), q.menuItemsHeaderNavigation && /* @__PURE__ */ e.createElement("div", { className: me, hidden: !0 }, /* @__PURE__ */ e.createElement(
     ba,
     {
-      menuBurgerItem: E,
+      menuBurgerItem: g,
       headerSecondaryNavigation: r,
       headerPrimaryNavigation: q,
       darkModeHeader: a,
@@ -4492,8 +4490,8 @@ const De = (i, t = 10) => {
       hasHeaderPrimaryNavigation: n,
       hasHeaderSecondaryNavigation: x,
       hasBackButtonBurger: b,
-      backButtonLabelBurger: g,
-      handleBackButtonBurger: m,
+      backButtonLabelBurger: E,
+      handleBackButtonBurger: N,
       headerSEO: i,
       isHomepage: t
     }
@@ -4520,7 +4518,7 @@ const De = (i, t = 10) => {
     /* @__PURE__ */ e.createElement("ul", { role: "menubar" }, w.menuDrawer.items.map((f, $) => {
       const le = `menu-drawer-${$}`;
       return /* @__PURE__ */ e.createElement("li", { role: "none", key: le }, /* @__PURE__ */ e.createElement(
-        Me,
+        De,
         {
           className: "agora-drawer-menu-item",
           appearance: "link",
@@ -4684,7 +4682,7 @@ const De = (i, t = 10) => {
       }
   }, r = () => {
     l(!0);
-  }, E = () => {
+  }, g = () => {
     l(!1);
   }, b = (s, R, I) => {
     s.setDate(s.getDate() + 1);
@@ -4732,25 +4730,25 @@ const De = (i, t = 10) => {
         onKeyDown: d,
         onClick: o,
         onFocus: r,
-        onBlur: E
+        onBlur: g
       },
       /* @__PURE__ */ e.createElement("div", { "aria-hidden": !0, className: G }, s.getDate())
     );
-  }, g = (s) => {
+  }, E = (s) => {
     const R = new Date(i.focusedDate.getFullYear(), i.focusedDate.getMonth(), 1), I = R.getDay() + 1;
     return R.setDate(R.getDate() - I), R.setDate(R.getDate() + s * 7), Array.from(Array(7).keys()).map((D) => b(R, s, D));
-  }, m = de(() => Array.from(Array(6).keys()).map((s) => {
+  }, N = de(() => Array.from(Array(6).keys()).map((s) => {
     const R = `tr-key-${s}`;
-    return /* @__PURE__ */ e.createElement("div", { role: "row", className: "grid grid-flow-col gap-[2px]", key: R }, g(s));
-  }), [i.focusedDate, i.selectedDate, a]), N = () => {
+    return /* @__PURE__ */ e.createElement("div", { role: "row", className: "grid grid-flow-col gap-[2px]", key: R }, E(s));
+  }), [i.focusedDate, i.selectedDate, a]), m = () => {
     if (t.current) {
       const s = Array.from(t.current.querySelectorAll('.day[tabIndex="0"]')).shift();
       s && s.focus();
     }
   };
-  return ie(() => N(), []), ie(() => {
-    a && N();
-  }, [a]), ie(() => N(), [i.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]" }, i.getAbbrWeekDays().map((s) => /* @__PURE__ */ e.createElement(
+  return ie(() => m(), []), ie(() => {
+    a && m();
+  }, [a]), ie(() => m(), [i.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]" }, i.getAbbrWeekDays().map((s) => /* @__PURE__ */ e.createElement(
     "div",
     {
       role: "gridcell",
@@ -4759,7 +4757,7 @@ const De = (i, t = 10) => {
       "aria-hidden": !0
     },
     s
-  ))), /* @__PURE__ */ e.createElement("div", { ref: t, role: "rowgroup" }, m)));
+  ))), /* @__PURE__ */ e.createElement("div", { ref: t, role: "rowgroup" }, N)));
 }, Da = () => {
   const i = ri(), t = () => {
     i.setSelectedDate(i.focusedDate);
@@ -4779,20 +4777,20 @@ const De = (i, t = 10) => {
   const i = ri();
   return /* @__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" }, `${i.focusedMonth} ${i.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, { appearance: "outline", onClick: i.moveToPreviousYear, "aria-label": i.getLabels().previousYearAriaLabel }, /* @__PURE__ */ e.createElement(ae, { name: "agora-line-chevrons-left", dimensions: "s", "aria-hidden": !0 })), /* @__PURE__ */ e.createElement(Ne, { appearance: "outline", onClick: i.moveToPreviousMonth, "aria-label": i.getLabels().previousMonthAriaLabel }, /* @__PURE__ */ e.createElement(ae, { name: "agora-line-chevron-left", dimensions: "s", "aria-hidden": !0 }))), /* @__PURE__ */ e.createElement("div", { className: "flex gap-8 justify-center" }, /* @__PURE__ */ e.createElement(Ne, { appearance: "outline", onClick: i.moveToNextMonth, "aria-label": i.getLabels().nextMonthAriaLabel }, /* @__PURE__ */ e.createElement(ae, { name: "agora-line-chevron-right", dimensions: "s", "aria-hidden": !0 })), /* @__PURE__ */ e.createElement(Ne, { appearance: "outline", onClick: i.moveToNextYear, "aria-label": i.getLabels().nextYearAriaLabel }, /* @__PURE__ */ e.createElement(ae, { name: "agora-line-chevrons-right", dimensions: "s", "aria-hidden": !0 })))));
 }, pa = ({ date: i = /* @__PURE__ */ new Date(), onChange: t, onCancel: a, labels: l, className: n }) => {
-  const [A, o] = O(!1), [d, r] = O(i), [E, b] = O(i), g = () => {
+  const [A, o] = O(!1), [d, r] = O(i), [g, b] = O(i), E = () => {
     a();
   };
   ie(() => {
-    A ? De(() => t(d)) : o(!0);
+    A ? Ue(() => t(d)) : o(!0);
   }, [d]);
-  const m = de(() => ({
-    focusedDate: E,
+  const N = de(() => ({
+    focusedDate: g,
     selectedDate: d,
     setFocusedDate: b,
     setSelectedDate: r,
-    cancel: g,
+    cancel: E,
     labels: l
-  }), [d, E]), N = J(
+  }), [d, g]), m = J(
     n,
     "absolute left-0 top-[68px] shadow-bottom-high bg-white p-16 border-2 border-[var(--color-neutral-200)] rounded-4 z-dropdown"
   ), s = C(null), R = ge((I) => {
@@ -4809,23 +4807,23 @@ const De = (i, t = 10) => {
   }, []);
   return ie(() => (document == null || document.addEventListener("keydown", R), () => {
     document == null || document.removeEventListener("keydown", R);
-  }), [R]), /* @__PURE__ */ e.createElement(ga, { value: m }, /* @__PURE__ */ e.createElement("div", { ref: s, className: N }, /* @__PURE__ */ e.createElement(Ma, null), /* @__PURE__ */ e.createElement(Ga, null), /* @__PURE__ */ e.createElement("div", { className: "border-1 border-[var(--color-neutral-300)]" }), /* @__PURE__ */ e.createElement(Da, null)));
+  }), [R]), /* @__PURE__ */ e.createElement(ga, { value: N }, /* @__PURE__ */ e.createElement("div", { ref: s, className: m }, /* @__PURE__ */ e.createElement(Ma, null), /* @__PURE__ */ e.createElement(Ga, null), /* @__PURE__ */ e.createElement("div", { className: "border-1 border-[var(--color-neutral-300)]" }), /* @__PURE__ */ e.createElement(Da, null)));
 }, He = (i) => i === "" ? i : i.length === 1 ? `0${i}` : i, Ya = (i) => i % 4 === 0 && (i % 100 !== 0 || i % 400 === 0), ua = (i, t, a) => {
   const l = Math.max(i, 1), n = He(t.toString()), A = a.toString();
   return t === 2 ? Ya(a) && l >= 29 ? `29/${n}/${A}` : l > 28 ? `28/${n}/${A}` : `${He(l.toString())}/${n}/${A}` : [11, 9, 6, 4].indexOf(t) >= 0 ? `${He(Math.min(30, l).toString())}/${n}/${A}` : `${He(Math.min(31, l).toString())}/${n}/${A}`;
 }, Ua = ({ className: i = "", dayInputPlaceholder: t = "", monthInputPlaceholder: a = "", yearInputPlaceholder: l = "", ...n }, A) => {
   const o = J("agora-date-input", i), d = (r) => {
-    const E = r.target.value;
-    if (!/\d{1,2}\/\d{1,2}\/\d{4}/.test(E))
+    const g = r.target.value;
+    if (!/\d{1,2}\/\d{1,2}\/\d{4}/.test(g))
       r.target.value = "";
     else {
-      const g = E.split("/").map((m) => parseInt(m, 10));
-      r.target.value = ua(g[0], g[1], g[2]);
+      const E = g.split("/").map((N) => parseInt(N, 10));
+      r.target.value = ua(E[0], E[1], E[2]);
     }
     const b = Te(r.target, "change");
-    De(() => {
-      var g;
-      return (g = n.onChange) == null ? void 0 : g.call(n, b);
+    Ue(() => {
+      var E;
+      return (E = n.onChange) == null ? void 0 : E.call(n, b);
     });
   };
   return /* @__PURE__ */ e.createElement(
@@ -4849,11 +4847,11 @@ const De = (i, t = 10) => {
   feedbackState: o = "info",
   darkMode: d,
   hasIcon: r,
-  icon: E,
+  icon: g,
   dayInputPlaceholder: b,
-  monthInputPlaceholder: g,
-  yearInputPlaceholder: m,
-  calendarIconAriaLabel: N,
+  monthInputPlaceholder: E,
+  yearInputPlaceholder: N,
+  calendarIconAriaLabel: m,
   previousYearAriaLabel: s,
   previousMonthAriaLabel: R,
   nextMonthAriaLabel: I,
@@ -4929,7 +4927,7 @@ const De = (i, t = 10) => {
   ie(() => {
     if (B.current) {
       const f = Te(B.current, "change");
-      De(() => T == null ? void 0 : T(f));
+      Ue(() => T == null ? void 0 : T(f));
     }
   }, [X]);
   const ve = {
@@ -4957,14 +4955,14 @@ const De = (i, t = 10) => {
     "has-feedback": c(n),
     ["feedback-" + o]: c(n) && o
   });
-  return /* @__PURE__ */ e.createElement("div", { hidden: !!W.hidden, className: ye, ref: z }, /* @__PURE__ */ e.createElement("label", { hidden: !!c(a), htmlFor: W.id, className: "input-date-label" }, t), /* @__PURE__ */ e.createElement("div", { className: "input-wrapper" }, r && E && E.startsWith("agora-line") && /* @__PURE__ */ e.createElement("div", { className: "input-leading-icon" }, /* @__PURE__ */ e.createElement(ae, { name: E, "aria-hidden": !0 })), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { hidden: !!W.hidden, className: ye, ref: z }, /* @__PURE__ */ e.createElement("label", { hidden: !!c(a), htmlFor: W.id, className: "input-date-label" }, t), /* @__PURE__ */ e.createElement("div", { className: "input-wrapper" }, r && g && g.startsWith("agora-line") && /* @__PURE__ */ e.createElement("div", { className: "input-leading-icon" }, /* @__PURE__ */ e.createElement(ae, { name: g, "aria-hidden": !0 })), /* @__PURE__ */ e.createElement(
     ja,
     {
       ref: B,
       id: W.id,
       dayInputPlaceholder: b,
-      monthInputPlaceholder: g,
-      yearInputPlaceholder: m,
+      monthInputPlaceholder: E,
+      yearInputPlaceholder: N,
       onKeyDown: Ee,
       value: q,
       onChange: je,
@@ -4978,7 +4976,7 @@ const De = (i, t = 10) => {
       disabled: !!W.disabled || !!W.readOnly,
       onClick: P,
       className: "input-trailing-icon",
-      "aria-label": N
+      "aria-label": m
     },
     /* @__PURE__ */ e.createElement(ae, { name: "agora-line-calendar", "aria-hidden": !0, className: "icon-calendar-default" }),
     /* @__PURE__ */ e.createElement(ae, { name: "agora-solid-calendar", "aria-hidden": !0, className: "icon-calendar-hover" })
@@ -4992,7 +4990,7 @@ const De = (i, t = 10) => {
       onCancel: oe
     }
   )), (c(n) || c(l)) && A && /* @__PURE__ */ e.createElement(
-    Ye,
+    pe,
     {
       feedbackState: c(l) ? "danger" : o,
       feedbackText: A,
@@ -5009,21 +5007,21 @@ const De = (i, t = 10) => {
   feedbackText: o,
   hasError: d,
   required: r = !0,
-  onSendHandler: E,
+  onSendHandler: g,
   pattern: b = ha,
-  ...g
-}, m) => {
-  const N = se(), s = { ...g };
-  s.id = s.id ?? N;
+  ...E
+}, N) => {
+  const m = se(), s = { ...E };
+  s.id = s.id ?? m;
   const { onChange: R } = s, [I, D] = O(""), [j, h] = O(!1), Y = ge(
     (p) => {
       const { value: w } = p.currentTarget;
-      D(w), h(new RegExp(b).test(w)), De(() => R == null ? void 0 : R(p));
+      D(w), h(new RegExp(b).test(w)), R == null || R(p);
     },
     [R, b]
   ), M = ge(() => {
-    E && new RegExp(b).test(I) && E(I);
-  }, [E, b, I]), U = J(
+    g && new RegExp(b).test(I) && g(I);
+  }, [g, b, I]), U = J(
     "agora-input-email-bar",
     { dark: c(A) },
     {
@@ -5047,7 +5045,7 @@ const De = (i, t = 10) => {
     {
       ...s,
       className: "flex-grow-[1] outline-none",
-      ref: m,
+      ref: N,
       type: "email",
       disabled: !!s.disabled,
       onChange: Y,
@@ -5067,7 +5065,7 @@ const De = (i, t = 10) => {
       disabled: !j
     }
   ))), (c(l) || c(d)) && o && /* @__PURE__ */ e.createElement(
-    Ye,
+    pe,
     {
       feedbackState: c(d) ? "danger" : n,
       feedbackText: o,
@@ -5084,18 +5082,18 @@ const De = (i, t = 10) => {
   feedbackState: o,
   darkMode: d,
   feedbackText: r,
-  hasIcon: E,
+  hasIcon: g,
   icon: b,
-  className: g,
-  required: m = !0,
-  ...N
+  className: E,
+  required: N = !0,
+  ...m
 }, s) => {
-  const R = se(), I = { ...N };
+  const R = se(), I = { ...m };
   I.id = I.id ?? R;
   const { onChange: D, min: j, max: h } = I, Y = C(null), [M, U] = O(I.value), G = (B) => {
     var q;
     const { value: z } = B.currentTarget;
-    if (U(z), De(() => D == null ? void 0 : D(B)), h === parseFloat((z == null ? void 0 : z.toString()) ?? "0") || j === parseFloat((z == null ? void 0 : z.toString()) ?? "0")) {
+    if (U(z), D == null || D(B), h === parseFloat((z == null ? void 0 : z.toString()) ?? "0") || j === parseFloat((z == null ? void 0 : z.toString()) ?? "0")) {
       const te = (q = Y.current) == null ? void 0 : q.querySelector("input");
       te && te.focus();
     }
@@ -5122,11 +5120,11 @@ const De = (i, t = 10) => {
     inputClasses: J(
       "agora-input-number",
       {
-        "has-leading-icon": E && (b == null ? void 0 : b.indexOf("agora-line")) === 0,
+        "has-leading-icon": g && (b == null ? void 0 : b.indexOf("agora-line")) === 0,
         // allowing only line family icon
         "has-value": M && M.toString().length > 0
       },
-      g
+      E
     ),
     leadingIconWrapperClasses: J("input-leading-icon")
   }), { inputWrapperClasses: S, labelSectionClasses: F, inputClasses: L, leadingIconWrapperClasses: T } = v(), k = () => {
@@ -5150,10 +5148,10 @@ const De = (i, t = 10) => {
       "aria-invalid": c(a),
       "aria-label": c(t) ? I["aria-label"] ?? i : I["aria-label"],
       ref: s,
-      required: m,
+      required: N,
       onChange: G
     }
-  ), E && b && b.startsWith("agora-line") && /* @__PURE__ */ e.createElement("div", { className: T }, /* @__PURE__ */ e.createElement(ae, { name: b, "aria-hidden": !0 })), /* @__PURE__ */ e.createElement(
+  ), g && b && b.startsWith("agora-line") && /* @__PURE__ */ e.createElement("div", { className: T }, /* @__PURE__ */ e.createElement(ae, { name: b, "aria-hidden": !0 })), /* @__PURE__ */ e.createElement(
     "div",
     {
       className: "input-number-controls",
@@ -5184,7 +5182,7 @@ const De = (i, t = 10) => {
       /* @__PURE__ */ e.createElement(ae, { name: "agora-solid-plus-circle", "aria-hidden": !0, className: "icon-step icon-step-hover" })
     )
   )), (c(A) || c(a)) && r && /* @__PURE__ */ e.createElement(
-    Ye,
+    pe,
     {
       feedbackState: c(a) ? "danger" : o,
       feedbackText: r,
@@ -5201,19 +5199,18 @@ const De = (i, t = 10) => {
   feedbackText: o,
   hasIcon: d,
   icon: r,
-  className: E,
+  className: g,
   required: b = !0,
-  togglePasswordAltIconText: g,
-  ...m
-}, N) => {
-  const s = se(), R = { ...m };
+  togglePasswordAltIconText: E,
+  ...N
+}, m) => {
+  const s = se(), R = { ...N };
   R.id = R.id ?? s;
-  const { onChange: I } = R, D = C(null), [j, h] = O(!1), [Y, M] = O(R.value), U = () => {
+  const { onChange: I } = R, D = C(null), [j, h] = O(!1), [Y, M] = O(R.value ? R.value.toString().length > 0 : !1), U = () => {
     var L;
     !R.disabled && !R.readOnly && (h(!j), D != null && D.current && ((L = D.current.querySelector("input")) == null || L.focus()));
   }, G = (L) => {
-    const { value: T } = L.currentTarget;
-    M(T), De(() => I == null ? void 0 : I(L));
+    M(L.currentTarget.value.length > 0), I == null || I(L);
   }, u = () => ({
     // main wrapper class
     inputWrapperClasses: J(
@@ -5242,9 +5239,9 @@ const De = (i, t = 10) => {
       {
         "has-leading-icon": d && (r == null ? void 0 : r.startsWith("agora-line")),
         // allowing only line family icon
-        "has-value": Y && (Y == null ? void 0 : Y.toString().length) > 0
+        "has-value": Y
       },
-      E
+      g
     ),
     leadingIconWrapperClasses: J("input-leading-icon")
   }), { inputWrapperClasses: p, labelSectionClasses: w, inputClasses: v, leadingIconWrapperClasses: S } = u(), F = J("input-password-label", { dark: c(A) });
@@ -5258,7 +5255,7 @@ const De = (i, t = 10) => {
       readOnly: !!R.readOnly,
       "aria-invalid": c(a),
       "aria-label": c(t) ? R["aria-label"] ?? i : R["aria-label"],
-      ref: N,
+      ref: m,
       required: b,
       onChange: G
     }
@@ -5268,12 +5265,12 @@ const De = (i, t = 10) => {
       type: "button",
       className: "input-btn-toggle bg-transparent",
       onClick: U,
-      "aria-label": g,
+      "aria-label": E,
       disabled: R.disabled ?? R.readOnly
     },
     /* @__PURE__ */ e.createElement(ae, { name: `agora-line-${j ? "eye-off" : "eye"}`, "aria-hidden": !0 })
   )), (c(l) || c(a)) && o && /* @__PURE__ */ e.createElement(
-    Ye,
+    pe,
     {
       feedbackState: c(a) ? "danger" : n,
       feedbackText: o,
@@ -6665,11 +6662,11 @@ const De = (i, t = 10) => {
   feedbackText: o,
   feedbackState: d = "info",
   darkMode: r,
-  className: E = "",
+  className: g = "",
   searchInputAriaLabel: b,
-  searchInputPlaceholder: g,
-  searchNoResultsText: m,
-  visibleCount: N,
+  searchInputPlaceholder: E,
+  searchNoResultsText: N,
+  visibleCount: m,
   required: s = !0,
   searchable: R,
   dropdownAriaLabel: I,
@@ -6725,7 +6722,7 @@ const De = (i, t = 10) => {
     /\d/.test(P.key) || (P.preventDefault(), P.stopPropagation());
   }, te = (P) => {
     const { value: ne } = P.currentTarget;
-    L(ne.length > 0), De(() => D == null ? void 0 : D(P));
+    L(ne.length > 0), D == null || D(P);
   }, y = () => {
     var P, ne, Ee;
     (P = w.current) != null && P.visibility ? (ne = w.current) == null || ne.hide() : (Ee = w.current) == null || Ee.show();
@@ -6747,7 +6744,7 @@ const De = (i, t = 10) => {
       document == null || document.removeEventListener("click", P);
     };
   }, []);
-  const Q = c(r) ? "dark" : "", H = J("agora-input-phone", E, Q), _ = J("input-phone-wrapper", Q, {
+  const Q = c(r) ? "dark" : "", H = J("agora-input-phone", g, Q), _ = J("input-phone-wrapper", Q, {
     "has-value": F,
     disabled: U.disabled,
     readonly: U.readOnly,
@@ -6800,9 +6797,9 @@ const De = (i, t = 10) => {
       type: "text",
       searchable: R,
       searchAriaLabel: b,
-      searchPlaceholder: g,
-      noSearchResults: m,
-      optionsVisible: N,
+      searchPlaceholder: E,
+      noSearchResults: N,
+      optionsVisible: m,
       "aria-label": I,
       hideSectionNames: !0
     },
@@ -6822,7 +6819,7 @@ const De = (i, t = 10) => {
       );
     }))
   ))), (c(A) || c(n)) && o && /* @__PURE__ */ e.createElement(
-    Ye,
+    pe,
     {
       feedbackState: c(n) ? "danger" : d,
       feedbackText: o,
@@ -6839,11 +6836,11 @@ const De = (i, t = 10) => {
   hasFeedback: o,
   feedbackText: d,
   feedbackState: r = "info",
-  ...E
+  ...g
 }, b) => {
-  const g = se(), m = { ...E };
-  m.id = m.id ?? g;
-  const { onChange: N } = m, [s, R] = O([n[0], n[1]]), I = C(n), D = C(null), j = C(null), h = C(null);
+  const E = se(), N = { ...g };
+  N.id = N.id ?? E;
+  const { onChange: m } = N, [s, R] = O([n[0], n[1]]), I = C(n), D = C(null), j = C(null), h = C(null);
   Je(
     b,
     D,
@@ -6854,7 +6851,7 @@ const De = (i, t = 10) => {
   ), ie(() => {
     if (I.current[0] !== n[0] || I.current[1] !== n[1]) {
       const u = [...n];
-      a === "single" && (u[1] = Number(m.max)), R(u), I.current = u;
+      a === "single" && (u[1] = Number(N.max)), R(u), I.current = u;
     }
   }, [n]);
   const Y = (u) => {
@@ -6864,7 +6861,7 @@ const De = (i, t = 10) => {
         return;
       R(u);
     }
-    De(() => N == null ? void 0 : N(u));
+    m == null || m(u);
   }, M = () => {
     var u, p;
     (u = j.current) == null || u.classList.remove("z-[2]"), (p = h.current) == null || p.classList.remove("z-[2]");
@@ -6874,40 +6871,40 @@ const De = (i, t = 10) => {
     "has-label": !c(t),
     "has-error": c(A)
   });
-  return /* @__PURE__ */ e.createElement("div", { className: G, ref: D }, /* @__PURE__ */ e.createElement("label", { hidden: c(t), htmlFor: `${m.id}-0`, className: "input-range-label" }, i), /* @__PURE__ */ e.createElement("div", { className: "rail-container" }, /* @__PURE__ */ e.createElement("div", { className: "rail" }), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: G, ref: D }, /* @__PURE__ */ e.createElement("label", { hidden: c(t), htmlFor: `${N.id}-0`, className: "input-range-label" }, i), /* @__PURE__ */ e.createElement("div", { className: "rail-container" }, /* @__PURE__ */ e.createElement("div", { className: "rail" }), /* @__PURE__ */ e.createElement(
     "input",
     {
-      ...E,
+      ...g,
       className: "inner-input-range",
       type: "range",
-      id: `${m.id}-0`,
+      id: `${N.id}-0`,
       disabled: l,
       onChange: (u) => Y([Number(u.target.value), s[1]]),
       value: s[0],
       ref: j,
       "aria-invalid": c(A),
-      "aria-label": c(t) ? m["aria-label"] ?? i : m["aria-label"],
+      "aria-label": c(t) ? N["aria-label"] ?? i : N["aria-label"],
       onMouseDown: U,
       onMouseUp: M
     }
   ), /* @__PURE__ */ e.createElement(
     "input",
     {
-      ...E,
+      ...g,
       className: "inner-input-range",
       hidden: a === "single",
       type: "range",
-      id: `${m.id}-1`,
+      id: `${N.id}-1`,
       disabled: l,
       onChange: (u) => Y([s[0], Number(u.target.value)]),
       value: s[1],
       ref: h,
       "aria-invalid": c(A),
-      "aria-label": c(t) ? m["aria-label"] ?? i : m["aria-label"],
+      "aria-label": c(t) ? N["aria-label"] ?? i : N["aria-label"],
       onMouseDown: U,
       onMouseUp: M
     }
-  )), (c(o) || c(A)) && d && /* @__PURE__ */ e.createElement(Ye, { feedbackState: c(A) ? "danger" : r, feedbackText: d, className: "mt-0" }));
+  )), (c(o) || c(A)) && d && /* @__PURE__ */ e.createElement(pe, { feedbackState: c(A) ? "danger" : r, feedbackText: d, className: "mt-0" }));
 }, Wn = re(Wa), ka = ({
   label: i,
   hideLabel: t,
@@ -6918,20 +6915,20 @@ const De = (i, t = 10) => {
   feedbackText: o,
   hasIcon: d,
   icon: r,
-  className: E,
+  className: g,
   required: b = !0,
-  ...g
+  onChange: E,
+  ...N
 }, m) => {
-  const N = se(), s = { ...g };
-  s.id = s.id ?? N;
-  const { onChange: R } = s, [I, D] = O(s.value), j = (w) => {
-    const { value: v } = w.currentTarget;
-    D(v), De(() => R == null ? void 0 : R(w));
+  const s = se(), R = { ...N };
+  R.id = R.id ?? s;
+  const [I, D] = O(R.value ? R.value.toString().length > 0 : !1), j = (w) => {
+    D(w.currentTarget.value.length > 0), E == null || E(w);
   }, h = c(A) ? "dark" : "", Y = () => ({
     // main wrapper class
     inputWrapperClasses: J("agora-input-search-wrapper", h, {
-      "flex flex-col": !s.hidden,
-      "input-disabled": !!s.disabled,
+      "flex flex-col": !R.hidden,
+      "input-disabled": !!R.disabled,
       "has-error": c(a),
       "has-feedback": c(l),
       ["feedback-" + n]: c(l) && n
@@ -6952,27 +6949,27 @@ const De = (i, t = 10) => {
       {
         "has-leading-icon": d && (r == null ? void 0 : r.indexOf("agora-line")) === 0,
         // allowing only line family icon
-        "has-value": I && (I == null ? void 0 : I.toString().length) > 0
+        "has-value": I
       },
-      E
+      g
     ),
     leadingIconWrapperClasses: J("input-leading-icon")
   }), { inputWrapperClasses: M, labelSectionClasses: U, inputClasses: G, leadingIconWrapperClasses: u } = Y(), p = J("input-search-label", h);
-  return /* @__PURE__ */ e.createElement("div", { hidden: !!s.hidden, className: M }, /* @__PURE__ */ e.createElement("div", { className: U }, /* @__PURE__ */ e.createElement("label", { hidden: c(t), htmlFor: s.id, className: p }, i)), /* @__PURE__ */ e.createElement("div", { className: "input-wrapper flex relative items-center rounded-4 bg-white z-[1]" }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { hidden: !!R.hidden, className: M }, /* @__PURE__ */ e.createElement("div", { className: U }, /* @__PURE__ */ e.createElement("label", { hidden: c(t), htmlFor: R.id, className: p }, i)), /* @__PURE__ */ e.createElement("div", { className: "input-wrapper flex relative items-center rounded-4 bg-white z-[1]" }, /* @__PURE__ */ e.createElement(
     "input",
     {
-      ...s,
+      ...R,
       type: "search",
       className: G,
-      disabled: !!s.disabled,
+      disabled: !!R.disabled,
       "aria-invalid": c(a),
-      "aria-label": c(t) ? s["aria-label"] ?? i : s["aria-label"],
+      "aria-label": c(t) ? R["aria-label"] ?? i : R["aria-label"],
       ref: m,
       required: b,
       onChange: j
     }
   ), d && r && r.startsWith("agora-line") && /* @__PURE__ */ e.createElement("div", { className: u }, /* @__PURE__ */ e.createElement(ae, { name: r, "aria-hidden": !0 })), /* @__PURE__ */ e.createElement("div", { className: "search-icon bg-transparent" }, /* @__PURE__ */ e.createElement(ae, { name: "agora-line-search", "aria-hidden": !0 }))), (c(l) || c(a)) && o && /* @__PURE__ */ e.createElement(
-    Ye,
+    pe,
     {
       feedbackState: c(a) ? "danger" : n,
       feedbackText: o,
@@ -6983,8 +6980,8 @@ const De = (i, t = 10) => {
   let t = 0;
   const a = [];
   return Ge.forEach(i, (l) => {
-    pe(l) && Ge.forEach(l.props.children, (n) => {
-      pe(n) && (t = n.props.disabled ? t : t + 1, n.props.selected && a.push(n.props));
+    Me(l) && Ge.forEach(l.props.children, (n) => {
+      Me(n) && (t = n.props.disabled ? t : t + 1, n.props.selected && a.push(n.props));
     });
   }), {
     allItemsEnabled: t,
@@ -7000,11 +6997,11 @@ const De = (i, t = 10) => {
   hasIcon: o,
   icon: d,
   hasFeedback: r,
-  feedbackText: E,
+  feedbackText: g,
   feedbackState: b,
-  darkMode: g,
-  hasError: m,
-  required: N = !0,
+  darkMode: E,
+  hasError: N,
+  required: m = !0,
   onChange: s,
   searchable: R,
   selectAllLabel: I,
@@ -7030,11 +7027,11 @@ const De = (i, t = 10) => {
   );
   const B = J(
     "agora-input-select",
-    { dark: c(g) },
+    { dark: c(E) },
     {
       disabled: c(S.disabled),
       "has-value": K.length > 0,
-      "has-error": c(m),
+      "has-error": c(N),
       "has-feedback": c(r),
       ["feedback-" + b]: c(r) && b
     }
@@ -7056,7 +7053,7 @@ const De = (i, t = 10) => {
     var P;
     L(!0), (P = V.current) == null || P.first();
   }, x = (P) => {
-    W(P), De(() => s == null ? void 0 : s(P));
+    W(P), Ue(() => s == null ? void 0 : s(P));
   }, Q = () => {
     var P, ne, Ee;
     (P = V.current) != null && P.visibility ? (ne = V.current) == null || ne.hide() : (Ee = V.current) == null || Ee.show();
@@ -7075,7 +7072,7 @@ const De = (i, t = 10) => {
       document == null || document.removeEventListener("click", P);
     };
   }, []);
-  const me = J("agora-input-select-label", { dark: c(g) });
+  const me = J("agora-input-select-label", { dark: c(E) });
   return /* @__PURE__ */ e.createElement("div", { className: B, hidden: !!S.hidden }, !c(t) && /* @__PURE__ */ e.createElement("div", { id: `agora-input-select-${S.id}-control-label`, className: me, onClickCapture: te }, i), /* @__PURE__ */ e.createElement("div", { className: "agora-input-select-control-wrapper", ref: T }, /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -7083,11 +7080,11 @@ const De = (i, t = 10) => {
       id: `agora-input-select-${S.id}-control`,
       "aria-labelledby": `agora-input-select-${S.id}-control-label`,
       role: "combobox",
-      "aria-invalid": c(m),
+      "aria-invalid": c(N),
       "aria-disabled": c(S.disabled),
       "aria-expanded": F,
       "aria-controls": S.id,
-      "aria-required": N,
+      "aria-required": m,
       "aria-label": c(t) ? S["aria-label"] ?? i : S["aria-label"],
       className: z,
       tabIndex: S.disabled ? -1 : 0,
@@ -7117,12 +7114,12 @@ const De = (i, t = 10) => {
       onShow: X
     },
     M
-  ))), (c(r) || c(m)) && E && /* @__PURE__ */ e.createElement(
-    Ye,
+  ))), (c(r) || c(N)) && g && /* @__PURE__ */ e.createElement(
+    pe,
     {
-      feedbackState: c(m) ? "danger" : b,
-      feedbackText: E,
-      darkMode: c(g)
+      feedbackState: c(N) ? "danger" : b,
+      feedbackText: g,
+      darkMode: c(E)
     }
   ));
 }, zn = re(Ba), Ta = ({
@@ -7135,23 +7132,23 @@ const De = (i, t = 10) => {
   feedbackText: o,
   hasIcon: d,
   icon: r,
-  className: E,
+  className: g,
   required: b = !0,
-  ...g
+  onChange: E,
+  ...N
 }, m) => {
-  const N = se(), s = { ...g };
-  s.id = s.id ?? N;
-  const { onChange: R } = s, [I, D] = O(s.value), j = (p) => {
-    const { value: w } = p.currentTarget;
-    D(w), De(() => R == null ? void 0 : R(p));
+  const s = se(), R = { ...N };
+  R.id = R.id ?? s;
+  const [I, D] = O(R.value ? R.value.toString().length > 0 : !1), j = (p) => {
+    D(p.currentTarget.value.length > 0), E == null || E(p);
   }, h = () => ({
     // main wrapper class
     inputWrapperClasses: J(
       "agora-input-text-wrapper",
       { dark: c(A) },
       {
-        "flex flex-col": !s.hidden,
-        "input-disabled": !!s.disabled,
+        "flex flex-col": !R.hidden,
+        "input-disabled": !!R.disabled,
         "has-error": c(a),
         "has-feedback": c(l),
         ["feedback-" + n]: c(l) && n
@@ -7172,27 +7169,27 @@ const De = (i, t = 10) => {
       {
         "has-leading-icon": r == null ? void 0 : r.startsWith("agora-line"),
         // allowing only line family icon
-        "has-value": I && (I == null ? void 0 : I.toString().length) > 0
+        "has-value": I
       },
-      E
+      g
     ),
     leadingIconWrapperClasses: J("input-leading-icon")
   }), { inputWrapperClasses: Y, labelSectionClasses: M, inputClasses: U, leadingIconWrapperClasses: G } = h(), u = J("input-text-label", { dark: c(A) });
-  return /* @__PURE__ */ e.createElement("div", { hidden: !!s.hidden, className: Y }, /* @__PURE__ */ e.createElement("div", { className: M }, /* @__PURE__ */ e.createElement("label", { hidden: c(t), htmlFor: s.id, className: u }, i)), /* @__PURE__ */ e.createElement("div", { className: "input-wrapper flex relative items-center" }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { hidden: !!R.hidden, className: Y }, /* @__PURE__ */ e.createElement("div", { className: M }, /* @__PURE__ */ e.createElement("label", { hidden: c(t), htmlFor: R.id, className: u }, i)), /* @__PURE__ */ e.createElement("div", { className: "input-wrapper flex relative items-center" }, /* @__PURE__ */ e.createElement(
     "input",
     {
-      ...s,
+      ...R,
       type: "text",
       className: U,
-      disabled: !!s.disabled,
+      disabled: !!R.disabled,
       "aria-invalid": c(a),
-      "aria-label": c(t) ? s["aria-label"] ?? i : s["aria-label"],
+      "aria-label": c(t) ? R["aria-label"] ?? i : R["aria-label"],
       ref: m,
       required: b,
       onChange: j
     }
   ), d && r && r.startsWith("agora-line") && /* @__PURE__ */ e.createElement("div", { className: G }, /* @__PURE__ */ e.createElement(ae, { name: r, "aria-hidden": !0 }))), (c(l) || c(a)) && o && /* @__PURE__ */ e.createElement(
-    Ye,
+    pe,
     {
       feedbackState: c(a) ? "danger" : n,
       feedbackText: o,
@@ -7209,19 +7206,20 @@ const De = (i, t = 10) => {
   feedbackState: o = "info",
   darkMode: d,
   className: r,
-  required: E = !0,
-  ...b
-}, g) => {
-  const m = se(), N = { ...b };
-  N.id = N.id ?? m, N.rows = Math.max(N.rows ?? 0, 3);
-  const { onChange: s } = N, [R, I] = O(N.value), D = (p) => {
-    const { value: w } = p.currentTarget;
-    I(w), De(() => s == null ? void 0 : s(p));
+  required: g = !0,
+  onChange: b,
+  ...E
+}, N) => {
+  var p, w;
+  const m = se(), s = { ...E };
+  s.id = s.id ?? m, s.rows = Math.max(s.rows ?? 0, 3);
+  const [R, I] = O(s.value ? s.value.toString().length > 0 : !1), D = (v) => {
+    I(v.currentTarget.value.length > 0), b == null || b(v);
   }, j = c(d) ? "dark" : "", h = () => ({
     // main wrapper class
     inputWrapperClasses: J("agora-input-textarea-wrapper", j, {
-      "flex flex-col": !N.hidden,
-      "input-disabled": N.disabled,
+      "flex flex-col": !s.hidden,
+      "input-disabled": s.disabled,
       "has-error": c(a),
       "has-feedback": c(l),
       ["feedback-" + o]: c(l) && o
@@ -7236,60 +7234,60 @@ const De = (i, t = 10) => {
     inputClasses: J(
       "agora-input-textarea",
       {
-        "has-value": R && (R == null ? void 0 : R.toString().length) > 0
+        "has-value": R
       },
       r
     )
   }), { inputWrapperClasses: Y, labelSectionClasses: M, inputClasses: U } = h(), G = J("input-textarea-label", j), u = J("char-counter", j);
-  return /* @__PURE__ */ e.createElement("div", { hidden: N.hidden, className: Y }, /* @__PURE__ */ e.createElement("div", { className: M }, /* @__PURE__ */ e.createElement("label", { hidden: c(t), htmlFor: N.id, className: G }, i)), /* @__PURE__ */ e.createElement("div", { className: "input-wrapper flex relative items-center" }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { hidden: s.hidden, className: Y }, /* @__PURE__ */ e.createElement("div", { className: M }, /* @__PURE__ */ e.createElement("label", { hidden: c(t), htmlFor: s.id, className: G }, i)), /* @__PURE__ */ e.createElement("div", { className: "input-wrapper flex relative items-center" }, /* @__PURE__ */ e.createElement(
     "textarea",
     {
-      ...N,
+      ...s,
       className: U,
       "aria-invalid": c(a),
-      "aria-label": c(t) ? N["aria-label"] ?? i : N["aria-label"],
-      required: E,
-      ref: g,
+      "aria-label": c(t) ? s["aria-label"] ?? i : s["aria-label"],
+      required: g,
+      ref: N,
       onChange: D
     }
   )), (c(l) || c(n)) && /* @__PURE__ */ e.createElement("div", { className: "flex justify-end" }, (c(l) || c(a)) && A && /* @__PURE__ */ e.createElement(
-    Ye,
+    pe,
     {
       feedbackState: c(a) ? "danger" : o,
       feedbackText: A,
       darkMode: c(d)
     }
-  ), c(n) && /* @__PURE__ */ e.createElement("div", { className: u }, /* @__PURE__ */ e.createElement("span", null, `${(R == null ? void 0 : R.toString().length) ?? 0}`), N.maxLength && /* @__PURE__ */ e.createElement("span", null, ` / ${N.maxLength}`))));
+  ), c(n) && /* @__PURE__ */ e.createElement("div", { className: u }, /* @__PURE__ */ e.createElement("span", null, `${((w = (p = E.value) == null ? void 0 : p.toString()) == null ? void 0 : w.length) ?? 0}`), s.maxLength && /* @__PURE__ */ e.createElement("span", null, ` / ${s.maxLength}`))));
 }, Tn = re(xa), Fa = ({ title: i, subtitle: t, ...a }) => {
   const l = J("agora-loader-dialog");
   return /* @__PURE__ */ e.createElement("div", { ...a, className: "bg-[var(--color-backdrop)] absolute z-dialog w-full h-full flex flex-col justify-center items-center" }, /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-[64px] justify-center items-center w-full" }, (i || t) && /* @__PURE__ */ e.createElement("div", { className: "flex w-full flex-col gap-8 justify-center items-center text-center" }, i && /* @__PURE__ */ e.createElement("div", { className: "xl:text-2xl-semibold md:text-2xl-semibold  xs:text-l-semibold text-white xl:line-clamp-1 md:line-clamp-1 xs:line-clamp-2" }, i), t && /* @__PURE__ */ e.createElement("div", { className: "xl:text-2xl-light md:text-2xl-light xs:text-m-light text-white xl:line-clamp-1 md:line-clamp-1 xs:line-clamp-2" }, t)), /* @__PURE__ */ e.createElement("div", { className: l, role: "status" }, /* @__PURE__ */ e.createElement("span", { className: "!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]" }))));
 }, Qi = xe({}), xn = () => Fe(Qi), Fn = ({ children: i }) => {
   const t = C(null), [a, l] = O(), [n, A] = O(""), o = ge(
-    (E) => {
-      var b, g, m;
-      if (E["aria-label"])
-        A(E["aria-label"]);
-      else if (E["aria-labelledby"]) {
-        const s = E["aria-labelledby"].split(" ").map((R) => {
+    (g) => {
+      var b, E, N;
+      if (g["aria-label"])
+        A(g["aria-label"]);
+      else if (g["aria-labelledby"]) {
+        const s = g["aria-labelledby"].split(" ").map((R) => {
           var I;
           return ((I = document.getElementById(R)) == null ? void 0 : I.innerText) ?? "";
         }).filter((R) => !!R).join(" ");
         A(s);
       } else
-        A(`${(b = E.title) == null ? void 0 : b.toString()} ${(g = E.subtitle) == null ? void 0 : g.toString()}`);
-      l(E), (m = t.current) == null || m.show();
+        A(`${(b = g.title) == null ? void 0 : b.toString()} ${(E = g.subtitle) == null ? void 0 : E.toString()}`);
+      l(g), (N = t.current) == null || N.show();
     },
     [l]
   ), d = ge(() => {
-    var E;
-    A(""), (E = t.current) == null || E.hide();
+    var g;
+    A(""), (g = t.current) == null || g.hide();
   }, []), r = de(
     () => {
-      var E;
+      var g;
       return {
         showLoader: o,
         current: t.current,
-        visibility: !!((E = t.current) != null && E.visible),
+        visibility: !!((g = t.current) != null && g.visible),
         hideLoader: d
       };
     },
@@ -7314,15 +7312,15 @@ const De = (i, t = 10) => {
   )), /* @__PURE__ */ e.createElement("div", { className: "agora-popup-dialog-body mb-32 max-h-[calc(100%-160px)] overflow-hidden" }, /* @__PURE__ */ e.createElement("div", { className: "max-h-full overflow-auto container mx-auto" }, t))));
 }, Ln = ({ dismissOnEscape: i = !0, children: t }) => {
   const a = C(null), [l, n] = O(), [A, o] = O(), d = ge(
-    (b, g) => {
-      var m;
-      n(b), o(g), (m = a.current) == null || m.show();
+    (b, E) => {
+      var N;
+      n(b), o(E), (N = a.current) == null || N.show();
     },
     [n, o]
   ), r = ge(() => {
     var b;
     (b = a.current) == null || b.hide();
-  }, []), E = de(
+  }, []), g = de(
     () => {
       var b;
       return {
@@ -7334,7 +7332,7 @@ const De = (i, t = 10) => {
     },
     [d, r]
   );
-  return /* @__PURE__ */ e.createElement(Vi.Provider, { value: E }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(Vi.Provider, { value: g }, /* @__PURE__ */ e.createElement(
     Xe,
     {
       ref: a,
@@ -7346,18 +7344,18 @@ const De = (i, t = 10) => {
     !!A && /* @__PURE__ */ e.createElement(Qa, { configurations: A }, l)
   ), t);
 }, Oi = xe({}), Va = () => Fe(Oi), Oa = ({ configurations: i, children: t }) => {
-  const { height: a, width: l } = ze(), n = C(null), A = C(null), [o, d] = O(""), [r, E] = O(""), { hide: b } = Va(), g = J("agora-popup-dialog max-h-full rounded-16 p-32", `agora-popup-dialog-${i.dimensions}`, {
+  const { height: a, width: l } = ze(), n = C(null), A = C(null), [o, d] = O(""), [r, g] = O(""), { hide: b } = Va(), E = J("agora-popup-dialog max-h-full rounded-16 p-32", `agora-popup-dialog-${i.dimensions}`, {
     "dark-mode": c(i.darkMode)
-  }), m = J("title mt-8 w-full line-clamp-6 text-xl-bold");
+  }), N = J("title mt-8 w-full line-clamp-6 text-xl-bold");
   return ie(() => {
-    const N = n.current, s = A.current;
-    if (N && s) {
+    const m = n.current, s = A.current;
+    if (m && s) {
       let R = 128;
       l >= 768 && (R = 128 * 2);
       const I = a - R, { height: D } = s.getBoundingClientRect();
-      d(`${I}px`), E(`${I - D - 16 - 64}px`);
+      d(`${I}px`), g(`${I - D - 16 - 64}px`);
     }
-  }, [t, l, a]), /* @__PURE__ */ e.createElement("div", { className: "absolute z-dialog  max-h-full flex justify-center my-64 md:my-128 mx-32 md:mx-auto" }, /* @__PURE__ */ e.createElement("div", { ref: n, className: g, style: { maxHeight: o ?? "none" } }, /* @__PURE__ */ e.createElement("div", { ref: A, className: "agora-popup-dialog-header flex flex-row items-start gap-24 mb-16" }, /* @__PURE__ */ e.createElement("div", { className: m }, i.title), /* @__PURE__ */ e.createElement(
+  }, [t, l, a]), /* @__PURE__ */ e.createElement("div", { className: "absolute z-dialog  max-h-full flex justify-center my-64 md:my-128 mx-32 md:mx-auto" }, /* @__PURE__ */ e.createElement("div", { ref: n, className: E, style: { maxHeight: o ?? "none" } }, /* @__PURE__ */ e.createElement("div", { ref: A, className: "agora-popup-dialog-header flex flex-row items-start gap-24 mb-16" }, /* @__PURE__ */ e.createElement("div", { className: N }, i.title), /* @__PURE__ */ e.createElement(
     Ne,
     {
       onClick: b,
@@ -7373,25 +7371,25 @@ const De = (i, t = 10) => {
   )), /* @__PURE__ */ e.createElement("div", { style: { maxHeight: r ?? "none" }, className: "agora-popup-dialog-body overflow-y-auto" }, t)));
 }, Qn = ({ dismissOnBackdropClick: i = !0, dismissOnEscape: t = !0, children: a }) => {
   const l = C(null), [n, A] = O(), [o, d] = O(), r = ge(
-    (g, m) => {
-      var N;
-      A(g), d(m), (N = l.current) == null || N.show();
+    (E, N) => {
+      var m;
+      A(E), d(N), (m = l.current) == null || m.show();
     },
     [A, d]
-  ), E = ge(() => {
-    var g;
-    (g = l.current) == null || g.hide();
+  ), g = ge(() => {
+    var E;
+    (E = l.current) == null || E.hide();
   }, []), b = de(
     () => {
-      var g;
+      var E;
       return {
         current: l.current,
-        visibility: !!((g = l.current) != null && g.visible),
+        visibility: !!((E = l.current) != null && E.visible),
         show: r,
-        hide: E
+        hide: g
       };
     },
-    [r, E]
+    [r, g]
   );
   return /* @__PURE__ */ e.createElement(Oi.Provider, { value: b }, /* @__PURE__ */ e.createElement(
     Xe,
@@ -7415,19 +7413,19 @@ const De = (i, t = 10) => {
   hasError: d,
   ...r
 }) => {
-  const E = se(), b = { ...r };
-  b.id = b.id ?? E;
-  const g = t !== 0 ? (i / t * 100).toFixed(0) : 0, m = J("agora-progress-bar", a, {
+  const g = se(), b = { ...r };
+  b.id = b.id ?? g;
+  const E = t !== 0 ? (i / t * 100).toFixed(0) : 0, N = J("agora-progress-bar", a, {
     "progress-error": c(d),
     "progress-complete": i > 0 && i === t,
     "progress-empty": i === 0,
     "progress-progress": c(o) && i < t,
     "progress-hold": !c(o) && i < t
-  }), N = J("progress-bar-percentage", {
+  }), m = J("progress-bar-percentage", {
     "sr-only": c(A),
     "not-sr-only": !c(A)
   });
-  return /* @__PURE__ */ e.createElement("div", { className: m, ...r }, !c(n) && /* @__PURE__ */ e.createElement("label", { htmlFor: b.id }, l), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: N, ...r }, !c(n) && /* @__PURE__ */ e.createElement("label", { htmlFor: b.id }, l), /* @__PURE__ */ e.createElement(
     "progress",
     {
       id: b.id,
@@ -7437,7 +7435,7 @@ const De = (i, t = 10) => {
       "aria-valuetext": `${i}/${t}`,
       "aria-label": c(n) ? b["aria-label"] ?? l : b["aria-label"]
     }
-  ), /* @__PURE__ */ e.createElement("p", { className: N, role: "status" }, g, "%"));
+  ), /* @__PURE__ */ e.createElement("p", { className: m, role: "status" }, E, "%"));
 }, On = ({
   label: i,
   hideLabel: t,
@@ -7447,40 +7445,40 @@ const De = (i, t = 10) => {
   ...A
 }) => {
   const o = Ge.toArray(l), d = de(() => {
-    let N = !1, s = 0;
+    let m = !1, s = 0;
     if (o.forEach((I) => {
-      pe(I) && I.props.current && (s += 1, N = !0);
-    }), !N)
+      Me(I) && I.props.current && (s += 1, m = !0);
+    }), !m)
       return 0;
-    if (N && s === 1)
-      return o.findIndex((I) => pe(I) && I.props.current);
-    const R = o.findIndex((I) => pe(I) ? Math.max(0, Math.min(I.props.value ?? 0, I.props.max ?? 0)) < (I.props.max ?? 0) : !1);
+    if (m && s === 1)
+      return o.findIndex((I) => Me(I) && I.props.current);
+    const R = o.findIndex((I) => Me(I) ? Math.max(0, Math.min(I.props.value ?? 0, I.props.max ?? 0)) < (I.props.max ?? 0) : !1);
     return R < 0 ? o.length - 1 : R;
   }, [o]), r = de(() => {
-    let N = 0;
+    let m = 0;
     return o.forEach((s) => {
-      pe(s) && (N += s.props.max ?? 0);
-    }), N;
-  }, [o]), E = de(() => {
-    let N = 0;
+      Me(s) && (m += s.props.max ?? 0);
+    }), m;
+  }, [o]), g = de(() => {
+    let m = 0;
     return o.forEach((s) => {
-      pe(s) && (N += s.props.value ?? 0);
-    }), N;
-  }, [o]), b = (N, s) => {
+      Me(s) && (m += s.props.value ?? 0);
+    }), m;
+  }, [o]), b = (m, s) => {
     const R = s === d;
-    let I = N.props.value ?? 0;
-    return n && (I = d < s ? 0 : I), Ze(N, {
-      key: N.props.id ?? s,
+    let I = m.props.value ?? 0;
+    return n && (I = d < s ? 0 : I), Ze(m, {
+      key: m.props.id ?? s,
       current: R,
       value: I,
       "aria-hidden": !0
     });
-  }, g = () => {
-    let N = 0;
+  }, E = () => {
+    let m = 0;
     return Ge.forEach(l, (s, R) => {
-      pe(s) && s.props.value !== void 0 && s.props.max !== void 0 && (!n || R <= d) && (N += Math.min(s.props.value, s.props.max));
-    }), Math.round(N / r * 100);
-  }, m = J("progress-bar-percentage", {
+      Me(s) && s.props.value !== void 0 && s.props.max !== void 0 && (!n || R <= d) && (m += Math.min(s.props.value, s.props.max));
+    }), Math.round(m / r * 100);
+  }, N = J("progress-bar-percentage", {
     "sr-only": a,
     "not-sr-only": !a
   });
@@ -7489,35 +7487,35 @@ const De = (i, t = 10) => {
     {
       className: "progress-bar-group",
       role: "progressbar",
-      "aria-valuenow": E,
-      "aria-valuetext": `${E}/${r}`,
+      "aria-valuenow": g,
+      "aria-valuetext": `${g}/${r}`,
       "aria-valuemax": 100,
       "aria-label": i
     },
-    Ge.map(l, (N, s) => pe(N) ? b(N, s) : null)
-  ), !a && /* @__PURE__ */ e.createElement("div", { className: m, role: "status" }, g(), "%"));
-}, Xa = ({ label: i, hasError: t, hideLabel: a, required: l = !0, hasFeedback: n, feedbackState: A = "info", feedbackText: o, darkMode: d, children: r, ...E }, b) => {
-  const g = se(), m = { ...E };
-  m.id = m.id ?? g;
-  const N = J("agora-radio-button", {
-    disabled: E.disabled,
+    Ge.map(l, (m, s) => Me(m) ? b(m, s) : null)
+  ), !a && /* @__PURE__ */ e.createElement("div", { className: N, role: "status" }, E(), "%"));
+}, Xa = ({ label: i, hasError: t, hideLabel: a, required: l = !0, hasFeedback: n, feedbackState: A = "info", feedbackText: o, darkMode: d, children: r, ...g }, b) => {
+  const E = se(), N = { ...g };
+  N.id = N.id ?? E;
+  const m = J("agora-radio-button", {
+    disabled: g.disabled,
     error: c(t),
     dark: c(d)
   });
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { hidden: m.hidden, className: N }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { hidden: N.hidden, className: m }, /* @__PURE__ */ e.createElement(
     "input",
     {
-      ...m,
+      ...N,
       className: "inner-input",
       type: "radio",
-      "aria-label": c(a) ? m["aria-label"] ?? i : m["aria-label"],
+      "aria-label": c(a) ? N["aria-label"] ?? i : N["aria-label"],
       ref: b,
       required: l,
-      tabIndex: m.disabled ? -1 : 0,
-      disabled: m.disabled
+      tabIndex: N.disabled ? -1 : 0,
+      disabled: N.disabled
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: "radio-wrapper" }, /* @__PURE__ */ e.createElement("span", { className: "mark" }), !a && /* @__PURE__ */ e.createElement("label", { className: "label", htmlFor: m.id }, /* @__PURE__ */ e.createElement("span", null, r ?? i)))), (c(n) || c(t)) && o && /* @__PURE__ */ e.createElement("div", { className: "agora-radio-button-feedback px-8" }, /* @__PURE__ */ e.createElement(
-    Ye,
+  ), /* @__PURE__ */ e.createElement("div", { className: "radio-wrapper" }, /* @__PURE__ */ e.createElement("span", { className: "mark" }), !a && /* @__PURE__ */ e.createElement("label", { className: "label", htmlFor: N.id }, /* @__PURE__ */ e.createElement("span", null, r ?? i)))), (c(n) || c(t)) && o && /* @__PURE__ */ e.createElement("div", { className: "agora-radio-button-feedback px-8" }, /* @__PURE__ */ e.createElement(
+    pe,
     {
       feedbackState: c(t) ? "danger" : A,
       feedbackText: o,
@@ -7534,17 +7532,17 @@ const De = (i, t = 10) => {
   onChange: o,
   children: d,
   name: r,
-  ...E
+  ...g
 }) => {
-  const b = se(), g = (s) => {
-    De(() => o == null ? void 0 : o(s));
-  }, m = J("agora-radio-button-group", i), N = Ge.map(d, (s) => pe(s) ? Ze(s, {
-    onChange: g,
+  const b = se(), E = (s) => {
+    Ue(() => o == null ? void 0 : o(s));
+  }, N = J("agora-radio-button-group", i), m = Ge.map(d, (s) => Me(s) ? Ze(s, {
+    onChange: E,
     name: r ?? b,
     hasError: c(a),
     hasFeedback: c(l)
   }) : null);
-  return /* @__PURE__ */ e.createElement("div", { className: m }, /* @__PURE__ */ e.createElement("fieldset", { ...E }, t && /* @__PURE__ */ e.createElement("legend", { className: "text-[var(--color-primary-900)] text-m-medium mb-8" }, t), N), (c(l) || c(a)) && A && /* @__PURE__ */ e.createElement(Ye, { feedbackState: c(a) ? "danger" : n, feedbackText: A }));
+  return /* @__PURE__ */ e.createElement("div", { className: N }, /* @__PURE__ */ e.createElement("fieldset", { ...g }, t && /* @__PURE__ */ e.createElement("legend", { className: "text-[var(--color-primary-900)] text-m-medium mb-8" }, t), m), (c(l) || c(a)) && A && /* @__PURE__ */ e.createElement(pe, { feedbackState: c(a) ? "danger" : n, feedbackText: A }));
 }, Xi = {
   // Wave
   "agora-wave-left-l": Z(() => import("./wave-left-l-BZZlEa5G.mjs")),
@@ -7593,12 +7591,12 @@ const De = (i, t = 10) => {
     d();
     return;
   }
-  const E = Pa(i), b = {
+  const g = Pa(i), b = {
     ...n,
     className: A,
     title: n.title ?? n.alt
   };
-  return o(), E && /* @__PURE__ */ e.createElement(Ji, null, /* @__PURE__ */ e.createElement(E, { ...b }));
+  return o(), g && /* @__PURE__ */ e.createElement(Ji, null, /* @__PURE__ */ e.createElement(g, { ...b }));
 }, fa = ({ className: i, current: t, pageNumber: a, ...l }, n) => {
   const A = J("search-page", i, {
     current: c(t)
@@ -7628,37 +7626,37 @@ const De = (i, t = 10) => {
   label: o,
   nextPageAriaLabel: d,
   previousPageAriaLabel: r,
-  onChange: E,
+  onChange: g,
   ...b
-}, g) => {
-  const { width: m } = ze(), [N, s] = O(0), R = J("nav-arrows");
-  m < 360 && (n = 1, A = 0), ie(() => {
-    De(() => E == null ? void 0 : E(N));
-  }, [N]);
+}, E) => {
+  const { width: N } = ze(), [m, s] = O(0), R = J("nav-arrows");
+  N < 360 && (n = 1, A = 0), ie(() => {
+    Ue(() => g == null ? void 0 : g(m));
+  }, [m]);
   const I = () => {
-    N > 0 && s((M) => M - 1);
+    m > 0 && s((M) => M - 1);
   }, D = () => {
-    N < i - 1 && s((M) => M + 1);
+    m < i - 1 && s((M) => M + 1);
   }, j = Array.from({ length: i }, (M, U) => /* @__PURE__ */ e.createElement(Ka, { key: U, pageNumber: U + 1 })), h = de(() => j == null ? void 0 : j.map((M, U) => Ze(M, {
     ...M.props,
     onClick: () => s(U),
-    current: c(N === U)
-  })), [t, i, n, A, N]), Y = de(() => {
-    const M = Math.max(N - A, 0), U = Math.min(N + A, i), G = j.slice(0, n), u = j.slice(M, U + 1), p = j.slice(i - n, i), w = [.../* @__PURE__ */ new Set([...G, ...u, ...p])], v = M > n, S = U < i - (n + 1);
+    current: c(m === U)
+  })), [t, i, n, A, m]), Y = de(() => {
+    const M = Math.max(m - A, 0), U = Math.min(m + A, i), G = j.slice(0, n), u = j.slice(M, U + 1), p = j.slice(i - n, i), w = [.../* @__PURE__ */ new Set([...G, ...u, ...p])], v = M > n, S = U < i - (n + 1);
     return j == null ? void 0 : j.map((F, L) => {
       if (w.some((T) => F == T))
         return Ze(F, {
           ...F.props,
           onClick: () => s(L),
-          current: c(N === L)
+          current: c(m === L)
         });
       if (v && L == n)
         return /* @__PURE__ */ e.createElement(ji, { key: "left-dots", value: "..." });
       if (S && L == i - n - 1)
         return /* @__PURE__ */ e.createElement(ji, { key: "right-dots", value: "..." });
     });
-  }, [t, i, n, A, N]);
-  return /* @__PURE__ */ e.createElement("nav", { ...b, "aria-label": o, className: "agora-search-pagination", ref: g }, /* @__PURE__ */ e.createElement(
+  }, [t, i, n, A, m]);
+  return /* @__PURE__ */ e.createElement("nav", { ...b, "aria-label": o, className: "agora-search-pagination", ref: E }, /* @__PURE__ */ e.createElement(
     Ne,
     {
       onClick: I,
@@ -7667,7 +7665,7 @@ const De = (i, t = 10) => {
       iconOnly: "true",
       leadingIcon: "agora-solid-chevron-left",
       leadingIconHover: "agora-solid-chevron-left",
-      disabled: N === 0,
+      disabled: m === 0,
       className: `${R} ${c(a) ? "hide-arrow" : "show-arrow"}`,
       "aria-label": r
     }
@@ -7680,19 +7678,19 @@ const De = (i, t = 10) => {
       iconOnly: "true",
       trailingIcon: "agora-solid-chevron-right",
       trailingIconHover: "agora-solid-chevron-right",
-      disabled: N === i - 1,
+      disabled: m === i - 1,
       className: `${R} ${c(l) ? "hide-arrow" : "show-arrow"}`,
       "aria-label": d
     }
   ));
 }, Pn = re($a), fe = (i, t) => {
-  var A, o, d, r, E, b, g, m, N, s, R, I, D, j;
+  var A, o, d, r, g, b, E, N, m, s, R, I, D, j;
   const a = i.current, n = [...a == null ? void 0 : a.querySelectorAll('[role="treeitem"]')].find((h) => h.ariaCurrent === "page");
   if (c(t))
     (o = (A = n == null ? void 0 : n.parentElement) == null ? void 0 : A.classList) == null || o.add("agora-sidebar-anchor-item-current");
   else {
     let h;
-    (r = (d = n == null ? void 0 : n.closest(".agora-sidebar-content-item")) == null ? void 0 : d.previousElementSibling) != null && r.classList.contains("agora-sidebar-button-item") ? ((E = n == null ? void 0 : n.parentElement) == null || E.classList.add("agora-sidebar-anchor-item-current"), h = (b = n == null ? void 0 : n.closest(".agora-sidebar-content-item")) == null ? void 0 : b.previousElementSibling) : ((g = n == null ? void 0 : n.closest(".agora-link-wrapper")) == null || g.classList.add("agora-sidebar-anchor-item-current"), h = (N = (m = n == null ? void 0 : n.closest(".agora-sidebar-content-item")) == null ? void 0 : m.previousElementSibling) == null ? void 0 : N.querySelector('[role="treeitem"]'));
+    (r = (d = n == null ? void 0 : n.closest(".agora-sidebar-content-item")) == null ? void 0 : d.previousElementSibling) != null && r.classList.contains("agora-sidebar-button-item") ? ((g = n == null ? void 0 : n.parentElement) == null || g.classList.add("agora-sidebar-anchor-item-current"), h = (b = n == null ? void 0 : n.closest(".agora-sidebar-content-item")) == null ? void 0 : b.previousElementSibling) : ((E = n == null ? void 0 : n.closest(".agora-link-wrapper")) == null || E.classList.add("agora-sidebar-anchor-item-current"), h = (m = (N = n == null ? void 0 : n.closest(".agora-sidebar-content-item")) == null ? void 0 : N.previousElementSibling) == null ? void 0 : m.querySelector('[role="treeitem"]'));
     let Y = [h];
     for (; h; )
       (R = (s = h == null ? void 0 : h.closest(".agora-sidebar-content-item")) == null ? void 0 : s.previousElementSibling) != null && R.classList.contains("agora-sidebar-button-item") ? h = (I = h == null ? void 0 : h.closest(".agora-sidebar-content-item")) == null ? void 0 : I.previousElementSibling : h = (j = (D = h == null ? void 0 : h.closest(".agora-sidebar-content-item")) == null ? void 0 : D.previousElementSibling) == null ? void 0 : j.querySelector('[role="treeitem"]'), h && (Y = [...Y, h]);
@@ -7710,26 +7708,26 @@ const De = (i, t = 10) => {
   sidebarRef: A
 }) => {
   const o = C(null), d = () => {
-    var N;
-    (N = o.current) == null || N.hide();
+    var m;
+    (m = o.current) == null || m.hide();
   }, r = () => {
-    var N;
-    if ((N = o.current) == null || N.show(), A.current) {
+    var m;
+    if ((m = o.current) == null || m.show(), A.current) {
       const s = A.current.querySelectorAll('[role="treeitem"]'), R = !!A.current.querySelectorAll('[aria-current="page"]');
       s == null || s.forEach((I, D) => {
         I.hasAttribute("aria-current") && R || !R && D === 0 ? I.setAttribute("tabIndex", "0") : I.setAttribute("tabIndex", "-1");
       }), fe(A, a ?? "false");
     }
-  }, E = J(
+  }, g = J(
     "agora-sidebar-navigation-mobile grid gap-x-32 xs:grid-cols-4 md:grid-cols-8 xl:grid-cols-12",
     {
       darkMode: c(t)
     }
-  ), b = J("agora-snm-menu", { darkMode: c(t) }), g = J("agora-snm-back mb-16", { darkMode: c(t) }), m = J("z-dialog absolute w-full h-full container", {
+  ), b = J("agora-snm-menu", { darkMode: c(t) }), E = J("agora-snm-back mb-16", { darkMode: c(t) }), N = J("z-dialog absolute w-full h-full container", {
     "bg-white": !c(t),
     "bg-[var(--color-primary-900)]": c(t)
   });
-  return /* @__PURE__ */ e.createElement("div", { className: E }, /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-8 xl:col-span-12" }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: g }, /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-8 xl:col-span-12" }, /* @__PURE__ */ e.createElement(
     Ne,
     {
       className: b,
@@ -7742,7 +7740,7 @@ const De = (i, t = 10) => {
       onClick: r
     },
     l
-  ), /* @__PURE__ */ e.createElement(Xe, { ref: o, className: "container" }, /* @__PURE__ */ e.createElement("div", { className: m }, /* @__PURE__ */ e.createElement("div", { className: "grid gap-x-32 xs:grid-cols-4 md:grid-cols-8 xl:grid-cols-12 h-full content-start" }, /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-8 xl:col-span-12" }, /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement(Xe, { ref: o, className: "container" }, /* @__PURE__ */ e.createElement("div", { className: N }, /* @__PURE__ */ e.createElement("div", { className: "grid gap-x-32 xs:grid-cols-4 md:grid-cols-8 xl:grid-cols-12 h-full content-start" }, /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-8 xl:col-span-12" }, /* @__PURE__ */ e.createElement(
     Ne,
     {
       appearance: "link",
@@ -7751,7 +7749,7 @@ const De = (i, t = 10) => {
       leadingIcon: "agora-line-arrow-left-anchor",
       leadingIconHover: "agora-solid-arrow-left-anchor",
       onClick: d,
-      className: g
+      className: E
     },
     n
   )), /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-8 xl:col-span-12 overflow-auto" }, i))))));
@@ -7765,9 +7763,9 @@ const De = (i, t = 10) => {
   backButtonLabel: o,
   ...d
 }) => {
-  let r, E = [];
-  const b = se(), g = C(null), { width: m } = ze(), N = m < 768, [s, R] = O(!1), [I, D] = O(!1), j = J("agora-sidebar", { darkMode: c(n) }, i);
-  l !== "navigation-tabs" && (t && (Array.isArray(t) ? E = t : [t].forEach((M) => E.push(M))), c(a) ? r = E == null ? void 0 : E.map((M, U) => {
+  let r, g = [];
+  const b = se(), E = C(null), { width: N } = ze(), m = N < 768, [s, R] = O(!1), [I, D] = O(!1), j = J("agora-sidebar", { darkMode: c(n) }, i);
+  l !== "navigation-tabs" && (t && (Array.isArray(t) ? g = t : [t].forEach((M) => g.push(M))), c(a) ? r = g == null ? void 0 : g.map((M, U) => {
     const G = `li-${U}-${b}`;
     return Ze(M, {
       flat: c(a),
@@ -7776,7 +7774,7 @@ const De = (i, t = 10) => {
       darkMode: c(n),
       className: `${s ? "trailed" : ""} ${I ? "leaded" : ""}`
     });
-  }) : r = E == null ? void 0 : E.map((M, U) => {
+  }) : r = g == null ? void 0 : g.map((M, U) => {
     const G = `li-${U}-${b}`;
     return Ze(M, {
       variant: l,
@@ -7787,22 +7785,22 @@ const De = (i, t = 10) => {
   }));
   const h = (M) => {
     var U, G, u, p, w;
-    g.current && ((U = g.current) != null && U.contains(M.target) ? (u = (G = g.current) == null ? void 0 : G.parentElement) == null || u.classList.add("focus") : ((w = (p = g.current) == null ? void 0 : p.parentElement) == null || w.classList.remove("focus"), fe(g, a)));
+    E.current && ((U = E.current) != null && U.contains(M.target) ? (u = (G = E.current) == null ? void 0 : G.parentElement) == null || u.classList.add("focus") : ((w = (p = E.current) == null ? void 0 : p.parentElement) == null || w.classList.remove("focus"), fe(E, a)));
   }, Y = (M) => {
     var U, G;
     M.target.closest(".collapsed") && ((G = (U = M.target.closest(".collapsed")) == null ? void 0 : U.previousElementSibling) == null || G.focus(), M.stopPropagation(), M.preventDefault());
   };
   return ie(() => {
-    if (l === "navigation" && !N) {
-      if (g.current) {
-        const U = g.current.querySelectorAll('[role="treeitem"]'), G = !!g.current.querySelectorAll('[aria-current="page"]');
+    if (l === "navigation" && !m) {
+      if (E.current) {
+        const U = E.current.querySelectorAll('[role="treeitem"]'), G = !!E.current.querySelectorAll('[aria-current="page"]');
         U == null || U.forEach((u, p) => {
           u.hasAttribute("aria-current") && G || !G && p === 0 ? u.setAttribute("tabIndex", "0") : u.setAttribute("tabIndex", "-1");
         });
       }
-      fe(g, a);
+      fe(E, a);
       const M = () => {
-        fe(g, a);
+        fe(E, a);
       };
       return document.addEventListener("load", M), document.addEventListener("focusin", h), document.addEventListener("mousedown", h), () => {
         document.removeEventListener("load", M), document.removeEventListener("focusin", h), document.removeEventListener("mousedown", h);
@@ -7810,21 +7808,21 @@ const De = (i, t = 10) => {
     }
     if (l === "filter") {
       const M = [], U = [];
-      if (g.current) {
+      if (E.current) {
         const G = Ge.toArray(t);
         return Ge.forEach(G, (u) => {
-          if (!pe(u))
+          if (!Me(u))
             return;
           const p = u.props, w = [p.item].some((S) => !!S.collapsedIconLeading);
           M.push(w);
           const v = [p.item].some((S) => !!S.collapsedIconTrailing);
           U.push(v);
-        }), M.every((u) => u === !1) || M.every((u) => u === !0) ? D(!1) : M.some((u) => u) && D(!0), U.every((u) => u === !1) || U.every((u) => u === !0) ? R(!1) : U.some((u) => u) && R(!0), g.current.addEventListener("focusin", Y), () => {
-          g.current && g.current.removeEventListener("focusin", Y);
+        }), M.every((u) => u === !1) || M.every((u) => u === !0) ? D(!1) : M.some((u) => u) && D(!0), U.every((u) => u === !1) || U.every((u) => u === !0) ? R(!1) : U.some((u) => u) && R(!0), E.current.addEventListener("focusin", Y), () => {
+          E.current && E.current.removeEventListener("focusin", Y);
         };
       }
     }
-  }, [g.current]), /* @__PURE__ */ e.createElement(e.Fragment, null, (!N || l === "filter" || l === "navigation-tabs") && /* @__PURE__ */ e.createElement("ul", { ref: g, className: j, ...d, ...l === "navigation" ? { role: "tree" } : void 0 }, l === "navigation-tabs" ? /* @__PURE__ */ e.createElement("li", { className: "agora-sidebar-tabs" }, t) : r), l === "navigation" && N && /* @__PURE__ */ e.createElement(
+  }, [E.current]), /* @__PURE__ */ e.createElement(e.Fragment, null, (!m || l === "filter" || l === "navigation-tabs") && /* @__PURE__ */ e.createElement("ul", { ref: E, className: j, ...d, ...l === "navigation" ? { role: "tree" } : void 0 }, l === "navigation-tabs" ? /* @__PURE__ */ e.createElement("li", { className: "agora-sidebar-tabs" }, t) : r), l === "navigation" && m && /* @__PURE__ */ e.createElement(
     _a,
     {
       ...d,
@@ -7832,9 +7830,9 @@ const De = (i, t = 10) => {
       variant: l,
       sidebarMenuLabel: A,
       backButtonLabel: o,
-      sidebarRef: g
+      sidebarRef: E
     },
-    /* @__PURE__ */ e.createElement("ul", { ref: g, className: j, ...d, ...l === "navigation" ? { role: "tree" } : void 0 }, r)
+    /* @__PURE__ */ e.createElement("ul", { ref: E, className: j, ...d, ...l === "navigation" ? { role: "tree" } : void 0 }, r)
   ));
 }, Ci = (i, t, a, l) => t ? c(i) ? (t.style.maxHeight = "100vh", !0) : c(a) && c(l) ? (t.style.maxHeight = "100vh", c(a)) : (c(a) || (t.style.maxHeight = ""), c(a)) : c(a), ai = (i) => {
   if (!i.ariaExpanded)
@@ -7852,12 +7850,12 @@ const De = (i, t = 10) => {
   trailingIcon: c(t) ? i.collapsedIconTrailing : i.expandedIconTrailing,
   trailingIconHover: c(t) ? i.collapsedIconHoverTrailing : i.expandedIconHoverTrailing
 }), el = ({ children: i, item: t, open: a = !1, flat: l = !1, darkMode: n }, A) => {
-  const o = se(), d = C(null), r = C(null), [E, b] = O(c(a)), g = J("agora-sidebar-btn-item-filter"), m = J("agora-sidebar-content-item", {
+  const o = se(), d = C(null), r = C(null), [g, b] = O(c(a)), E = J("agora-sidebar-btn-item-filter"), N = J("agora-sidebar-content-item", {
     collapsed: !c(a) && !c(l)
-  }), N = () => {
+  }), m = () => {
     b(Hi("filter", r.current));
   }, s = () => {
-    d.current && (ai(d.current), N());
+    d.current && (ai(d.current), m());
   }, R = (h) => {
     var Y;
     s(), (Y = t.onClick) == null || Y.call(t, h);
@@ -7887,33 +7885,33 @@ const De = (i, t = 10) => {
     })();
   };
   ie(() => {
-    b(Ci(l, r.current, a, E));
+    b(Ci(l, r.current, a, g));
   }, []);
-  const D = li(t, E), j = { ...t };
+  const D = li(t, g), j = { ...t };
   return delete j.collapsedIconLeading, delete j.collapsedIconHoverLeading, delete j.expandedIconLeading, delete j.expandedIconHoverLeading, delete j.collapsedIconTrailing, delete j.collapsedIconHoverTrailing, delete j.expandedIconTrailing, delete j.expandedIconHoverTrailing, we(
     A,
     () => ({
       current: d.current,
-      isExpanded: E
+      isExpanded: g
     }),
-    [d.current, E]
+    [d.current, g]
   ), /* @__PURE__ */ e.createElement(e.Fragment, null, !c(l) && /* @__PURE__ */ e.createElement(
     Ne,
     {
       appearance: "link",
       variant: c(n) ? "neutral" : "primary",
-      className: g,
+      className: E,
       fullWidth: !0,
       ...D,
       ...j,
       darkMode: n,
-      "aria-expanded": E,
+      "aria-expanded": g,
       "aria-controls": `aria-controls-sidebar-${o}-id`,
       onClick: R,
       onKeyDown: I,
       ref: d
     }
-  ), c(l) && /* @__PURE__ */ e.createElement("div", { className: "p-16 agora-sidebar-flat-item" }, t.children), /* @__PURE__ */ e.createElement("div", { className: m, id: `aria-controls-sidebar-${o}-id`, ref: r }, i));
+  ), c(l) && /* @__PURE__ */ e.createElement("div", { className: "p-16 agora-sidebar-flat-item" }, t.children), /* @__PURE__ */ e.createElement("div", { className: N, id: `aria-controls-sidebar-${o}-id`, ref: r }, i));
 }, il = re(el), ni = (i, t) => {
   var n, A;
   if ((A = (n = i.closest(".agora-sidebar-item")) == null ? void 0 : n.parentElement) != null && A.classList.contains(".agora-sidebar") && !t)
@@ -7970,25 +7968,25 @@ const De = (i, t = 10) => {
   const t = (l = (a = i.currentTarget) == null ? void 0 : a.closest(".agora-sidebar-content-item")) == null ? void 0 : l.previousElementSibling;
   t != null && t.classList.contains("agora-sidebar-button-item") ? t == null || t.focus() : (n = t == null ? void 0 : t.querySelector('[role="treeitem"]')) == null || n.focus();
 }, rl = (i) => {
-  var a, l, n, A, o, d, r, E, b;
-  const t = [...i].find((g) => g.ariaCurrent === "page");
+  var a, l, n, A, o, d, r, g, b;
+  const t = [...i].find((E) => E.ariaCurrent === "page");
   if ((a = t == null ? void 0 : t.closest(".agora-sidebar-content-item")) != null && a.classList.contains("collapsed")) {
-    let g;
-    (n = (l = t == null ? void 0 : t.closest(".agora-sidebar-content-item")) == null ? void 0 : l.previousElementSibling) != null && n.classList.contains("agora-sidebar-button-item") ? ((A = t == null ? void 0 : t.parentElement) == null || A.classList.add("agora-sidebar-anchor-item-current"), g = (o = t == null ? void 0 : t.closest(".agora-sidebar-content-item")) == null ? void 0 : o.previousElementSibling) : g = (r = (d = t == null ? void 0 : t.closest(".agora-sidebar-content-item")) == null ? void 0 : d.previousElementSibling) == null ? void 0 : r.querySelector('[role="treeitem"]');
-    let m = [g];
-    for (; g; )
-      g = (b = (E = g == null ? void 0 : g.closest(".agora-sidebar-content-item")) == null ? void 0 : E.previousElementSibling) == null ? void 0 : b.querySelector('[role="treeitem"]'), g && (m = [...m, g]);
-    m = m.reverse(), m.forEach((N) => {
+    let E;
+    (n = (l = t == null ? void 0 : t.closest(".agora-sidebar-content-item")) == null ? void 0 : l.previousElementSibling) != null && n.classList.contains("agora-sidebar-button-item") ? ((A = t == null ? void 0 : t.parentElement) == null || A.classList.add("agora-sidebar-anchor-item-current"), E = (o = t == null ? void 0 : t.closest(".agora-sidebar-content-item")) == null ? void 0 : o.previousElementSibling) : E = (r = (d = t == null ? void 0 : t.closest(".agora-sidebar-content-item")) == null ? void 0 : d.previousElementSibling) == null ? void 0 : r.querySelector('[role="treeitem"]');
+    let N = [E];
+    for (; E; )
+      E = (b = (g = E == null ? void 0 : E.closest(".agora-sidebar-content-item")) == null ? void 0 : g.previousElementSibling) == null ? void 0 : b.querySelector('[role="treeitem"]'), E && (N = [...N, E]);
+    N = N.reverse(), N.forEach((m) => {
       var s;
-      N != null && N.ariaExpanded && (N.classList.contains("agora-sidebar-button-item") && !c(N.ariaExpanded) ? (N.setAttribute("data-custom-triggered-click", "true"), N.click()) : c(N.ariaExpanded) || (s = N.querySelector(".icon-wrapper")) == null || s.click());
+      m != null && m.ariaExpanded && (m.classList.contains("agora-sidebar-button-item") && !c(m.ariaExpanded) ? (m.setAttribute("data-custom-triggered-click", "true"), m.click()) : c(m.ariaExpanded) || (s = m.querySelector(".icon-wrapper")) == null || s.click());
     });
   }
 }, dl = (i, t, a) => {
-  var r, E;
+  var r, g;
   const l = $e(t);
   a = a.toLowerCase(), l.forEach((b) => {
-    var g;
-    a === ((g = b.textContent) == null ? void 0 : g.trim()[0].toLocaleLowerCase()) && b.focus();
+    var E;
+    a === ((E = b.textContent) == null ? void 0 : E.trim()[0].toLocaleLowerCase()) && b.focus();
   });
   let n, A, o = -1;
   const d = l.indexOf(i) + 1 >= l.length ? 0 : l.indexOf(i) + 1;
@@ -7999,7 +7997,7 @@ const De = (i, t = 10) => {
     }
   if (o === -1) {
     for (n = 0; n < d; n++)
-      if (A = l[n], a === ((E = A.textContent) == null ? void 0 : E.trim()[0].toLowerCase())) {
+      if (A = l[n], a === ((g = A.textContent) == null ? void 0 : g.trim()[0].toLowerCase())) {
         o = n;
         break;
       }
@@ -8017,11 +8015,11 @@ const De = (i, t = 10) => {
   i.stopPropagation(), i.preventDefault();
 }, ml = ({ children: i, variant: t, item: a, open: l = !1, flat: n = !1, darkMode: A }) => {
   const o = se();
-  let d, r, E = [], b = [];
-  const [g, m] = O(c(l)), [N, s] = O(!1), R = J("agora-sidebar-content-item", {
+  let d, r, g = [], b = [];
+  const [E, N] = O(c(l)), [m, s] = O(!1), R = J("agora-sidebar-content-item", {
     collapsed: !c(l) && !c(n)
   }), I = C(null), D = C(null), j = C(null), h = () => {
-    m(Hi("navigation", j.current));
+    N(Hi("navigation", j.current));
   }, Y = () => {
     I.current && (ai(I.current), h()), D.current && (ai(D.current), h());
   }, M = (y, X) => {
@@ -8106,7 +8104,7 @@ const De = (i, t = 10) => {
     var x;
     y.preventDefault(), (x = X == null ? void 0 : X.onMouseDown) == null || x.call(X, y);
   };
-  i && (Array.isArray(i) ? b = i : [i].forEach((y) => b.push(y))), a.children && (Array.isArray(a.children) ? E = a.children : [a.children].forEach((y) => E.push(y)));
+  i && (Array.isArray(i) ? b = i : [i].forEach((y) => b.push(y))), a.children && (Array.isArray(a.children) ? g = a.children : [a.children].forEach((y) => g.push(y)));
   let S = !1;
   const F = (y, X, x) => {
     let Q;
@@ -8124,7 +8122,7 @@ const De = (i, t = 10) => {
         if (Q.props.href) {
           S = !0, Q = Ze(Q, {
             role: "treeitem",
-            "aria-expanded": g,
+            "aria-expanded": E,
             "aria-owns": X,
             key: x,
             className: "agora-anchor agora-sidebar-anchor-item inline-flex [&>*]:inline-flex items-center !justify-start [&>.children-wrapper]:w-full",
@@ -8140,7 +8138,7 @@ const De = (i, t = 10) => {
       key: x,
       className: "agora-anchor agora-sidebar-anchor-item inline-flex [&>*]:inline-flex items-center !justify-start [&>.children-wrapper]:w-full"
     });
-  }, T = () => E == null ? void 0 : E.map((y, X) => {
+  }, T = () => g == null ? void 0 : g.map((y, X) => {
     const x = `item-${X}-${o}`, Q = `treeitem-${o}`;
     return y.props.href ? (S = !0, Ze(y, {
       onClick: (H) => M(H, y.props),
@@ -8148,20 +8146,20 @@ const De = (i, t = 10) => {
       onKeyDown: G,
       onMouseDown: (H) => v(H, y.props),
       role: "treeitem",
-      "aria-expanded": g,
+      "aria-expanded": E,
       "aria-owns": Q,
       children: /* @__PURE__ */ e.createElement("span", { className: "children-wrapper" }, y.props.children),
       key: x,
       className: "agora-anchor agora-sidebar-anchor-item inline-flex [&>*]:inline-flex items-center !justify-start [&>.children-wrapper]:w-full",
       ref: I
     })) : L(y, Q, x);
-  }), k = (y, X) => /* @__PURE__ */ e.createElement(e.Fragment, null, (y.leadingIcon || y.leadingIconHover) && /* @__PURE__ */ e.createElement("span", { className: "icon-wrapper mr-8 justify-start", role: "none", onClick: u }, y.leadingIcon && /* @__PURE__ */ e.createElement(ae, { name: y.leadingIcon, dimensions: "m", "aria-hidden": !0, ...N ? { style: { display: "none" } } : "" }), y.leadingIconHover && /* @__PURE__ */ e.createElement(ae, { name: y.leadingIconHover, dimensions: "m", "aria-hidden": !0, ...N ? "" : { style: { display: "none" } } })), /* @__PURE__ */ e.createElement(
+  }), k = (y, X) => /* @__PURE__ */ e.createElement(e.Fragment, null, (y.leadingIcon || y.leadingIconHover) && /* @__PURE__ */ e.createElement("span", { className: "icon-wrapper mr-8 justify-start", role: "none", onClick: u }, y.leadingIcon && /* @__PURE__ */ e.createElement(ae, { name: y.leadingIcon, dimensions: "m", "aria-hidden": !0, ...m ? { style: { display: "none" } } : "" }), y.leadingIconHover && /* @__PURE__ */ e.createElement(ae, { name: y.leadingIconHover, dimensions: "m", "aria-hidden": !0, ...m ? "" : { style: { display: "none" } } })), /* @__PURE__ */ e.createElement(
     "span",
     {
       className: `data-children-wrapper ${y.leadingIcon || y.leadingIconHover ? "" : "pl-[44px]"} ${y.trailingIcon || y.trailingIconHover ? "" : "pr-[44px]"}`
     },
     X.props.children
-  ), (y.trailingIcon || y.trailingIconHover) && /* @__PURE__ */ e.createElement("span", { className: "icon-wrapper ml-auto justify-end", role: "none", onClick: u }, y.trailingIcon && /* @__PURE__ */ e.createElement(ae, { name: y.trailingIcon, dimensions: "m", "aria-hidden": !0, ...N ? { style: { display: "none" } } : "" }), y.trailingIconHover && /* @__PURE__ */ e.createElement(ae, { name: y.trailingIconHover, dimensions: "m", "aria-hidden": !0, ...N ? "" : { style: { display: "none" } } }))), V = (y, X, x, Q) => Ze(y, {
+  ), (y.trailingIcon || y.trailingIconHover) && /* @__PURE__ */ e.createElement("span", { className: "icon-wrapper ml-auto justify-end", role: "none", onClick: u }, y.trailingIcon && /* @__PURE__ */ e.createElement(ae, { name: y.trailingIcon, dimensions: "m", "aria-hidden": !0, ...m ? { style: { display: "none" } } : "" }), y.trailingIconHover && /* @__PURE__ */ e.createElement(ae, { name: y.trailingIconHover, dimensions: "m", "aria-hidden": !0, ...m ? "" : { style: { display: "none" } } }))), V = (y, X, x, Q) => Ze(y, {
     onClick: (H) => M(H, y.props),
     onKeyUp: U,
     onKeyDown: G,
@@ -8169,7 +8167,7 @@ const De = (i, t = 10) => {
     onMouseEnter: p,
     onMouseLeave: w,
     role: "treeitem",
-    "aria-expanded": g,
+    "aria-expanded": E,
     "aria-owns": X,
     key: x,
     children: Q,
@@ -8197,8 +8195,8 @@ const De = (i, t = 10) => {
       return V(y, X, x, P);
     } else
       return Ze(y, { key: x });
-  }, B = () => E == null ? void 0 : E.map((y, X) => {
-    const x = `item-${X}-${o}`, Q = `treeitem-${o}`, H = li(a, g);
+  }, B = () => g == null ? void 0 : g.map((y, X) => {
+    const x = `item-${X}-${o}`, Q = `treeitem-${o}`, H = li(a, E);
     if (y.props.href) {
       S = !0;
       const _ = k(H, y);
@@ -8210,9 +8208,9 @@ const De = (i, t = 10) => {
     return y.props.item ? Ze(y, { flat: `${n}`, variant: t, darkMode: c(A), key: x }) : /* @__PURE__ */ e.createElement("li", { key: x, role: "none", className: "agora-sidebar-item" }, Ze(y));
   });
   c(n) ? (d = T(), r = z()) : (d = B(), r = z()), ie(() => {
-    m(Ci(n, j.current, l, g));
+    N(Ci(n, j.current, l, E));
   }, []);
-  const q = li(a, g), te = J("agora-sidebar-button-item", {
+  const q = li(a, E), te = J("agora-sidebar-button-item", {
     "!pl-[42px]": q.leadingIcon === void 0,
     "!pr-[42px]": q.trailingIcon === void 0
   });
@@ -8236,7 +8234,7 @@ const De = (i, t = 10) => {
       fullWidth: !0,
       ...c(n) ? void 0 : { hasIcon: !0 },
       ...q,
-      "aria-expanded": g,
+      "aria-expanded": E,
       "aria-owns": `treeitem-${o}`,
       onClick: (y) => u(y, a),
       onKeyUp: U,
@@ -8252,7 +8250,7 @@ const De = (i, t = 10) => {
       "aria-selected": void 0,
       tabIndex: -1,
       className: "p-16 sidebar-item-non-interactive",
-      "aria-expanded": g,
+      "aria-expanded": E,
       "aria-owns": `treeitem-${o}`,
       onKeyUp: U,
       onKeyDown: G,
@@ -8280,19 +8278,19 @@ const De = (i, t = 10) => {
   }, r = (G) => {
     var u, p;
     (u = t.current) == null || u.classList.add("show"), (p = l.onFocus) == null || p.call(l, G);
-  }, E = (G) => {
+  }, g = (G) => {
     var u, p;
     A || (G.currentTarget.focus(), (u = t.current) == null || u.classList.remove("show")), (p = l.onBlur) == null || p.call(l, G);
   }, b = (G) => {
     var v, S;
     const u = G.code, p = (v = t.current) == null ? void 0 : v.querySelectorAll('[role="menuitem"]'), w = [...p].findIndex((F) => F === G.currentTarget);
     u === "ArrowDown" && (w + 1 !== p.length ? p[w + 1].focus() : p[0].focus()), u === "ArrowUp" && (w - 1 !== p.length && w - 1 >= 0 ? p[w - 1].focus() : p[p.length - 1].focus()), (u === "Tab" || u === "Escape") && n.current && (n.current.classList.add("hidden"), o(!1), n.current.previousSibling.focus()), (S = l.onKeyUp) == null || S.call(l, G);
-  }, g = (G) => {
+  }, E = (G) => {
     const u = G.code;
     n.current && A && (u === "Tab" || u === "ArrowDown" || u === "ArrowUp") && (G.preventDefault(), G.stopPropagation());
-  }, m = () => {
-    n.current && !A ? (n.current.classList.remove("hidden"), o(!0)) : n.current && A && (n.current.classList.add("hidden"), o(!1));
   }, N = () => {
+    n.current && !A ? (n.current.classList.remove("hidden"), o(!0)) : n.current && A && (n.current.classList.add("hidden"), o(!1));
+  }, m = () => {
     var G;
     (G = t.current) == null || G.classList.add("show");
   }, s = () => {
@@ -8324,9 +8322,9 @@ const De = (i, t = 10) => {
         className: `skip-level-${u}`,
         onClick: d,
         onFocus: (v) => r(v),
-        onBlur: (v) => E(v),
+        onBlur: (v) => g(v),
         onKeyUp: (v) => b(v),
-        onKeyDownCapture: (v) => g(v)
+        onKeyDownCapture: (v) => E(v)
       }) : w > 0 && p && (p = Ze(G[w], { children: p }));
     return p;
   }, j = (G, u) => {
@@ -8348,9 +8346,9 @@ const De = (i, t = 10) => {
         className: `skip-level-${u}`,
         onClick: d,
         onFocus: (B) => r(B),
-        onBlur: (B) => E(B),
+        onBlur: (B) => g(B),
         onKeyUp: (B) => b(B),
-        onKeyDownCapture: (B) => g(B)
+        onKeyDownCapture: (B) => E(B)
       }) : L = j(k, u);
       const K = `link-lvl-${u}-${w}`;
       V > 1 ? (h = [
@@ -8378,8 +8376,8 @@ const De = (i, t = 10) => {
       appearance: "link",
       className: "skip-button",
       "aria-expanded": A ? "true" : "false",
-      onClick: m,
-      onFocus: N,
+      onClick: N,
+      onFocus: m,
       onBlur: s,
       onKeyUp: R,
       onKeyDownCapture: I
@@ -8440,7 +8438,7 @@ const De = (i, t = 10) => {
     interactive: a
   }), r = () => {
     t == null || t();
-  }, E = de(() => {
+  }, g = de(() => {
     switch (A.type) {
       case "info":
         return "agora-solid-info-mark";
@@ -8466,7 +8464,7 @@ const De = (i, t = 10) => {
       trailingIcon: "agora-line-arrow-right-circle",
       trailingIconHover: "agora-solid-arrow-right-circle"
     },
-    /* @__PURE__ */ e.createElement(ae, { name: E, "aria-hidden": !0 }),
+    /* @__PURE__ */ e.createElement(ae, { name: g, "aria-hidden": !0 }),
     l
   ));
 }, Ml = re(Dl), pl = ({ className: i, "aria-label": t, children: a, ...l }, n) => {
@@ -8474,8 +8472,8 @@ const De = (i, t = 10) => {
   return /* @__PURE__ */ e.createElement("div", { ...l, role: "status", className: A, ref: n }, /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, t), /* @__PURE__ */ e.createElement("div", { "aria-hidden": !!t }, a));
 }, Yl = re(pl), ul = ({ className: i, description: t, type: a = "info", interactive: l, onActivate: n, ...A }, o) => {
   const d = de(() => {
-    const r = (E) => {
-      switch (E) {
+    const r = (g) => {
+      switch (g) {
         case "info":
           return "agora-solid-info-mark";
         case "success":
@@ -8515,15 +8513,15 @@ const De = (i, t = 10) => {
   fullWidth: o,
   hasFeedback: d,
   feedbackState: r = "info",
-  feedbackText: E,
+  feedbackText: g,
   hasError: b,
-  onChange: g,
-  ...m
-}, N) => {
-  const s = se(), R = { ...m };
+  onChange: E,
+  ...N
+}, m) => {
+  const s = se(), R = { ...N };
   R.id = R.id ?? s;
   const [I, D] = O(c(R.checked ?? R.defaultChecked)), j = C(null), h = (w) => {
-    D((v) => !v), De(() => g == null ? void 0 : g(w));
+    D((v) => !v), Ue(() => E == null ? void 0 : E(w));
   };
   ie(() => {
     const w = R.checked ?? R.defaultChecked;
@@ -8550,8 +8548,8 @@ const De = (i, t = 10) => {
     "icon-off": !I && !l
   }), u = J("switch-label", {
     "label-disabled": l
-  }), p = m["aria-label"] ?? t;
-  return /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { ref: j, className: U }, /* @__PURE__ */ e.createElement("input", { ...R, type: "checkbox", tabIndex: -1, disabled: l, onChange: h, ref: N, id: R.id }), /* @__PURE__ */ e.createElement(
+  }), p = N["aria-label"] ?? t;
+  return /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { ref: j, className: U }, /* @__PURE__ */ e.createElement("input", { ...R, type: "checkbox", tabIndex: -1, disabled: l, onChange: h, ref: m, id: R.id }), /* @__PURE__ */ e.createElement(
     "div",
     {
       className: `toggle-switch ${I ? "on" : "off"}`,
@@ -8563,7 +8561,7 @@ const De = (i, t = 10) => {
       onKeyDown: Y
     },
     /* @__PURE__ */ e.createElement("span", { className: G }, I ? /* @__PURE__ */ e.createElement(ae, { name: "agora-solid-check", "aria-hidden": !0, className: "on", dimensions: "xs" }) : /* @__PURE__ */ e.createElement(ae, { name: "agora-solid-x", "aria-hidden": !0, className: "off", dimensions: "xs" }))
-  ), !a && t && /* @__PURE__ */ e.createElement("label", { htmlFor: R.id, className: u }, t)), (c(d) || c(b)) && E && /* @__PURE__ */ e.createElement(Ye, { feedbackState: c(b) ? "danger" : r, feedbackText: E, className: "px-16" }));
+  ), !a && t && /* @__PURE__ */ e.createElement("label", { htmlFor: R.id, className: u }, t)), (c(d) || c(b)) && g && /* @__PURE__ */ e.createElement(pe, { feedbackState: c(b) ? "danger" : r, feedbackText: g, className: "px-16" }));
 }, eA = re(Ul), iA = ({ children: i, ...t }) => /* @__PURE__ */ e.createElement("tbody", { ...t }, i), tA = ({ children: i, ...t }) => /* @__PURE__ */ e.createElement("caption", { ...t }, i), aA = ({ children: i, headerKey: t = "", headerLabel: a, ...l }) => /* @__PURE__ */ e.createElement("td", { ...l, "data-header-key": t, "data-label": a }, i), lA = ({ children: i, ...t }) => /* @__PURE__ */ e.createElement("tfoot", { ...t }, i), nA = ({ children: i, ...t }) => /* @__PURE__ */ e.createElement("thead", { ...t }, i), jl = {
   string: "agora-line-sort-alpha-up",
   date: "agora-solid-sort-generic-up",
@@ -8573,15 +8571,15 @@ const De = (i, t = 10) => {
   date: "agora-solid-sort-generic-down",
   numeric: "agora-solid-sort-generic-down"
 }, AA = ({ sortType: i, sortOrder: t = "none", onSortChange: a, children: l, ...n }) => {
-  const A = ["none", "ascending", "descending"], o = A.findIndex((g) => g === t), d = de(() => i ? t === "ascending" ? wl[i] : t === "descending" ? jl[i] : "agora-solid-sort-vertical" : "", [i, t]), r = de(() => i ? t === "ascending" ? "ascending" : t === "descending" ? "descending" : "none" : "none", [i, t]), E = () => {
+  const A = ["none", "ascending", "descending"], o = A.findIndex((E) => E === t), d = de(() => i ? t === "ascending" ? wl[i] : t === "descending" ? jl[i] : "agora-solid-sort-vertical" : "", [i, t]), r = de(() => i ? t === "ascending" ? "ascending" : t === "descending" ? "descending" : "none" : "none", [i, t]), g = () => {
     if (!i)
       return "";
-    let g = o + 1;
-    g >= A.length && (g = 0), a == null || a(A[g]);
-  }, b = (g) => {
-    (g.code === "Enter" || g.code === "NumpadEnter" || g.code === "Space") && E();
+    let E = o + 1;
+    E >= A.length && (E = 0), a == null || a(A[E]);
+  }, b = (E) => {
+    (E.code === "Enter" || E.code === "NumpadEnter" || E.code === "Space") && g();
   };
-  return /* @__PURE__ */ e.createElement("th", { ...n, className: n.className, "aria-sort": r }, i && /* @__PURE__ */ e.createElement("button", { className: "table-header-cell", onClick: E, onKeyUp: b }, /* @__PURE__ */ e.createElement("div", { className: "w-24" }, /* @__PURE__ */ e.createElement(ae, { name: d, "aria-hidden": !0 })), l), !i && /* @__PURE__ */ e.createElement("span", { className: "table-header-cell" }, l));
+  return /* @__PURE__ */ e.createElement("th", { ...n, className: n.className, "aria-sort": r }, i && /* @__PURE__ */ e.createElement("button", { className: "table-header-cell", onClick: g, onKeyUp: b }, /* @__PURE__ */ e.createElement("div", { className: "w-24" }, /* @__PURE__ */ e.createElement(ae, { name: d, "aria-hidden": !0 })), l), !i && /* @__PURE__ */ e.createElement("span", { className: "table-header-cell" }, l));
 }, cA = ({ children: i, ...t }) => /* @__PURE__ */ e.createElement("tr", { ...t }, i), hl = ({
   itemsPerPageLabel: i,
   itemsPerPage: t,
@@ -8592,34 +8590,34 @@ const De = (i, t = 10) => {
   dropdownListAriaLabel: o,
   prevButtonAriaLabel: d,
   nextButtonAriaLabel: r,
-  ...E
+  ...g
 }, b) => {
-  const g = se(), m = C(null), N = C(null), s = C(null), [R, I] = O(!1), D = () => {
+  const E = se(), N = C(null), m = C(null), s = C(null), [R, I] = O(!1), D = () => {
     var v, S, F, L;
-    (v = N.current) != null && v.visibility ? (S = N.current) == null || S.hide() : (F = N.current) == null || F.show(), (L = m.current) == null || L.classList.remove("active");
+    (v = m.current) != null && v.visibility ? (S = m.current) == null || S.hide() : (F = m.current) == null || F.show(), (L = N.current) == null || L.classList.remove("active");
   }, j = (v) => {
     typeof v.detail == "number" && v.detail === 0 || D();
   }, h = (v) => {
     var F;
     const S = v.code;
-    S === "Escape" && ((F = N.current) != null && F.visibility) && N.current.hide(), (S === "Enter" || S === "Space" || S === "NumpadEnter") && D();
+    S === "Escape" && ((F = m.current) != null && F.visibility) && m.current.hide(), (S === "Enter" || S === "Space" || S === "NumpadEnter") && D();
   }, Y = () => {
     var v;
-    I(!0), (v = N.current) == null || v.first();
+    I(!0), (v = m.current) == null || v.first();
   }, M = () => {
     var v;
-    I(!1), (v = m.current) == null || v.focus();
+    I(!1), (v = N.current) == null || v.focus();
   }, U = (v) => {
     var S;
     if (v.length > 0) {
       const F = v[0];
-      (S = E.onPageSizeChange) == null || S.call(E, +F.value);
+      (S = g.onPageSizeChange) == null || S.call(g, +F.value);
     }
   };
   ie(() => {
     const v = (S) => {
       var F, L;
-      (F = N.current) != null && F.visibility && !((L = s.current) != null && L.contains(S.target)) && N.current.hide();
+      (F = m.current) != null && F.visibility && !((L = s.current) != null && L.contains(S.target)) && m.current.hide();
     };
     return document == null || document.addEventListener("click", v), () => {
       document == null || document.removeEventListener("click", v);
@@ -8627,10 +8625,10 @@ const De = (i, t = 10) => {
   }, []);
   const G = Math.ceil(a / t), u = () => {
     var v;
-    (v = E.onPageChange) == null || v.call(E, Math.max(0, n - 1));
+    (v = g.onPageChange) == null || v.call(g, Math.max(0, n - 1));
   }, p = () => {
     var v;
-    (v = E.onPageChange) == null || v.call(E, Math.min(n + 1, G - 1));
+    (v = g.onPageChange) == null || v.call(g, Math.min(n + 1, G - 1));
   }, w = de(() => R ? {
     default: "agora-solid-chevron-up",
     hover: "agora-line-chevron-up"
@@ -8641,14 +8639,14 @@ const De = (i, t = 10) => {
   return /* @__PURE__ */ e.createElement("div", { className: "agora-table-pagination", ref: b }, /* @__PURE__ */ e.createElement("div", { className: "section-items", ref: s }, /* @__PURE__ */ e.createElement(
     Ne,
     {
-      ref: m,
+      ref: N,
       appearance: "link",
       hasIcon: !0,
       trailingIcon: w.default,
       trailingIconHover: w.hover,
       "aria-label": A,
       role: "combobox",
-      "aria-controls": g,
+      "aria-controls": E,
       "aria-expanded": R,
       onClick: j,
       onKeyDown: h
@@ -8659,8 +8657,8 @@ const De = (i, t = 10) => {
   ), /* @__PURE__ */ e.createElement("div", { className: "absolute -bottom-8 left-0 w-full min-h-[8px]" }, /* @__PURE__ */ e.createElement(
     Ke,
     {
-      id: g,
-      ref: N,
+      id: E,
+      ref: m,
       type: "text",
       onHide: M,
       onShow: Y,
@@ -8708,7 +8706,7 @@ const De = (i, t = 10) => {
   paginationProps: o,
   sortDescription: d = "",
   ...r
-}, E) => {
+}, g) => {
   const b = J(
     "agora-table-container",
     {
@@ -8721,7 +8719,7 @@ const De = (i, t = 10) => {
     },
     t
   );
-  return /* @__PURE__ */ e.createElement("div", { className: "agora-table" }, /* @__PURE__ */ e.createElement("table", { ...r, className: b, ref: E }, i && /* @__PURE__ */ e.createElement("caption", null, i), A), o && /* @__PURE__ */ e.createElement(Jl, { ...o }), /* @__PURE__ */ e.createElement("span", { className: "sr-only", "aria-live": "polite" }, d));
+  return /* @__PURE__ */ e.createElement("div", { className: "agora-table" }, /* @__PURE__ */ e.createElement("table", { ...r, className: b, ref: g }, i && /* @__PURE__ */ e.createElement("caption", null, i), A), o && /* @__PURE__ */ e.createElement(Jl, { ...o }), /* @__PURE__ */ e.createElement("span", { className: "sr-only", "aria-live": "polite" }, d));
 }, oA = re(vl), rA = (i) => /* @__PURE__ */ e.createElement("div", { ...i }), dA = (i) => /* @__PURE__ */ e.createElement("div", { ...i }), sA = (i) => /* @__PURE__ */ e.createElement("div", { ...i }), NA = ({
   children: i,
   automaticActivation: t = !0,
@@ -8732,15 +8730,15 @@ const De = (i, t = 10) => {
   currentType: o = "neutral",
   ...d
 }) => {
-  const r = C(null), E = C(null), [b, g] = O(0), [m, N] = O([]), [s, R] = O([]), I = se(), D = (G) => {
-    g(G), A == null || A(G);
+  const r = C(null), g = C(null), [b, E] = O(0), [N, m] = O([]), [s, R] = O([]), I = se(), D = (G) => {
+    E(G), A == null || A(G);
   };
   ie(() => {
     const G = [], u = [], p = Ge.toArray(i);
     Ge.forEach(p, (w, v) => {
       var S, F, L, T;
-      pe(w) && (c(w.props.active) && D(v), G.push((F = (S = w.props) == null ? void 0 : S.children) == null ? void 0 : F[0]), u.push((T = (L = w.props) == null ? void 0 : L.children) == null ? void 0 : T[1]));
-    }), N(G), R(u);
+      Me(w) && (c(w.props.active) && D(v), G.push((F = (S = w.props) == null ? void 0 : S.children) == null ? void 0 : F[0]), u.push((T = (L = w.props) == null ? void 0 : L.children) == null ? void 0 : T[1]));
+    }), m(G), R(u);
   }, [i]);
   const j = (G) => {
     var T, k, V;
@@ -8748,7 +8746,7 @@ const De = (i, t = 10) => {
       ((T = r.current) == null ? void 0 : T.tabIndex) === 0 && (G.preventDefault(), (k = r.current) == null || k.focus());
       return;
     }
-    const u = ((V = E.current) == null ? void 0 : V.querySelectorAll(".tab-list-item")) ?? [];
+    const u = ((V = g.current) == null ? void 0 : V.querySelectorAll(".tab-list-item")) ?? [];
     if (u.length == 0)
       return;
     let p = b;
@@ -8786,7 +8784,7 @@ const De = (i, t = 10) => {
     var u;
     if (G.currentTarget === G.target && G.code === "Tab" && G.shiftKey) {
       G.preventDefault();
-      const p = (u = E.current) == null ? void 0 : u.querySelector(".tab-list-item.active");
+      const p = (u = g.current) == null ? void 0 : u.querySelector(".tab-list-item.active");
       p == null || p.focus();
     }
   }, Y = de(() => {
@@ -8804,7 +8802,7 @@ const De = (i, t = 10) => {
     "current-primary": o === "primary",
     "current-secondary": o === "secondary"
   });
-  return /* @__PURE__ */ e.createElement("div", { className: M, ...d }, /* @__PURE__ */ e.createElement("div", { ref: E, role: "tablist", className: "tab-list" }, Ge.map(m, (G, u) => {
+  return /* @__PURE__ */ e.createElement("div", { className: M, ...d }, /* @__PURE__ */ e.createElement("div", { ref: g, role: "tablist", className: "tab-list" }, Ge.map(N, (G, u) => {
     const p = `agora-tab-${I}-${u}`, w = J("tab-list-item", {
       active: b === u,
       "current-neutral": o === "neutral",
@@ -8868,19 +8866,19 @@ const De = (i, t = 10) => {
   const a = se(), [l, n] = O([]);
   return ie(() => {
     const o = Ge.toArray(t.children).reduce(
-      (r, E) => {
-        const b = E.props.label ?? "";
-        return r[b] = r[b] || [], r[b].push(E), r;
+      (r, g) => {
+        const b = g.props.label ?? "";
+        return r[b] = r[b] || [], r[b].push(g), r;
       },
       {}
     ), d = Object.values(o);
     n(d);
   }, [t.children]), /* @__PURE__ */ e.createElement("div", { ...t, className: J("agora-timeline-vertical") }, l.map((A, o) => {
-    var E;
+    var g;
     const d = `timeline-group-${o}-${a}`, r = J("timeline-group", { "has-label": !c(i) });
-    return /* @__PURE__ */ e.createElement("div", { key: d, className: r }, !c(i) && ((E = A[0]) == null ? void 0 : E.props.label) && /* @__PURE__ */ e.createElement("div", { className: "timeline-label-wrapper" }, /* @__PURE__ */ e.createElement("div", { className: "timeline-label" }, A[0].props.label)), /* @__PURE__ */ e.createElement("div", { className: "timeline-items" }, A.map((b, g) => {
-      const m = `timeline-event-${o}-${g}-${a}`;
-      return /* @__PURE__ */ e.createElement(Wl, { key: m, hasIcon: b.props.hasIcon, icon: b.props.icon, altIcon: b.props.altIcon }, b.props.children);
+    return /* @__PURE__ */ e.createElement("div", { key: d, className: r }, !c(i) && ((g = A[0]) == null ? void 0 : g.props.label) && /* @__PURE__ */ e.createElement("div", { className: "timeline-label-wrapper" }, /* @__PURE__ */ e.createElement("div", { className: "timeline-label" }, A[0].props.label)), /* @__PURE__ */ e.createElement("div", { className: "timeline-items" }, A.map((b, E) => {
+      const N = `timeline-event-${o}-${E}-${a}`;
+      return /* @__PURE__ */ e.createElement(Wl, { key: N, hasIcon: b.props.hasIcon, icon: b.props.icon, altIcon: b.props.altIcon }, b.props.children);
     })));
   }));
 }, bA = ({
@@ -8891,35 +8889,35 @@ const De = (i, t = 10) => {
   className: n,
   ...A
 }) => {
-  const [o, d] = O(window.innerWidth < 768), r = 6, [E, b] = O([]), [g, m] = O(0), [N, s] = O(0), [R, I] = O(r);
+  const [o, d] = O(window.innerWidth < 768), r = 6, [g, b] = O([]), [E, N] = O(0), [m, s] = O(0), [R, I] = O(r);
   ie(() => {
     const p = Ge.toArray(i);
     b(p);
     const w = p.findIndex((v) => v.props.active);
-    m(w !== -1 ? w : 0);
+    N(w !== -1 ? w : 0);
   }, [i]);
   const D = (p) => {
-    m(p);
+    N(p);
   }, j = (p, w) => p < w ? "completed" : "", h = () => {
-    const p = Math.min(g + 1, Ge.count(i) - 1);
-    m(p), p >= R && (s(N + 1), I(R + 1));
+    const p = Math.min(E + 1, Ge.count(i) - 1);
+    N(p), p >= R && (s(m + 1), I(R + 1));
   }, Y = () => {
-    const p = Math.max(g - 1, 0);
-    m(p), p < N && (s(N - 1), I(R - 1));
-  }, M = Ge.map(i, (p, w) => w === g ? p.props.children : null), U = E.slice(N, R);
+    const p = Math.max(E - 1, 0);
+    N(p), p < m && (s(m - 1), I(R - 1));
+  }, M = Ge.map(i, (p, w) => w === E ? p.props.children : null), U = g.slice(m, R);
   ie(() => {
-    if (g > R - 1 || g < N) {
-      const p = Math.max(0, g - Math.floor(r / 2)), w = p + r;
-      w > E.length ? (s(E.length - r), I(E.length)) : (s(p), I(w));
+    if (E > R - 1 || E < m) {
+      const p = Math.max(0, E - Math.floor(r / 2)), w = p + r;
+      w > g.length ? (s(g.length - r), I(g.length)) : (s(p), I(w));
     }
-  }, [g, E, r, N, R]), at(() => {
+  }, [E, g, r, m, R]), at(() => {
     function p() {
       d(window.innerWidth < 768);
     }
     return window.addEventListener("resize", p), p(), () => window.removeEventListener("resize", p);
   }, []);
   const G = () => {
-    const p = g === 0, w = g === Ge.count(i) - 1;
+    const p = E === 0, w = E === Ge.count(i) - 1;
     return /* @__PURE__ */ e.createElement("div", { className: "timeline-actions" }, /* @__PURE__ */ e.createElement(
       Ne,
       {
@@ -8955,9 +8953,9 @@ const De = (i, t = 10) => {
     n
   );
   return /* @__PURE__ */ e.createElement("div", null, o ? /* @__PURE__ */ e.createElement(kl, { ...A, hideLabels: !1 }, i) : /* @__PURE__ */ e.createElement("div", { ...A, className: u }, /* @__PURE__ */ e.createElement("div", { className: "timeline-steps" }, U.map((p, w) => {
-    const v = w + N === 0, S = w + N === R - 1, F = N > 0, L = R < E.length, T = J(j(w + N, g), {
+    const v = w + m === 0, S = w + m === R - 1, F = m > 0, L = R < g.length, T = J(j(w + m, E), {
       "first-event": v,
-      "last-event": S && w + N === E.length - 1,
+      "last-event": S && w + m === g.length - 1,
       "has-more-events-left": F,
       "has-more-events-right": L
     });
@@ -8966,14 +8964,14 @@ const De = (i, t = 10) => {
       {
         key: p.props.id ?? w,
         ...p.props,
-        active: w + N === g,
-        onClick: () => D(w + N),
+        active: w + m === E,
+        onClick: () => D(w + m),
         interactive: c(l),
         className: T
       },
       p.props.children
     );
-  })), c(l) && E.length > r && G(), /* @__PURE__ */ e.createElement("div", { className: "timeline-content" }, M)));
+  })), c(l) && g.length > r && G(), /* @__PURE__ */ e.createElement("div", { className: "timeline-content" }, M)));
 }, _i = xe({}), zl = () => Fe(_i), Bl = ({ className: i, id: t, title: a, description: l, type: n, closeLabel: A }) => {
   const { removeToast: o } = zl(), d = (b) => {
     switch (b) {
@@ -8994,8 +8992,8 @@ const De = (i, t = 10) => {
       description: l,
       closeLabel: A
     });
-  }, E = J("agora-toast", { [`agora-toast-${n}`]: n }, i);
-  return /* @__PURE__ */ e.createElement("div", { className: E, role: "alert", key: t }, /* @__PURE__ */ e.createElement(ae, { className: "toast-icon mt-[10px]", name: d(n), dimensions: "m", "aria-hidden": !0 }), /* @__PURE__ */ e.createElement("div", { className: "toast-messages flex flex-col gap-8" }, /* @__PURE__ */ e.createElement("p", { className: "toast-title mt-8" }, a), /* @__PURE__ */ e.createElement("p", { className: "toast-description" }, l)), /* @__PURE__ */ e.createElement(
+  }, g = J("agora-toast", { [`agora-toast-${n}`]: n }, i);
+  return /* @__PURE__ */ e.createElement("div", { className: g, role: "alert", key: t }, /* @__PURE__ */ e.createElement(ae, { className: "toast-icon mt-[10px]", name: d(n), dimensions: "m", "aria-hidden": !0 }), /* @__PURE__ */ e.createElement("div", { className: "toast-messages flex flex-col gap-8" }, /* @__PURE__ */ e.createElement("p", { className: "toast-title mt-8" }, a), /* @__PURE__ */ e.createElement("p", { className: "toast-description" }, l)), /* @__PURE__ */ e.createElement(
     Ne,
     {
       className: "toast-close-button",
@@ -9014,7 +9012,7 @@ const De = (i, t = 10) => {
     t((A) => A.filter((o) => o.id !== n.id));
   };
   return { toasts: i, showToast: (n, A) => {
-    t((o) => [...o, n]), A && A > 0 && De(() => {
+    t((o) => [...o, n]), A && A > 0 && Ue(() => {
       a(n);
     }, A);
   }, removeToast: a };
@@ -9026,8 +9024,8 @@ const De = (i, t = 10) => {
     }),
     [l, n]
   ), d = de(() => {
-    const g = A < 768 ? 3 : 5;
-    return t.includes("bottom") ? [...a].slice(-1 * g) : [...a].reverse().slice(0, g);
+    const E = A < 768 ? 3 : 5;
+    return t.includes("bottom") ? [...a].slice(-1 * E) : [...a].reverse().slice(0, E);
   }, [t, a, A]);
   return /* @__PURE__ */ e.createElement(_i.Provider, { value: o }, i, d.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `agora-toast-list toast-list-${t}`, "aria-live": "assertive" }, d.map((r) => /* @__PURE__ */ e.createElement(Bl, { key: r.id, ...r }))));
 }, et = ({
@@ -9038,14 +9036,14 @@ const De = (i, t = 10) => {
   onFileReplace: n,
   ...A
 }) => {
-  const o = se(), d = (m) => {
-    n == null || n(m);
-  }, r = (m) => {
-    a == null || a(m);
-  }, E = (m, N = 0) => {
-    const R = N < 0 ? 0 : N, I = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], D = Math.floor(Math.log(m) / Math.log(1024));
-    return `${parseFloat((m / Math.pow(1024, D)).toFixed(R))} ${I[D]}`;
-  }, b = (m) => [
+  const o = se(), d = (N) => {
+    n == null || n(N);
+  }, r = (N) => {
+    a == null || a(N);
+  }, g = (N, m = 0) => {
+    const R = m < 0 ? 0 : m, I = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], D = Math.floor(Math.log(N) / Math.log(1024));
+    return `${parseFloat((N / Math.pow(1024, D)).toFixed(R))} ${I[D]}`;
+  }, b = (N) => [
     {
       className: "replace-action",
       hasIcon: !0,
@@ -9054,8 +9052,8 @@ const De = (i, t = 10) => {
       variant: "neutral",
       leadingIcon: "agora-line-refresh-ccw",
       leadingIconHover: "agora-solid-refresh-ccw",
-      onClick: () => d(m),
-      "aria-label": `${l} ${m.name}`
+      onClick: () => d(N),
+      "aria-label": `${l} ${N.name}`
     },
     {
       className: "delete-action",
@@ -9065,13 +9063,13 @@ const De = (i, t = 10) => {
       variant: "neutral",
       leadingIcon: "agora-line-trash",
       leadingIconHover: "agora-solid-trash",
-      onClick: () => r(m),
-      "aria-label": `${t} ${m.name}`
+      onClick: () => r(N),
+      "aria-label": `${t} ${N.name}`
     }
-  ], g = J("agora-file-list", { "p-16": i.length > 0 }, A.className);
-  return /* @__PURE__ */ e.createElement("ul", { className: g, "aria-live": "polite" }, i.map((m, N) => {
-    const s = `${o}-${m.name}-${N}`, R = b(m);
-    return /* @__PURE__ */ e.createElement("li", { className: "file", key: s }, /* @__PURE__ */ e.createElement("div", { className: "file-item" }, /* @__PURE__ */ e.createElement("div", { className: "file-info" }, /* @__PURE__ */ e.createElement("div", { className: "name" }, m.name), /* @__PURE__ */ e.createElement("div", { className: "size" }, E(m.size))), R.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "actions" }, R.map((I, D) => {
+  ], E = J("agora-file-list", { "p-16": i.length > 0 }, A.className);
+  return /* @__PURE__ */ e.createElement("ul", { className: E, "aria-live": "polite" }, i.map((N, m) => {
+    const s = `${o}-${N.name}-${m}`, R = b(N);
+    return /* @__PURE__ */ e.createElement("li", { className: "file", key: s }, /* @__PURE__ */ e.createElement("div", { className: "file-item" }, /* @__PURE__ */ e.createElement("div", { className: "file-info" }, /* @__PURE__ */ e.createElement("div", { className: "name" }, N.name), /* @__PURE__ */ e.createElement("div", { className: "size" }, g(N.size))), R.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "actions" }, R.map((I, D) => {
       const j = `${s}-action-${D}`;
       return /* @__PURE__ */ e.createElement(Ne, { key: j, ...I });
     }))), /* @__PURE__ */ e.createElement("div", { className: "file-divider" }));
@@ -9086,30 +9084,30 @@ const De = (i, t = 10) => {
   return n.type = "file", n.onchange = a, n.multiple = i, n.accept = t.join(","), l && (n.dataset.replaceFile = l), n;
 }, ii = (i, t, a, l, n, A = !1) => {
   let o = !1;
-  const d = [], r = [], E = [], b = !A && a < i.length + t.length;
-  return b && (o = !0), t.forEach((g) => {
-    Fl(g.name, i) || (o = !0, d.push(g.name)), g.size > l && (o = !0, r.push(g.name)), xl(g.name, n) || (o = !0, E.push(g.name));
+  const d = [], r = [], g = [], b = !A && a < i.length + t.length;
+  return b && (o = !0), t.forEach((E) => {
+    Fl(E.name, i) || (o = !0, d.push(E.name)), E.size > l && (o = !0, r.push(E.name)), xl(E.name, n) || (o = !0, g.push(E.name));
   }), {
     hasErrors: o,
     maxCountExceeded: b,
     duplicatedFiles: d,
     sizeExceededFiles: r,
-    extensionForbiddenFiles: E
+    extensionForbiddenFiles: g
   };
 }, it = (i, t, a, l, n, A) => {
-  const o = C([]), d = C(null), r = () => l ? i : 1, E = (Y, M) => {
-    De(() => n(Y, M));
+  const o = C([]), d = C(null), r = () => l ? i : 1, g = (Y, M) => {
+    Ue(() => n(Y, M));
   }, b = (Y) => {
     const M = ii([], Y, r(), t, a), U = [];
-    M.hasErrors ? d.current = M : (d.current = null, U.push(...Y)), o.current = U, E(o.current, d.current);
-  }, g = (Y) => {
+    M.hasErrors ? d.current = M : (d.current = null, U.push(...Y)), o.current = U, g(o.current, d.current);
+  }, E = (Y) => {
     if (Y.length == 0)
       return;
     const M = ii(o.current, Y, r(), t, a), U = [...o.current];
-    M.hasErrors ? d.current = M : (d.current = null, U.push(...Y)), o.current = U, E(o.current, d.current);
-  }, m = (Y) => {
-    d.current = null, o.current = o.current.filter((M) => M.name !== Y.name), E(o.current, d.current);
-  }, N = (Y, M) => {
+    M.hasErrors ? d.current = M : (d.current = null, U.push(...Y)), o.current = U, g(o.current, d.current);
+  }, N = (Y) => {
+    d.current = null, o.current = o.current.filter((M) => M.name !== Y.name), g(o.current, d.current);
+  }, m = (Y, M) => {
     if (!Y || M.length == 0)
       return;
     const U = ii(o.current, [M[0]], r(), t, a, !0), G = [...o.current];
@@ -9120,13 +9118,13 @@ const De = (i, t = 10) => {
       const u = G.findIndex((p) => p.name === Y);
       u >= 0 && G.splice(u, 1, M[0]);
     }
-    o.current = G, E(o.current, d.current);
+    o.current = G, g(o.current, d.current);
   }, s = (Y) => {
     const M = Y.currentTarget, U = Array.from(M.files ?? []);
-    g(U);
+    E(U);
   }, R = (Y) => {
     const M = Y.currentTarget, U = Array.from(M.files ?? []);
-    N(M.dataset.replaceFile ?? "", U);
+    m(M.dataset.replaceFile ?? "", U);
   };
   ie(() => {
     A && b(A);
@@ -9134,11 +9132,11 @@ const De = (i, t = 10) => {
   const I = () => {
     hi(l, a, s).click();
   }, D = (Y) => {
-    m(Y);
+    N(Y);
   }, j = (Y) => {
     hi(l, a, R, Y.name).click();
   }, h = (Y) => {
-    g(Y);
+    E(Y);
   };
   return { files: o.current, onAddFiles: I, onRemoveFile: D, onReplaceFile: j, onPasteFiles: h };
 }, Ll = ({
@@ -9151,11 +9149,11 @@ const De = (i, t = 10) => {
   accept: o = "",
   maxSize: d = Number.MAX_SAFE_INTEGER,
   maxCount: r = Number.MAX_SAFE_INTEGER,
-  maxCountExceededErrorLabel: E = "",
+  maxCountExceededErrorLabel: g = "",
   maxSizeExceededErrorLabel: b = "",
-  forbiddenExtensionErrorLabel: g = "",
-  duplicatedFileErrorLabel: m = "",
-  multiple: N,
+  forbiddenExtensionErrorLabel: E = "",
+  duplicatedFileErrorLabel: N = "",
+  multiple: m,
   disabled: s,
   onChange: R,
   files: I,
@@ -9173,12 +9171,12 @@ const De = (i, t = 10) => {
       return;
     }
     const H = [];
-    Q.maxCountExceeded && H.push(E), Q.duplicatedFiles.forEach((_) => {
-      H.push(`${_} - ${m}`);
+    Q.maxCountExceeded && H.push(g), Q.duplicatedFiles.forEach((_) => {
+      H.push(`${_} - ${N}`);
     }), Q.sizeExceededFiles.forEach((_) => {
       H.push(`${_} - ${b}`);
     }), Q.extensionForbiddenFiles.forEach((_) => {
-      H.push(`${_} - ${g}`);
+      H.push(`${_} - ${E}`);
     }), F(H);
   }, T = (Q, H) => {
     if (Q.length > 0 ? v(`${Q.length} ${t}`) : v(i), p.current) {
@@ -9187,17 +9185,17 @@ const De = (i, t = 10) => {
         _.items.add(P);
       }), p.current.files = _.files;
       const me = Te(p.current, "change");
-      De(() => R == null ? void 0 : R(me));
+      Ue(() => R == null ? void 0 : R(me));
     }
     L(H);
   }, { files: k, onAddFiles: V, onRemoveFile: K, onReplaceFile: W, onPasteFiles: B } = it(
     r,
     d,
     o ? o.split(",") : [],
-    !!N,
+    !!m,
     T,
     I
-  ), z = de(() => N ? !s && k.length < r : !s && k.length === 0, [s, N, k]), q = (Q) => {
+  ), z = de(() => m ? !s && k.length < r : !s && k.length === 0, [s, m, k]), q = (Q) => {
     W(Q);
   }, te = (Q) => {
     K(Q);
@@ -9238,7 +9236,7 @@ const De = (i, t = 10) => {
     w
   ), /* @__PURE__ */ e.createElement("div", { className: "extension-instructions" }, A), S.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "errors-container" }, S.map((Q, H) => {
     const _ = `error-message-${G}-${H}`;
-    return /* @__PURE__ */ e.createElement(Ye, { key: _, feedbackState: "danger", feedbackText: Q });
+    return /* @__PURE__ */ e.createElement(pe, { key: _, feedbackState: "danger", feedbackText: Q });
   }))), /* @__PURE__ */ e.createElement("div", { className: x }, /* @__PURE__ */ e.createElement(
     et,
     {
@@ -9248,7 +9246,7 @@ const De = (i, t = 10) => {
       removeFileButtonLabel: l,
       replaceFileButtonLabel: n
     }
-  )), (c(j) || c(D)) && Y && /* @__PURE__ */ e.createElement(Ye, { feedbackState: c(D) ? "danger" : h, feedbackText: Y }));
+  )), (c(j) || c(D)) && Y && /* @__PURE__ */ e.createElement(pe, { feedbackState: c(D) ? "danger" : h, feedbackText: Y }));
 }, gA = re(Ll), Ql = ({
   dragAndDropLabel: i,
   label: t,
@@ -9259,11 +9257,11 @@ const De = (i, t = 10) => {
   removeFileButtonLabel: o,
   replaceFileButtonLabel: d,
   accept: r,
-  maxSize: E = Number.MAX_SAFE_INTEGER,
+  maxSize: g = Number.MAX_SAFE_INTEGER,
   maxCount: b = Number.MAX_SAFE_INTEGER,
-  maxCountExceededErrorLabel: g = "",
-  maxSizeExceededErrorLabel: m = "",
-  forbiddenExtensionErrorLabel: N = "",
+  maxCountExceededErrorLabel: E = "",
+  maxSizeExceededErrorLabel: N = "",
+  forbiddenExtensionErrorLabel: m = "",
   duplicatedFileErrorLabel: s = "",
   multiple: R,
   disabled: I,
@@ -9283,12 +9281,12 @@ const De = (i, t = 10) => {
       return;
     }
     const be = [];
-    oe.maxCountExceeded && be.push(g), oe.duplicatedFiles.forEach((Re) => {
+    oe.maxCountExceeded && be.push(E), oe.duplicatedFiles.forEach((Re) => {
       be.push(`${Re} - ${s}`);
     }), oe.sizeExceededFiles.forEach((Re) => {
-      be.push(`${Re} - ${m}`);
-    }), oe.extensionForbiddenFiles.forEach((Re) => {
       be.push(`${Re} - ${N}`);
+    }), oe.extensionForbiddenFiles.forEach((Re) => {
+      be.push(`${Re} - ${m}`);
     }), K(be);
   }, B = (oe, be) => {
     if (oe.length > 0 ? L(`${oe.length} ${a}`) : L(t), v.current) {
@@ -9297,12 +9295,12 @@ const De = (i, t = 10) => {
         Re.items.add(ve);
       }), v.current.files = Re.files;
       const je = Te(v.current, "change");
-      De(() => D == null ? void 0 : D(je));
+      Ue(() => D == null ? void 0 : D(je));
     }
     W(be);
   }, { files: z, onAddFiles: q, onRemoveFile: te, onReplaceFile: y, onPasteFiles: X } = it(
     b,
-    E,
+    g,
     r ? r.split(",") : [],
     !!R,
     B,
@@ -9366,7 +9364,7 @@ const De = (i, t = 10) => {
     F
   ), V.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "errors-container" }, V.map((oe, be) => {
     const Re = `error-message-${p}-${be}`;
-    return /* @__PURE__ */ e.createElement(Ye, { key: Re, feedbackState: "danger", feedbackText: oe });
+    return /* @__PURE__ */ e.createElement(pe, { key: Re, feedbackState: "danger", feedbackText: oe });
   }))), /* @__PURE__ */ e.createElement(
     et,
     {
@@ -9376,13 +9374,13 @@ const De = (i, t = 10) => {
       removeFileButtonLabel: o,
       replaceFileButtonLabel: d
     }
-  ), (c(Y) || c(h)) && U && /* @__PURE__ */ e.createElement(Ye, { feedbackState: c(h) ? "danger" : M, feedbackText: U }));
+  ), (c(Y) || c(h)) && U && /* @__PURE__ */ e.createElement(pe, { feedbackState: c(h) ? "danger" : M, feedbackText: U }));
 }, IA = re(Ql);
 export {
   Pl as Accordion,
   fl as AccordionGroup,
   Xl as AgoraTailwindConfig,
-  Me as Anchor,
+  De as Anchor,
   Gt as Avatar,
   Kl as AvatarGroup,
   ql as BackToTop,
@@ -9482,7 +9480,7 @@ export {
   ti as Tooltip,
   ot as allIcons,
   Ca as allScribbles,
-  De as asyncTrigger,
+  Ue as asyncTrigger,
   Te as createSyntheticEvent,
   Cl as debounce,
   Ai as getDateString,