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

package/artifacts/dist/index.mjs

@@ -865,11 +865,11 @@ const Ge = (t, i = 10) => {
       var m, R;
       o(I), (R = (m = E.props).onExpanded) == null || R.call(m, g);
     };
-    return /* @__PURE__ */ e.createElement(Vt, { ...E.props, key: I, ref: b, onExpanded: u, darkMode: n });
+    return /* @__PURE__ */ e.createElement("li", { key: I }, /* @__PURE__ */ e.createElement(Vt, { ...E.props, ref: b, onExpanded: u, darkMode: n }));
   }), N = y("agora-accordion-group", "mt-0 p-0 w-full", t, {
     "dark-mode": s(n)
   });
-  return /* @__PURE__ */ e.createElement("div", { className: N, ...a, ref: l }, A);
+  return /* @__PURE__ */ e.createElement("ul", { className: N, ...a, ref: l }, A);
 }, Li = le(Fi), Oi = ({
   darkMode: t = !1,
   appearance: i = "text",
@@ -3149,13 +3149,7 @@ const Ge = (t, i = 10) => {
       )
     ), c && !c.link && c.icon && /* @__PURE__ */ e.createElement(ie, { name: c.icon, alt: c.iconAlt }));
   }))
-), /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-8 xl:col-span-1 min-h-full min-w-full xl:relative" }, t && t.length > 0 && (n || i && i.length > 0) && /* @__PURE__ */ e.createElement(
-  "hr",
-  {
-    "aria-hidden": !0,
-    className: "border-1 border-white opacity-5 xl:h-[calc(100%-2px)] max-xl:w-full xl:bottom-0 xs:left-0 md:left-0 xl:left-1/2 absolute"
-  }
-)), /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-8 xl:col-span-7 xs:py-32 md:py-64" }, i && /* @__PURE__ */ e.createElement("nav", { className: "xs:col-span-4 md:col-span-8 xl:col-span-7", "aria-label": l }, /* @__PURE__ */ e.createElement("ul", { className: "flex flex-wrap xs:flex-col md:flex-row xl:flex-row md:justify-center xl:justify-end xs:gap-x-32 md:gap-[30px]" }, i.filter((c, r) => r < 8).map((c, r) => {
+), /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-8 xl:col-span-7 xs:py-32 md:py-64" }, i && /* @__PURE__ */ e.createElement("nav", { className: "xs:col-span-4 md:col-span-8 xl:col-span-7", "aria-label": l }, /* @__PURE__ */ e.createElement("ul", { className: "flex flex-wrap xs:flex-col md:flex-row xl:flex-row md:justify-center xl:justify-end xs:gap-x-32 md:gap-[30px]" }, i.filter((c, r) => r < 8).map((c, r) => {
   const o = `useful-${r}`;
   return /* @__PURE__ */ e.createElement("li", { key: o, className: "py-8" }, /* @__PURE__ */ e.createElement(De, { ...c, darkMode: !0, appearance: "link", variant: "neutral" }));
 }))), /* @__PURE__ */ e.createElement("div", { className: "xs:col-span-4 md:col-span-8 xl:col-span-7 mt-32" }, /* @__PURE__ */ e.createElement("span", { className: "text-s-regular text-[var(--color-neutral-500)] flex md:justify-center xl:justify-end" }, n)))), Ht = ({
@@ -8011,7 +8005,7 @@ const _e = ({
   const d = {
     "aria-label": `${n.timepickerMessageLabel}, ${n.timepickerMessageAriaLabel}`
   };
-  return n.cancelAriaLabel || delete d["aria-label"], /* @__PURE__ */ e.createElement("div", { ref: E, className: N }, /* @__PURE__ */ e.createElement(ac, null), /* @__PURE__ */ e.createElement("div", { className: "border-1 border-[var(--color-neutral-300)]" }), /* @__PURE__ */ e.createElement("div", { className: "px-32" }, /* @__PURE__ */ e.createElement(lc, { setInputTextValue: t })), s(a) && /* @__PURE__ */ e.createElement("div", { className: "timepicker-message", ...d }, /* @__PURE__ */ e.createElement(ie, { name: "agora-solid-alert-circle", className: "timepicker-message__icon" }), /* @__PURE__ */ e.createElement("div", { className: "timepicker-message__text" }, n.timepickerMessageLabel)));
+  return n.cancelAriaLabel || delete d["aria-label"], /* @__PURE__ */ e.createElement("div", { ref: E, className: N }, /* @__PURE__ */ e.createElement(ac, null), /* @__PURE__ */ e.createElement("div", { className: "border-1 border-[var(--color-neutral-300)]" }), /* @__PURE__ */ e.createElement("div", { className: "px-32" }, /* @__PURE__ */ e.createElement(lc, { setInputTextValue: t })), s(a) && /* @__PURE__ */ e.createElement("div", { className: "timepicker-message", ...d }, /* @__PURE__ */ e.createElement(ie, { name: "agora-solid-alert-circle", className: "timepicker-message__icon", alt: n.timepickerMessageAriaLabel }), /* @__PURE__ */ e.createElement("div", { className: "timepicker-message__text" }, n.timepickerMessageLabel)));
 }, rc = ({
   className: t,
   darkMode: i,
@@ -8814,12 +8808,7 @@ const _e = ({
     return r.forEach((u) => {
       z(u) && (b += u.props.max ?? 0);
     }), b;
-  }, [r]), N = re(() => {
-    let b = 0;
-    return r.forEach((u) => {
-      z(u) && (b += u.props.value ?? 0);
-    }), b;
-  }, [r]), E = (b, u) => {
+  }, [r]), N = (b, u) => {
     const g = u === o;
     let m = b.props.value ?? 0;
     return l && (m = o < u ? 0 : m), Ee(b, {
@@ -8828,27 +8817,27 @@ const _e = ({
       value: m,
       "aria-hidden": !0
     });
-  }, d = () => {
+  }, E = () => {
     let b = 0;
     return O.forEach(a, (u, g) => {
       z(u) && u.props.value !== void 0 && u.props.max !== void 0 && (!l || g <= o) && (b += Math.min(u.props.value, u.props.max));
     }), Math.round(b / A * 100);
-  }, I = y("progress-bar-percentage", {
+  }, d = y("progress-bar-percentage", {
     "sr-only": n,
     "not-sr-only": !n
-  });
+  }), I = E();
   return /* @__PURE__ */ e.createElement("div", { ...c }, !i && /* @__PURE__ */ e.createElement("div", { "aria-hidden": !0 }, t), /* @__PURE__ */ e.createElement(
     "div",
     {
       className: "progress-bar-group",
       role: "progressbar",
-      "aria-valuenow": N,
-      "aria-valuetext": `${N}/${A}`,
+      "aria-valuenow": I,
+      "aria-valuetext": `${I}%`,
       "aria-valuemax": 100,
       "aria-label": t
     },
-    O.map(a, (b, u) => z(b) ? E(b, u) : null)
-  ), !n && /* @__PURE__ */ e.createElement("div", { className: I, role: "status" }, d(), "%"));
+    O.map(a, (b, u) => z(b) ? N(b, u) : null)
+  ), !n && /* @__PURE__ */ e.createElement("div", { className: d, role: "status" }, I, "%"));
 }, pc = ({
   label: t,
   hasError: i,