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

package/artifacts/dist/index.mjs

@@ -752,7 +752,7 @@ const Ue = (i, t = 10) => {
     R(!0);
   }, D = () => {
     R(!1);
-  }, j = () => {
+  }, U = () => {
     s ? D() : I();
   }, h = C(null), Y = Je(
     E,
@@ -761,9 +761,9 @@ const Ue = (i, t = 10) => {
       isExpanded: s,
       expand: I,
       collapse: D,
-      toggle: j
+      toggle: U
     },
-    [m, h, s, I, D, j]
+    [m, h, s, I, D, U]
   );
   ie(() => {
     if (s) {
@@ -774,15 +774,15 @@ const Ue = (i, t = 10) => {
       r == null || r(p);
     }
   }, [s]);
-  const M = J("agora-accordion", A, { "accordion-open": s }), U = J("accordion-body", { "accordion-body-block": s }), G = J("icon icon-chevron", { "icon-chevron-flip": s }), u = () => {
-    j();
+  const M = J("agora-accordion", A, { "accordion-open": s }), u = J("accordion-body", { "accordion-body-block": s }), G = J("icon icon-chevron", { "icon-chevron-flip": s }), j = () => {
+    U();
   };
   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": g,
       type: "button",
-      onClick: u,
+      onClick: j,
       className: "accordion-header",
       "aria-expanded": s,
       id: `agora-accordion-${m.id}-control`,
@@ -794,7 +794,7 @@ const Ue = (i, t = 10) => {
   )), /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: U,
+      className: u,
       id: `agora-accordion-${m.id}-region`,
       role: "region",
       "aria-labelledby": `agora-accordion-${m.id}-control`
@@ -883,18 +883,18 @@ const Ue = (i, t = 10) => {
   children: o,
   ...d
 }) => {
-  const r = se(), g = C(null), [b, E] = O(0), [N, m] = 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), U = ge(() => {
     var W;
     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));
+      const x = (W = g.current) == null ? void 0 : W.getBoundingClientRect();
+      x && (E(x.top + window.scrollY), m(x.left + window.scrollX), R(x.width), D(x.height));
     }
   }, []), h = de(() => ({ ...d }), [d]);
   h.id = h.id ?? r;
   const Y = J("tooltip-container absolute z-tooltip", d.className), M = J("tooltip", {
     [`tooltip--${t}`]: t,
     [`tooltip--${a}--${l}`]: a && l
-  }), [U, G] = O(!1), u = () => {
+  }), [u, G] = O(!1), j = () => {
     G(!0);
     const W = new CustomEvent(_e, { detail: h.id });
     document.dispatchEvent(W);
@@ -905,35 +905,35 @@ const Ue = (i, t = 10) => {
   };
   ie(() => {
     document.addEventListener("keydown", w);
-    const W = (B) => {
-      B.detail !== h.id && G(!1);
+    const W = (x) => {
+      x.detail !== h.id && G(!1);
     };
     return document.addEventListener(_e, W), () => {
       document.removeEventListener("keydown", w), document.removeEventListener(_e, W);
     };
   }, [h.id]);
-  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) => {
-    var X, x;
-    p(), (x = (X = W.props).onMouseLeave) == null || x.call(X, y);
-  }, onFocus: (y) => {
-    var X, x;
-    j(), u(), (x = (X = W.props).onFocus) == null || x.call(X, y);
-  }, onBlur: (y) => {
-    var X, x;
-    p(), (x = (X = W.props).onBlur) == null || x.call(X, y);
+  const v = Ge.map(o, (W) => Me(W) ? Ze(W, { ref: g, onMouseEnter: (S) => {
+    var X, L;
+    U(), j(), (L = (X = W.props).onMouseEnter) == null || L.call(X, S);
+  }, onMouseLeave: (S) => {
+    var X, L;
+    p(), (L = (X = W.props).onMouseLeave) == null || L.call(X, S);
+  }, onFocus: (S) => {
+    var X, L;
+    U(), j(), (L = (X = W.props).onFocus) == null || L.call(X, S);
+  }, onBlur: (S) => {
+    var X, L;
+    p(), (L = (X = W.props).onBlur) == null || L.call(X, S);
   } }) : W);
   ie(() => {
     const W = () => {
-      j();
+      U();
     };
     return document.addEventListener("scroll", W), () => {
       document.removeEventListener("scroll", W);
     };
-  }, [j]);
-  const S = de(() => {
+  }, [U]);
+  const y = de(() => {
     if (l === "start")
       return {
         top: "-10px",
@@ -952,7 +952,7 @@ const Ue = (i, t = 10) => {
         left: `${s}px`,
         transform: "translateY(-100%) translateX(-100%)"
       };
-  }, [l, s]), F = de(() => {
+  }, [l, s]), B = de(() => {
     if (l === "start")
       return {
         top: `${I + 10}px`,
@@ -971,7 +971,7 @@ const Ue = (i, t = 10) => {
         left: `${s}px`,
         transform: "translateX(-100%)"
       };
-  }, [l, I, s]), L = de(() => {
+  }, [l, I, s]), F = de(() => {
     if (l === "start")
       return {
         top: "0px",
@@ -1012,15 +1012,15 @@ const Ue = (i, t = 10) => {
   }, [l, I, s]), k = de(() => {
     switch (a) {
       case "top":
-        return S;
+        return y;
       case "bottom":
-        return F;
+        return B;
       case "left":
-        return L;
+        return F;
       case "right":
         return T;
     }
-  }, [a, S, F, L, T]), V = de(() => /* @__PURE__ */ e.createElement(
+  }, [a, y, B, F, T]), Q = de(() => /* @__PURE__ */ e.createElement(
     "div",
     {
       className: Y,
@@ -1042,7 +1042,7 @@ const Ue = (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, N]), K = de(() => U ? lt(V, document.body) : null, [U, V]);
+  ), [M, A, i, n, h, k, b, N]), K = de(() => u ? lt(Q, document.body) : null, [u, Q]);
   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);
@@ -1092,36 +1092,36 @@ const Ue = (i, t = 10) => {
     { selected: c(N.selected) },
     { darkMode: c(i) },
     E
-  ), j = (p) => {
+  ), U = (p) => {
     var w, v;
     (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 = N.onKeyUp) == null || F.call(N, p);
+    var w, v, y, B;
+    (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"), (y = I.current) == null || y.click()), (B = N.onKeyUp) == null || B.call(N, p);
   }, Y = (p) => {
     var w, v;
     (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 = N.onMouseEnter) == null || w.call(N, p);
-  }, U = (p) => {
+  }, u = (p) => {
     var w, v;
     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 = N.onMouseUp) == null || v.call(N, p);
-  }, u = (p) => {
-    var v, S, F, L;
+  }, j = (p) => {
+    var v, y, B, F;
     if (p.detail > 0) {
       (v = N.onClick) == null || v.call(N, p);
       return;
     }
-    const w = ((S = I.current) == null ? void 0 : S.getAttribute("data-custom-triggered-click")) === "true";
-    if ((F = I.current) == null || F.removeAttribute("data-custom-triggered-click"), !w) {
+    const w = ((y = I.current) == null ? void 0 : y.getAttribute("data-custom-triggered-click")) === "true";
+    if ((B = I.current) == null || B.removeAttribute("data-custom-triggered-click"), !w) {
       p.preventDefault();
       return;
     }
-    (L = N.onClick) == null || L.call(N, p);
+    (F = N.onClick) == null || F.call(N, p);
   };
   return /* @__PURE__ */ e.createElement(
     "button",
@@ -1130,10 +1130,10 @@ const Ue = (i, t = 10) => {
       className: D,
       ...N,
       ref: I,
-      onClick: u,
-      onKeyDown: j,
+      onClick: j,
+      onKeyDown: U,
       onKeyUp: h,
-      onMouseDown: U,
+      onMouseDown: u,
       onMouseUp: G,
       onMouseLeave: Y,
       onMouseEnter: M
@@ -1233,8 +1233,8 @@ const Ue = (i, t = 10) => {
     /* @__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, g] = O(""), b = st(A, i), E = (j) => {
-    g(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 = (U) => {
+    g(U.target.value ?? "");
   };
   ie(() => {
     b.setArgs(r);
@@ -1250,10 +1250,10 @@ const Ue = (i, t = 10) => {
     }),
     [s]
   );
-  const R = (j) => {
-    j.code === "Tab" && (j.preventDefault(), j.stopPropagation(), o());
-  }, I = (j) => {
-    switch (j.code) {
+  const R = (U) => {
+    U.code === "Tab" && (U.preventDefault(), U.stopPropagation(), o());
+  }, I = (U) => {
+    switch (U.code) {
       case "Escape":
         o();
         break;
@@ -1263,14 +1263,14 @@ const Ue = (i, t = 10) => {
         d();
         break;
     }
-  }, D = (j) => {
+  }, D = (U) => {
     var h;
-    j.preventDefault(), (h = m.current) == null || h.focus();
+    U.preventDefault(), (h = m.current) == null || h.focus();
   };
   return ie(() => {
     if (s.current && n) {
-      const { height: j } = s.current.getBoundingClientRect();
-      s.current.setAttribute("data-filter-section-height", `${j}`);
+      const { height: U } = s.current.getBoundingClientRect();
+      s.current.setAttribute("data-filter-section-height", `${U}`);
     }
   }, [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",
@@ -1296,10 +1296,10 @@ const Ue = (i, t = 10) => {
   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: 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(
+  const N = A == null ? void 0 : A.replace("solid", "line"), [m, s] = O(N ?? ""), R = Oe(), I = R.selectOption, D = R.options, U = R.last, h = R.first, Y = R.next, M = R.prev, u = R.type, G = R.hide, j = J(
     "agora-dropdown-option",
     i,
-    { [U]: U },
+    { [u]: u },
     { disabled: c(t) },
     { selected: c(a) },
     { filtered: c(l) },
@@ -1308,14 +1308,14 @@ const Ue = (i, t = 10) => {
       "trailing-icon": c(n) && o === "trailing"
     }
   ), p = () => {
-    const k = D.find((V) => V.value === g && V.name === r);
+    const k = D.find((Q) => Q.value === g && Q.name === r);
     k && I(k);
   }, w = (k) => {
-    const V = k.code;
-    (V === "Space" || V === "Enter" || V === "NumpadEnter") && (k.stopPropagation(), k.preventDefault(), p()), V === "Tab" && (k.stopPropagation(), k.preventDefault(), G());
+    const Q = k.code;
+    (Q === "Space" || Q === "Enter" || Q === "NumpadEnter") && (k.stopPropagation(), k.preventDefault(), p()), Q === "Tab" && (k.stopPropagation(), k.preventDefault(), G());
   }, v = (k) => {
-    const { code: V } = k;
-    switch (V) {
+    const { code: Q } = k;
+    switch (Q) {
       case "Escape":
         G();
         break;
@@ -1329,18 +1329,18 @@ const Ue = (i, t = 10) => {
         h();
         break;
       case "End":
-        j();
+        U();
         break;
     }
-  }, S = (k) => {
+  }, y = (k) => {
     t && (k.preventDefault(), k.stopPropagation());
-  }, F = (k) => {
+  }, B = (k) => {
     if (t) {
       k.preventDefault(), k.stopPropagation();
       return;
     }
     p();
-  }, L = () => {
+  }, F = () => {
     t || s((k) => k.replace("line", "solid"));
   }, T = () => {
     t || s((k) => k.replace("solid", "line"));
@@ -1349,20 +1349,20 @@ const Ue = (i, t = 10) => {
     "li",
     {
       ref: E,
-      className: u,
+      className: j,
       role: "option",
       tabIndex: t ? -1 : 0,
       "aria-selected": c(a),
       onKeyDown: v,
       onKeyDownCapture: w,
-      onMouseDownCapture: S,
-      onClick: F,
-      onMouseEnter: L,
-      onMouseMove: L,
+      onMouseDownCapture: y,
+      onClick: B,
+      onMouseEnter: F,
+      onMouseMove: F,
       onMouseLeave: T,
       "data-section-option-id": b
     },
-    /* @__PURE__ */ e.createElement(Yt, { type: U, hasIcon: c(n), icon: m }, 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(), []), g = C(null), b = J("agora-dropdown-section", i), E = de(() => A.filter((m) => m.name === t).map((m) => {
@@ -1453,23 +1453,23 @@ const Ue = (i, t = 10) => {
     l && s.current && s.current.resetFilter();
   }, [l]), I = C(null);
   Je(d, I, { resetFilter: R }, [R]);
-  const [D, j] = O(""), h = se(), Y = { ...o };
+  const [D, U] = O(""), h = se(), Y = { ...o };
   Y.id = Y.id ?? h;
   const M = ge(() => {
     if (I.current && l) {
       const k = I.current.querySelectorAll(".agora-dropdown-filter-section-item")[0] ?? null;
       if (k) {
-        const V = k.getAttribute("data-filter-section-height");
-        return V ? Number(V) : 0;
+        const Q = k.getAttribute("data-filter-section-height");
+        return Q ? Number(Q) : 0;
       }
     }
     return 0;
-  }, [l]), U = ge(() => {
+  }, [l]), u = ge(() => {
     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");
-        return V ? Number(V) : 0;
+        const Q = k.getAttribute("data-select-all-section-height");
+        return Q ? Number(Q) : 0;
       }
     }
     return 0;
@@ -1478,18 +1478,18 @@ const Ue = (i, t = 10) => {
     return I.current && I.current.querySelectorAll(".agora-dropdown-section .section-name").forEach((K) => {
       const W = K.getAttribute("data-section-option-id");
       if (W && T.includes(W)) {
-        const B = K.getAttribute("data-section-name-height");
-        k = k + (B ? Number(B) : 0);
+        const x = K.getAttribute("data-section-name-height");
+        k = k + (x ? Number(x) : 0);
       }
     }), k;
-  }, []), u = ge(
+  }, []), j = ge(
     (T) => {
       let k = 0;
       if (I.current) {
-        const V = T.map((W) => `${W.name}-${m}-${W.value}`);
+        const Q = 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)) {
+          const x = W.getAttribute("data-section-option-id");
+          if (x && Q.includes(x)) {
             const z = W.getAttribute("data-section-option-height");
             k = k + (z ? Number(z) : 0);
           }
@@ -1503,8 +1503,8 @@ const Ue = (i, t = 10) => {
       return 0;
     const T = getComputedStyle(I.current);
     if (T) {
-      const k = parseFloat(T.borderTopWidth), V = parseFloat(T.borderBottomWidth);
-      return k + V;
+      const k = parseFloat(T.borderTopWidth), Q = parseFloat(T.borderBottomWidth);
+      return k + Q;
     }
     return 0;
   }, [I]);
@@ -1512,11 +1512,11 @@ const Ue = (i, t = 10) => {
     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))];
+        const k = T.slice(0, n), Q = [...new Set(k.map((W) => W.name ?? "").filter((W) => !!W))];
         let K = 0;
-        K = K + M(), K = K + U(), K = K + G(V), K = K + u(k), K > 0 ? (K = K + p(), j(`${K}px`)) : j("none");
+        K = K + M(), K = K + u(), K = K + G(Q), K = K + j(k), K > 0 ? (K = K + p(), U(`${K}px`)) : U("none");
       } else
-        j("none");
+        U("none");
     }
   }, [
     g,
@@ -1525,15 +1525,15 @@ const Ue = (i, t = 10) => {
     N,
     n,
     M,
-    U,
-    G,
     u,
+    G,
+    j,
     p
   ]);
-  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 w = J("agora-dropdown", Y.className, { visible: g }), v = de(() => N.length > 0, [N]), y = de(() => N.some((T) => !T.filtered), [N]), B = de(() => {
     const T = N.filter((k) => !k.filtered);
-    return S && T.findIndex((k) => !k.disabled) === -1;
-  }, [S, N]), L = de(() => N.filter((T) => !T.filtered).map((T) => T.name), [N]);
+    return y && T.findIndex((k) => !k.disabled) === -1;
+  }, [y, N]), F = de(() => N.filter((T) => !T.filtered).map((T) => T.name), [N]);
   return /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -1544,15 +1544,15 @@ const Ue = (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 }), 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 }))
+    /* @__PURE__ */ e.createElement("div", { ...Y, role: "listbox" }, l && /* @__PURE__ */ e.createElement(Mt, { ref: s, "aria-label": a, placeholder: t }), m === "checkbox" && y && !B && i && /* @__PURE__ */ e.createElement(wt, { label: i }), y && E.filter((T) => F.indexOf(T.name) >= 0).map((T, k) => {
+      const Q = `agora-dropdown-option-${Y.id}-${k}`;
+      return /* @__PURE__ */ e.createElement(jt, { key: Q, ...T });
+    }), (!v || !y) && /* @__PURE__ */ e.createElement(pt, { label: A }))
   );
 }, Jt = re(ht), vt = (i, t, a, l, n, A, o, d) => {
   const [r, g] = O([]), [b, E] = O([]);
   ie(() => {
-    const W = [], B = [];
+    const W = [], x = [];
     d && (Array.isArray(d) ? Ge.forEach(d, (z) => {
       W.push({
         ...z.props,
@@ -1563,23 +1563,23 @@ const Ue = (i, t = 10) => {
       hideLabel: a
     })), W.forEach((z) => {
       Ge.forEach(z.children, (q) => {
-        B.push({
+        x.push({
           ...q.props,
           name: z.name
         });
       });
-    }), g(W), E(B);
+    }), g(W), E(x);
   }, [d, t, l]);
   const [N, m] = O(""), s = (W) => {
-    m((B) => B === W ? B : (E((z) => {
+    m((x) => x === W ? x : (E((z) => {
       const q = z.map((te) => {
-        var Q;
+        var V;
         if (W === "")
           return { ...te, filtered: !1 };
-        const y = te.value.toLowerCase(), X = (Q = te.children) == null ? void 0 : Q.toString().toLowerCase(), x = !y.includes(W) && !(X != null && X.toString().includes(W));
+        const S = te.value.toLowerCase(), X = (V = te.children) == null ? void 0 : V.toString().toLowerCase(), L = !S.includes(W) && !(X != null && X.toString().includes(W));
         return {
           ...te,
-          filtered: x
+          filtered: L
         };
       });
       return n == null || n(
@@ -1596,42 +1596,42 @@ const Ue = (i, t = 10) => {
   const I = (W) => {
     W && (W.focus(), W.scrollIntoView({ behavior: "instant", block: "center", inline: "start" }));
   }, D = ge(() => {
-    var W, B, z;
+    var W, x, z;
     if (i.current) {
-      const q = Array.from(((W = i.current) == null ? void 0 : W.querySelectorAll(".input-filter")) ?? []), te = Array.from(((B = i.current) == null ? void 0 : B.querySelectorAll(".agora-dropdown-all-option-item")) ?? []), y = Array.from(((z = i.current) == null ? void 0 : z.querySelectorAll('[role="option"]:not(.filtered)')) ?? []), X = [...q, ...te, ...y], x = Array.from(X).findIndex((Q) => Q.tabIndex === 0);
-      x >= 0 && I(X[x]);
+      const q = Array.from(((W = i.current) == null ? void 0 : W.querySelectorAll(".input-filter")) ?? []), te = Array.from(((x = i.current) == null ? void 0 : x.querySelectorAll(".agora-dropdown-all-option-item")) ?? []), S = Array.from(((z = i.current) == null ? void 0 : z.querySelectorAll('[role="option"]:not(.filtered)')) ?? []), X = [...q, ...te, ...S], L = Array.from(X).findIndex((V) => V.tabIndex === 0);
+      L >= 0 && I(X[L]);
     }
-  }, [i]), j = ge(() => {
-    var W, B, z;
+  }, [i]), U = ge(() => {
+    var W, x, z;
     if (i.current) {
-      const q = Array.from(((W = i.current) == null ? void 0 : W.querySelectorAll(".input-filter")) ?? []), te = Array.from(((B = i.current) == null ? void 0 : B.querySelectorAll(".agora-dropdown-all-option-item")) ?? []), y = Array.from(((z = i.current) == null ? void 0 : z.querySelectorAll('[role="option"]:not(.filtered)')) ?? []), X = [...q, ...te, ...y];
+      const q = Array.from(((W = i.current) == null ? void 0 : W.querySelectorAll(".input-filter")) ?? []), te = Array.from(((x = i.current) == null ? void 0 : x.querySelectorAll(".agora-dropdown-all-option-item")) ?? []), S = Array.from(((z = i.current) == null ? void 0 : z.querySelectorAll('[role="option"]:not(.filtered)')) ?? []), X = [...q, ...te, ...S];
       if (X.length > 0) {
-        const x = Array.from(X).findLastIndex((Q) => Q.tabIndex === 0);
-        x >= 0 && I(X[x]);
+        const L = Array.from(X).findLastIndex((V) => V.tabIndex === 0);
+        L >= 0 && I(X[L]);
       }
     }
   }, [i]), h = ge(() => {
-    var W, B, z;
+    var W, x, z;
     if (i.current) {
-      const q = document.activeElement, te = Array.from(((W = i.current) == null ? void 0 : W.querySelectorAll(".input-filter")) ?? []), y = Array.from(((B = i.current) == null ? void 0 : B.querySelectorAll(".agora-dropdown-all-option-item")) ?? []), X = Array.from(((z = i.current) == null ? void 0 : z.querySelectorAll('[role="option"]:not(.filtered)')) ?? []), x = [...te, ...y, ...X];
-      if (x.length > 0) {
-        const Q = Array.from(x).findIndex((_) => _.isEqualNode(q)), H = Array.from(x).findIndex((_, me) => me > Q && _.tabIndex === 0);
-        H >= 0 && I(x[H]);
+      const q = document.activeElement, te = Array.from(((W = i.current) == null ? void 0 : W.querySelectorAll(".input-filter")) ?? []), S = Array.from(((x = i.current) == null ? void 0 : x.querySelectorAll(".agora-dropdown-all-option-item")) ?? []), X = Array.from(((z = i.current) == null ? void 0 : z.querySelectorAll('[role="option"]:not(.filtered)')) ?? []), L = [...te, ...S, ...X];
+      if (L.length > 0) {
+        const V = Array.from(L).findIndex((_) => _.isEqualNode(q)), H = Array.from(L).findIndex((_, me) => me > V && _.tabIndex === 0);
+        H >= 0 && I(L[H]);
       }
     }
   }, [i, D]), Y = ge(() => {
-    var W, B, z;
+    var W, x, z;
     if (i.current) {
-      const q = document.activeElement, te = Array.from(((W = i.current) == null ? void 0 : W.querySelectorAll(".input-filter")) ?? []), y = Array.from(((B = i.current) == null ? void 0 : B.querySelectorAll(".agora-dropdown-all-option-item")) ?? []), X = Array.from(((z = i.current) == null ? void 0 : z.querySelectorAll('[role="option"]:not(.filtered)')) ?? []), x = [...te, ...y, ...X];
-      if (x.length > 0) {
-        const Q = Array.from(x).findIndex((_) => _.isEqualNode(q)), H = Array.from(x).findLastIndex((_, me) => me < Q && _.tabIndex === 0);
-        H >= 0 && I(x[H]);
+      const q = document.activeElement, te = Array.from(((W = i.current) == null ? void 0 : W.querySelectorAll(".input-filter")) ?? []), S = Array.from(((x = i.current) == null ? void 0 : x.querySelectorAll(".agora-dropdown-all-option-item")) ?? []), X = Array.from(((z = i.current) == null ? void 0 : z.querySelectorAll('[role="option"]:not(.filtered)')) ?? []), L = [...te, ...S, ...X];
+      if (L.length > 0) {
+        const V = Array.from(L).findIndex((_) => _.isEqualNode(q)), H = Array.from(L).findLastIndex((_, me) => me < V && _.tabIndex === 0);
+        H >= 0 && I(L[H]);
       }
     }
-  }, [i, j]), [M, U] = O(!1), G = ge(() => {
-    U(!0);
-  }, []), u = ge(() => {
-    U(!1);
+  }, [i, U]), [M, u] = O(!1), G = ge(() => {
+    u(!0);
+  }, []), j = ge(() => {
+    u(!1);
   }, []), p = C(!0);
   ie(() => {
     if (p.current) {
@@ -1642,7 +1642,7 @@ const Ue = (i, t = 10) => {
   }, [M]);
   const w = ge(
     (W) => {
-      const B = W.filter((z) => z.selected).map((z) => ({
+      const x = W.filter((z) => z.selected).map((z) => ({
         selected: z.selected,
         value: z.value,
         className: z.className,
@@ -1652,13 +1652,13 @@ const Ue = (i, t = 10) => {
         iconPosition: z.iconPosition,
         children: z.children
       }));
-      t === "text" && B.length > 0 && u(), Ue(() => l == null ? void 0 : l(B));
+      t === "text" && x.length > 0 && j(), Ue(() => l == null ? void 0 : l(x));
     },
-    [l, u, t]
-  ), v = de(() => t === "checkbox", [t]), S = ge(
+    [l, j, t]
+  ), v = de(() => t === "checkbox", [t]), y = ge(
     (W) => {
-      W.disabled || W.filtered || E((B) => {
-        const z = B.map((q) => {
+      W.disabled || W.filtered || E((x) => {
+        const z = x.map((q) => {
           const te = W.name === q.name && W.value === q.value;
           return v ? {
             ...q,
@@ -1672,42 +1672,42 @@ const Ue = (i, t = 10) => {
       });
     },
     [E, v, w]
-  ), F = ge(
+  ), B = ge(
     (W) => {
-      const B = b.filter((q) => q.name === W && !q.filtered && !q.disabled), z = B.some((q) => !q.selected);
-      return B.length > 0 && !z;
+      const x = b.filter((q) => q.name === W && !q.filtered && !q.disabled), z = x.some((q) => !q.selected);
+      return x.length > 0 && !z;
     },
     [b]
-  ), L = ge(
+  ), F = ge(
     (W) => {
-      E((B) => {
-        const z = F(W), q = B.map((te) => {
-          const y = W === te.name;
+      E((x) => {
+        const z = B(W), q = x.map((te) => {
+          const S = W === te.name;
           return {
             ...te,
-            selected: !te.filtered && !te.disabled && y ? !z : te.selected
+            selected: !te.filtered && !te.disabled && S ? !z : te.selected
           };
         });
         return w(q), q;
       });
     },
-    [E, F, w]
+    [E, B, w]
   ), T = ge(
     (W) => b.filter((z) => z.name === W && !z.filtered && !z.disabled).length > 0,
     [b]
   ), k = de(() => {
-    const W = b.filter((z) => !z.filtered && !z.disabled), B = W.some((z) => !z.selected);
-    return W.length > 0 && !B;
-  }, [b]), V = de(() => {
-    const W = b.filter((z) => !z.filtered), B = W.some((z) => !z.disabled);
-    return W.length > 0 && !B;
+    const W = b.filter((z) => !z.filtered && !z.disabled), x = W.some((z) => !z.selected);
+    return W.length > 0 && !x;
+  }, [b]), Q = de(() => {
+    const W = b.filter((z) => !z.filtered), x = W.some((z) => !z.disabled);
+    return W.length > 0 && !x;
   }, [b]), K = ge(() => {
     E((W) => {
-      const B = W.map((z) => ({
+      const x = W.map((z) => ({
         ...z,
         selected: !z.filtered && !z.disabled ? !k : z.selected
       }));
-      return w(B), B;
+      return w(x), x;
     });
   }, [E, k, w]);
   return {
@@ -1716,16 +1716,16 @@ const Ue = (i, t = 10) => {
     options: b,
     visibility: M,
     show: G,
-    hide: u,
+    hide: j,
     first: D,
     prev: Y,
     next: h,
-    last: j,
-    selectOption: S,
+    last: U,
+    selectOption: y,
     hasSectionOptionsToInteract: T,
-    selectSectionOptions: L,
-    isAllSectionOptionsSelected: F,
-    isAllDisabled: V,
+    selectSectionOptions: F,
+    isAllSectionOptionsSelected: B,
+    isAllDisabled: Q,
     isAllSelected: k,
     selectAll: K,
     applyFilter: s,
@@ -1771,15 +1771,15 @@ const Ue = (i, t = 10) => {
   visibleCountAriaLabel: a,
   children: l
 }) => {
-  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 = () => {
+  const n = se(), A = t >= 0 ? `+${i - t}` : `+${i}`, o = Ge.map(l, (D, U) => U >= 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();
   }, N = () => {
     var D;
     b(!0), (D = d.current) == null || D.first();
   }, m = () => {
-    var D, j, h;
-    (D = d.current) != null && D.visibility ? (j = d.current) == null || j.hide() : (h = d.current) == null || h.show();
+    var D, U, h;
+    (D = d.current) != null && D.visibility ? (U = d.current) == null || U.hide() : (h = d.current) == null || h.show();
   }, s = C(null), R = () => {
     var D;
     (D = d.current) == null || D.show();
@@ -1811,9 +1811,9 @@ const Ue = (i, t = 10) => {
       type: "text",
       hideSectionNames: !0
     },
-    /* @__PURE__ */ e.createElement(ci, { name: `avatar-list-${n}`, "aria-label": a }, o.map((D, j) => {
+    /* @__PURE__ */ e.createElement(ci, { name: `avatar-list-${n}`, "aria-label": a }, o.map((D, U) => {
       var Y;
-      const h = `avatar-group-${n}-option-${j}`;
+      const h = `avatar-group-${n}-option-${U}`;
       return /* @__PURE__ */ e.createElement(
         oi,
         {
@@ -1905,9 +1905,9 @@ const Ue = (i, t = 10) => {
   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);
   }, N = (I) => {
-    var Y, M, U;
+    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()));
+    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()));
   }, m = (I) => {
     var D;
     (I.key === "Escape" || I.key === "Esc") && (o(!1), (D = d.current) == null || D.focus()), I.key === "Tab" && N(I), I.key === "Enter" && o(!1);
@@ -1916,8 +1916,8 @@ const Ue = (i, t = 10) => {
     var I, D;
     if (A) {
       document.addEventListener("mousedown", E);
-      const j = (I = r.current) == null ? void 0 : I.querySelectorAll("a");
-      j && ((D = j[0]) == null || D.focus());
+      const U = (I = r.current) == null ? void 0 : I.querySelectorAll("a");
+      U && ((D = U[0]) == null || D.focus());
     }
     return () => {
       document.removeEventListener("mousedown", E);
@@ -1943,8 +1943,8 @@ const Ue = (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(De, { variant: "neutral", appearance: "link", href: I.url, onKeyDown: m }, I.label));
+    const U = `agora-mobile-breadcrumb-link-${n}${D}`;
+    return D === t.length - 1 || !I.url ? /* @__PURE__ */ e.createElement("li", { id: U, key: U }, /* @__PURE__ */ e.createElement("span", { "aria-current": "page", className: "inline-flex items-center min-h-[44px]" }, I.label)) : /* @__PURE__ */ e.createElement("li", { id: U, key: U }, /* @__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, {
@@ -1966,9 +1966,9 @@ const Ue = (i, t = 10) => {
   const [b, E] = O([]), N = de(() => {
     const R = [];
     return Array.isArray(n) ? n.forEach((I, D) => {
-      Me(I) && (I.props.selected && E((j) => {
+      Me(I) && (I.props.selected && E((U) => {
         if (t) {
-          const h = [...j, D];
+          const h = [...U, D];
           return [...new Set(h)];
         }
         return [D];
@@ -1978,14 +1978,14 @@ const Ue = (i, t = 10) => {
     const I = [...b];
     if (c(t))
       if (b.includes(R)) {
-        const j = I.indexOf(R);
-        I.splice(j, 1);
+        const U = I.indexOf(R);
+        I.splice(U, 1);
       } else
         I.push(R);
     else
       b.length > 0 && b[0] === R ? I.splice(0, 1) : I.splice(0, I.length, R);
     if (E(I), l) {
-      const D = N.filter((j, h) => I.includes(h));
+      const D = N.filter((U, h) => I.includes(h));
       l(D);
     }
   }, s = J(
@@ -2002,9 +2002,9 @@ const Ue = (i, t = 10) => {
       id: R.props.id ?? `${g.id}-button-${I}`,
       variant: i,
       appearance: "outline",
-      onClick: (j) => {
+      onClick: (U) => {
         var h, Y;
-        m(I), (Y = (h = R.props).onClick) == null || Y.call(h, j);
+        m(I), (Y = (h = R.props).onClick) == null || Y.call(h, U);
       },
       selected: D,
       darkMode: c(A),
@@ -2092,20 +2092,20 @@ const Ue = (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(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;
+  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: N,
     anchorRef: m,
     blockedLink: c(l)
   });
-  const j = J(
+  const U = J(
     "agora-card-article",
     { 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", { ...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))));
+  return /* @__PURE__ */ e.createElement("div", { ...E, role: "presentation", ref: N, className: U }, 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,
@@ -2128,7 +2128,7 @@ const Ue = (i, t = 10) => {
   l && (N = {
     ...l
   }, 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;
+  const m = (R, I, D, U) => D ? /* @__PURE__ */ e.createElement(e.Fragment, null, U && /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(De, { ...I, variant: "neutral", darkMode: !0, appearance: "link", ref: r }, R)), !U && /* @__PURE__ */ e.createElement(De, { ...I, variant: "neutral", darkMode: !0, appearance: "link", ref: r }, R)) : U ? /* @__PURE__ */ e.createElement(i, null, R) : R;
   Le({
     parentCardRef: d,
     anchorRef: r,
@@ -2239,12 +2239,12 @@ const Ue = (i, t = 10) => {
       ...m.props,
       key: R,
       onExpanded: (D) => {
-        var j, h;
-        (h = (j = m.props).onExpanded) == null || h.call(j, D), b();
+        var U, h;
+        (h = (U = m.props).onExpanded) == null || h.call(U, D), b();
       },
       onCollapsed: (D) => {
-        var j, h;
-        (h = (j = m.props).onCollapsed) == null || h.call(j, D), E();
+        var U, h;
+        (h = (U = m.props).onCollapsed) == null || h.call(U, D), E();
       }
     });
     N.push(I);
@@ -2271,7 +2271,7 @@ const Ue = (i, t = 10) => {
   l && (N = {
     ...l
   }, 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;
+  const m = (R, I, D, U) => D ? /* @__PURE__ */ e.createElement(e.Fragment, null, U && /* @__PURE__ */ e.createElement(a, null, /* @__PURE__ */ e.createElement(De, { ...I, appearance: "link", ref: r }, R)), !U && /* @__PURE__ */ e.createElement(De, { ...I, appearance: "link", ref: r }, R)) : U ? /* @__PURE__ */ e.createElement(a, null, R) : R;
   Le({
     parentCardRef: d,
     anchorRef: r,
@@ -2388,7 +2388,7 @@ const Ue = (i, t = 10) => {
     title: !!t,
     subtitle: !t && !!a,
     description: !t && !a && !!l
-  }, I = (D, j) => j ? /* @__PURE__ */ e.createElement(A, null, D) : D;
+  }, I = (D, U) => U ? /* @__PURE__ */ e.createElement(A, null, D) : D;
   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,
     {
@@ -2524,7 +2524,7 @@ const Ue = (i, t = 10) => {
     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(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 });
+  const s = J("card-single", `card-${i}`, d), R = (D, U, h, Y) => h ? /* @__PURE__ */ e.createElement(e.Fragment, null, Y && /* @__PURE__ */ e.createElement(a, null, /* @__PURE__ */ e.createElement(De, { ...U, appearance: "link", ref: b }, D)), !Y && /* @__PURE__ */ e.createElement(De, { ...U, 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",
@@ -2554,16 +2554,18 @@ const Ue = (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(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;
+  const D = (M, u, G, j) => G ? /* @__PURE__ */ e.createElement(e.Fragment, null, j && /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(De, { ...u, appearance: "link", variant: E, ref: m }, M)), !j && /* @__PURE__ */ e.createElement(De, { ...u, appearance: "link", variant: E, ref: m }, M)) : j ? /* @__PURE__ */ e.createElement(i, null, M) : M;
   Le({
     parentCardRef: N,
     anchorRef: m,
     blockedLink: c(r)
   });
-  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)));
+  const U = 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: U, 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"), g = {
+  const o = J("feedback", i), d = J("feedback-icon-wrapper", `feedback-icon-wrapper-${t}`, {
+    dark: c(l)
+  }), 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",
@@ -2588,11 +2590,11 @@ const Ue = (i, t = 10) => {
   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 = 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 = N.current) == null || U.click());
+    var u;
+    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());
+  }, U = (M) => {
+    var u;
+    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(
@@ -2625,11 +2627,10 @@ const Ue = (i, t = 10) => {
       "aria-required": n,
       "aria-invalid": c(a),
       onKeyDownCapture: D,
-      onClickCapture: j
+      onClickCapture: U
     },
     /* @__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, g ?? t))
+    /* @__PURE__ */ e.createElement("label", { className: "label-checkbox", htmlFor: s.id }, /* @__PURE__ */ e.createElement("span", { className: "mark" }, R && /* @__PURE__ */ e.createElement(ae, { name: "agora-line-check", "aria-hidden": !0 })), !l && /* @__PURE__ */ e.createElement("span", { className: "label" }, g ?? t))
   ), (c(A) || c(a)) && d && /* @__PURE__ */ e.createElement("div", { className: "agora-radio-button-feedback px-8" }, /* @__PURE__ */ e.createElement(
     pe,
     {
@@ -2688,9 +2689,9 @@ const Ue = (i, t = 10) => {
       return;
     }
     if (m.current && D.key === "Tab") {
-      const j = m.current.querySelectorAll(
+      const U = 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];
+      ), h = U[0], Y = U[U.length - 1];
       D.shiftKey && document.activeElement === h ? (D.preventDefault(), Y.focus()) : !D.shiftKey && document.activeElement === Y && (D.preventDefault(), h.focus());
     }
   }, R = (D) => {
@@ -2701,10 +2702,10 @@ const Ue = (i, t = 10) => {
   }), [l, t, a, R, s]), ie(() => {
     if (g) {
       if (document.body.classList.add("overflow-hidden"), m.current) {
-        const j = m.current.querySelectorAll(
+        const U = 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();
+        U && U.focus();
       }
     } else
       document.body.classList.remove("overflow-hidden");
@@ -2737,19 +2738,19 @@ const Ue = (i, t = 10) => {
     { ["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;
-      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();
+    var h, Y, M, u;
+    const U = () => {
+      var G, j, p, w, v, y;
+      m(!1), (G = s.current) == null || G.hide(), (w = (p = (j = s.current) == null ? void 0 : j.querySelector(".agora-drawer")) == null ? void 0 : p.classList) == null || w.remove(`agora-drawer-close-${l}`), (y = (v = s.current) == null ? void 0 : v.querySelector(".agora-drawer")) == null || y.removeEventListener("animationend", U), 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}`);
+    (Y = (h = s.current) == null ? void 0 : h.querySelector(".agora-drawer")) == null || Y.addEventListener("animationend", U), (u = (M = s.current) == null ? void 0 : M.querySelector(".agora-drawer")) == null || u.classList.add(`agora-drawer-close-${l}`);
   }, D = () => {
     var h, Y, M;
-    const j = () => {
-      var U, G;
-      (G = (U = s.current) == null ? void 0 : U.querySelector(".agora-drawer")) == null || G.removeEventListener("animationend", j), A == null || A();
+    const U = () => {
+      var u, G;
+      (G = (u = s.current) == null ? void 0 : u.querySelector(".agora-drawer")) == null || G.removeEventListener("animationend", U), A == null || A();
     };
-    (Y = (h = s.current) == null ? void 0 : h.querySelector(".agora-drawer")) == null || Y.addEventListener("animationend", j), m(!0), (M = s.current) == null || M.show();
+    (Y = (h = s.current) == null ? void 0 : h.querySelector(".agora-drawer")) == null || Y.addEventListener("animationend", U), m(!0), (M = s.current) == null || M.show();
   };
   return Je(
     E,
@@ -2776,21 +2777,21 @@ const Ue = (i, t = 10) => {
   var Y, M;
   const g = se(), b = { ...d };
   b.id = b.id ?? g;
-  const [E, N] = O("neutral"), m = (U) => {
-    N((G) => G === U ? "neutral" : U);
+  const [E, N] = O("neutral"), m = (u) => {
+    N((G) => G === u ? "neutral" : u);
   };
   ie(() => {
     Ue(() => o == null ? void 0 : o(E));
   }, [E]);
-  const s = (U, G) => {
-    const u = E === G;
+  const s = (u, G) => {
+    const j = E === G;
     return /* @__PURE__ */ e.createElement(
       Ne,
       {
-        ...U,
+        ...u,
         id: `${b.id}-${G}`,
         onClick: () => m(G),
-        appearance: u ? "solid" : "outline",
+        appearance: j ? "solid" : "outline",
         "aria-pressed": E === G ? "true" : "false"
       }
     );
@@ -2803,7 +2804,7 @@ const Ue = (i, t = 10) => {
     },
     [E]
   );
-  const j = {
+  const U = {
     ...i,
     className: "agora-btn-like",
     hasIcon: !0,
@@ -2824,7 +2825,7 @@ const Ue = (i, t = 10) => {
     iconOnly: a,
     "aria-label": a ? (M = t == null ? void 0 : t.children) == null ? void 0 : M.toString() : null
   };
-  return /* @__PURE__ */ e.createElement("div", { ...d, className: R, ref: D }, /* @__PURE__ */ e.createElement("div", { className: I }, !!i && s(j, "like"), !!t && s(h, "dislike")));
+  return /* @__PURE__ */ e.createElement("div", { ...d, className: R, ref: D }, /* @__PURE__ */ e.createElement("div", { className: I }, !!i && s(U, "like"), !!t && s(h, "dislike")));
 }, Ot = re(Vt), Xt = ({
   label: i,
   hideLabel: t,
@@ -2841,32 +2842,32 @@ const Ue = (i, t = 10) => {
   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());
-  }, G = (L) => () => {
-    c(A) || M(L);
-  }, u = () => {
+  const R = se(), I = Array.from({ length: Math.max(3, l) }), D = C(null), [U, h] = O(d ? d - 1 : 0), [Y, M] = O(0), u = (F) => {
+    c(A) && (F.preventDefault(), F.stopPropagation());
+  }, G = (F) => () => {
+    c(A) || M(F);
+  }, j = () => {
     c(A) || M(-1);
-  }, p = (L) => () => {
-    c(A) || h(L);
-  }, w = (L) => {
+  }, p = (F) => () => {
+    c(A) || h(F);
+  }, w = (F) => {
     if (c(A))
       return;
-    const { code: T } = L;
+    const { code: T } = F;
     h((k) => T === "ArrowLeft" ? Math.max(0, k - 1) : T === "ArrowRight" ? Math.min(I.length - 1, k + 1) : k);
-  }, v = (L) => {
-    const T = parseInt(L.target.getAttribute("data-star-value") ?? "0", 10);
+  }, v = (F) => {
+    const T = parseInt(F.target.getAttribute("data-star-value") ?? "0", 10);
     h((k) => k < 0 ? T : k);
   };
   ie(() => {
-    var L;
-    if ((L = document.activeElement) != null && L.classList.contains("star") && D.current) {
+    var F;
+    if ((F = document.activeElement) != null && F.classList.contains("star") && D.current) {
       const T = D.current.querySelector(".star[tabindex = '0']");
       T && T.focus();
     }
-    Ue(() => r == null ? void 0 : r(j + 1));
-  }, [j]);
-  const S = J(
+    Ue(() => r == null ? void 0 : r(U + 1));
+  }, [U]);
+  const y = J(
     "agora-rating-stars",
     { dark: c(n) },
     { "read-only": c(A) },
@@ -2876,39 +2877,39 @@ const Ue = (i, t = 10) => {
       ["feedback-" + E]: c(b) && E
     },
     o
-  ), F = C(null);
+  ), B = C(null);
   return Je(
     s,
-    F,
+    B,
     {
-      rating: j + 1
+      rating: U + 1
     },
-    [j]
+    [U]
   ), /* @__PURE__ */ e.createElement(
     "div",
     {
-      ref: F,
-      className: S,
+      ref: B,
+      className: y,
       ...m,
       role: "radiogroup",
       ...c(t) ? { "aria-label": i == null ? void 0 : i.toString() } : { "aria-labelledby": `label-${R}` }
     },
-    /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-8" }, !c(t) && /* @__PURE__ */ e.createElement("div", { id: `label-${R}`, className: "rating-label" }, i), /* @__PURE__ */ e.createElement("div", { ref: D, className: "rating-wrapper" }, I.map((L, T) => {
-      const k = T + 1, V = T <= Y, K = j !== null && T <= j, W = V || K ? "agora-solid-star" : "agora-line-star", B = `${R}-star-${T}`;
+    /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-8" }, !c(t) && /* @__PURE__ */ e.createElement("div", { id: `label-${R}`, className: "rating-label" }, i), /* @__PURE__ */ e.createElement("div", { ref: D, className: "rating-wrapper" }, I.map((F, T) => {
+      const k = T + 1, Q = T <= Y, K = U !== null && T <= U, W = Q || K ? "agora-solid-star" : "agora-line-star", x = `${R}-star-${T}`;
       let z = -1;
-      return j < 0 ? z = T === 0 ? 0 : -1 : z = j === T ? 0 : -1, /* @__PURE__ */ e.createElement(
+      return U < 0 ? z = T === 0 ? 0 : -1 : z = U === T ? 0 : -1, /* @__PURE__ */ e.createElement(
         "div",
         {
-          key: B,
+          key: x,
           id: `${R}-${T}`,
           className: "star",
           role: "radio",
-          "aria-checked": j === T,
+          "aria-checked": U === T,
           tabIndex: z,
           "aria-label": `${a} ${T + 1}`,
-          onMouseDownCapture: U,
+          onMouseDownCapture: u,
           onMouseEnter: G(T),
-          onMouseLeave: u,
+          onMouseLeave: j,
           onClick: p(T),
           onKeyDown: w,
           onFocus: v,
@@ -3271,29 +3272,29 @@ const Ue = (i, t = 10) => {
       Y == null || Y.setAttribute("aria-expanded", M.toString()), E(M);
     }
   }, s = (Y) => {
-    var M, U;
-    Y.preventDefault(), (M = Y.currentTarget) == null || M.classList.add("active"), (U = d.onMouseDown) == null || U.call(d, Y);
+    var M, u;
+    Y.preventDefault(), (M = Y.currentTarget) == null || M.classList.add("active"), (u = d.onMouseDown) == null || u.call(d, Y);
   }, R = (Y) => {
-    var M, U;
-    Y.preventDefault(), (M = Y.currentTarget) == null || M.classList.remove("active"), (U = d.onMouseUp) == null || U.call(d, Y);
+    var M, u;
+    Y.preventDefault(), (M = Y.currentTarget) == null || M.classList.remove("active"), (u = d.onMouseUp) == null || u.call(d, Y);
   }, I = (Y) => {
-    var M, U;
-    Y.preventDefault(), (M = Y.currentTarget) == null || M.classList.remove("active"), (U = d.onMouseLeave) == null || U.call(d, Y);
+    var M, u;
+    Y.preventDefault(), (M = Y.currentTarget) == null || M.classList.remove("active"), (u = d.onMouseLeave) == null || u.call(d, Y);
   }, D = (Y) => {
-    var M, U;
-    (Y.code === "Enter" || Y.code === "NumpadEnter" || Y.code === "Space") && ((M = Y.currentTarget) == null || M.classList.add("active")), (U = d.onKeyDown) == null || U.call(d, Y);
-  }, j = (Y) => {
-    var M, U, G, u;
-    (Y.code === "Enter" || Y.code === "NumpadEnter" || Y.code === "Space") && ((M = Y.currentTarget) == null || M.classList.remove("active"), (U = Y.currentTarget) == null || U.setAttribute("data-custom-triggered-click", "true"), (G = Y.currentTarget) == null || G.click()), (u = d.onKeyUp) == null || u.call(d, Y);
+    var M, u;
+    (Y.code === "Enter" || Y.code === "NumpadEnter" || Y.code === "Space") && ((M = Y.currentTarget) == null || M.classList.add("active")), (u = d.onKeyDown) == null || u.call(d, Y);
+  }, U = (Y) => {
+    var M, u, G, j;
+    (Y.code === "Enter" || Y.code === "NumpadEnter" || Y.code === "Space") && ((M = Y.currentTarget) == null || M.classList.remove("active"), (u = Y.currentTarget) == null || u.setAttribute("data-custom-triggered-click", "true"), (G = Y.currentTarget) == null || G.click()), (j = d.onKeyUp) == null || j.call(d, Y);
   }, h = (Y) => {
-    var U, G, u, p;
+    var u, G, j, p;
     if (Y.detail > 0) {
-      (U = d.onClick) == null || U.call(d, Y), c(A) || Y.preventDefault(), m();
+      (u = d.onClick) == null || u.call(d, Y), c(A) || Y.preventDefault(), m();
       return;
     }
     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) {
+    if (M && ((j = N.current) == null || j.removeAttribute("data-custom-triggered-click")), !M) {
       Y.preventDefault();
       return;
     }
@@ -3322,7 +3323,7 @@ const Ue = (i, t = 10) => {
       type: "button",
       onClick: h,
       onKeyDown: D,
-      onKeyUp: j,
+      onKeyUp: U,
       onMouseDown: s,
       onMouseUp: R,
       onMouseLeave: I,
@@ -3339,7 +3340,7 @@ const Ue = (i, t = 10) => {
       ref: N,
       onClick: h,
       onKeyDown: D,
-      onKeyUp: j,
+      onKeyUp: U,
       onMouseDown: s,
       onMouseUp: R,
       onMouseLeave: I
@@ -3358,7 +3359,7 @@ const Ue = (i, t = 10) => {
       className: g,
       onClick: h,
       onKeyDown: D,
-      onKeyUp: j,
+      onKeyUp: U,
       onMouseDown: s,
       onMouseUp: R,
       onMouseLeave: I
@@ -3368,14 +3369,14 @@ const Ue = (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, g, b, E, N, m, s, R, I, D, j, h, Y, M, U;
+  var a, l, n, A, o, d, r, g, b, E, N, m, s, R, I, D, U, 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;
   }
-  (j = (D = (I = (R = i.parentElement) == null ? void 0 : R.parentElement) == null ? void 0 : I.parentElement) == null ? void 0 : D.parentElement) != null && j.classList.contains("hidden") || ((M = (Y = (h = i.parentElement) == null ? void 0 : h.parentElement) == null ? void 0 : Y.parentElement) == null || M.classList.add("hidden"), (U = t[0]) == null || U.querySelectorAll(".agora-menu-item").forEach((G) => {
+  (U = (D = (I = (R = i.parentElement) == null ? void 0 : R.parentElement) == null ? void 0 : I.parentElement) == null ? void 0 : D.parentElement) != null && U.classList.contains("hidden") || ((M = (Y = (h = i.parentElement) == null ? void 0 : h.parentElement) == null ? void 0 : Y.parentElement) == null || M.classList.add("hidden"), (u = t[0]) == null || u.querySelectorAll(".agora-menu-item").forEach((G) => {
     G.classList.remove("!hidden");
   }));
 }, ta = (i) => {
@@ -3497,9 +3498,9 @@ const Ue = (i, t = 10) => {
     }, R = () => {
       if (i.submenuType === "language")
         return "agora-solid-check";
-    }, I = (j) => {
+    }, I = (U) => {
       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);
+      t(U.currentTarget), a(!1), document.body.classList.remove("overflow-hidden"), l == null || l(U), (h = b.onClick) == null || h.call(b, U);
     }, D = i.submenuType === "topics" ? "primary" : "neutral";
     return /* @__PURE__ */ e.createElement("li", { key: N, className: g, role: "none" }, c(i.actionItem) ? /* @__PURE__ */ e.createElement(
       Ne,
@@ -3554,30 +3555,30 @@ const Ue = (i, t = 10) => {
     },
     [s, R, I]
   );
-  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), E == null || E(v);
-  }, U = () => {
+  const D = se(), U = { ...N };
+  U.id = U.id ?? D;
+  const [h, Y] = O(U.value), M = (v) => {
+    const { value: y } = v.currentTarget;
+    Y(y), E == null || E(v);
+  }, u = () => {
     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", {
+  }, j = J("agora-input-search-bar", i), p = J("input-label-wrapper flex items-end", {
     "mb-16": t && !c(a),
     "justify-end": !t || c(a),
     "justify-between": t && !c(a)
   }), w = J("input-search-bar-label", l ? "dark-label" : "light-label");
-  return /* @__PURE__ */ e.createElement("div", { hidden: !!j.hidden, className: u }, /* @__PURE__ */ e.createElement("div", { className: p }, /* @__PURE__ */ e.createElement("label", { hidden: c(a), htmlFor: j.id, className: w }, t)), /* @__PURE__ */ e.createElement("div", { className: "input-search-bar-container" }, n && A && A.startsWith("agora-line") && /* @__PURE__ */ e.createElement(ae, { name: A, "aria-hidden": !0 }), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { hidden: !!U.hidden, className: j }, /* @__PURE__ */ e.createElement("div", { className: p }, /* @__PURE__ */ e.createElement("label", { hidden: c(a), htmlFor: U.id, className: w }, t)), /* @__PURE__ */ e.createElement("div", { className: "input-search-bar-container" }, n && A && A.startsWith("agora-line") && /* @__PURE__ */ e.createElement(ae, { name: A, "aria-hidden": !0 }), /* @__PURE__ */ e.createElement(
     "input",
     {
-      ...j,
+      ...U,
       className: "flex-grow-[1] outline-none",
       ref: s,
       type: "text",
-      disabled: !!j.disabled,
+      disabled: !!U.disabled,
       onChange: M,
-      "aria-label": c(a) ? j["aria-label"] ?? t : j["aria-label"]
+      "aria-label": c(a) ? U["aria-label"] ?? t : U["aria-label"]
     }
   ), /* @__PURE__ */ e.createElement("div", { className: "actions-container flex flex-row gap-16" }, c(o) && /* @__PURE__ */ e.createElement(
     Ne,
@@ -3590,7 +3591,7 @@ const Ue = (i, t = 10) => {
       leadingIcon: "agora-line-mic-on",
       leadingIconHover: "agora-solid-mic-on",
       "aria-label": d,
-      onClick: U
+      onClick: u
     }
   ), /* @__PURE__ */ e.createElement(
     Ne,
@@ -3660,15 +3661,15 @@ const Ue = (i, t = 10) => {
       className: "xs:mx-32 md:mx-64 xl:mx-64 xs:mt-16 md:mt-32 xl:mt-32",
       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 = 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");
+        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((U) => {
+          var h, Y, M, u, G, j, p, w, v, y, B;
+          U.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"), (j = (G = (u = N.currentTarget.parentElement) == null ? void 0 : u.parentElement) == null ? void 0 : G.parentElement) == null || j.classList.add("fade-left-right"), (B = (y = (v = (w = (p = N.currentTarget.parentElement) == null ? void 0 : p.parentElement) == null ? void 0 : w.parentElement) == null ? void 0 : v.parentElement) == null ? void 0 : y.parentElement) == null || B.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" }, (E = i.relatedNavMenu.menuItemsHeaderNavigation) == null ? void 0 : E.filter((N, m) => m < 5).map((N, m) => {
-    var I, D, j, h, Y, M;
+    var I, D, U, h, Y, M;
     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",
       {
@@ -3683,19 +3684,19 @@ const Ue = (i, t = 10) => {
         ref: d,
         itemType: "secondary",
         vertically: !0,
-        onClick: (U) => {
-          var G, u, p, w;
-          (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(
+        onClick: (u) => {
+          var G, j, p, w;
+          (j = (G = N.menuItem).onClick) == null || j.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 y, B, F, T, k, Q, K, W, x, z, q, te, S, X, L, V, H;
+            v.classList.add("!hidden"), (F = (B = (y = v.parentElement) == null ? void 0 : y.parentElement) == null ? void 0 : B.previousElementSibling) == null || F.classList.add("hidden"), (K = (Q = (k = (T = v.parentElement) == null ? void 0 : T.parentElement) == null ? void 0 : k.parentElement) == null ? void 0 : Q.previousElementSibling) == null || K.classList.add("hidden"), (q = (z = (x = (W = v.parentElement) == null ? void 0 : W.parentElement) == null ? void 0 : x.previousElementSibling) == null ? void 0 : z.previousElementSibling) == null || q.classList.add(
               "hidden"
-            ), (te = U.currentTarget.nextElementSibling) == null || te.classList.add("fade-right-left"), (X = (y = U.currentTarget.parentElement) == null ? void 0 : y.parentElement) == null || X.classList.remove("fade-left-right"), (H = (Q = (x = U.currentTarget.parentElement) == null ? void 0 : x.parentElement) == null ? void 0 : Q.parentElement) == null || H.classList.remove(
+            ), (te = u.currentTarget.nextElementSibling) == null || te.classList.add("fade-right-left"), (X = (S = u.currentTarget.parentElement) == null ? void 0 : S.parentElement) == null || X.classList.remove("fade-left-right"), (H = (V = (L = u.currentTarget.parentElement) == null ? void 0 : L.parentElement) == null ? void 0 : V.parentElement) == null || H.classList.remove(
               "fade-left-right"
             );
-          })), Se(U, r);
+          })), Se(u, r);
         }
       }
-    ), ((j = N == null ? void 0 : N.submenuItem) == null ? void 0 : j.submenuItems) && /* @__PURE__ */ e.createElement("div", { className: R }, c(a) && t && /* @__PURE__ */ e.createElement(
+    ), ((U = N == null ? void 0 : N.submenuItem) == null ? void 0 : U.submenuItems) && /* @__PURE__ */ e.createElement("div", { className: R }, c(a) && t && /* @__PURE__ */ e.createElement(
       Ne,
       {
         variant: "neutral",
@@ -3704,14 +3705,14 @@ const Ue = (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: (U) => {
-          var G, u, p, w, v, S, F, L, T, k, V, K, W, B, z, q, te, y, X, x, Q, H;
-          n == null || n(U), (u = (G = U.currentTarget.parentElement) == null ? void 0 : G.parentElement) != null && u.parentElement && (U.currentTarget.parentElement.parentElement.parentElement.querySelectorAll(".agora-menu-item").forEach((_) => {
+        onClick: (u) => {
+          var G, j, p, w, v, y, B, F, T, k, Q, K, W, x, z, q, te, S, X, L, V, H;
+          n == null || n(u), (j = (G = u.currentTarget.parentElement) == null ? void 0 : G.parentElement) != null && j.parentElement && (u.currentTarget.parentElement.parentElement.parentElement.querySelectorAll(".agora-menu-item").forEach((_) => {
             var me, P;
-            _.classList.remove("!hidden"), (P = (me = U.currentTarget.parentElement) == null ? void 0 : me.parentElement) == null || P.classList.remove("fade-right-left");
-          }), ((v = (w = (p = U.currentTarget.parentElement) == null ? void 0 : p.parentElement) == null ? void 0 : w.parentElement) == null ? void 0 : v.previousSibling).classList.remove("hidden"), ((T = (L = (F = (S = U.currentTarget.parentElement) == null ? void 0 : S.parentElement) == null ? void 0 : F.parentElement) == null ? void 0 : L.parentElement) == null ? void 0 : T.previousSibling).classList.remove("hidden"), (V = (k = U.currentTarget) == null ? void 0 : k.parentElement) == null || V.classList.add("hidden"), ((K = U.currentTarget.parentElement) == null ? void 0 : K.previousSibling).click(), (te = (q = (z = (B = (W = U.currentTarget.parentElement) == null ? void 0 : W.parentElement) == null ? void 0 : B.parentElement) == null ? void 0 : z.parentElement) == null ? void 0 : q.parentElement) == null || te.classList.remove(
+            _.classList.remove("!hidden"), (P = (me = u.currentTarget.parentElement) == null ? void 0 : me.parentElement) == null || P.classList.remove("fade-right-left");
+          }), ((v = (w = (p = u.currentTarget.parentElement) == null ? void 0 : p.parentElement) == null ? void 0 : w.parentElement) == null ? void 0 : v.previousSibling).classList.remove("hidden"), ((T = (F = (B = (y = u.currentTarget.parentElement) == null ? void 0 : y.parentElement) == null ? void 0 : B.parentElement) == null ? void 0 : F.parentElement) == null ? void 0 : T.previousSibling).classList.remove("hidden"), (Q = (k = u.currentTarget) == null ? void 0 : k.parentElement) == null || Q.classList.add("hidden"), ((K = u.currentTarget.parentElement) == null ? void 0 : K.previousSibling).click(), (te = (q = (z = (x = (W = u.currentTarget.parentElement) == null ? void 0 : W.parentElement) == null ? void 0 : x.parentElement) == null ? void 0 : z.parentElement) == null ? void 0 : q.parentElement) == null || te.classList.remove(
             "fade-right-left"
-          ), (H = (Q = (x = (X = (y = U.currentTarget.parentElement) == null ? void 0 : y.parentElement) == null ? void 0 : X.parentElement) == null ? void 0 : x.parentElement) == null ? void 0 : Q.parentElement) == null || H.classList.add(
+          ), (H = (V = (L = (X = (S = u.currentTarget.parentElement) == null ? void 0 : S.parentElement) == null ? void 0 : X.parentElement) == null ? void 0 : L.parentElement) == null ? void 0 : V.parentElement) == null || H.classList.add(
             "fade-left-right"
           ));
         }
@@ -3766,11 +3767,11 @@ const Ue = (i, t = 10) => {
     "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: 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;
+    var U, h, Y, M, u;
     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 = m.submenuItem) == null ? void 0 : j.highlightItems,
+        "bg-[var(--color-neutral-50)]": (U = m.submenuItem) == null ? void 0 : U.highlightItems,
         "bg-[var(--color-neutral-100)]": !((h = m.submenuItem) != null && h.highlightItems)
       }
     ), D = {
@@ -3778,10 +3779,10 @@ const Ue = (i, t = 10) => {
       ...(M = (Y = m.relatedNavMenu) == null ? void 0 : Y.menuItemsHeaderNavigation) == null ? void 0 : M.map((G) => G.menuItem)
     };
     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 = 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(
+      var j, p, w, v, y, B, F, T, k;
+      (p = (j = m.submenuItem) == null ? void 0 : j.handleBackButton) == null || p.call(j, G), (w = G.currentTarget.parentElement) != null && w.parentElement && ((F = (B = (y = (v = G.currentTarget.parentElement) == null ? void 0 : v.parentElement) == null ? void 0 : y.parentElement) == null ? void 0 : B.parentElement) == null || F.querySelectorAll(".agora-menu-item").forEach((Q) => {
+        var K, W, x, z, q, te, S, X, L, V, H, _, me, P;
+        Q.classList.remove("!hidden"), (W = (K = G.currentTarget.parentElement) == null ? void 0 : K.parentElement) == null || W.classList.remove("fade-right-left"), (z = (x = G.currentTarget.parentElement) == null ? void 0 : x.parentElement) == null || z.classList.add("hidden"), (X = (S = (te = (q = G.currentTarget.parentElement) == null ? void 0 : q.parentElement) == null ? void 0 : te.parentElement) == null ? void 0 : S.parentElement) == null || X.classList.add("fade-left-right"), (P = (me = (_ = (H = (V = (L = G.currentTarget.parentElement) == null ? void 0 : L.parentElement) == null ? void 0 : V.parentElement) == null ? void 0 : H.parentElement) == null ? void 0 : _.parentElement) == null ? void 0 : me.parentElement) == null || P.classList.add(
           "pt-32"
         );
       }), ((k = (T = G.currentTarget.parentElement) == null ? void 0 : T.parentElement) == null ? void 0 : k.previousSibling).click());
@@ -3790,20 +3791,20 @@ const Ue = (i, t = 10) => {
       {
         ...m.menuItem,
         ref: b,
-        noIcons: (U = m.relatedNavMenu) != null && U.menuItemsHeaderNavigation ? !1 : m.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 = m.menuItem).onClick) == null || p.call(u, G), G.currentTarget.nextElementSibling) {
+          var j, p, w, v, y, B, F, T, k;
+          if ((p = (j = m.menuItem).onClick) == null || p.call(j, 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");
+              var W, x, z;
+              K.classList.add("!hidden"), (W = G.currentTarget.nextElementSibling) == null || W.classList.add("fade-right-left"), (z = (x = G.currentTarget.parentElement) == null ? void 0 : x.parentElement) == null || z.classList.remove("fade-left-right");
             });
-            const V = (S = G.currentTarget.nextSibling) == null ? void 0 : S.childNodes;
-            Array.from(V).forEach((K) => {
+            const Q = (y = G.currentTarget.nextSibling) == null ? void 0 : y.childNodes;
+            Array.from(Q).forEach((K) => {
               K.classList.remove("hidden");
-            }), (k = (T = (L = (F = G.currentTarget.parentElement) == null ? void 0 : F.parentElement) == null ? void 0 : L.parentElement) == null ? void 0 : T.parentElement) == null || k.classList.remove(
+            }), (k = (T = (F = (B = G.currentTarget.parentElement) == null ? void 0 : B.parentElement) == null ? void 0 : F.parentElement) == null ? void 0 : T.parentElement) == null || k.classList.remove(
               "pt-32"
             );
           }
@@ -3860,68 +3861,68 @@ const Ue = (i, t = 10) => {
   backButtonLabelBurger: o,
   handleBackButtonBurger: d
 }) => {
-  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 [r, g] = O(0), [b, E] = O(0), [N, m] = O(0), [s, R] = O(0), I = (M, u, G, j, p, w) => {
     const v = (M == null ? void 0 : M.clientHeight) ?? 0;
-    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(u + v);
+    const y = G != null && G.children[0] ? parseInt(getComputedStyle(G == null ? void 0 : G.children[0]).paddingTop) : 0, B = G != null && G.children[0] ? parseInt(getComputedStyle(G == null ? void 0 : G.children[0]).paddingBottom) : 0, F = j ? parseInt(getComputedStyle(j).marginBottom) : 0, T = p ? parseInt(getComputedStyle(p).marginTop) : 0, k = w ? parseInt(getComputedStyle(w).marginTop) : 0;
     E(
-      U + v + S + F + L + (u == null ? void 0 : u.getBoundingClientRect().height)
+      u + v + y + B + F + (j == null ? void 0 : j.getBoundingClientRect().height)
     ), m(
-      U + v + T + (p == null ? void 0 : p.getBoundingClientRect().height)
+      u + v + T + (p == null ? void 0 : p.getBoundingClientRect().height)
     ), R(
-      U + v + k + (w == null ? void 0 : w.getBoundingClientRect().height)
+      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;
+  }, D = (M, u, G, j) => {
+    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, y = j ? parseInt(getComputedStyle(j).marginBottom) : 0;
     E(
-      U + p + w + v + S + (u == null ? void 0 : u.getBoundingClientRect().height)
+      u + p + w + v + y + (j == null ? void 0 : j.getBoundingClientRect().height)
     );
-  }, j = (M, U, G) => {
-    const u = (M == null ? void 0 : M.clientHeight) ?? 0, p = G ? parseInt(getComputedStyle(G).marginTop) : 0;
+  }, U = (M, u, G) => {
+    const j = (M == null ? void 0 : M.clientHeight) ?? 0, p = G ? parseInt(getComputedStyle(G).marginTop) : 0;
     m(
-      U + u + p + (G == null ? void 0 : G.getBoundingClientRect().height)
+      u + j + 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") ? m(G + w + (u == null ? void 0 : u.getBoundingClientRect().height)) : m(
-      G + w + v + (u == null ? void 0 : u.getBoundingClientRect().height)
+  }, h = (M, u, G, j, p) => {
+    var B;
+    const w = (u == null ? void 0 : u.clientHeight) ?? 0, v = p ? parseInt(getComputedStyle(p).marginTop) : 0;
+    (((B = M.oldValue) == null ? void 0 : B.split(" ")) ?? []).find((F) => F === "hidden") ? m(G + w + (j == null ? void 0 : j.getBoundingClientRect().height)) : m(
+      G + w + v + (j == null ? void 0 : j.getBoundingClientRect().height)
     ), R(
       G + w + v + (p == null ? void 0 : p.getBoundingClientRect().height)
     );
-  }, Y = (M, U, G, u, p) => {
-    U && M.observe(U, { attributes: !0 }), G && M.observe(G, { attributes: !0 }), u && M.observe(u, { attributes: !0, attributeOldValue: !0 }), p && M.observe(p, { attributes: !0, attributeOldValue: !0 });
+  }, Y = (M, u, G, j, p) => {
+    u && M.observe(u, { attributes: !0 }), G && M.observe(G, { attributes: !0 }), j && M.observe(j, { attributes: !0, attributeOldValue: !0 }), p && M.observe(p, { attributes: !0, attributeOldValue: !0 });
   };
   return ie(() => {
     var T;
-    const M = ((T = document.querySelector(".agora-header-general")) == null ? void 0 : T.clientHeight) ?? 0, U = document.querySelector(".agora-header-burger-navigation"), G = document.querySelector(".agora-header-burger-navigation-options-submenu"), u = document.querySelector(".agora-header-burger-navigation-options-submenu-level-2"), p = document.querySelector(".agora-header-burger-navigation-options-submenu-level-3"), w = Array.from((G == null ? void 0 : G.children[0].children) ?? []).find((k) => k.classList.contains("agora-btn")), v = Array.from((u == null ? void 0 : u.children) ?? []).find((k) => k.classList.contains("agora-btn")), S = Array.from((p == null ? void 0 : p.children) ?? []).find((k) => k.classList.contains("agora-btn"));
-    I(U, M, G, w, v, S);
-    const F = (k) => {
-      for (const V of k) {
-        switch (V.target) {
+    const M = ((T = document.querySelector(".agora-header-general")) == null ? void 0 : T.clientHeight) ?? 0, u = document.querySelector(".agora-header-burger-navigation"), G = document.querySelector(".agora-header-burger-navigation-options-submenu"), j = document.querySelector(".agora-header-burger-navigation-options-submenu-level-2"), p = document.querySelector(".agora-header-burger-navigation-options-submenu-level-3"), w = Array.from((G == null ? void 0 : G.children[0].children) ?? []).find((k) => k.classList.contains("agora-btn")), v = Array.from((j == null ? void 0 : j.children) ?? []).find((k) => k.classList.contains("agora-btn")), y = Array.from((p == null ? void 0 : p.children) ?? []).find((k) => k.classList.contains("agora-btn"));
+    I(u, M, G, w, v, y);
+    const B = (k) => {
+      for (const Q of k) {
+        switch (Q.target) {
           case G:
-            D(U, M, G, w);
+            D(u, M, G, w);
             return;
-          case u:
-            j(U, M, v);
+          case j:
+            U(u, M, v);
             return;
           case p:
-            h(V, U, M, v, S);
+            h(Q, u, M, v, y);
             return;
         }
-        if (V.type !== "attributes" || V.attributeName !== "hidden")
+        if (Q.type !== "attributes" || Q.attributeName !== "hidden")
           return;
-        g(M + V.target.clientHeight);
+        g(M + Q.target.clientHeight);
       }
-    }, L = new MutationObserver(F);
-    return Y(L, U, G, u, p), window.addEventListener(
+    }, F = new MutationObserver(B);
+    return Y(F, u, G, j, p), window.addEventListener(
       "resize",
-      () => I(U, M, G, w, v, S)
+      () => I(u, M, G, w, v, y)
     ), () => {
       window.removeEventListener(
         "resize",
-        () => I(U, M, G, w, v, S)
-      ), L.disconnect();
+        () => I(u, M, G, w, v, y)
+      ), F.disconnect();
     };
   }, []), /* @__PURE__ */ e.createElement("div", { className: "container mx-auto xs:flex md:grid xs:grid-cols-4 md:grid-cols-8 xl:grid-cols-12 xs:gap-0 md:gap-32 xs:justify-between md:justify-normal min-h-[60px]" }, /* @__PURE__ */ e.createElement("div", { className: "agora-header-burger-navigation-content xs:col-span-3 md:col-span-4 xl:col-span-5 flex items-center" }, (i == null ? void 0 : i.headerNavigationContent) ?? t.headerNavigationContent), /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-1 md:col-span-4 xl:col-span-7 justify-self-end" }, (t == null ? void 0 : t.menuItemsHeaderNavigation) && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     ke,
@@ -3964,63 +3965,63 @@ const Ue = (i, t = 10) => {
   setDrawerContent: r,
   className: g
 }) => {
-  var u, p, w, v, S, F, L, T, k, V;
+  var j, p, w, v, y, B, F, T, k, Q;
   const b = C(null), E = J(
     "container mx-auto agora-header-general-options",
     {
       darkMode: c(i)
     },
     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");
+  ), N = J({ "ml-auto": !l || !((p = (j = a == null ? void 0 : a.language) == null ? void 0 : j.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, [U, h] = O(null), Y = (K, W = "") => {
+    var z, q, te, S, X, L;
+    ((L = (X = (S = (te = (q = (z = K.currentTarget.parentNode) == null ? void 0 : z.parentNode) == null ? void 0 : q.parentNode) == null ? void 0 : te.parentNode) == null ? void 0 : S.parentNode) == null ? void 0 : X.previousSibling) == null ? void 0 : L.firstChild).innerText = K.currentTarget.innerText, [...document.getElementsByClassName("language")].forEach((V) => {
+      V.removeAttribute("data-aria-selected"), V.removeAttribute("aria-label");
     });
-    const B = K.currentTarget.getAttribute("data-iso");
-    document.querySelectorAll(".language").forEach((Q) => {
+    const x = K.currentTarget.getAttribute("data-iso");
+    document.querySelectorAll(".language").forEach((V) => {
       var H, _, me, P, ne, Ee;
-      Q.getAttribute("data-iso") === B && (((Ee = (ne = (P = (me = (_ = (H = Q.parentNode) == null ? void 0 : H.parentNode) == null ? void 0 : _.parentNode) == null ? void 0 : me.parentNode) == null ? void 0 : P.parentNode) == null ? void 0 : ne.previousSibling) == null ? void 0 : Ee.firstChild).innerText = K.currentTarget.innerText, Q.setAttribute("data-aria-selected", "true"), Q.setAttribute("aria-label", `${Q.textContent} ${W}`));
+      V.getAttribute("data-iso") === x && (((Ee = (ne = (P = (me = (_ = (H = V.parentNode) == null ? void 0 : H.parentNode) == null ? void 0 : _.parentNode) == null ? void 0 : me.parentNode) == null ? void 0 : P.parentNode) == null ? void 0 : ne.previousSibling) == null ? void 0 : Ee.firstChild).innerText = K.currentTarget.innerText, V.setAttribute("data-aria-selected", "true"), V.setAttribute("aria-label", `${V.textContent} ${W}`));
     });
   };
   ie(() => {
-    var K, W, B, z, q, te;
+    var K, W, x, z, q, te;
     if ((W = (K = a.language) == null ? void 0 : K.submenuItem) != null && W.submenuItems) {
-      const y = a.language.submenuItem.submenuItems.find(
-        (Q) => Q["data-aria-selected"] === "true"
+      const S = a.language.submenuItem.submenuItems.find(
+        (V) => V["data-aria-selected"] === "true"
       );
-      h(((B = y == null ? void 0 : y.children) == null ? void 0 : B.toString()) ?? "-");
-      const X = Array.from(((te = (q = (z = b.current) == null ? void 0 : z.current) == null ? void 0 : q.nextElementSibling) == null ? void 0 : te.querySelectorAll(".language")) ?? []), x = X == null ? void 0 : X.find((Q) => Q.hasAttribute("data-aria-selected"));
-      x == null || x.setAttribute(
+      h(((x = S == null ? void 0 : S.children) == null ? void 0 : x.toString()) ?? "-");
+      const X = Array.from(((te = (q = (z = b.current) == null ? void 0 : z.current) == null ? void 0 : q.nextElementSibling) == null ? void 0 : te.querySelectorAll(".language")) ?? []), L = X == null ? void 0 : X.find((V) => V.hasAttribute("data-aria-selected"));
+      L == null || L.setAttribute(
         "aria-label",
-        `${x.textContent} ${a.language.submenuItem.selectedAriaLabel}`
+        `${L.textContent} ${a.language.submenuItem.selectedAriaLabel}`
       );
     }
   }, [
-    (F = (S = a == null ? void 0 : a.language) == null ? void 0 : S.submenuItem) == null ? void 0 : F.selectedAriaLabel,
-    (T = (L = a == null ? void 0 : a.language) == null ? void 0 : L.submenuItem) == null ? void 0 : T.submenuItems
+    (B = (y = a == null ? void 0 : a.language) == null ? void 0 : y.submenuItem) == null ? void 0 : B.selectedAriaLabel,
+    (T = (F = a == null ? void 0 : a.language) == null ? void 0 : F.submenuItem) == null ? void 0 : T.submenuItems
   ]);
   const M = de(() => {
     var K;
     return { ...(K = a.user) == null ? void 0 : K.menuItem };
-  }, [(k = a.user) == null ? void 0 : k.menuItem]), U = de(() => {
+  }, [(k = a.user) == null ? void 0 : k.menuItem]), u = de(() => {
     var K;
     return { ...(K = a.user) == null ? void 0 : K.submenuItem };
-  }, [(V = a.user) == null ? void 0 : V.submenuItem]);
+  }, [(Q = a.user) == null ? void 0 : Q.submenuItem]);
   ie(() => {
     const K = () => {
       var W;
-      R(((W = document.querySelector(".agora-header-general")) == null ? void 0 : W.clientHeight) ?? 0), M.tooltipPosition = "bottom", M.tooltipAlignment = "end", U.submenuAlignment = "end";
+      R(((W = document.querySelector(".agora-header-general")) == null ? void 0 : W.clientHeight) ?? 0), M.tooltipPosition = "bottom", M.tooltipAlignment = "end", u.submenuAlignment = "end";
     };
     return K(), window.addEventListener("resize", K), () => {
       window.removeEventListener("resize", K);
     };
-  }, [M, U]);
+  }, [M, u]);
   const G = (K) => {
     let W = [];
-    return Object.keys(K).forEach((B) => {
-      var q, te, y, X, x, Q, H, _, me, P, ne, Ee, oe;
-      const z = `menu-items-${B}`;
-      switch (B) {
+    return Object.keys(K).forEach((x) => {
+      var q, te, S, X, L, V, H, _, me, P, ne, Ee, oe;
+      const z = `menu-items-${x}`;
+      switch (x) {
         case "language":
           W = [
             ...W,
@@ -4037,7 +4038,7 @@ const Ue = (i, t = 10) => {
                   Se(be, o);
                 }
               },
-              j
+              U
             ), /* @__PURE__ */ e.createElement(
               "div",
               {
@@ -4062,11 +4063,11 @@ const Ue = (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: N, key: z }, /* @__PURE__ */ e.createElement(
+            /* @__PURE__ */ e.createElement(Pe, { key: z }, c(n) && ((X = (S = a.search) == null ? void 0 : S.submenuItem) == null ? void 0 : X.submenuSearchContent) && /* @__PURE__ */ e.createElement("li", { role: "none", className: N, key: z }, /* @__PURE__ */ e.createElement(
               ke,
               {
                 ...a.search.menuItem,
-                ref: (x = a.search.menuItem) == null ? void 0 : x.ref,
+                ref: (L = a.search.menuItem) == null ? void 0 : L.ref,
                 itemType: "search",
                 "aria-haspopup": !0,
                 "aria-expanded": !1,
@@ -4107,7 +4108,7 @@ const Ue = (i, t = 10) => {
               ke,
               {
                 ...a.user.menuItem,
-                ref: (Q = a.user.menuItem) == null ? void 0 : Q.ref,
+                ref: (V = a.user.menuItem) == null ? void 0 : V.ref,
                 itemType: D ? "user" : "primary",
                 ...(_ = (H = a.user) == null ? void 0 : H.submenuItem) != null && _.submenuItems ? { "aria-haspopup": !0 } : null,
                 ...(P = (me = a.user) == null ? void 0 : me.submenuItem) != null && P.submenuItems ? { "aria-expanded": !1 } : null,
@@ -4127,7 +4128,7 @@ const Ue = (i, t = 10) => {
               /* @__PURE__ */ e.createElement(
                 We,
                 {
-                  submenu: U,
+                  submenu: u,
                   closeOtherMenuItemOpened: he,
                   setBackdropVisible: o
                 }
@@ -4195,12 +4196,12 @@ const Ue = (i, t = 10) => {
     "sr-only": a
   });
   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;
+    var D, U, 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 = m.submenuItem) == null ? void 0 : D.highlightItems,
-        "bg-[var(--color-neutral-100)]": !((j = m.submenuItem) != null && j.highlightItems)
+        "bg-[var(--color-neutral-100)]": !((U = m.submenuItem) != null && U.highlightItems)
       }
     );
     return /* @__PURE__ */ e.createElement("li", { key: R, role: "none" }, /* @__PURE__ */ e.createElement(
@@ -4211,8 +4212,8 @@ const Ue = (i, t = 10) => {
         itemType: A,
         darkMode: i,
         onClick: (G) => {
-          var u, p;
-          (p = (u = m.menuItem).onClick) == null || p.call(u, G), Se(G, r);
+          var j, p;
+          (p = (j = m.menuItem).onClick) == null || p.call(j, G), Se(G, r);
         }
       }
     ), m.submenuItem && /* @__PURE__ */ e.createElement("div", { style: g, className: I }, /* @__PURE__ */ e.createElement(
@@ -4225,7 +4226,7 @@ const Ue = (i, t = 10) => {
     ), ((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 = m.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"
@@ -4275,7 +4276,7 @@ const Ue = (i, t = 10) => {
       const Ae = ee[0], ce = ee[ee.length - 1];
       f.shiftKey && document.activeElement === Ae ? (f.preventDefault(), ce.focus()) : !f.shiftKey && document.activeElement === ce && (f.preventDefault(), Ae.focus());
     }
-  }, j = (f, $) => {
+  }, U = (f, $) => {
     var Ae;
     const le = Array.from($).filter(
       (ce) => {
@@ -4293,7 +4294,7 @@ const Ue = (i, t = 10) => {
       );
       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) => {
+  }, [h, Y] = O(!1), M = C(null), u = (f) => {
     Y(f);
   }, G = () => {
     Y(!1), [
@@ -4313,7 +4314,7 @@ const Ue = (i, t = 10) => {
         ee.classList.add("hidden");
       }));
     });
-  }, u = ge((f, $) => {
+  }, j = ge((f, $) => {
     const le = Array.from(
       $.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"])'
@@ -4322,7 +4323,7 @@ const Ue = (i, t = 10) => {
     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);
+    }), U(f, Ye);
   }, []);
   ie(() => {
     const { current: f } = M, $ = (le) => {
@@ -4330,7 +4331,7 @@ const Ue = (i, t = 10) => {
         const ee = I();
         if (ee)
           if (ee.classList.contains("agora-header-burger-navigation"))
-            u(le, ee);
+            j(le, ee);
           else {
             const Ae = ee.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"])'
@@ -4342,10 +4343,10 @@ const Ue = (i, t = 10) => {
     return f == null || f.addEventListener("click", G), document.addEventListener("keydown", $), () => {
       f == null || f.removeEventListener("click", G), document.removeEventListener("keydown", $);
     };
-  }, [h, u]);
-  const p = C(null), [w, v] = O(null), S = J("agora-drawer-authentication", {
+  }, [h, j]);
+  const p = C(null), [w, v] = O(null), y = J("agora-drawer-authentication", {
     darkMode: a
-  }), F = (f) => v(f), [L, T] = O(0), [k, V] = O(0), K = () => {
+  }), B = (f) => v(f), [F, T] = O(0), [k, Q] = O(0), K = () => {
     var f;
     (f = p.current) == null || f.close(), document.body.classList.remove("overflow-hidden");
   }, W = (f) => {
@@ -4354,7 +4355,7 @@ const Ue = (i, t = 10) => {
   ie(() => {
     const { current: f } = p, $ = () => {
       var ee, Ae, ce, Ie;
-      p.current && (T(((Ae = (ee = p.current.querySelector("nav")) == null ? void 0 : ee.previousElementSibling) == null ? void 0 : Ae.clientHeight) ?? 0), V(((Ie = (ce = p.current.querySelector("nav")) == null ? void 0 : ce.nextElementSibling) == null ? void 0 : Ie.clientHeight) ?? 0));
+      p.current && (T(((Ae = (ee = p.current.querySelector("nav")) == null ? void 0 : ee.previousElementSibling) == null ? void 0 : Ae.clientHeight) ?? 0), Q(((Ie = (ce = p.current.querySelector("nav")) == null ? void 0 : ce.nextElementSibling) == null ? void 0 : Ie.clientHeight) ?? 0));
     }, le = (ee) => {
       if (ee.code === "Escape" && (G(), document.body.classList.remove("overflow-hidden")), ee.key === "Tab" && f) {
         const Ae = I();
@@ -4370,15 +4371,15 @@ const Ue = (i, t = 10) => {
       window.removeEventListener("resize", $), document.removeEventListener("keydown", le);
     };
   }, [w]);
-  const B = { ...o };
-  B.darkModeHeaderGeneralOptions = a;
+  const x = { ...o };
+  x.darkModeHeaderGeneralOptions = a;
   const z = J("agora-header-general z-sticky", {
     darkMode: c(a)
   }), q = { ...d };
   q.darkModeHeaderNavigation = a;
   const te = J("agora-header-primary z-sticky", {
     darkMode: c(a)
-  }), [y, X] = O(null);
+  }), [S, X] = O(null);
   ie(() => {
     var f;
     if (q.menuItemsHeaderNavigation) {
@@ -4394,7 +4395,7 @@ const Ue = (i, t = 10) => {
       );
     }
   }, [q.headerNavigationLegalSentence, q.menuItemsHeaderNavigation]);
-  const x = A, Q = J("agora-header-secondary z-sticky pt-16", {
+  const L = A, V = J("agora-header-secondary z-sticky pt-16", {
     darkMode: c(a)
   }), [H, _] = O(!1);
   ie(() => {
@@ -4442,36 +4443,36 @@ const Ue = (i, t = 10) => {
   }, []), ie(() => {
     var f, $;
     return ($ = (f = document.querySelector(".agora-header")) == null ? void 0 : f.parentElement) == null ? void 0 : $.classList.add("sticky", "top-0", "z-sticky");
-  }, []), /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "relative z-sticky agora-header" }, c(t) && /* @__PURE__ */ e.createElement("h1", { className: "sr-only" }, i), c(l) && (B == null ? void 0 : B.menuItemsHeaderGeneralOptions) && /* @__PURE__ */ e.createElement("div", { className: z }, /* @__PURE__ */ e.createElement(
+  }, []), /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "relative z-sticky agora-header" }, c(t) && /* @__PURE__ */ e.createElement("h1", { className: "sr-only" }, i), c(l) && (x == null ? void 0 : x.menuItemsHeaderGeneralOptions) && /* @__PURE__ */ e.createElement("div", { className: z }, /* @__PURE__ */ e.createElement(
     Ea,
     {
       current: M.current,
       backdropVisible: h,
-      setBackdropVisible: U,
+      setBackdropVisible: u,
       refDrawer: p,
-      setDrawerContent: F,
-      ...B
+      setDrawerContent: B,
+      ...x
     }
   )), c(n) && /* @__PURE__ */ e.createElement("div", { className: te }, /* @__PURE__ */ e.createElement(
     ui,
     {
       current: M.current,
       backdropVisible: h,
-      setBackdropVisible: U,
+      setBackdropVisible: u,
       ...q,
       headerNavigationType: "primary",
       optionsMenuOverflow: { maxHeight: `calc(100vh - ${ne + oe}px)` }
     }
-  )), c(x) && y && ((y == null ? void 0 : y.menuItemsHeaderNavigation) || (r == null ? void 0 : r.headerNavigationContent)) && /* @__PURE__ */ e.createElement("div", { className: Q }, /* @__PURE__ */ e.createElement(
+  )), c(L) && S && ((S == null ? void 0 : S.menuItemsHeaderNavigation) || (r == null ? void 0 : r.headerNavigationContent)) && /* @__PURE__ */ e.createElement("div", { className: V }, /* @__PURE__ */ e.createElement(
     ui,
     {
-      ...y,
+      ...S,
       darkModeHeaderNavigation: a,
       ariaLabelHeaderNavigation: r == null ? void 0 : r.ariaLabelHeaderNavigation,
       headerNavigationContent: r == null ? void 0 : r.headerNavigationContent,
       current: M.current,
       backdropVisible: h,
-      setBackdropVisible: U,
+      setBackdropVisible: u,
       headerNavigationType: "secondary",
       optionsMenuOverflow: { maxHeight: `calc(100vh - ${ne + oe + Re}px)` }
     }
@@ -4484,18 +4485,18 @@ const Ue = (i, t = 10) => {
       darkModeHeader: a,
       current: M.current,
       backdropVisible: h,
-      setBackdropVisible: U,
+      setBackdropVisible: u,
       hasHeaderGeneralOptions: l,
       headerGeneralOptions: o,
       hasHeaderPrimaryNavigation: n,
-      hasHeaderSecondaryNavigation: x,
+      hasHeaderSecondaryNavigation: L,
       hasBackButtonBurger: b,
       backButtonLabelBurger: E,
       handleBackButtonBurger: N,
       headerSEO: i,
       isHomepage: t
     }
-  ), (P == null ? void 0 : P.menuItem["aria-current"]) === "page" && /* @__PURE__ */ e.createElement("div", { className: "container mx-auto flex xs:justify-start md:justify-end py-16" }, (ye = P.relatedNavMenu) == null ? void 0 : ye.freeMenuItemsHeaderNavigation))), h && /* @__PURE__ */ e.createElement("div", { className: "z-backdrop bg-[var(--color-backdrop)] absolute w-full h-screen", ref: M }), /* @__PURE__ */ e.createElement(Qt, { className: S, position: "right", dismissOnEscape: !0, ref: p, onClickedOutside: G }, w && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
+  ), (P == null ? void 0 : P.menuItem["aria-current"]) === "page" && /* @__PURE__ */ e.createElement("div", { className: "container mx-auto flex xs:justify-start md:justify-end py-16" }, (ye = P.relatedNavMenu) == null ? void 0 : ye.freeMenuItemsHeaderNavigation))), h && /* @__PURE__ */ e.createElement("div", { className: "z-backdrop bg-[var(--color-backdrop)] absolute w-full h-screen", ref: M }), /* @__PURE__ */ e.createElement(Qt, { className: y, position: "right", dismissOnEscape: !0, ref: p, onClickedOutside: G }, w && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
     Ne,
     {
       className: "agora-drawer-header",
@@ -4513,7 +4514,7 @@ const Ue = (i, t = 10) => {
     {
       "aria-label": w.menuDrawer["aria-label"],
       className: "overflow-auto",
-      style: { maxHeight: `calc(100vh - ${L + k}px)` }
+      style: { maxHeight: `calc(100vh - ${F + k}px)` }
     },
     /* @__PURE__ */ e.createElement("ul", { role: "menubar" }, w.menuDrawer.items.map((f, $) => {
       const le = `menu-drawer-${$}`;
@@ -4686,11 +4687,11 @@ const Ue = (i, t = 10) => {
     l(!1);
   }, b = (s, R, I) => {
     s.setDate(s.getDate() + 1);
-    const D = s.getMonth() === i.focusedDate.getMonth(), j = ei(s, i.focusedDate), h = ei(s, i.selectedDate), Y = ei(s, /* @__PURE__ */ new Date()), M = Ai(s), U = J(
+    const D = s.getMonth() === i.focusedDate.getMonth(), U = ei(s, i.focusedDate), h = ei(s, i.selectedDate), Y = ei(s, /* @__PURE__ */ new Date()), M = Ai(s), u = J(
       "day w-[44px] h-[44px] border-2 rounded-4 outline-0 flex items-center justify-center text-s-regular text-[var(--color-neutral-900)] cursor-default",
       //  DEFAULT
       {
-        "border-transparent": !h && !j
+        "border-transparent": !h && !U
       },
       //  DAY IN CURRENT MONTH
       {
@@ -4706,27 +4707,27 @@ const Ue = (i, t = 10) => {
       },
       //  FOCUS WITH CALENDAR GRID NOT FOCUSED
       {
-        "border-[var(--color-primary-400)]": !h && j && !a && D
+        "border-[var(--color-primary-400)]": !h && U && !a && D
       },
       //  FOCUS
       {
-        "outline outline-2 -outline-offset-2 outline-[var(--color-focus)]": a && j && D
+        "outline outline-2 -outline-offset-2 outline-[var(--color-focus)]": a && U && D
       }
-    ), G = J("pointer-events-none select-none", { "opacity-20": !D }), u = `tr-td-key-${R}-${I}`, p = (() => {
+    ), G = J("pointer-events-none select-none", { "opacity-20": !D }), j = `tr-td-key-${R}-${I}`, p = (() => {
       const w = i.getLabels();
       let v = s.toLocaleDateString(void 0, { weekday: "long", year: "numeric", month: "long", day: "numeric" });
-      return Y && w.todayDayAriaLabel && (v = `${w.todayDayAriaLabel}, ${v}`), j && w.focusedDayAriaLabel && (v = `${v}, ${w.focusedDayAriaLabel}`), h && w.selectedDayAriaLabel && (v = `${v}, ${w.selectedDayAriaLabel}`), v;
+      return Y && w.todayDayAriaLabel && (v = `${w.todayDayAriaLabel}, ${v}`), U && w.focusedDayAriaLabel && (v = `${v}, ${w.focusedDayAriaLabel}`), h && w.selectedDayAriaLabel && (v = `${v}, ${w.selectedDayAriaLabel}`), v;
     })();
     return /* @__PURE__ */ e.createElement(
       "div",
       {
-        key: u,
-        className: U,
+        key: j,
+        className: u,
         role: "gridcell",
         "data-date": M,
         "aria-label": p,
-        "aria-selected": j,
-        tabIndex: D && j ? 0 : -1,
+        "aria-selected": U,
+        tabIndex: D && U ? 0 : -1,
         onKeyDown: d,
         onClick: o,
         onFocus: r,
@@ -4801,8 +4802,8 @@ const Ue = (i, t = 10) => {
     if (I.key === "Tab" && s.current) {
       const D = s.current.querySelectorAll(
         'a:not([tabindex="-1"]), button:not([tabindex="-1"]), input:not([tabindex="-1"]), textarea:not([tabindex="-1"]), select:not([tabindex="-1"]), details:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])'
-      ), j = D[0], h = D[D.length - 1];
-      I.shiftKey && document.activeElement === j ? (I.preventDefault(), h.focus()) : !I.shiftKey && document.activeElement === h && (I.preventDefault(), j.focus());
+      ), U = D[0], h = D[D.length - 1];
+      I.shiftKey && document.activeElement === U ? (I.preventDefault(), h.focus()) : !I.shiftKey && document.activeElement === h && (I.preventDefault(), U.focus());
     }
   }, []);
   return ie(() => (document == null || document.addEventListener("keydown", R), () => {
@@ -4856,37 +4857,37 @@ const Ue = (i, t = 10) => {
   previousMonthAriaLabel: R,
   nextMonthAriaLabel: I,
   nextYearAriaLabel: D,
-  monthsLabels: j,
+  monthsLabels: U,
   weekdaysLabels: h,
   focusedDayAriaLabel: Y,
   selectedDayAriaLabel: M,
-  todayDayAriaLabel: U,
+  todayDayAriaLabel: u,
   todayLabel: G,
-  todayAriaLabel: u,
+  todayAriaLabel: j,
   cancelLabel: p,
   cancelAriaLabel: w,
   okLabel: v,
-  okAriaLabel: S,
-  value: F,
-  defaultValue: L,
+  okAriaLabel: y,
+  value: B,
+  defaultValue: F,
   onChange: T,
   ...k
-}, V) => {
+}, Q) => {
   const K = se(), W = { ...k };
   W.id = W.id ?? K;
-  const B = C(null);
+  const x = C(null);
   we(
-    V,
-    () => B.current,
-    [B.current]
+    Q,
+    () => x.current,
+    [x.current]
   );
-  const z = C(null), [q, te] = O((F == null ? void 0 : F.toString()) ?? (L == null ? void 0 : L.toString()) ?? ""), y = C("empty"), [X, x] = O(+/* @__PURE__ */ new Date()), [Q, H] = O(!1), _ = () => {
+  const z = C(null), [q, te] = O((B == null ? void 0 : B.toString()) ?? (F == null ? void 0 : F.toString()) ?? ""), S = C("empty"), [X, L] = O(+/* @__PURE__ */ new Date()), [V, H] = O(!1), _ = () => {
     H(!0);
   }, me = () => {
     var f;
-    H(!1), (f = B.current) == null || f.focus();
+    H(!1), (f = x.current) == null || f.focus();
   }, P = () => {
-    Q ? me() : _();
+    V ? me() : _();
   }, ne = () => {
     me();
   }, Ee = (f) => {
@@ -4895,17 +4896,17 @@ const Ue = (i, t = 10) => {
   }, oe = () => {
     ne();
   }, be = (f) => {
-    f !== y.current && (y.current = f, x(+/* @__PURE__ */ new Date()));
+    f !== S.current && (S.current = f, L(+/* @__PURE__ */ new Date()));
   };
   ie(() => {
     const f = ($) => {
       var le;
-      Q && ((le = z.current) != null && le.contains($.target) || ne());
+      V && ((le = z.current) != null && le.contains($.target) || ne());
     };
     return document.addEventListener("click", f), () => {
       document.removeEventListener("click", f);
     };
-  }, [Q]), ie(() => {
+  }, [V]), ie(() => {
     var $;
     const f = (le) => {
       le.key === "Escape" && (le.preventDefault(), ne());
@@ -4915,8 +4916,8 @@ const Ue = (i, t = 10) => {
       (le = z.current) == null || le.removeEventListener("keydown", f);
     };
   }, []), ie(() => {
-    L || (te((F == null ? void 0 : F.toString()) ?? ""), be((F == null ? void 0 : F.toString()) ?? ""));
-  }, [F]);
+    F || (te((B == null ? void 0 : B.toString()) ?? ""), be((B == null ? void 0 : B.toString()) ?? ""));
+  }, [B]);
   const Re = (f) => {
     ne();
     const $ = Ai(f);
@@ -4925,8 +4926,8 @@ const Ue = (i, t = 10) => {
     te(f.target.value), be(f.target.value);
   };
   ie(() => {
-    if (B.current) {
-      const f = Te(B.current, "change");
+    if (x.current) {
+      const f = Te(x.current, "change");
       Ue(() => T == null ? void 0 : T(f));
     }
   }, [X]);
@@ -4935,17 +4936,17 @@ const Ue = (i, t = 10) => {
     previousMonthAriaLabel: R,
     nextMonthAriaLabel: I,
     nextYearAriaLabel: D,
-    monthsLabels: j,
+    monthsLabels: U,
     weekdaysLabels: h,
     focusedDayAriaLabel: Y,
     selectedDayAriaLabel: M,
-    todayDayAriaLabel: U,
+    todayDayAriaLabel: u,
     todayLabel: G,
-    todayAriaLabel: u,
+    todayAriaLabel: j,
     cancelLabel: p,
     cancelAriaLabel: w,
     okLabel: v,
-    okAriaLabel: S
+    okAriaLabel: y
   }, ye = J("agora-date-picker", i, {
     "has-value": q.length > 0,
     disabled: c(W.disabled),
@@ -4958,7 +4959,7 @@ const Ue = (i, t = 10) => {
   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,
+      ref: x,
       id: W.id,
       dayInputPlaceholder: b,
       monthInputPlaceholder: E,
@@ -4980,7 +4981,7 @@ const Ue = (i, t = 10) => {
     },
     /* @__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" })
-  ), Q && /* @__PURE__ */ e.createElement(
+  ), V && /* @__PURE__ */ e.createElement(
     pa,
     {
       className: "date-picker-dropdown",
@@ -5013,7 +5014,7 @@ const Ue = (i, t = 10) => {
 }, N) => {
   const m = se(), s = { ...E };
   s.id = s.id ?? m;
-  const { onChange: R } = s, [I, D] = O(""), [j, h] = O(!1), Y = ge(
+  const { onChange: R } = s, [I, D] = O(""), [U, h] = O(!1), Y = ge(
     (p) => {
       const { value: w } = p.currentTarget;
       D(w), h(new RegExp(b).test(w)), R == null || R(p);
@@ -5021,7 +5022,7 @@ const Ue = (i, t = 10) => {
     [R, b]
   ), M = ge(() => {
     g && new RegExp(b).test(I) && g(I);
-  }, [g, b, I]), U = J(
+  }, [g, b, I]), u = J(
     "agora-input-email-bar",
     { dark: c(A) },
     {
@@ -5039,8 +5040,8 @@ const Ue = (i, t = 10) => {
       "justify-end": !a || c(t),
       "justify-between": a && !c(t)
     }
-  ), u = J("agora-input-email-bar-label", { dark: c(A) });
-  return /* @__PURE__ */ e.createElement("div", { hidden: !!s.hidden, className: U }, /* @__PURE__ */ e.createElement("div", { className: G }, /* @__PURE__ */ e.createElement("label", { hidden: c(t), className: u, htmlFor: s.id }, a)), /* @__PURE__ */ e.createElement("div", { className: `agora-input-email-bar-container ${s.disabled ? "disabled" : ""}` }, /* @__PURE__ */ e.createElement(
+  ), j = J("agora-input-email-bar-label", { dark: c(A) });
+  return /* @__PURE__ */ e.createElement("div", { hidden: !!s.hidden, className: u }, /* @__PURE__ */ e.createElement("div", { className: G }, /* @__PURE__ */ e.createElement("label", { hidden: c(t), className: j, htmlFor: s.id }, a)), /* @__PURE__ */ e.createElement("div", { className: `agora-input-email-bar-container ${s.disabled ? "disabled" : ""}` }, /* @__PURE__ */ e.createElement(
     "input",
     {
       ...s,
@@ -5062,7 +5063,7 @@ const Ue = (i, t = 10) => {
       leadingIconHover: "agora-solid-plane",
       "aria-label": c(t) ? s["aria-label"] ?? a : s["aria-label"],
       onClick: M,
-      disabled: !j
+      disabled: !U
     }
   ))), (c(l) || c(d)) && o && /* @__PURE__ */ e.createElement(
     pe,
@@ -5090,19 +5091,19 @@ const Ue = (i, t = 10) => {
 }, s) => {
   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) => {
+  const { onChange: D, min: U, max: h } = I, Y = C(null), [M, u] = O(I.value), G = (x) => {
     var q;
-    const { value: z } = B.currentTarget;
-    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 { value: z } = x.currentTarget;
+    if (u(z), D == null || D(x), h === parseFloat((z == null ? void 0 : z.toString()) ?? "0") || U === parseFloat((z == null ? void 0 : z.toString()) ?? "0")) {
       const te = (q = Y.current) == null ? void 0 : q.querySelector("input");
       te && te.focus();
     }
-  }, [u, p] = O(!1), w = c(d) ? "dark" : "", v = () => ({
+  }, [j, p] = O(!1), w = c(d) ? "dark" : "", v = () => ({
     // main wrapper class
     inputWrapperClasses: J("agora-input-number-wrapper", w, {
       "flex flex-col": !I.hidden,
       "input-disabled": !!I.disabled,
-      "is-hovered": u,
+      "is-hovered": j,
       "has-error": c(a),
       "has-feedback": c(A),
       ["feedback-" + o]: c(A) && o
@@ -5127,23 +5128,23 @@ const Ue = (i, t = 10) => {
       E
     ),
     leadingIconWrapperClasses: J("input-leading-icon")
-  }), { inputWrapperClasses: S, labelSectionClasses: F, inputClasses: L, leadingIconWrapperClasses: T } = v(), k = () => {
+  }), { inputWrapperClasses: y, labelSectionClasses: B, inputClasses: F, leadingIconWrapperClasses: T } = v(), k = () => {
     var z;
-    const B = (z = Y.current) == null ? void 0 : z.querySelector("input");
-    B && (B.stepUp(), B.dispatchEvent(new Event("change", { bubbles: !0 })));
-  }, V = () => {
+    const x = (z = Y.current) == null ? void 0 : z.querySelector("input");
+    x && (x.stepUp(), x.dispatchEvent(new Event("change", { bubbles: !0 })));
+  }, Q = () => {
     var z;
-    const B = (z = Y.current) == null ? void 0 : z.querySelector("input");
-    B && (B.stepDown(), B.dispatchEvent(new Event("change", { bubbles: !0 })));
-  }, K = (B) => {
-    p(B);
+    const x = (z = Y.current) == null ? void 0 : z.querySelector("input");
+    x && (x.stepDown(), x.dispatchEvent(new Event("change", { bubbles: !0 })));
+  }, K = (x) => {
+    p(x);
   }, W = J("input-number-label", w);
-  return /* @__PURE__ */ e.createElement("div", { hidden: !!I.hidden, className: S }, /* @__PURE__ */ e.createElement("div", { className: F }, /* @__PURE__ */ e.createElement("label", { hidden: c(t), htmlFor: I.id, className: W }, i)), /* @__PURE__ */ e.createElement("div", { className: "input-wrapper flex relative items-center", ref: Y }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { hidden: !!I.hidden, className: y }, /* @__PURE__ */ e.createElement("div", { className: B }, /* @__PURE__ */ e.createElement("label", { hidden: c(t), htmlFor: I.id, className: W }, i)), /* @__PURE__ */ e.createElement("div", { className: "input-wrapper flex relative items-center", ref: Y }, /* @__PURE__ */ e.createElement(
     "input",
     {
       ...I,
       type: "number",
-      className: L,
+      className: F,
       disabled: !!I.disabled,
       "aria-invalid": c(a),
       "aria-label": c(t) ? I["aria-label"] ?? i : I["aria-label"],
@@ -5162,9 +5163,9 @@ const Ue = (i, t = 10) => {
     /* @__PURE__ */ e.createElement(
       "button",
       {
-        disabled: j === parseFloat((M == null ? void 0 : M.toString()) ?? "0") || !!I.disabled || !!I.readOnly,
+        disabled: U === parseFloat((M == null ? void 0 : M.toString()) ?? "0") || !!I.disabled || !!I.readOnly,
         type: "button",
-        onClick: V,
+        onClick: Q,
         "aria-label": n
       },
       /* @__PURE__ */ e.createElement(ae, { name: "agora-line-minus-circle", "aria-hidden": !0, className: "icon-step icon-step-default" }),
@@ -5206,12 +5207,12 @@ const Ue = (i, t = 10) => {
 }, 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 ? 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) => {
-    M(L.currentTarget.value.length > 0), I == null || I(L);
-  }, u = () => ({
+  const { onChange: I } = R, D = C(null), [U, h] = O(!1), [Y, M] = O(R.value ? R.value.toString().length > 0 : !1), u = () => {
+    var F;
+    !R.disabled && !R.readOnly && (h(!U), D != null && D.current && ((F = D.current.querySelector("input")) == null || F.focus()));
+  }, G = (F) => {
+    M(F.currentTarget.value.length > 0), I == null || I(F);
+  }, j = () => ({
     // main wrapper class
     inputWrapperClasses: J(
       "agora-input-password-wrapper",
@@ -5244,12 +5245,12 @@ const Ue = (i, t = 10) => {
       g
     ),
     leadingIconWrapperClasses: J("input-leading-icon")
-  }), { inputWrapperClasses: p, labelSectionClasses: w, inputClasses: v, leadingIconWrapperClasses: S } = u(), F = J("input-password-label", { dark: c(A) });
-  return /* @__PURE__ */ e.createElement("div", { hidden: !!R.hidden, className: p }, /* @__PURE__ */ e.createElement("div", { className: w }, /* @__PURE__ */ e.createElement("label", { hidden: c(t), htmlFor: R.id, className: F }, i)), /* @__PURE__ */ e.createElement("div", { className: "input-wrapper flex relative items-center", ref: D }, /* @__PURE__ */ e.createElement(
+  }), { inputWrapperClasses: p, labelSectionClasses: w, inputClasses: v, leadingIconWrapperClasses: y } = j(), B = J("input-password-label", { dark: c(A) });
+  return /* @__PURE__ */ e.createElement("div", { hidden: !!R.hidden, className: p }, /* @__PURE__ */ e.createElement("div", { className: w }, /* @__PURE__ */ e.createElement("label", { hidden: c(t), htmlFor: R.id, className: B }, i)), /* @__PURE__ */ e.createElement("div", { className: "input-wrapper flex relative items-center", ref: D }, /* @__PURE__ */ e.createElement(
     "input",
     {
       ...R,
-      type: j ? "text" : "password",
+      type: U ? "text" : "password",
       className: v,
       disabled: !!R.disabled,
       readOnly: !!R.readOnly,
@@ -5259,16 +5260,16 @@ const Ue = (i, t = 10) => {
       required: b,
       onChange: G
     }
-  ), d && r && r.startsWith("agora-line") && /* @__PURE__ */ e.createElement("div", { className: S }, /* @__PURE__ */ e.createElement(ae, { name: r, "aria-hidden": !0 })), /* @__PURE__ */ e.createElement(
+  ), d && r && r.startsWith("agora-line") && /* @__PURE__ */ e.createElement("div", { className: y }, /* @__PURE__ */ e.createElement(ae, { name: r, "aria-hidden": !0 })), /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
       className: "input-btn-toggle bg-transparent",
-      onClick: U,
+      onClick: u,
       "aria-label": E,
       disabled: R.disabled ?? R.readOnly
     },
-    /* @__PURE__ */ e.createElement(ae, { name: `agora-line-${j ? "eye-off" : "eye"}`, "aria-hidden": !0 })
+    /* @__PURE__ */ e.createElement(ae, { name: `agora-line-${U ? "eye-off" : "eye"}`, "aria-hidden": !0 })
   )), (c(l) || c(a)) && o && /* @__PURE__ */ e.createElement(
     pe,
     {
@@ -6671,39 +6672,39 @@ const Ue = (i, t = 10) => {
   searchable: R,
   dropdownAriaLabel: I,
   onChange: D,
-  onCountryChange: j,
+  onCountryChange: U,
   ...h
 }, Y) => {
-  const M = se(), U = { ...h };
-  U.id = U.id ?? M;
-  const G = C(null), u = C(null), p = C(null), w = C(null), [v, S] = O(!1), [F, L] = O(U.value ? U.value.toString().length > 0 : !1);
+  const M = se(), u = { ...h };
+  u.id = u.id ?? M;
+  const G = C(null), j = C(null), p = C(null), w = C(null), [v, y] = O(!1), [B, F] = O(u.value ? u.value.toString().length > 0 : !1);
   let T = Be[0];
   const k = t ?? a;
   k && (T = Be.find((P) => P.code === k || P.iso.toLocaleLowerCase() === k.toLocaleLowerCase()) ?? T);
-  const [V, K] = O(T);
+  const [Q, K] = O(T);
   ie(() => {
     K(T);
   }, [T]), Je(
     Y,
-    u,
+    j,
     {
-      iso: V.iso,
-      code: V.code
+      iso: Q.iso,
+      code: Q.code
     },
-    [U, u.current, V]
+    [u, j.current, Q]
   );
   const W = () => {
     var P, ne;
-    S(!1), (P = G.current) != null && P.contains(document.activeElement) && ((ne = u.current) == null || ne.focus());
-  }, B = () => {
+    y(!1), (P = G.current) != null && P.contains(document.activeElement) && ((ne = j.current) == null || ne.focus());
+  }, x = () => {
     var P;
-    S(!0), (P = w.current) == null || P.first();
+    y(!0), (P = w.current) == null || P.first();
   }, z = (P) => {
     const ne = Be.find((oe) => oe.iso === P[0].value);
     if (!ne)
       return;
     const Ee = { ...ne };
-    K(Ee), j == null || j(Ee);
+    K(Ee), U == null || U(Ee);
   }, q = (P) => {
     if ([
       "Enter",
@@ -6722,18 +6723,18 @@ const Ue = (i, t = 10) => {
     /\d/.test(P.key) || (P.preventDefault(), P.stopPropagation());
   }, te = (P) => {
     const { value: ne } = P.currentTarget;
-    L(ne.length > 0), D == null || D(P);
-  }, y = () => {
+    F(ne.length > 0), D == null || D(P);
+  }, S = () => {
     var P, ne, Ee;
     (P = w.current) != null && P.visibility ? (ne = w.current) == null || ne.hide() : (Ee = w.current) == null || Ee.show();
   }, X = (P) => {
     var Ee;
-    if (U.disabled || U.readOnly)
+    if (u.disabled || u.readOnly)
       return;
     const ne = P.code;
-    ne === "Escape" && ((Ee = w.current) != null && Ee.visibility) && w.current.hide(), (ne === "Enter" || ne === "Space" || ne === "NumpadEnter") && y();
-  }, x = (P) => {
-    U.disabled || U.readOnly || typeof P.detail == "number" && P.detail === 0 || y();
+    ne === "Escape" && ((Ee = w.current) != null && Ee.visibility) && w.current.hide(), (ne === "Enter" || ne === "Space" || ne === "NumpadEnter") && S();
+  }, L = (P) => {
+    u.disabled || u.readOnly || typeof P.detail == "number" && P.detail === 0 || S();
   };
   ie(() => {
     const P = (ne) => {
@@ -6744,45 +6745,45 @@ const Ue = (i, t = 10) => {
       document == null || document.removeEventListener("click", P);
     };
   }, []);
-  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,
+  const V = c(r) ? "dark" : "", H = J("agora-input-phone", g, V), _ = J("input-phone-wrapper", V, {
+    "has-value": B,
+    disabled: u.disabled,
+    readonly: u.readOnly,
     "has-error": c(n),
     "has-feedback": c(A),
     ["feedback-" + d]: c(A) && d
-  }), me = J("input-phone-label", Q);
-  return /* @__PURE__ */ e.createElement("div", { hidden: !!U.hidden, className: H, ref: G }, i && !c(l) && /* @__PURE__ */ e.createElement("label", { htmlFor: U.id, className: me }, i), /* @__PURE__ */ e.createElement("div", { className: _ }, /* @__PURE__ */ e.createElement(
+  }), me = J("input-phone-label", V);
+  return /* @__PURE__ */ e.createElement("div", { hidden: !!u.hidden, className: H, ref: G }, i && !c(l) && /* @__PURE__ */ e.createElement("label", { htmlFor: u.id, className: me }, i), /* @__PURE__ */ e.createElement("div", { className: _ }, /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
       className: "country-dropdown-control",
       ref: p,
-      tabIndex: U.disabled || U.readOnly ? -1 : 0,
-      onClick: x,
+      tabIndex: u.disabled || u.readOnly ? -1 : 0,
+      onClick: L,
       onKeyDown: X,
       role: "combobox",
-      "aria-controls": `${U.id}-dropdown-container`,
+      "aria-controls": `${u.id}-dropdown-container`,
       "aria-expanded": v,
       "aria-haspopup": "listbox",
       "aria-required": s,
-      "aria-label": `${V == null ? void 0 : V.country} +${V == null ? void 0 : V.code}`,
-      disabled: U.disabled
+      "aria-label": `${Q == null ? void 0 : Q.country} +${Q == null ? void 0 : Q.code}`,
+      disabled: u.disabled
     },
-    /* @__PURE__ */ e.createElement("img", { className: "shadow-center-lower", src: `${V.flag}`, alt: V.country, width: 26, "aria-hidden": !0 }),
+    /* @__PURE__ */ e.createElement("img", { className: "shadow-center-lower", src: `${Q.flag}`, alt: Q.country, width: 26, "aria-hidden": !0 }),
     /* @__PURE__ */ e.createElement(ae, { name: "agora-solid-arrow-down", "aria-hidden": !0, className: "ml-8" })
-  ), /* @__PURE__ */ e.createElement("div", { className: "input-text-wrapper" }, /* @__PURE__ */ e.createElement("div", { className: "country-code" }, /* @__PURE__ */ e.createElement("span", { "aria-hidden": !0 }, "+(", V == null ? void 0 : V.code, ")"), /* @__PURE__ */ e.createElement("span", { className: "sr-only", "aria-live": "polite" }, `${V == null ? void 0 : V.country} +${V == null ? void 0 : V.code}`)), /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: "input-text-wrapper" }, /* @__PURE__ */ e.createElement("div", { className: "country-code" }, /* @__PURE__ */ e.createElement("span", { "aria-hidden": !0 }, "+(", Q == null ? void 0 : Q.code, ")"), /* @__PURE__ */ e.createElement("span", { className: "sr-only", "aria-live": "polite" }, `${Q == null ? void 0 : Q.country} +${Q == null ? void 0 : Q.code}`)), /* @__PURE__ */ e.createElement(
     "input",
     {
-      ...U,
-      ref: u,
+      ...u,
+      ref: j,
       type: "tel",
-      id: U.id,
+      id: u.id,
       className: "input-text",
-      disabled: U.disabled,
-      readOnly: U.readOnly,
+      disabled: u.disabled,
+      readOnly: u.readOnly,
       "aria-invalid": c(n),
-      "aria-disabled": c(U.disabled),
+      "aria-disabled": c(u.disabled),
       "aria-required": s,
       onChange: te,
       onKeyDownCapture: q
@@ -6792,7 +6793,7 @@ const Ue = (i, t = 10) => {
     {
       ref: w,
       onHide: W,
-      onShow: B,
+      onShow: x,
       onChange: z,
       type: "text",
       searchable: R,
@@ -6803,17 +6804,17 @@ const Ue = (i, t = 10) => {
       "aria-label": I,
       hideSectionNames: !0
     },
-    /* @__PURE__ */ e.createElement(ci, { label: "phones", name: `input-phone-${U.id}-countries-dropdown-section` }, Be.map((P, ne) => {
-      const Ee = `input-phone-${U.id}-countries-dropdown-section-${ne}`;
+    /* @__PURE__ */ e.createElement(ci, { label: "phones", name: `input-phone-${u.id}-countries-dropdown-section` }, Be.map((P, ne) => {
+      const Ee = `input-phone-${u.id}-countries-dropdown-section-${ne}`;
       return /* @__PURE__ */ e.createElement(
         oi,
         {
           key: Ee,
           value: P.iso,
-          selected: P.iso.toLocaleLowerCase() === V.iso.toLocaleLowerCase(),
+          selected: P.iso.toLocaleLowerCase() === Q.iso.toLocaleLowerCase(),
           hasIcon: !0,
           icon: P.flag,
-          disabled: P.code === V.code
+          disabled: P.code === Q.code
         },
         `+(${P.code}) ${P.country}`
       );
@@ -6840,38 +6841,57 @@ const Ue = (i, t = 10) => {
 }, b) => {
   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);
+  const { onChange: m } = N, [s, R] = O([n[0], n[1]]), I = C(n), D = C(null), U = C(null), h = C(null);
   Je(
     b,
     D,
     {
-      sliders: a === "single" ? [j.current] : [j.current, h.current]
+      sliders: a === "single" ? [U.current] : [U.current, h.current]
     },
-    [a, D.current, j.current, h.current]
+    [a, D.current, U.current, h.current]
   ), ie(() => {
     if (I.current[0] !== n[0] || I.current[1] !== n[1]) {
-      const u = [...n];
-      a === "single" && (u[1] = Number(N.max)), R(u), I.current = u;
+      const y = [...n];
+      a === "single" && (y[1] = Number(N.max)), R(y), I.current = y;
     }
   }, [n]);
-  const Y = (u) => {
-    const [p, w] = u;
-    if (a === "single" && R(u), a === "double") {
-      if (p > w || w < p || p === w)
+  const Y = (y) => {
+    const [B, F] = y;
+    if (a === "single" && R(y), a === "double") {
+      if (B > F || F < B || B === F)
         return;
-      R(u);
+      R(y);
     }
-    m == null || m(u);
+    m == null || m(y);
   }, M = () => {
-    var u, p;
-    (u = j.current) == null || u.classList.remove("z-[2]"), (p = h.current) == null || p.classList.remove("z-[2]");
-  }, U = (u) => {
-    M(), u.target.classList.add("z-[2]");
+    var y, B;
+    (y = U.current) == null || y.classList.remove("z-[2]"), (B = h.current) == null || B.classList.remove("z-[2]");
+  }, u = (y) => {
+    M(), y.target.classList.add("z-[2]");
   }, G = J("agora-input-range", {
     "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: `${N.id}-0`, className: "input-range-label" }, i), /* @__PURE__ */ e.createElement("div", { className: "rail-container" }, /* @__PURE__ */ e.createElement("div", { className: "rail" }), /* @__PURE__ */ e.createElement(
+  }), [j, p] = O("#FFFFFF");
+  ie(() => {
+    const y = getComputedStyle(document.documentElement).getPropertyValue("--color-primary-600"), B = getComputedStyle(document.documentElement).getPropertyValue("--color-neutral-200"), F = Number(N.min), T = Number(N.max);
+    if (a === "single" && !l) {
+      let k = (s[0] - F) / (T - F) * 100;
+      k = Math.min(k, 100), p(`linear-gradient(to right, ${y} ${k}%, ${B} ${k}%, ${B}  100%)`);
+      return;
+    }
+    if (a === "double" && !l) {
+      let k = (s[0] - F) / (T - F) * 100, Q = (s[1] - F) / (T - F) * 100;
+      k = Math.min(k, 100), Q = Math.min(Q, 100), p(
+        `linear-gradient(to right, ${B} ${k}%, ${y} ${k}%, ${y} ${Q}%, ${B} ${Q}%)`
+      );
+      return;
+    }
+    p(B);
+  }, [N]);
+  const w = {
+    background: j
+  }, v = J("rail absolute w-full h-[4px] left-[0px] z-[0]");
+  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: v, style: w }), /* @__PURE__ */ e.createElement(
     "input",
     {
       ...g,
@@ -6879,12 +6899,12 @@ const Ue = (i, t = 10) => {
       type: "range",
       id: `${N.id}-0`,
       disabled: l,
-      onChange: (u) => Y([Number(u.target.value), s[1]]),
+      onChange: (y) => Y([Number(y.target.value), s[1]]),
       value: s[0],
-      ref: j,
+      ref: U,
       "aria-invalid": c(A),
       "aria-label": c(t) ? N["aria-label"] ?? i : N["aria-label"],
-      onMouseDown: U,
+      onMouseDown: u,
       onMouseUp: M
     }
   ), /* @__PURE__ */ e.createElement(
@@ -6896,12 +6916,12 @@ const Ue = (i, t = 10) => {
       type: "range",
       id: `${N.id}-1`,
       disabled: l,
-      onChange: (u) => Y([s[0], Number(u.target.value)]),
+      onChange: (y) => Y([s[0], Number(y.target.value)]),
       value: s[1],
       ref: h,
       "aria-invalid": c(A),
       "aria-label": c(t) ? N["aria-label"] ?? i : N["aria-label"],
-      onMouseDown: U,
+      onMouseDown: u,
       onMouseUp: M
     }
   )), (c(o) || c(A)) && d && /* @__PURE__ */ e.createElement(pe, { feedbackState: c(A) ? "danger" : r, feedbackText: d, className: "mt-0" }));
@@ -6922,7 +6942,7 @@ const Ue = (i, t = 10) => {
 }, m) => {
   const s = se(), R = { ...N };
   R.id = R.id ?? s;
-  const [I, D] = O(R.value ? R.value.toString().length > 0 : !1), j = (w) => {
+  const [I, D] = O(R.value ? R.value.toString().length > 0 : !1), U = (w) => {
     D(w.currentTarget.value.length > 0), E == null || E(w);
   }, h = c(A) ? "dark" : "", Y = () => ({
     // main wrapper class
@@ -6954,8 +6974,8 @@ const Ue = (i, t = 10) => {
       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: !!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(
+  }), { inputWrapperClasses: M, labelSectionClasses: u, inputClasses: G, leadingIconWrapperClasses: j } = Y(), p = J("input-search-label", h);
+  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",
     {
       ...R,
@@ -6966,9 +6986,9 @@ const Ue = (i, t = 10) => {
       "aria-label": c(t) ? R["aria-label"] ?? i : R["aria-label"],
       ref: m,
       required: b,
-      onChange: j
+      onChange: U
     }
-  ), 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(
+  ), d && r && r.startsWith("agora-line") && /* @__PURE__ */ e.createElement("div", { className: j }, /* @__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(
     pe,
     {
       feedbackState: c(a) ? "danger" : n,
@@ -7006,18 +7026,18 @@ const Ue = (i, t = 10) => {
   searchable: R,
   selectAllLabel: I,
   allSelectedLabel: D = "",
-  searchInputPlaceholder: j,
+  searchInputPlaceholder: U,
   searchInputAriaLabel: h,
   searchNoResultsText: Y,
   children: M = [],
-  onSearchInputChange: U,
+  onSearchInputChange: u,
   type: G = "text",
-  dropdownAriaLabel: u,
+  dropdownAriaLabel: j,
   ...p
 }, w) => {
-  const v = se(), S = { ...p };
-  S.id = S.id ?? v;
-  const [F, L] = O(!1), T = C(null), k = C(null), V = C(null), [K, W] = O([]);
+  const v = se(), y = { ...p };
+  y.id = y.id ?? v;
+  const [B, F] = O(!1), T = C(null), k = C(null), Q = C(null), [K, W] = O([]);
   we(
     w,
     () => ({
@@ -7025,18 +7045,18 @@ const Ue = (i, t = 10) => {
     }),
     [K]
   );
-  const B = J(
+  const x = J(
     "agora-input-select",
     { dark: c(E) },
     {
-      disabled: c(S.disabled),
+      disabled: c(y.disabled),
       "has-value": K.length > 0,
       "has-error": c(N),
       "has-feedback": c(r),
       ["feedback-" + b]: c(r) && b
     }
   ), z = J("agora-input-select-control", {
-    "is-overlay-open": F,
+    "is-overlay-open": B,
     "has-leading-icon": o && (d == null ? void 0 : d.indexOf("agora-line")) === 0
     // allowing only line family icon
   }), q = de(() => {
@@ -7045,49 +7065,49 @@ const Ue = (i, t = 10) => {
     return ne.length === 0 ? a : ne.length === 1 ? ((Ee = ne[0].children) == null ? void 0 : Ee.toString()) ?? "" : ne.length === P ? D : `${ne.length} ${l}`;
   }, [M, a, l, D]), te = () => {
     var P;
-    S.disabled || (P = k.current) == null || P.focus();
-  }, y = () => {
+    y.disabled || (P = k.current) == null || P.focus();
+  }, S = () => {
     var P;
-    L(!1), (P = k.current) == null || P.focus();
+    F(!1), (P = k.current) == null || P.focus();
   }, X = () => {
     var P;
-    L(!0), (P = V.current) == null || P.first();
-  }, x = (P) => {
+    F(!0), (P = Q.current) == null || P.first();
+  }, L = (P) => {
     W(P), Ue(() => s == null ? void 0 : s(P));
-  }, Q = () => {
+  }, V = () => {
     var P, ne, Ee;
-    (P = V.current) != null && P.visibility ? (ne = V.current) == null || ne.hide() : (Ee = V.current) == null || Ee.show();
+    (P = Q.current) != null && P.visibility ? (ne = Q.current) == null || ne.hide() : (Ee = Q.current) == null || Ee.show();
   }, H = () => {
-    Q();
+    V();
   }, _ = (P) => {
     const ne = P.code;
-    (ne === "Enter" || ne === "NumpadEnter" || ne === "Space") && Q();
+    (ne === "Enter" || ne === "NumpadEnter" || ne === "Space") && V();
   };
   ie(() => {
     const P = (ne) => {
       var Ee, oe;
-      (Ee = V.current) != null && Ee.visibility && !((oe = T.current) != null && oe.contains(ne.target)) && V.current.hide();
+      (Ee = Q.current) != null && Ee.visibility && !((oe = T.current) != null && oe.contains(ne.target)) && Q.current.hide();
     };
     return document == null || document.addEventListener("click", P), () => {
       document == null || document.removeEventListener("click", P);
     };
   }, []);
   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(
+  return /* @__PURE__ */ e.createElement("div", { className: x, hidden: !!y.hidden }, !c(t) && /* @__PURE__ */ e.createElement("div", { id: `agora-input-select-${y.id}-control-label`, className: me, onClickCapture: te }, i), /* @__PURE__ */ e.createElement("div", { className: "agora-input-select-control-wrapper", ref: T }, /* @__PURE__ */ e.createElement(
     "div",
     {
       ref: k,
-      id: `agora-input-select-${S.id}-control`,
-      "aria-labelledby": `agora-input-select-${S.id}-control-label`,
+      id: `agora-input-select-${y.id}-control`,
+      "aria-labelledby": `agora-input-select-${y.id}-control-label`,
       role: "combobox",
       "aria-invalid": c(N),
-      "aria-disabled": c(S.disabled),
-      "aria-expanded": F,
-      "aria-controls": S.id,
+      "aria-disabled": c(y.disabled),
+      "aria-expanded": B,
+      "aria-controls": y.id,
       "aria-required": m,
-      "aria-label": c(t) ? S["aria-label"] ?? i : S["aria-label"],
+      "aria-label": c(t) ? y["aria-label"] ?? i : y["aria-label"],
       className: z,
-      tabIndex: S.disabled ? -1 : 0,
+      tabIndex: y.disabled ? -1 : 0,
       onClick: H,
       onKeyDown: _
     },
@@ -7097,20 +7117,20 @@ const Ue = (i, t = 10) => {
   ), /* @__PURE__ */ e.createElement("div", { className: "absolute -bottom-8 left-0 w-full min-h-[8px]" }, /* @__PURE__ */ e.createElement(
     Ke,
     {
-      ref: V,
-      id: S.id,
-      "aria-label": u,
+      ref: Q,
+      id: y.id,
+      "aria-label": j,
       type: G,
       selectAllLabel: I,
       optionsVisible: n,
       hideSectionNames: A,
       searchable: R,
       searchAriaLabel: h,
-      searchPlaceholder: j,
+      searchPlaceholder: U,
       noSearchResults: Y,
-      onSearchChange: U,
-      onChange: x,
-      onHide: y,
+      onSearchChange: u,
+      onChange: L,
+      onHide: S,
       onShow: X
     },
     M
@@ -7139,7 +7159,7 @@ const Ue = (i, t = 10) => {
 }, m) => {
   const s = se(), R = { ...N };
   R.id = R.id ?? s;
-  const [I, D] = O(R.value ? R.value.toString().length > 0 : !1), j = (p) => {
+  const [I, D] = O(R.value ? R.value.toString().length > 0 : !1), U = (p) => {
     D(p.currentTarget.value.length > 0), E == null || E(p);
   }, h = () => ({
     // main wrapper class
@@ -7174,19 +7194,19 @@ const Ue = (i, t = 10) => {
       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: !!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(
+  }), { inputWrapperClasses: Y, labelSectionClasses: M, inputClasses: u, leadingIconWrapperClasses: G } = h(), j = J("input-text-label", { dark: c(A) });
+  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: j }, i)), /* @__PURE__ */ e.createElement("div", { className: "input-wrapper flex relative items-center" }, /* @__PURE__ */ e.createElement(
     "input",
     {
       ...R,
       type: "text",
-      className: U,
+      className: u,
       disabled: !!R.disabled,
       "aria-invalid": c(a),
       "aria-label": c(t) ? R["aria-label"] ?? i : R["aria-label"],
       ref: m,
       required: b,
-      onChange: j
+      onChange: U
     }
   ), 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(
     pe,
@@ -7215,9 +7235,9 @@ const Ue = (i, t = 10) => {
   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 = () => ({
+  }, U = c(d) ? "dark" : "", h = () => ({
     // main wrapper class
-    inputWrapperClasses: J("agora-input-textarea-wrapper", j, {
+    inputWrapperClasses: J("agora-input-textarea-wrapper", U, {
       "flex flex-col": !s.hidden,
       "input-disabled": s.disabled,
       "has-error": c(a),
@@ -7238,12 +7258,12 @@ const Ue = (i, t = 10) => {
       },
       r
     )
-  }), { inputWrapperClasses: Y, labelSectionClasses: M, inputClasses: U } = h(), G = J("input-textarea-label", j), u = J("char-counter", j);
+  }), { inputWrapperClasses: Y, labelSectionClasses: M, inputClasses: u } = h(), G = J("input-textarea-label", U), j = J("char-counter", U);
   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",
     {
       ...s,
-      className: U,
+      className: u,
       "aria-invalid": c(a),
       "aria-label": c(t) ? s["aria-label"] ?? i : s["aria-label"],
       required: g,
@@ -7257,7 +7277,7 @@ const Ue = (i, t = 10) => {
       feedbackText: A,
       darkMode: c(d)
     }
-  ), 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}`))));
+  ), c(n) && /* @__PURE__ */ e.createElement("div", { className: j }, /* @__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)]" }))));
@@ -7514,7 +7534,7 @@ const Ue = (i, t = 10) => {
       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: 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(
+  ), /* @__PURE__ */ e.createElement("div", { className: "radio-wrapper" }, /* @__PURE__ */ e.createElement("div", { className: "mark-wrapper" }, /* @__PURE__ */ e.createElement("span", { className: "mark" })), !a && /* @__PURE__ */ e.createElement("label", { className: "label-wrapper", htmlFor: N.id }, /* @__PURE__ */ e.createElement("span", { className: "label" }, 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,
@@ -7637,22 +7657,22 @@ const Ue = (i, t = 10) => {
     m > 0 && s((M) => M - 1);
   }, D = () => {
     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, {
+  }, U = Array.from({ length: i }, (M, u) => /* @__PURE__ */ e.createElement(Ka, { key: u, pageNumber: u + 1 })), h = de(() => U == null ? void 0 : U.map((M, u) => Ze(M, {
     ...M.props,
-    onClick: () => s(U),
-    current: c(m === U)
+    onClick: () => s(u),
+    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(m === L)
+    const M = Math.max(m - A, 0), u = Math.min(m + A, i), G = U.slice(0, n), j = U.slice(M, u + 1), p = U.slice(i - n, i), w = [.../* @__PURE__ */ new Set([...G, ...j, ...p])], v = M > n, y = u < i - (n + 1);
+    return U == null ? void 0 : U.map((B, F) => {
+      if (w.some((T) => B == T))
+        return Ze(B, {
+          ...B.props,
+          onClick: () => s(F),
+          current: c(m === F)
         });
-      if (v && L == n)
+      if (v && F == n)
         return /* @__PURE__ */ e.createElement(ji, { key: "left-dots", value: "..." });
-      if (S && L == i - n - 1)
+      if (y && F == i - n - 1)
         return /* @__PURE__ */ e.createElement(ji, { key: "right-dots", value: "..." });
     });
   }, [t, i, n, A, m]);
@@ -7684,7 +7704,7 @@ const Ue = (i, t = 10) => {
     }
   ));
 }, Pn = re($a), fe = (i, t) => {
-  var A, o, d, r, g, b, E, N, m, s, R, I, D, j;
+  var A, o, d, r, g, b, E, N, m, s, R, I, D, U;
   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");
@@ -7693,10 +7713,10 @@ const Ue = (i, t = 10) => {
     (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]);
+      (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 = (U = (D = h == null ? void 0 : h.closest(".agora-sidebar-content-item")) == null ? void 0 : D.previousElementSibling) == null ? void 0 : U.querySelector('[role="treeitem"]'), h && (Y = [...Y, h]);
     Y = Y.reverse(), Y.forEach((M) => {
-      var U;
-      M != null && M.classList.contains("agora-sidebar-button-item") && !c((M == null ? void 0 : M.ariaExpanded) ?? "") ? (M.setAttribute("data-custom-triggered-click", "true"), M.click()) : c((M == null ? void 0 : M.ariaExpanded) ?? "") || (U = M == null ? void 0 : M.querySelector(".icon-wrapper")) == null || U.click();
+      var u;
+      M != null && M.classList.contains("agora-sidebar-button-item") && !c((M == null ? void 0 : M.ariaExpanded) ?? "") ? (M.setAttribute("data-custom-triggered-click", "true"), M.click()) : c((M == null ? void 0 : M.ariaExpanded) ?? "") || (u = M == null ? void 0 : M.querySelector(".icon-wrapper")) == null || u.click();
     });
   }
 }, _a = ({
@@ -7764,9 +7784,9 @@ const Ue = (i, t = 10) => {
   ...d
 }) => {
   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}`;
+  const b = se(), E = C(null), { width: N } = ze(), m = N < 768, [s, R] = O(!1), [I, D] = O(!1), U = 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),
       variant: l,
@@ -7774,8 +7794,8 @@ const Ue = (i, t = 10) => {
       darkMode: c(n),
       className: `${s ? "trailed" : ""} ${I ? "leaded" : ""}`
     });
-  }) : r = g == null ? void 0 : g.map((M, U) => {
-    const G = `li-${U}-${b}`;
+  }) : r = g == null ? void 0 : g.map((M, u) => {
+    const G = `li-${u}-${b}`;
     return Ze(M, {
       variant: l,
       key: G,
@@ -7784,18 +7804,18 @@ const Ue = (i, t = 10) => {
     });
   }));
   const h = (M) => {
-    var U, G, u, p, w;
-    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)));
+    var u, G, j, p, w;
+    E.current && ((u = E.current) != null && u.contains(M.target) ? (j = (G = E.current) == null ? void 0 : G.parentElement) == null || j.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());
+    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" && !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");
+        const u = E.current.querySelectorAll('[role="treeitem"]'), G = !!E.current.querySelectorAll('[aria-current="page"]');
+        u == null || u.forEach((j, p) => {
+          j.hasAttribute("aria-current") && G || !G && p === 0 ? j.setAttribute("tabIndex", "0") : j.setAttribute("tabIndex", "-1");
         });
       }
       fe(E, a);
@@ -7807,22 +7827,22 @@ const Ue = (i, t = 10) => {
       };
     }
     if (l === "filter") {
-      const M = [], U = [];
+      const M = [], u = [];
       if (E.current) {
         const G = Ge.toArray(t);
-        return Ge.forEach(G, (u) => {
-          if (!Me(u))
+        return Ge.forEach(G, (j) => {
+          if (!Me(j))
             return;
-          const p = u.props, w = [p.item].some((S) => !!S.collapsedIconLeading);
+          const p = j.props, w = [p.item].some((y) => !!y.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), E.current.addEventListener("focusin", Y), () => {
+          const v = [p.item].some((y) => !!y.collapsedIconTrailing);
+          u.push(v);
+        }), M.every((j) => j === !1) || M.every((j) => j === !0) ? D(!1) : M.some((j) => j) && D(!0), u.every((j) => j === !1) || u.every((j) => j === !0) ? R(!1) : u.some((j) => j) && R(!0), E.current.addEventListener("focusin", Y), () => {
           E.current && E.current.removeEventListener("focusin", Y);
         };
       }
     }
-  }, [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(
+  }, [E.current]), /* @__PURE__ */ e.createElement(e.Fragment, null, (!m || l === "filter" || l === "navigation-tabs") && /* @__PURE__ */ e.createElement("ul", { ref: E, className: U, ...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,7 +7852,7 @@ const Ue = (i, t = 10) => {
       backButtonLabel: o,
       sidebarRef: E
     },
-    /* @__PURE__ */ e.createElement("ul", { ref: E, className: j, ...d, ...l === "navigation" ? { role: "tree" } : void 0 }, r)
+    /* @__PURE__ */ e.createElement("ul", { ref: E, className: U, ...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)
@@ -7862,24 +7882,24 @@ const Ue = (i, t = 10) => {
   }, I = (h) => {
     const Y = h.code, M = h.shiftKey;
     Y === "Tab" && (() => {
-      var G, u, p, w;
+      var G, j, p, w;
       if (M) {
-        const v = (u = (G = h.currentTarget.parentElement) == null ? void 0 : G.previousElementSibling) == null ? void 0 : u.querySelector(".agora-sidebar-btn-item-filter");
+        const v = (j = (G = h.currentTarget.parentElement) == null ? void 0 : G.previousElementSibling) == null ? void 0 : j.querySelector(".agora-sidebar-btn-item-filter");
         v != null && v.ariaExpanded && v.ariaExpanded !== "true" && v && (v.focus(), h.stopPropagation(), h.preventDefault());
       } else {
         const v = (w = (p = h.currentTarget.parentElement) == null ? void 0 : p.nextElementSibling) == null ? void 0 : w.querySelector(".agora-sidebar-btn-item-filter");
         if (h.currentTarget.ariaExpanded !== "true" && v)
           v.focus(), h.stopPropagation(), h.preventDefault();
         else if (h.currentTarget.ariaExpanded !== "true") {
-          const S = Array.from(
+          const y = Array.from(
             document.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"])'
             )
           );
-          let L = (S.findIndex((T) => T === document.activeElement) + 1) % S.length;
-          for (; S[L].closest(".agora-sidebar"); )
-            L += 1;
-          S[L].focus(), h.stopPropagation(), h.preventDefault();
+          let F = (y.findIndex((T) => T === document.activeElement) + 1) % y.length;
+          for (; y[F].closest(".agora-sidebar"); )
+            F += 1;
+          y[F].focus(), h.stopPropagation(), h.preventDefault();
         }
       }
     })();
@@ -7887,8 +7907,8 @@ const Ue = (i, t = 10) => {
   ie(() => {
     b(Ci(l, r.current, a, g));
   }, []);
-  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(
+  const D = li(t, g), U = { ...t };
+  return delete U.collapsedIconLeading, delete U.collapsedIconHoverLeading, delete U.expandedIconLeading, delete U.expandedIconHoverLeading, delete U.collapsedIconTrailing, delete U.collapsedIconHoverTrailing, delete U.expandedIconTrailing, delete U.expandedIconHoverTrailing, we(
     A,
     () => ({
       current: d.current,
@@ -7903,7 +7923,7 @@ const Ue = (i, t = 10) => {
       className: E,
       fullWidth: !0,
       ...D,
-      ...j,
+      ...U,
       darkMode: n,
       "aria-expanded": g,
       "aria-controls": `aria-controls-sidebar-${o}-id`,
@@ -8018,38 +8038,38 @@ const Ue = (i, t = 10) => {
   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 = () => {
-    N(Hi("navigation", j.current));
+  }), I = C(null), D = C(null), U = C(null), h = () => {
+    N(Hi("navigation", U.current));
   }, Y = () => {
     I.current && (ai(I.current), h()), D.current && (ai(D.current), h());
-  }, M = (y, X) => {
-    var x;
-    Pi(y), (x = X.onClick) == null || x.call(X, y);
-  }, U = (y) => {
-    if (y.altKey || y.ctrlKey || y.metaKey)
+  }, M = (S, X) => {
+    var L;
+    Pi(S), (L = X.onClick) == null || L.call(X, S);
+  }, u = (S) => {
+    if (S.altKey || S.ctrlKey || S.metaKey)
       return;
-    const X = y.currentTarget.closest(".agora-sidebar"), x = X == null ? void 0 : X.querySelectorAll('[role="treeitem"]'), Q = (me) => me.length === 1 && RegExp(/\S/).exec(me), H = () => {
-      y.currentTarget.getAttribute("aria-expanded") === "true" && !c(n) ? cl(y, x) : c(n) || Y(), y.stopPropagation(), y.preventDefault();
+    const X = S.currentTarget.closest(".agora-sidebar"), L = X == null ? void 0 : X.querySelectorAll('[role="treeitem"]'), V = (me) => me.length === 1 && RegExp(/\S/).exec(me), H = () => {
+      S.currentTarget.getAttribute("aria-expanded") === "true" && !c(n) ? cl(S, L) : c(n) || Y(), S.stopPropagation(), S.preventDefault();
     }, _ = () => {
-      y.currentTarget.getAttribute("aria-expanded") === "true" && !c(n) ? Y() : c(n) || ol(y), y.stopPropagation(), y.preventDefault();
+      S.currentTarget.getAttribute("aria-expanded") === "true" && !c(n) ? Y() : c(n) || ol(S), S.stopPropagation(), S.preventDefault();
     };
-    if (y.shiftKey)
-      y.code == "SPACE" || y.code == "RETURN" ? y.stopPropagation() : Q(y.key) && wi(y, n, x);
+    if (S.shiftKey)
+      S.code == "SPACE" || S.code == "RETURN" ? S.stopPropagation() : V(S.key) && wi(S, n, L);
     else
-      switch (y.code) {
+      switch (S.code) {
         case "Enter":
         case "NumpadEnter":
         case "Space":
-          ll(y);
+          ll(S);
           break;
         case "Up":
         case "ArrowUp": {
-          nl(y, x);
+          nl(S, L);
           break;
         }
         case "Down":
         case "ArrowDown": {
-          Al(y, x);
+          Al(S, L);
           break;
         }
         case "Right":
@@ -8061,22 +8081,22 @@ const Ue = (i, t = 10) => {
           _();
           break;
         case "Home":
-          sl(y, x);
+          sl(S, L);
           break;
         case "End": {
-          Nl(y, x);
+          Nl(S, L);
           break;
         }
         case "Tab": {
-          rl(x);
+          rl(L);
           break;
         }
         default:
-          Q(y.key) && wi(y, n, x);
+          V(S.key) && wi(S, n, L);
           break;
       }
-  }, G = (y) => {
-    switch (y.code) {
+  }, G = (S) => {
+    switch (S.code) {
       case "Enter":
       case "NumpadEnter":
       case "Space":
@@ -8090,131 +8110,131 @@ const Ue = (i, t = 10) => {
       case "ArrowLeft":
       case "Home":
       case "End":
-        y.stopPropagation(), y.preventDefault();
+        S.stopPropagation(), S.preventDefault();
         break;
     }
-  }, u = (y, X) => {
-    var x;
-    y.preventDefault(), y.stopPropagation(), Y(), (x = X == null ? void 0 : X.onClick) == null || x.call(X, y);
-  }, p = (y) => {
-    y.preventDefault(), y.stopPropagation(), s(!0);
-  }, w = (y) => {
-    y.preventDefault(), y.stopPropagation(), s(!1);
-  }, v = (y, X) => {
-    var x;
-    y.preventDefault(), (x = X == null ? void 0 : X.onMouseDown) == null || x.call(X, y);
+  }, j = (S, X) => {
+    var L;
+    S.preventDefault(), S.stopPropagation(), Y(), (L = X == null ? void 0 : X.onClick) == null || L.call(X, S);
+  }, p = (S) => {
+    S.preventDefault(), S.stopPropagation(), s(!0);
+  }, w = (S) => {
+    S.preventDefault(), S.stopPropagation(), s(!1);
+  }, v = (S, X) => {
+    var L;
+    S.preventDefault(), (L = X == null ? void 0 : X.onMouseDown) == null || L.call(X, S);
   };
-  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;
-    for (let H = 0; H < y.length; H++)
-      H === 0 ? Q = Ze(y[0], {
+  i && (Array.isArray(i) ? b = i : [i].forEach((S) => b.push(S))), a.children && (Array.isArray(a.children) ? g = a.children : [a.children].forEach((S) => g.push(S)));
+  let y = !1;
+  const B = (S, X, L) => {
+    let V;
+    for (let H = 0; H < S.length; H++)
+      H === 0 ? V = Ze(S[0], {
         children: X,
-        key: x
-      }) : H > 0 && Q && (Q = Ze(y[H], { children: Q, key: x }));
-    return Q;
-  }, L = (y, X, x) => {
+        key: L
+      }) : H > 0 && V && (V = Ze(S[H], { children: V, key: L }));
+    return V;
+  }, F = (S, X, L) => {
     var _;
-    let Q = y, H = [];
-    for (; Q !== null; )
-      if ((_ = Q.props) != null && _.children)
-        if (Q.props.href) {
-          S = !0, Q = Ze(Q, {
+    let V = S, H = [];
+    for (; V !== null; )
+      if ((_ = V.props) != null && _.children)
+        if (V.props.href) {
+          y = !0, V = Ze(V, {
             role: "treeitem",
             "aria-expanded": E,
             "aria-owns": X,
-            key: x,
+            key: L,
             className: "agora-anchor agora-sidebar-anchor-item inline-flex [&>*]:inline-flex items-center !justify-start [&>.children-wrapper]:w-full",
             ref: I
           }), H = H.reverse();
-          const me = F(H, Q, x);
-          return Q = null, me;
+          const me = B(H, V, L);
+          return V = null, me;
         } else
-          H = [...H, Q], Q = Q.props.children;
+          H = [...H, V], V = V.props.children;
       else
-        Q = null;
-    return Ze(y, {
-      key: x,
+        V = null;
+    return Ze(S, {
+      key: L,
       className: "agora-anchor agora-sidebar-anchor-item inline-flex [&>*]:inline-flex items-center !justify-start [&>.children-wrapper]:w-full"
     });
-  }, 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),
-      onKeyUp: U,
+  }, T = () => g == null ? void 0 : g.map((S, X) => {
+    const L = `item-${X}-${o}`, V = `treeitem-${o}`;
+    return S.props.href ? (y = !0, Ze(S, {
+      onClick: (H) => M(H, S.props),
+      onKeyUp: u,
       onKeyDown: G,
-      onMouseDown: (H) => v(H, y.props),
+      onMouseDown: (H) => v(H, S.props),
       role: "treeitem",
       "aria-expanded": E,
-      "aria-owns": Q,
-      children: /* @__PURE__ */ e.createElement("span", { className: "children-wrapper" }, y.props.children),
-      key: x,
+      "aria-owns": V,
+      children: /* @__PURE__ */ e.createElement("span", { className: "children-wrapper" }, S.props.children),
+      key: L,
       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, ...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(
+    })) : F(S, V, L);
+  }), k = (S, X) => /* @__PURE__ */ e.createElement(e.Fragment, null, (S.leadingIcon || S.leadingIconHover) && /* @__PURE__ */ e.createElement("span", { className: "icon-wrapper mr-8 justify-start", role: "none", onClick: j }, S.leadingIcon && /* @__PURE__ */ e.createElement(ae, { name: S.leadingIcon, dimensions: "m", "aria-hidden": !0, ...m ? { style: { display: "none" } } : "" }), S.leadingIconHover && /* @__PURE__ */ e.createElement(ae, { name: S.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]"}`
+      className: `data-children-wrapper ${S.leadingIcon || S.leadingIconHover ? "" : "pl-[44px]"} ${S.trailingIcon || S.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, ...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,
+  ), (S.trailingIcon || S.trailingIconHover) && /* @__PURE__ */ e.createElement("span", { className: "icon-wrapper ml-auto justify-end", role: "none", onClick: j }, S.trailingIcon && /* @__PURE__ */ e.createElement(ae, { name: S.trailingIcon, dimensions: "m", "aria-hidden": !0, ...m ? { style: { display: "none" } } : "" }), S.trailingIconHover && /* @__PURE__ */ e.createElement(ae, { name: S.trailingIconHover, dimensions: "m", "aria-hidden": !0, ...m ? "" : { style: { display: "none" } } }))), Q = (S, X, L, V) => Ze(S, {
+    onClick: (H) => M(H, S.props),
+    onKeyUp: u,
     onKeyDown: G,
-    onMouseDown: (H) => v(H, y.props),
+    onMouseDown: (H) => v(H, S.props),
     onMouseEnter: p,
     onMouseLeave: w,
     role: "treeitem",
     "aria-expanded": E,
     "aria-owns": X,
-    key: x,
-    children: Q,
+    key: L,
+    children: V,
     className: "agora-anchor agora-sidebar-anchor-item inline-flex [&>*]:inline-flex items-center !justify-start [&>.children-wrapper]:w-full",
     ref: I
-  }), K = (y, X, x, Q) => {
+  }), K = (S, X, L, V) => {
     let H;
-    for (let _ = 0; _ < y.length; _++) {
-      const me = y, P = k(x, me[0]);
-      _ === 0 ? H = V(me[0], Q, X, P) : _ > 0 && H && (H = Ze(y[_], { children: H, key: X }));
+    for (let _ = 0; _ < S.length; _++) {
+      const me = S, P = k(L, me[0]);
+      _ === 0 ? H = Q(me[0], V, X, P) : _ > 0 && H && (H = Ze(S[_], { children: H, key: X }));
     }
     return H;
-  }, W = (y, X, x, Q) => {
+  }, W = (S, X, L, V) => {
     var me;
-    let H = y, _ = [];
+    let H = S, _ = [];
     for (; H !== null; )
       if ((me = H.props) != null && me.children) {
         if (H.props.href)
-          return S = !0, _ = [..._, H], _ = _.reverse(), H = null, K(_, x, Q, X);
+          return y = !0, _ = [..._, H], _ = _.reverse(), H = null, K(_, L, V, X);
         _ = [..._, H], H === H.props.children ? H = null : H = H.props.children;
       } else
         H = null;
-    if (S) {
-      const P = k(Q, y);
-      return V(y, X, x, P);
+    if (y) {
+      const P = k(V, S);
+      return Q(S, X, L, P);
     } else
-      return Ze(y, { key: x });
-  }, 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);
-      return V(y, Q, x, _);
+      return Ze(S, { key: L });
+  }, x = () => g == null ? void 0 : g.map((S, X) => {
+    const L = `item-${X}-${o}`, V = `treeitem-${o}`, H = li(a, E);
+    if (S.props.href) {
+      y = !0;
+      const _ = k(H, S);
+      return Q(S, V, L, _);
     } else
-      return W(y, Q, x, H);
-  }), z = () => b == null ? void 0 : b.map((y, X) => {
-    const x = `li-${X}-${o}`;
-    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));
+      return W(S, V, L, H);
+  }), z = () => b == null ? void 0 : b.map((S, X) => {
+    const L = `li-${X}-${o}`;
+    return S.props.item ? Ze(S, { flat: `${n}`, variant: t, darkMode: c(A), key: L }) : /* @__PURE__ */ e.createElement("li", { key: L, role: "none", className: "agora-sidebar-item" }, Ze(S));
   });
-  c(n) ? (d = T(), r = z()) : (d = B(), r = z()), ie(() => {
-    N(Ci(n, j.current, l, E));
+  c(n) ? (d = T(), r = z()) : (d = x(), r = z()), ie(() => {
+    N(Ci(n, U.current, l, E));
   }, []);
   const q = li(a, E), te = J("agora-sidebar-button-item", {
     "!pl-[42px]": q.leadingIcon === void 0,
     "!pr-[42px]": q.trailingIcon === void 0
   });
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, S && d.length > 0 && /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, y && d.length > 0 && /* @__PURE__ */ e.createElement(
     Ve,
     {
       variant: c(A) ? "neutral" : "primary",
@@ -8224,7 +8244,7 @@ const Ue = (i, t = 10) => {
       darkMode: c(A)
     },
     d
-  ), !S && d.length > 0 && !c(n) && /* @__PURE__ */ e.createElement(
+  ), !y && d.length > 0 && !c(n) && /* @__PURE__ */ e.createElement(
     Ne,
     {
       role: "treeitem",
@@ -8236,14 +8256,14 @@ const Ue = (i, t = 10) => {
       ...q,
       "aria-expanded": E,
       "aria-owns": `treeitem-${o}`,
-      onClick: (y) => u(y, a),
-      onKeyUp: U,
+      onClick: (S) => j(S, a),
+      onKeyUp: u,
       onKeyDown: G,
       ref: D,
       darkMode: c(A)
     },
     d
-  ), !S && c(n) && a.children && /* @__PURE__ */ e.createElement(
+  ), !y && c(n) && a.children && /* @__PURE__ */ e.createElement(
     "div",
     {
       role: "treeitem",
@@ -8252,7 +8272,7 @@ const Ue = (i, t = 10) => {
       className: "p-16 sidebar-item-non-interactive",
       "aria-expanded": E,
       "aria-owns": `treeitem-${o}`,
-      onKeyUp: U,
+      onKeyUp: u,
       onKeyDown: G,
       onMouseDown: v
     },
@@ -8260,7 +8280,7 @@ const Ue = (i, t = 10) => {
   ), r && /* @__PURE__ */ e.createElement(
     "ul",
     {
-      ref: j,
+      ref: U,
       className: R,
       id: `treeitem-${o}`,
       role: "group",
@@ -8273,21 +8293,21 @@ const Ue = (i, t = 10) => {
   return /* @__PURE__ */ e.createElement("li", { className: o, ...t === "navigation" ? { role: "none" } : void 0 }, t === "filter" && /* @__PURE__ */ e.createElement(il, { ...n, darkMode: l, item: a, ref: A }), t === "navigation" && /* @__PURE__ */ e.createElement(ml, { ...n, darkMode: l, ...t ? { variant: t } : void 0, item: a }));
 }, Kn = re(bl), El = ({ className: i, containerSkipNavRef: t, multipleLinks: a, ...l }) => {
   const n = C(null), [A, o] = O(!1), d = () => {
-    var G, u;
-    (G = n.current) == null || G.classList.add("hidden"), (u = t.current) == null || u.classList.remove("show"), o(!1);
+    var G, j;
+    (G = n.current) == null || G.classList.add("hidden"), (j = t.current) == null || j.classList.remove("show"), o(!1);
   }, r = (G) => {
-    var u, p;
-    (u = t.current) == null || u.classList.add("show"), (p = l.onFocus) == null || p.call(l, G);
+    var j, p;
+    (j = t.current) == null || j.classList.add("show"), (p = l.onFocus) == null || p.call(l, 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);
+    var j, p;
+    A || (G.currentTarget.focus(), (j = t.current) == null || j.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);
+    var v, y;
+    const j = G.code, p = (v = t.current) == null ? void 0 : v.querySelectorAll('[role="menuitem"]'), w = [...p].findIndex((B) => B === G.currentTarget);
+    j === "ArrowDown" && (w + 1 !== p.length ? p[w + 1].focus() : p[0].focus()), j === "ArrowUp" && (w - 1 !== p.length && w - 1 >= 0 ? p[w - 1].focus() : p[p.length - 1].focus()), (j === "Tab" || j === "Escape") && n.current && (n.current.classList.add("hidden"), o(!1), n.current.previousSibling.focus()), (y = l.onKeyUp) == null || y.call(l, G);
   }, E = (G) => {
-    const u = G.code;
-    n.current && A && (u === "Tab" || u === "ArrowDown" || u === "ArrowUp") && (G.preventDefault(), G.stopPropagation());
+    const j = G.code;
+    n.current && A && (j === "Tab" || j === "ArrowDown" || j === "ArrowUp") && (G.preventDefault(), G.stopPropagation());
   }, N = () => {
     n.current && !A ? (n.current.classList.remove("hidden"), o(!0)) : n.current && A && (n.current.classList.add("hidden"), o(!1));
   }, m = () => {
@@ -8297,7 +8317,7 @@ const Ue = (i, t = 10) => {
     var G;
     (G = t.current) == null || G.classList.remove("show");
   }, R = (G) => {
-    var u, p, w, v, S, F, L, T;
+    var j, p, w, v, y, B, F, T;
     if (n.current)
       switch (G.code) {
         case "Escape":
@@ -8305,21 +8325,21 @@ const Ue = (i, t = 10) => {
           n.current.classList.add("hidden"), o(!1);
           break;
         case "ArrowDown":
-          A && ((w = (p = (u = document.activeElement) == null ? void 0 : u.nextElementSibling) == null ? void 0 : p.querySelectorAll('[role="menuitem"]')[0]) == null || w.focus());
+          A && ((w = (p = (j = document.activeElement) == null ? void 0 : j.nextElementSibling) == null ? void 0 : p.querySelectorAll('[role="menuitem"]')[0]) == null || w.focus());
           break;
         case "ArrowUp":
-          A && ((T = (L = (v = document.activeElement) == null ? void 0 : v.nextElementSibling) == null ? void 0 : L.querySelectorAll('[role="menuitem"]')[((F = (S = document.activeElement) == null ? void 0 : S.nextElementSibling) == null ? void 0 : F.querySelectorAll('[role="menuitem"]').length) - 1]) == null || T.focus());
+          A && ((T = (F = (v = document.activeElement) == null ? void 0 : v.nextElementSibling) == null ? void 0 : F.querySelectorAll('[role="menuitem"]')[((B = (y = document.activeElement) == null ? void 0 : y.nextElementSibling) == null ? void 0 : B.querySelectorAll('[role="menuitem"]').length) - 1]) == null || T.focus());
           break;
       }
   }, I = (G) => {
-    const u = G.code;
-    n.current && (A && (u === "Tab" || u === "ArrowDown" || u === "ArrowUp") && (G.preventDefault(), G.stopPropagation()), (G.code === "Enter" || G.code === "NumpadEnter" || G.code === "Space") && (n.current && !A ? n.current.classList.remove("hidden") : n.current && A && n.current.classList.add("hidden")));
-  }, D = (G, u) => {
+    const j = G.code;
+    n.current && (A && (j === "Tab" || j === "ArrowDown" || j === "ArrowUp") && (G.preventDefault(), G.stopPropagation()), (G.code === "Enter" || G.code === "NumpadEnter" || G.code === "Space") && (n.current && !A ? n.current.classList.remove("hidden") : n.current && A && n.current.classList.add("hidden")));
+  }, D = (G, j) => {
     let p;
     for (let w = 0; w < G.length; w++)
       w === 0 ? p = Ze(G[0], {
         role: "menuitem",
-        className: `skip-level-${u}`,
+        className: `skip-level-${j}`,
         onClick: d,
         onFocus: (v) => r(v),
         onBlur: (v) => g(v),
@@ -8327,48 +8347,48 @@ const Ue = (i, t = 10) => {
         onKeyDownCapture: (v) => E(v)
       }) : w > 0 && p && (p = Ze(G[w], { children: p }));
     return p;
-  }, j = (G, u) => {
-    var F;
-    let p = G, w = [], v = !1, S;
+  }, U = (G, j) => {
+    var B;
+    let p = G, w = [], v = !1, y;
     for (; p !== null; )
-      (F = p.props) != null && F.children ? p.props.href ? (v = !0, w = [...w, p], w = w.reverse(), S = D(w, u), p = null) : (w = [...w, p], p === p.props.children ? p = null : p = p.props.children) : p = null;
-    return v ? S : G;
+      (B = p.props) != null && B.children ? p.props.href ? (v = !0, w = [...w, p], w = w.reverse(), y = D(w, j), p = null) : (w = [...w, p], p === p.props.children ? p = null : p = p.props.children) : p = null;
+    return v ? y : G;
   };
   let h = [];
-  const Y = (G, u = 0) => {
+  const Y = (G, j = 0) => {
     G.forEach((p, w) => {
       var W;
-      const v = Object.keys(p), S = v.findIndex((B) => B != "link"), F = v[S];
-      let L;
-      const T = p[F], k = T.link, V = Object.keys(T).length;
-      (W = k == null ? void 0 : k.props) != null && W.href ? L = Ze(T.link, {
+      const v = Object.keys(p), y = v.findIndex((x) => x != "link"), B = v[y];
+      let F;
+      const T = p[B], k = T.link, Q = Object.keys(T).length;
+      (W = k == null ? void 0 : k.props) != null && W.href ? F = Ze(T.link, {
         role: "menuitem",
-        className: `skip-level-${u}`,
+        className: `skip-level-${j}`,
         onClick: d,
-        onFocus: (B) => r(B),
-        onBlur: (B) => g(B),
-        onKeyUp: (B) => b(B),
-        onKeyDownCapture: (B) => E(B)
-      }) : L = j(k, u);
-      const K = `link-lvl-${u}-${w}`;
-      V > 1 ? (h = [
+        onFocus: (x) => r(x),
+        onBlur: (x) => g(x),
+        onKeyUp: (x) => b(x),
+        onKeyDownCapture: (x) => E(x)
+      }) : F = U(k, j);
+      const K = `link-lvl-${j}-${w}`;
+      Q > 1 ? (h = [
         ...h,
-        /* @__PURE__ */ e.createElement(Ve, { key: K, appearance: "link", variant: "neutral", className: "skip-option" }, L)
-      ], Y([T], u + 1)) : h = [
+        /* @__PURE__ */ e.createElement(Ve, { key: K, appearance: "link", variant: "neutral", className: "skip-option" }, F)
+      ], Y([T], j + 1)) : h = [
         ...h,
-        /* @__PURE__ */ e.createElement(Ve, { key: K, appearance: "link", variant: "neutral", className: "skip-option" }, L)
+        /* @__PURE__ */ e.createElement(Ve, { key: K, appearance: "link", variant: "neutral", className: "skip-option" }, F)
       ];
     });
-  }, M = () => a == null ? void 0 : a.skipList.map((u, p) => {
+  }, M = () => a == null ? void 0 : a.skipList.map((j, p) => {
     h = [];
     const w = p;
-    return Y(u.links, 0), /* @__PURE__ */ e.createElement(Pe, { key: w }, /* @__PURE__ */ e.createElement("div", { role: "separator", id: `skip-separator-${w}`, className: "skip-section-separator" }, u.sectionLabel), /* @__PURE__ */ e.createElement("div", { role: "group", "aria-labelledby": `skip-separator-${w}`, className: "flex flex-col" }, h));
-  }), U = ge((G) => {
-    var u, p, w;
-    (u = t.current) != null && u.contains(G.target) || ((p = n.current) == null || p.classList.add("hidden"), (w = t.current) == null || w.classList.remove("show"), o(!1));
+    return Y(j.links, 0), /* @__PURE__ */ e.createElement(Pe, { key: w }, /* @__PURE__ */ e.createElement("div", { role: "separator", id: `skip-separator-${w}`, className: "skip-section-separator" }, j.sectionLabel), /* @__PURE__ */ e.createElement("div", { role: "group", "aria-labelledby": `skip-separator-${w}`, className: "flex flex-col" }, h));
+  }), u = ge((G) => {
+    var j, p, w;
+    (j = t.current) != null && j.contains(G.target) || ((p = n.current) == null || p.classList.add("hidden"), (w = t.current) == null || w.classList.remove("show"), o(!1));
   }, []);
-  return ie(() => (document == null || document.addEventListener("click", U), () => {
-    document == null || document.removeEventListener("click", U);
+  return ie(() => (document == null || document.addEventListener("click", u), () => {
+    document == null || document.removeEventListener("click", u);
   }), []), /* @__PURE__ */ e.createElement("div", { className: i, ref: t, ...l }, /* @__PURE__ */ e.createElement(
     Ne,
     {
@@ -8520,7 +8540,7 @@ const Ue = (i, t = 10) => {
 }, 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) => {
+  const [I, D] = O(c(R.checked ?? R.defaultChecked)), U = C(null), h = (w) => {
     D((v) => !v), Ue(() => E == null ? void 0 : E(w));
   };
   ie(() => {
@@ -8528,12 +8548,12 @@ const Ue = (i, t = 10) => {
     w !== void 0 && D(w);
   }, [R.checked, R.defaultChecked]);
   const Y = (w) => {
-    var v, S;
-    j !== null && (w.code === "Space" || w.code === "Enter" || w.code === "NumpadEnter") && (w.preventDefault(), (S = (v = j.current) == null ? void 0 : v.querySelector("input")) == null || S.click());
+    var v, y;
+    U !== null && (w.code === "Space" || w.code === "Enter" || w.code === "NumpadEnter") && (w.preventDefault(), (y = (v = U.current) == null ? void 0 : v.querySelector("input")) == null || y.click());
   }, M = (w) => {
-    var v, S;
-    j !== null && (w.preventDefault(), (S = (v = j.current) == null ? void 0 : v.querySelector("input")) == null || S.click());
-  }, U = J("agora-switch-wrapper", i, {
+    var v, y;
+    U !== null && (w.preventDefault(), (y = (v = U.current) == null ? void 0 : v.querySelector("input")) == null || y.click());
+  }, u = J("agora-switch-wrapper", i, {
     "switch-side": c(n),
     [`switch-${A}`]: A,
     "switch-full-width": c(o),
@@ -8546,10 +8566,10 @@ const Ue = (i, t = 10) => {
   }), G = J("toggle-ball", {
     "icon-disabled": l,
     "icon-off": !I && !l
-  }), u = J("switch-label", {
+  }), j = J("switch-label", {
     "label-disabled": l
   }), 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(
+  return /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { ref: U, 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"}`,
@@ -8561,7 +8581,7 @@ const Ue = (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)) && g && /* @__PURE__ */ e.createElement(pe, { feedbackState: c(b) ? "danger" : r, feedbackText: g, className: "px-16" }));
+  ), !a && t && /* @__PURE__ */ e.createElement("label", { htmlFor: R.id, className: j }, 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",
@@ -8593,37 +8613,37 @@ const Ue = (i, t = 10) => {
   ...g
 }, b) => {
   const E = se(), N = C(null), m = C(null), s = C(null), [R, I] = O(!1), D = () => {
-    var v, S, F, L;
-    (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) => {
+    var v, y, B, F;
+    (v = m.current) != null && v.visibility ? (y = m.current) == null || y.hide() : (B = m.current) == null || B.show(), (F = N.current) == null || F.classList.remove("active");
+  }, U = (v) => {
     typeof v.detail == "number" && v.detail === 0 || D();
   }, h = (v) => {
-    var F;
-    const S = v.code;
-    S === "Escape" && ((F = m.current) != null && F.visibility) && m.current.hide(), (S === "Enter" || S === "Space" || S === "NumpadEnter") && D();
+    var B;
+    const y = v.code;
+    y === "Escape" && ((B = m.current) != null && B.visibility) && m.current.hide(), (y === "Enter" || y === "Space" || y === "NumpadEnter") && D();
   }, Y = () => {
     var v;
     I(!0), (v = m.current) == null || v.first();
   }, M = () => {
     var v;
     I(!1), (v = N.current) == null || v.focus();
-  }, U = (v) => {
-    var S;
+  }, u = (v) => {
+    var y;
     if (v.length > 0) {
-      const F = v[0];
-      (S = g.onPageSizeChange) == null || S.call(g, +F.value);
+      const B = v[0];
+      (y = g.onPageSizeChange) == null || y.call(g, +B.value);
     }
   };
   ie(() => {
-    const v = (S) => {
-      var F, L;
-      (F = m.current) != null && F.visibility && !((L = s.current) != null && L.contains(S.target)) && m.current.hide();
+    const v = (y) => {
+      var B, F;
+      (B = m.current) != null && B.visibility && !((F = s.current) != null && F.contains(y.target)) && m.current.hide();
     };
     return document == null || document.addEventListener("click", v), () => {
       document == null || document.removeEventListener("click", v);
     };
   }, []);
-  const G = Math.ceil(a / t), u = () => {
+  const G = Math.ceil(a / t), j = () => {
     var v;
     (v = g.onPageChange) == null || v.call(g, Math.max(0, n - 1));
   }, p = () => {
@@ -8648,7 +8668,7 @@ const Ue = (i, t = 10) => {
       role: "combobox",
       "aria-controls": E,
       "aria-expanded": R,
-      onClick: j,
+      onClick: U,
       onKeyDown: h
     },
     i,
@@ -8662,7 +8682,7 @@ const Ue = (i, t = 10) => {
       type: "text",
       onHide: M,
       onShow: Y,
-      onChange: U,
+      onChange: u,
       hideSectionNames: !0,
       "aria-label": o
     },
@@ -8677,7 +8697,7 @@ const Ue = (i, t = 10) => {
       iconOnly: !0,
       trailingIcon: "agora-solid-chevron-left",
       trailingIconHover: "agora-line-chevron-left",
-      onClick: u,
+      onClick: j,
       disabled: n === 0,
       "aria-label": d
     }
@@ -8734,57 +8754,57 @@ const Ue = (i, t = 10) => {
     E(G), A == null || A(G);
   };
   ie(() => {
-    const G = [], u = [], p = Ge.toArray(i);
+    const G = [], j = [], p = Ge.toArray(i);
     Ge.forEach(p, (w, v) => {
-      var S, F, L, T;
-      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);
+      var y, B, F, T;
+      Me(w) && (c(w.props.active) && D(v), G.push((B = (y = w.props) == null ? void 0 : y.children) == null ? void 0 : B[0]), j.push((T = (F = w.props) == null ? void 0 : F.children) == null ? void 0 : T[1]));
+    }), m(G), R(j);
   }, [i]);
-  const j = (G) => {
-    var T, k, V;
+  const U = (G) => {
+    var T, k, Q;
     if (G.code === "Tab") {
       ((T = r.current) == null ? void 0 : T.tabIndex) === 0 && (G.preventDefault(), (k = r.current) == null || k.focus());
       return;
     }
-    const u = ((V = g.current) == null ? void 0 : V.querySelectorAll(".tab-list-item")) ?? [];
-    if (u.length == 0)
+    const j = ((Q = g.current) == null ? void 0 : Q.querySelectorAll(".tab-list-item")) ?? [];
+    if (j.length == 0)
       return;
     let p = b;
-    const w = Array.from(u).findIndex((K) => K === document.activeElement), v = () => {
-      c(n) || (w === u.length - 1 ? (u[0].focus(), p = 0) : (p = w + 1, u[p].focus()));
-    }, S = () => {
-      c(n) || (w === 0 ? (u[u.length - 1].focus(), p = u.length - 1) : (p = w - 1, u[p].focus()));
+    const w = Array.from(j).findIndex((K) => K === document.activeElement), v = () => {
+      c(n) || (w === j.length - 1 ? (j[0].focus(), p = 0) : (p = w + 1, j[p].focus()));
+    }, y = () => {
+      c(n) || (w === 0 ? (j[j.length - 1].focus(), p = j.length - 1) : (p = w - 1, j[p].focus()));
+    }, B = () => {
+      c(n) && (w === j.length - 1 ? (j[0].focus(), p = 0) : (p = w + 1, j[p].focus()));
     }, F = () => {
-      c(n) && (w === u.length - 1 ? (u[0].focus(), p = 0) : (p = w + 1, u[p].focus()));
-    }, L = () => {
-      c(n) && (w === 0 ? (u[u.length - 1].focus(), p = u.length - 1) : (p = w - 1, u[p].focus()));
+      c(n) && (w === 0 ? (j[j.length - 1].focus(), p = j.length - 1) : (p = w - 1, j[p].focus()));
     };
     switch (G.code) {
       case "Home":
-        u[0].focus(), p = 0;
+        j[0].focus(), p = 0;
         break;
       case "End":
-        u[u.length - 1].focus(), p = u.length - 1;
+        j[j.length - 1].focus(), p = j.length - 1;
         break;
       case "ArrowRight":
         v();
         break;
       case "ArrowLeft":
-        S();
+        y();
         break;
       case "ArrowDown":
-        F();
+        B();
         break;
       case "ArrowUp":
-        L();
+        F();
         break;
     }
     c(t) && D(p);
   }, h = (G) => {
-    var u;
+    var j;
     if (G.currentTarget === G.target && G.code === "Tab" && G.shiftKey) {
       G.preventDefault();
-      const p = (u = g.current) == null ? void 0 : u.querySelector(".tab-list-item.active");
+      const p = (j = g.current) == null ? void 0 : j.querySelector(".tab-list-item.active");
       p == null || p.focus();
     }
   }, Y = de(() => {
@@ -8797,14 +8817,14 @@ const Ue = (i, t = 10) => {
     "agora-tabs",
     { "full-width": c(a), vertically: c(n) },
     l
-  ), U = J("tab-panel", {
+  ), u = J("tab-panel", {
     "current-neutral": o === "neutral",
     "current-primary": o === "primary",
     "current-secondary": o === "secondary"
   });
-  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,
+  return /* @__PURE__ */ e.createElement("div", { className: M, ...d }, /* @__PURE__ */ e.createElement("div", { ref: g, role: "tablist", className: "tab-list" }, Ge.map(N, (G, j) => {
+    const p = `agora-tab-${I}-${j}`, w = J("tab-list-item", {
+      active: b === j,
       "current-neutral": o === "neutral",
       "current-primary": o === "primary",
       "current-secondary": o === "secondary"
@@ -8815,17 +8835,17 @@ const Ue = (i, t = 10) => {
         id: p,
         key: p,
         role: "tab",
-        tabIndex: b === u ? 0 : -1,
+        tabIndex: b === j ? 0 : -1,
         onClick: (v) => {
-          v.currentTarget.blur(), D(u);
+          v.currentTarget.blur(), D(j);
         },
-        onKeyDown: j,
-        "aria-selected": b === u,
+        onKeyDown: U,
+        "aria-selected": b === j,
         className: w
       },
       G.props.children
     );
-  })), s[b] && /* @__PURE__ */ e.createElement("div", { role: "tabpanel", className: U, "aria-labelledby": `agora-tab-${I}-${b}` }, /* @__PURE__ */ e.createElement("div", { role: "presentation", className: "tab-panel-content", ref: r, ...Y }, s[b].props.children)));
+  })), s[b] && /* @__PURE__ */ e.createElement("div", { role: "tabpanel", className: u, "aria-labelledby": `agora-tab-${I}-${b}` }, /* @__PURE__ */ e.createElement("div", { role: "presentation", className: "tab-panel-content", ref: r, ...Y }, s[b].props.children)));
 }, yl = ({ darkMode: i = !1, icon: t = "", iconHover: a = "", children: l, className: n = "", ...A }, o) => {
   const d = J("agora-btn-tag", n), r = de(() => ({
     appearance: "outline",
@@ -8898,13 +8918,13 @@ const Ue = (i, t = 10) => {
   }, [i]);
   const D = (p) => {
     N(p);
-  }, j = (p, w) => p < w ? "completed" : "", h = () => {
+  }, U = (p, w) => p < w ? "completed" : "", h = () => {
     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(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);
+  }, M = Ge.map(i, (p, w) => w === E ? p.props.children : null), u = g.slice(m, R);
   ie(() => {
     if (E > R - 1 || E < m) {
       const p = Math.max(0, E - Math.floor(r / 2)), w = p + r;
@@ -8945,19 +8965,19 @@ const Ue = (i, t = 10) => {
       },
       t
     ));
-  }, u = J(
+  }, j = J(
     "agora-timeline-horizontal",
     {
       "event-static": !c(l)
     },
     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 + m === 0, S = w + m === R - 1, F = m > 0, L = R < g.length, T = J(j(w + m, E), {
+  return /* @__PURE__ */ e.createElement("div", null, o ? /* @__PURE__ */ e.createElement(kl, { ...A, hideLabels: !1 }, i) : /* @__PURE__ */ e.createElement("div", { ...A, className: j }, /* @__PURE__ */ e.createElement("div", { className: "timeline-steps" }, u.map((p, w) => {
+    const v = w + m === 0, y = w + m === R - 1, B = m > 0, F = R < g.length, T = J(U(w + m, E), {
       "first-event": v,
-      "last-event": S && w + m === g.length - 1,
-      "has-more-events-left": F,
-      "has-more-events-right": L
+      "last-event": y && w + m === g.length - 1,
+      "has-more-events-left": B,
+      "has-more-events-right": F
     });
     return /* @__PURE__ */ e.createElement(
       Sl,
@@ -9070,8 +9090,8 @@ const Ue = (i, t = 10) => {
   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 });
+      const U = `${s}-action-${D}`;
+      return /* @__PURE__ */ e.createElement(Ne, { key: U, ...I });
     }))), /* @__PURE__ */ e.createElement("div", { className: "file-divider" }));
   }));
 }, xl = (i, t) => {
@@ -9098,33 +9118,33 @@ const Ue = (i, t = 10) => {
   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, g(o.current, d.current);
+    const M = ii([], Y, r(), t, a), u = [];
+    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, g(o.current, d.current);
+    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, 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];
-    if (U.hasErrors)
-      d.current = U;
+    const u = ii(o.current, [M[0]], r(), t, a, !0), G = [...o.current];
+    if (u.hasErrors)
+      d.current = u;
     else {
       d.current = null;
-      const u = G.findIndex((p) => p.name === Y);
-      u >= 0 && G.splice(u, 1, M[0]);
+      const j = G.findIndex((p) => p.name === Y);
+      j >= 0 && G.splice(j, 1, M[0]);
     }
     o.current = G, g(o.current, d.current);
   }, s = (Y) => {
-    const M = Y.currentTarget, U = Array.from(M.files ?? []);
-    E(U);
+    const M = Y.currentTarget, u = Array.from(M.files ?? []);
+    E(u);
   }, R = (Y) => {
-    const M = Y.currentTarget, U = Array.from(M.files ?? []);
-    m(M.dataset.replaceFile ?? "", U);
+    const M = Y.currentTarget, u = Array.from(M.files ?? []);
+    m(M.dataset.replaceFile ?? "", u);
   };
   ie(() => {
     A && b(A);
@@ -9133,12 +9153,12 @@ const Ue = (i, t = 10) => {
     hi(l, a, s).click();
   }, D = (Y) => {
     N(Y);
-  }, j = (Y) => {
+  }, U = (Y) => {
     hi(l, a, R, Y.name).click();
   }, h = (Y) => {
     E(Y);
   };
-  return { files: o.current, onAddFiles: I, onRemoveFile: D, onReplaceFile: j, onPasteFiles: h };
+  return { files: o.current, onAddFiles: I, onRemoveFile: D, onReplaceFile: U, onPasteFiles: h };
 }, Ll = ({
   label: i,
   selectedFilesLabel: t,
@@ -9158,86 +9178,86 @@ const Ue = (i, t = 10) => {
   onChange: R,
   files: I,
   hasError: D,
-  hasFeedback: j,
+  hasFeedback: U,
   feedbackState: h = "info",
   feedbackText: Y,
   ...M
-}, U) => {
-  const G = se(), u = C(null), p = C(null);
-  we(U, () => p.current);
-  const [w, v] = O(i), [S, F] = O([]), L = (Q) => {
-    if (!Q) {
-      F([]);
+}, u) => {
+  const G = se(), j = C(null), p = C(null);
+  we(u, () => p.current);
+  const [w, v] = O(i), [y, B] = O([]), F = (V) => {
+    if (!V) {
+      B([]);
       return;
     }
     const H = [];
-    Q.maxCountExceeded && H.push(g), Q.duplicatedFiles.forEach((_) => {
+    V.maxCountExceeded && H.push(g), V.duplicatedFiles.forEach((_) => {
       H.push(`${_} - ${N}`);
-    }), Q.sizeExceededFiles.forEach((_) => {
+    }), V.sizeExceededFiles.forEach((_) => {
       H.push(`${_} - ${b}`);
-    }), Q.extensionForbiddenFiles.forEach((_) => {
+    }), V.extensionForbiddenFiles.forEach((_) => {
       H.push(`${_} - ${E}`);
-    }), F(H);
-  }, T = (Q, H) => {
-    if (Q.length > 0 ? v(`${Q.length} ${t}`) : v(i), p.current) {
+    }), B(H);
+  }, T = (V, H) => {
+    if (V.length > 0 ? v(`${V.length} ${t}`) : v(i), p.current) {
       const _ = new DataTransfer();
-      Q.forEach((P) => {
+      V.forEach((P) => {
         _.items.add(P);
       }), p.current.files = _.files;
       const me = Te(p.current, "change");
       Ue(() => R == null ? void 0 : R(me));
     }
-    L(H);
-  }, { files: k, onAddFiles: V, onRemoveFile: K, onReplaceFile: W, onPasteFiles: B } = it(
+    F(H);
+  }, { files: k, onAddFiles: Q, onRemoveFile: K, onReplaceFile: W, onPasteFiles: x } = it(
     r,
     d,
     o ? o.split(",") : [],
     !!m,
     T,
     I
-  ), z = de(() => m ? !s && k.length < r : !s && k.length === 0, [s, m, k]), q = (Q) => {
-    W(Q);
-  }, te = (Q) => {
-    K(Q);
+  ), z = de(() => m ? !s && k.length < r : !s && k.length === 0, [s, m, k]), q = (V) => {
+    W(V);
+  }, te = (V) => {
+    K(V);
   };
   ie(() => {
-    const Q = (H) => {
-      if (z && u.current && u.current === document.activeElement) {
+    const V = (H) => {
+      if (z && j.current && j.current === document.activeElement) {
         const { clipboardData: _ } = H;
         if (_ && _.files.length > 0) {
           const me = Array.from(_.files) ?? [];
-          B(me);
+          x(me);
         }
       }
     };
-    return window.addEventListener("paste", Q), () => {
-      window.removeEventListener("paste", Q);
+    return window.addEventListener("paste", V), () => {
+      window.removeEventListener("paste", V);
     };
   }, []);
-  const y = J(
+  const S = J(
     "agora-button-file-uploader",
     { "cannot-upload": !z },
     { "gap-32": k.length > 0 },
     M.className
-  ), X = J("button-file-uploader-container"), x = J("file-list-container", { "p-16": k.length > 0 });
-  return /* @__PURE__ */ e.createElement("div", { className: y }, /* @__PURE__ */ e.createElement("input", { ref: p, type: "file", style: { display: "none" } }), /* @__PURE__ */ e.createElement("div", { className: X }, /* @__PURE__ */ e.createElement(
+  ), X = J("button-file-uploader-container"), L = J("file-list-container", { "p-16": k.length > 0 });
+  return /* @__PURE__ */ e.createElement("div", { className: S }, /* @__PURE__ */ e.createElement("input", { ref: p, type: "file", style: { display: "none" } }), /* @__PURE__ */ e.createElement("div", { className: X }, /* @__PURE__ */ e.createElement(
     Ne,
     {
-      ref: u,
+      ref: j,
       fullWidth: !0,
       iconOnly: c(a),
       hasIcon: !0,
       trailingIcon: "agora-line-upload",
       trailingIconHover: "agora-solid-upload",
-      variant: S.length > 0 || c(D) ? "danger" : "neutral",
+      variant: y.length > 0 || c(D) ? "danger" : "neutral",
       disabled: !z,
-      onClick: () => V()
+      onClick: () => Q()
     },
     w
-  ), /* @__PURE__ */ e.createElement("div", { className: "extension-instructions" }, A), S.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "errors-container" }, S.map((Q, H) => {
+  ), /* @__PURE__ */ e.createElement("div", { className: "extension-instructions" }, A), y.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "errors-container" }, y.map((V, H) => {
     const _ = `error-message-${G}-${H}`;
-    return /* @__PURE__ */ e.createElement(pe, { key: _, feedbackState: "danger", feedbackText: Q });
-  }))), /* @__PURE__ */ e.createElement("div", { className: x }, /* @__PURE__ */ e.createElement(
+    return /* @__PURE__ */ e.createElement(pe, { key: _, feedbackState: "danger", feedbackText: V });
+  }))), /* @__PURE__ */ e.createElement("div", { className: L }, /* @__PURE__ */ e.createElement(
     et,
     {
       files: k,
@@ -9246,7 +9266,7 @@ const Ue = (i, t = 10) => {
       removeFileButtonLabel: l,
       replaceFileButtonLabel: n
     }
-  )), (c(j) || c(D)) && Y && /* @__PURE__ */ e.createElement(pe, { feedbackState: c(D) ? "danger" : h, feedbackText: Y }));
+  )), (c(U) || c(D)) && Y && /* @__PURE__ */ e.createElement(pe, { feedbackState: c(D) ? "danger" : h, feedbackText: Y }));
 }, gA = re(Ll), Ql = ({
   dragAndDropLabel: i,
   label: t,
@@ -9266,16 +9286,16 @@ const Ue = (i, t = 10) => {
   multiple: R,
   disabled: I,
   onChange: D,
-  files: j,
+  files: U,
   hasError: h,
   hasFeedback: Y,
   feedbackState: M = "info",
-  feedbackText: U,
+  feedbackText: u,
   ...G
-}, u) => {
+}, j) => {
   const p = se(), w = C(null), v = C(null);
-  we(u, () => v.current);
-  const S = C(null), [F, L] = O(t), [T, k] = O(!1), [V, K] = O([]), W = (oe) => {
+  we(j, () => v.current);
+  const y = C(null), [B, F] = O(t), [T, k] = O(!1), [Q, K] = O([]), W = (oe) => {
     if (!oe) {
       K([]);
       return;
@@ -9288,8 +9308,8 @@ const Ue = (i, t = 10) => {
     }), 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) {
+  }, x = (oe, be) => {
+    if (oe.length > 0 ? F(`${oe.length} ${a}`) : F(t), v.current) {
       const Re = new DataTransfer();
       oe.forEach((ve) => {
         Re.items.add(ve);
@@ -9298,21 +9318,21 @@ const Ue = (i, t = 10) => {
       Ue(() => D == null ? void 0 : D(je));
     }
     W(be);
-  }, { files: z, onAddFiles: q, onRemoveFile: te, onReplaceFile: y, onPasteFiles: X } = it(
+  }, { files: z, onAddFiles: q, onRemoveFile: te, onReplaceFile: S, onPasteFiles: X } = it(
     b,
     g,
     r ? r.split(",") : [],
     !!R,
-    B,
-    j
-  ), x = de(() => R ? !I && z.length < b : !I && z.length === 0, [I, R, z]), Q = (oe) => {
-    y(oe);
+    x,
+    U
+  ), L = de(() => R ? !I && z.length < b : !I && z.length === 0, [I, R, z]), V = (oe) => {
+    S(oe);
   }, H = (oe) => {
     te(oe);
   };
   ie(() => {
     const oe = (be) => {
-      if (x && w.current && w.current === document.activeElement) {
+      if (L && w.current && w.current === document.activeElement) {
         const { clipboardData: Re } = be;
         if (Re && Re.files.length > 0) {
           const je = Array.from(Re.files) ?? [];
@@ -9325,11 +9345,11 @@ const Ue = (i, t = 10) => {
     };
   }, []);
   const _ = (oe) => {
-    x && (oe.preventDefault(), oe.stopPropagation(), k(!0), oe.dataTransfer && (oe.dataTransfer.dropEffect = "copy"));
+    L && (oe.preventDefault(), oe.stopPropagation(), k(!0), oe.dataTransfer && (oe.dataTransfer.dropEffect = "copy"));
   }, me = () => {
     k(!1);
   }, P = (oe) => {
-    if (x && (oe.preventDefault(), oe.stopPropagation(), k(!1), oe.dataTransfer)) {
+    if (L && (oe.preventDefault(), oe.stopPropagation(), k(!1), oe.dataTransfer)) {
       const be = Array.from(oe.dataTransfer.files ?? []);
       X(be);
     }
@@ -9338,17 +9358,17 @@ const Ue = (i, t = 10) => {
     const oe = (be) => {
       w.current && w.current !== be.target && !w.current.contains(be.target) && q();
     };
-    return S.current && (S.current.addEventListener("click", oe), S.current.addEventListener("dragover", _), S.current.addEventListener("dragleave", me), S.current.addEventListener("drop", P)), () => {
-      S.current && (S.current.removeEventListener("click", oe), S.current.removeEventListener("dragover", _), S.current.removeEventListener("dragleave", me), S.current.removeEventListener("drop", P));
+    return y.current && (y.current.addEventListener("click", oe), y.current.addEventListener("dragover", _), y.current.addEventListener("dragleave", me), y.current.addEventListener("drop", P)), () => {
+      y.current && (y.current.removeEventListener("click", oe), y.current.removeEventListener("dragover", _), y.current.removeEventListener("dragleave", me), y.current.removeEventListener("drop", P));
     };
   }, []);
   const ne = J(
     "agora-drag-and-drop-file-uploader",
-    { "cannot-upload": !x },
-    { hasError: V.length > 0 || c(h) },
+    { "cannot-upload": !L },
+    { hasError: Q.length > 0 || c(h) },
     G.className
   ), Ee = J("drag-and-drop-area", { "drag-over": T });
-  return /* @__PURE__ */ e.createElement("div", { className: ne }, /* @__PURE__ */ e.createElement("input", { ref: v, type: "file", style: { display: "none" } }), /* @__PURE__ */ e.createElement("div", { ref: S, className: Ee }, /* @__PURE__ */ e.createElement(ae, { className: "upload-icon", name: "agora-line-upload", "aria-hidden": !0 }), (i || n) && /* @__PURE__ */ e.createElement("div", { className: "instructions" }, i && /* @__PURE__ */ e.createElement("div", { className: "drag-and-drop-label" }, i), n && /* @__PURE__ */ e.createElement("div", { className: "extension-instructions" }, n)), A && /* @__PURE__ */ e.createElement("div", { className: "separator-label" }, A), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: ne }, /* @__PURE__ */ e.createElement("input", { ref: v, type: "file", style: { display: "none" } }), /* @__PURE__ */ e.createElement("div", { ref: y, className: Ee }, /* @__PURE__ */ e.createElement(ae, { className: "upload-icon", name: "agora-line-upload", "aria-hidden": !0 }), (i || n) && /* @__PURE__ */ e.createElement("div", { className: "instructions" }, i && /* @__PURE__ */ e.createElement("div", { className: "drag-and-drop-label" }, i), n && /* @__PURE__ */ e.createElement("div", { className: "extension-instructions" }, n)), A && /* @__PURE__ */ e.createElement("div", { className: "separator-label" }, A), /* @__PURE__ */ e.createElement(
     Ne,
     {
       ref: w,
@@ -9358,23 +9378,23 @@ const Ue = (i, t = 10) => {
       trailingIcon: "agora-line-upload",
       trailingIconHover: "agora-solid-upload",
       variant: "neutral",
-      disabled: !x,
+      disabled: !L,
       onClick: q
     },
-    F
-  ), V.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "errors-container" }, V.map((oe, be) => {
+    B
+  ), Q.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "errors-container" }, Q.map((oe, be) => {
     const Re = `error-message-${p}-${be}`;
     return /* @__PURE__ */ e.createElement(pe, { key: Re, feedbackState: "danger", feedbackText: oe });
   }))), /* @__PURE__ */ e.createElement(
     et,
     {
       files: z,
-      onFileReplace: Q,
+      onFileReplace: V,
       onFileRemove: H,
       removeFileButtonLabel: o,
       replaceFileButtonLabel: d
     }
-  ), (c(Y) || c(h)) && U && /* @__PURE__ */ e.createElement(pe, { 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,