@alfadocs/ui-kit-debug 1.105.0 → 1.107.0

package/dist/_chunks/{reviews-panel-jPYgYvxG.js → reviews-panel-CtrwZOUS.js}

@@ -1,19 +1,19 @@
-import { jsx as t, jsxs as n, Fragment as K } from "react/jsx-runtime";
-import { forwardRef as J, useState as H, useCallback as L, useMemo as C, useRef as F, useImperativeHandle as Q, useId as B, useEffect as W } from "react";
-import { c as _ } from "./index-D2ZczOXr.js";
-import { useTranslation as E } from "react-i18next";
-import { u as X } from "./registry-DvAUVLHh.js";
-import { R as k } from "./rating-CGYpg5dj.js";
+import { jsx as t, jsxs as r, Fragment as _ } from "react/jsx-runtime";
+import { forwardRef as Q, useState as E, useCallback as B, useMemo as C, useRef as F, useImperativeHandle as W, useId as H, useEffect as X } from "react";
+import { c as $ } from "./index-D2ZczOXr.js";
+import { useTranslation as M } from "react-i18next";
+import { u as Y } from "./registry-DvAUVLHh.js";
+import { R as P } from "./rating-CGYpg5dj.js";
 import { C as A } from "./card-C85_Ndhb.js";
-import { C as Y, b as Z, a as ee } from "./collapsible-DVPM46bq.js";
-import { D as l } from "./description-list-BxzDN9o2.js";
-import { E as te } from "./empty-state-DwJ5YNzz.js";
+import { C as Z, b as ee, a as te } from "./collapsible-DVPM46bq.js";
+import { D as o } from "./description-list-BxzDN9o2.js";
+import { E as se } from "./empty-state-DwJ5YNzz.js";
 import { S as T } from "./skeleton-tTWJpvAq.js";
-import { B as se } from "./button-DohK_Ak_.js";
+import { B as ae } from "./button-DohK_Ak_.js";
 import { P as re } from "./panel-header-CbtlTe85.js";
-import { S as ae } from "./star-Bf9L2Uot.js";
-import { C as ne } from "./chevron-down-DWE7GSq9.js";
-const ie = {
+import { S as ne } from "./star-Bf9L2Uot.js";
+import { C as ie } from "./chevron-down-DWE7GSq9.js";
+const le = {
   id: "reviews-panel",
   capabilities: ["filter"],
   state: {
@@ -55,8 +55,8 @@ const ie = {
         { args: { filter: 5 }, note: "Show only 5-star reviews." },
         { args: { filter: "all" }, note: "Clear the star filter." }
       ],
-      invoke: (e, i) => {
-        e.setFilter(i.filter);
+      invoke: (e, l) => {
+        e.setFilter(l.filter);
       }
     }
   },
@@ -73,21 +73,21 @@ const ie = {
     }
   }
 }, w = ["all", 5, 4, 3, 2, 1];
-function $(e) {
+function U(e) {
   return Math.min(5, Math.max(1, Math.floor(e)));
 }
-function le(e) {
-  const i = {
+function oe(e) {
+  const l = {
     1: 0,
     2: 0,
     3: 0,
     4: 0,
     5: 0
   };
-  for (const a of e) i[$(a.overallScore)] += 1;
-  return i;
+  for (const p of e) l[U(p.overallScore)] += 1;
+  return l;
 }
-const oe = _(
+const de = $(
   [
     "ds:relative ds:inline-flex ds:items-center ds:justify-center",
     "ds:gap-[var(--spacing-xs)]",
@@ -120,59 +120,59 @@ const oe = _(
     defaultVariants: { state: "idle" }
   }
 );
-function de({
+function ce({
   filter: e,
-  histogram: i,
-  totalCount: a,
-  onChange: c
+  histogram: l,
+  totalCount: p,
+  onChange: s
 }) {
-  const { t: f } = E("ui"), y = B(), [N, o] = H(
+  const { t: f } = M("ui"), y = H(), [k, v] = E(
     () => Math.max(0, w.indexOf(e))
   );
-  W(() => {
-    const r = w.indexOf(e);
-    r >= 0 && o(r);
+  X(() => {
+    const a = w.indexOf(e);
+    a >= 0 && v(a);
   }, [e]);
-  const u = F(/* @__PURE__ */ new Map()), v = L((r) => {
-    var d;
-    (d = u.current.get(r)) == null || d.focus();
-  }, []), p = w.length, P = L(
-    (r, d) => {
-      switch (r.key) {
+  const u = F(/* @__PURE__ */ new Map()), m = B((a) => {
+    var i;
+    (i = u.current.get(a)) == null || i.focus();
+  }, []), g = w.length, N = B(
+    (a, i) => {
+      switch (a.key) {
         case "ArrowDown":
         case "ArrowRight": {
-          r.preventDefault();
-          const s = (d + 1) % p;
-          o(s), v(s), c(w[s]);
+          a.preventDefault();
+          const n = (i + 1) % g;
+          v(n), m(n), s(w[n]);
           break;
         }
         case "ArrowUp":
         case "ArrowLeft": {
-          r.preventDefault();
-          const s = (d - 1 + p) % p;
-          o(s), v(s), c(w[s]);
+          a.preventDefault();
+          const n = (i - 1 + g) % g;
+          v(n), m(n), s(w[n]);
           break;
         }
         case "Home": {
-          r.preventDefault(), o(0), v(0), c(w[0]);
+          a.preventDefault(), v(0), m(0), s(w[0]);
           break;
         }
         case "End": {
-          r.preventDefault();
-          const s = p - 1;
-          o(s), v(s), c(w[s]);
+          a.preventDefault();
+          const n = g - 1;
+          v(n), m(n), s(w[n]);
           break;
         }
         case "Enter":
         case " ": {
-          r.preventDefault(), c(w[d]);
+          a.preventDefault(), s(w[i]);
           break;
         }
       }
     },
-    [p, v, c]
+    [g, m, s]
   );
-  return /* @__PURE__ */ n(K, { children: [
+  return /* @__PURE__ */ r(_, { children: [
     /* @__PURE__ */ t(
       "h3",
       {
@@ -187,27 +187,27 @@ function de({
         role: "radiogroup",
         "aria-labelledby": y,
         className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)]",
-        children: w.map((r, d) => {
-          const s = r === "all", x = s ? 0 : r, h = s ? a : i[x], S = r === e, V = N === d, m = s ? f("reviewsPanel.filter.allLabel", { count: h }) : f("reviewsPanel.filter.starsLabel", { stars: x, count: h });
-          return /* @__PURE__ */ n(
+        children: w.map((a, i) => {
+          const n = a === "all", d = n ? 0 : a, x = n ? p : l[d], b = a === e, V = k === i, z = n ? f("reviewsPanel.filter.allLabel", { count: x }) : f("reviewsPanel.filter.starsLabel", { stars: d, count: x });
+          return /* @__PURE__ */ r(
             "button",
             {
-              ref: (b) => {
-                b ? u.current.set(d, b) : u.current.delete(d);
+              ref: (c) => {
+                c ? u.current.set(i, c) : u.current.delete(i);
               },
               type: "button",
               role: "radio",
-              "aria-checked": S,
-              "aria-label": m,
+              "aria-checked": b,
+              "aria-label": z,
               tabIndex: V ? 0 : -1,
               onClick: () => {
-                o(d), c(r);
+                v(i), s(a);
               },
-              onFocus: () => o(d),
-              onKeyDown: (b) => P(b, d),
-              "data-filter-bucket": String(r),
-              className: oe({
-                state: S ? "selected" : "idle"
+              onFocus: () => v(i),
+              onKeyDown: (c) => N(c, i),
+              "data-filter-bucket": String(a),
+              className: de({
+                state: b ? "selected" : "idle"
               }),
               children: [
                 /* @__PURE__ */ t(
@@ -215,7 +215,7 @@ function de({
                   {
                     "aria-hidden": "true",
                     className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
-                    children: s ? /* @__PURE__ */ t("span", { className: "type-label", children: f("reviewsPanel.filter.allShort") }) : /* @__PURE__ */ t(k, { value: x, size: "sm", decorative: !0 })
+                    children: n ? /* @__PURE__ */ t("span", { className: "type-label", children: f("reviewsPanel.filter.allShort") }) : /* @__PURE__ */ t(P, { value: d, size: "sm", decorative: !0 })
                   }
                 ),
                 /* @__PURE__ */ t(
@@ -232,57 +232,57 @@ function de({
                       // text on the violet pill (~3:1, AA-fail). Match the
                       // row's foreground when selected; slight opacity
                       // keeps the count secondary to the label.
-                      S ? "ds:text-[color:var(--primary-foreground)]" : "ds:text-[var(--muted-foreground)]"
+                      b ? "ds:text-[color:var(--primary-foreground)]" : "ds:text-[var(--muted-foreground)]"
                     ].join(" "),
-                    children: h
+                    children: x
                   }
                 )
               ]
             },
-            String(r)
+            String(a)
           );
         })
       }
     )
   ] });
 }
-function ce({ review: e, locale: i }) {
-  var r, d, s, x;
-  const { t: a } = E("ui"), c = B(), f = B(), [y, N] = H(!1), o = !!(e.breakdown && Object.values(e.breakdown).some((h) => h != null)), u = !!e.reply || o || !!e.futureVisit || !!e.recommendation, v = C(() => {
+function ue({ review: e, locale: l, textLang: p }) {
+  var i, n, d, x;
+  const { t: s } = M("ui"), f = H(), y = H(), [k, v] = E(!1), u = !!(e.breakdown && Object.values(e.breakdown).some((b) => b != null)), m = !!e.reply || u || !!e.futureVisit || !!e.recommendation, g = C(() => {
     if (!e.authoredAt) return "";
     try {
-      const h = new Date(e.authoredAt);
-      return Number.isNaN(h.getTime()) ? e.authoredAt : new Intl.DateTimeFormat(i, { dateStyle: "medium" }).format(
-        h
+      const b = new Date(e.authoredAt);
+      return Number.isNaN(b.getTime()) ? e.authoredAt : new Intl.DateTimeFormat(l, { dateStyle: "medium" }).format(
+        b
       );
     } catch {
       return e.authoredAt;
     }
-  }, [e.authoredAt, i]), p = e.pseudonym ?? a("reviewsPanel.anonymous"), P = /* @__PURE__ */ n(
-    Y,
+  }, [e.authoredAt, l]), N = e.pseudonym ?? s("reviewsPanel.anonymous"), a = /* @__PURE__ */ r(
+    Z,
     {
-      open: u ? y : !1,
-      onOpenChange: u ? N : void 0,
+      open: m ? k : !1,
+      onOpenChange: m ? v : void 0,
       children: [
-        /* @__PURE__ */ n(A.Footer, { children: [
-          /* @__PURE__ */ t("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: v }),
-          u ? /* @__PURE__ */ t(Z, { asChild: !0, children: /* @__PURE__ */ n(
+        /* @__PURE__ */ r(A.Footer, { children: [
+          /* @__PURE__ */ t("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: g }),
+          m ? /* @__PURE__ */ t(ee, { asChild: !0, children: /* @__PURE__ */ r(
             "button",
             {
-              id: c,
+              id: f,
               type: "button",
               "data-review-trigger": !0,
-              "aria-controls": f,
+              "aria-controls": y,
               className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-2xs)] ds:pe-[var(--spacing-2xs)] ds:pt-[var(--spacing-2xs)] ds:pb-[var(--spacing-2xs)] ds:bg-transparent ds:border-0 ds:text-[length:var(--font-size-sm)] ds:text-[var(--review-details-foreground)] ds:min-w-[var(--min-target-size)] ds:min-h-[var(--min-target-size)] ds:hover:underline ds:cursor-pointer ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]",
               children: [
-                a(y ? "reviewsPanel.card.collapse" : "reviewsPanel.card.expand"),
+                s(k ? "reviewsPanel.card.collapse" : "reviewsPanel.card.expand"),
                 /* @__PURE__ */ t(
-                  ne,
+                  ie,
                   {
                     "aria-hidden": "true",
                     className: [
                       "ds:size-4 ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-                      y ? "ds:rotate-180" : ""
+                      k ? "ds:rotate-180" : ""
                     ].filter(Boolean).join(" ")
                   }
                 )
@@ -290,50 +290,51 @@ function ce({ review: e, locale: i }) {
             }
           ) }) : null
         ] }),
-        u ? /* @__PURE__ */ t(ee, { id: f, "aria-labelledby": c, children: /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pb-[var(--spacing-md)]", children: [
-          o || e.futureVisit || e.recommendation ? /* @__PURE__ */ n(l, { layout: "inline", density: "compact", children: [
-            ((r = e.breakdown) == null ? void 0 : r.appointmentScore) != null ? /* @__PURE__ */ n(l.Row, { children: [
-              /* @__PURE__ */ t(l.Term, { children: a("reviewsPanel.breakdown.appointment") }),
-              /* @__PURE__ */ t(l.Detail, { children: /* @__PURE__ */ t(
-                k,
+        m ? /* @__PURE__ */ t(te, { id: y, "aria-labelledby": f, children: /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pb-[var(--spacing-md)]", children: [
+          u || e.futureVisit || e.recommendation ? /* @__PURE__ */ r(o, { layout: "inline", density: "compact", children: [
+            ((i = e.breakdown) == null ? void 0 : i.appointmentScore) != null ? /* @__PURE__ */ r(o.Row, { children: [
+              /* @__PURE__ */ t(o.Term, { children: s("reviewsPanel.breakdown.appointment") }),
+              /* @__PURE__ */ t(o.Detail, { children: /* @__PURE__ */ t(
+                P,
                 {
                   value: e.breakdown.appointmentScore,
                   size: "sm"
                 }
               ) })
             ] }) : null,
-            ((d = e.breakdown) == null ? void 0 : d.communicationScore) != null ? /* @__PURE__ */ n(l.Row, { children: [
-              /* @__PURE__ */ t(l.Term, { children: a("reviewsPanel.breakdown.communication") }),
-              /* @__PURE__ */ t(l.Detail, { children: /* @__PURE__ */ t(
-                k,
+            ((n = e.breakdown) == null ? void 0 : n.communicationScore) != null ? /* @__PURE__ */ r(o.Row, { children: [
+              /* @__PURE__ */ t(o.Term, { children: s("reviewsPanel.breakdown.communication") }),
+              /* @__PURE__ */ t(o.Detail, { children: /* @__PURE__ */ t(
+                P,
                 {
                   value: e.breakdown.communicationScore,
                   size: "sm"
                 }
               ) })
             ] }) : null,
-            ((s = e.breakdown) == null ? void 0 : s.staffScore) != null ? /* @__PURE__ */ n(l.Row, { children: [
-              /* @__PURE__ */ t(l.Term, { children: a("reviewsPanel.breakdown.staff") }),
-              /* @__PURE__ */ t(l.Detail, { children: /* @__PURE__ */ t(k, { value: e.breakdown.staffScore, size: "sm" }) })
+            ((d = e.breakdown) == null ? void 0 : d.staffScore) != null ? /* @__PURE__ */ r(o.Row, { children: [
+              /* @__PURE__ */ t(o.Term, { children: s("reviewsPanel.breakdown.staff") }),
+              /* @__PURE__ */ t(o.Detail, { children: /* @__PURE__ */ t(P, { value: e.breakdown.staffScore, size: "sm" }) })
             ] }) : null,
-            ((x = e.breakdown) == null ? void 0 : x.overallScore) != null ? /* @__PURE__ */ n(l.Row, { children: [
-              /* @__PURE__ */ t(l.Term, { children: a("reviewsPanel.breakdown.overall") }),
-              /* @__PURE__ */ t(l.Detail, { children: /* @__PURE__ */ t(k, { value: e.breakdown.overallScore, size: "sm" }) })
+            ((x = e.breakdown) == null ? void 0 : x.overallScore) != null ? /* @__PURE__ */ r(o.Row, { children: [
+              /* @__PURE__ */ t(o.Term, { children: s("reviewsPanel.breakdown.overall") }),
+              /* @__PURE__ */ t(o.Detail, { children: /* @__PURE__ */ t(P, { value: e.breakdown.overallScore, size: "sm" }) })
             ] }) : null,
-            e.futureVisit ? /* @__PURE__ */ n(l.Row, { children: [
-              /* @__PURE__ */ t(l.Term, { children: a("reviewsPanel.breakdown.futureVisit") }),
-              /* @__PURE__ */ t(l.Detail, { children: a(`reviewsPanel.answer.${e.futureVisit}`) })
+            e.futureVisit ? /* @__PURE__ */ r(o.Row, { children: [
+              /* @__PURE__ */ t(o.Term, { children: s("reviewsPanel.breakdown.futureVisit") }),
+              /* @__PURE__ */ t(o.Detail, { children: s(`reviewsPanel.answer.${e.futureVisit}`) })
             ] }) : null,
-            e.recommendation ? /* @__PURE__ */ n(l.Row, { children: [
-              /* @__PURE__ */ t(l.Term, { children: a("reviewsPanel.breakdown.recommendation") }),
-              /* @__PURE__ */ t(l.Detail, { children: a(`reviewsPanel.answer.${e.recommendation}`) })
+            e.recommendation ? /* @__PURE__ */ r(o.Row, { children: [
+              /* @__PURE__ */ t(o.Term, { children: s("reviewsPanel.breakdown.recommendation") }),
+              /* @__PURE__ */ t(o.Detail, { children: s(`reviewsPanel.answer.${e.recommendation}`) })
             ] }) : null
           ] }) : null,
-          e.reply ? /* @__PURE__ */ n("div", { className: "ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]/40 ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]", children: [
-            /* @__PURE__ */ t("p", { className: "type-label ds:m-0 ds:mb-[var(--spacing-2xs)] ds:text-[var(--muted-foreground)] ds:font-[var(--font-weight-semibold)]", children: a("reviewsPanel.replyTitle") }),
+          e.reply ? /* @__PURE__ */ r("div", { className: "ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]/40 ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ t("p", { className: "type-label ds:m-0 ds:mb-[var(--spacing-2xs)] ds:text-[var(--muted-foreground)] ds:font-[var(--font-weight-semibold)]", children: s("reviewsPanel.replyTitle") }),
             /* @__PURE__ */ t(
               "p",
               {
+                lang: p,
                 dir: "auto",
                 className: "type-body-sm ds:m-0 ds:text-[var(--foreground)] ds:[white-space:pre-line]",
                 children: e.reply
@@ -344,48 +345,49 @@ function ce({ review: e, locale: i }) {
       ]
     }
   );
-  return /* @__PURE__ */ n(A, { variant: "default", className: "ds:shadow-[var(--shadow-sm)]", children: [
-    /* @__PURE__ */ t(A.Header, { children: /* @__PURE__ */ n("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+  return /* @__PURE__ */ r(A, { variant: "default", className: "ds:shadow-[var(--shadow-sm)]", children: [
+    /* @__PURE__ */ t(A.Header, { children: /* @__PURE__ */ r("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
       /* @__PURE__ */ t(
         "h4",
         {
           dir: e.pseudonym ? "auto" : void 0,
           className: "type-title-item ds:m-0 ds:text-[var(--foreground)]",
-          children: p
+          children: N
         }
       ),
-      /* @__PURE__ */ t(k, { value: e.overallScore, size: "sm" })
+      /* @__PURE__ */ t(P, { value: e.overallScore, size: "sm" })
     ] }) }),
     e.comment ? /* @__PURE__ */ t(A.Body, { children: /* @__PURE__ */ t(
       "p",
       {
+        lang: p,
         dir: "auto",
         className: "type-body ds:m-0 ds:text-[var(--foreground)] ds:line-clamp-2",
         children: e.comment
       }
     ) }) : null,
-    P
+    a
   ] });
 }
-function ue({ hideFilter: e }) {
-  return /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ n("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+function me({ hideFilter: e }) {
+  return /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ r("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
       /* @__PURE__ */ t(T, { variant: "text", width: "40%" }),
       /* @__PURE__ */ t(T, { variant: "text", width: "20%" })
     ] }),
-    e ? null : /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-xs)]", children: Array.from({ length: 6 }, (i, a) => /* @__PURE__ */ t(
+    e ? null : /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-xs)]", children: Array.from({ length: 6 }, (l, p) => /* @__PURE__ */ t(
       T,
       {
         variant: "rounded",
         width: "4rem",
         height: "2.5rem"
       },
-      `rp-fs-${a}`
+      `rp-fs-${p}`
     )) }),
-    /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: Array.from({ length: 3 }, (i, a) => /* @__PURE__ */ t(T, { variant: "rounded", height: "6rem" }, `rp-rs-${a}`)) })
+    /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: Array.from({ length: 3 }, (l, p) => /* @__PURE__ */ t(T, { variant: "rounded", height: "6rem" }, `rp-rs-${p}`)) })
   ] });
 }
-const I = _(
+const L = $(
   // No root padding: the shared `PanelHeader` owns the header's edge
   // padding (px/pt/pb) and the body wrapper below owns the content
   // padding, so the header divider can span flush to the panel edge.
@@ -410,151 +412,152 @@ const I = _(
     },
     defaultVariants: { surface: "flat" }
   }
-), me = J(
+), pe = Q(
   ({
     reviews: e,
-    aggregate: i,
-    filter: a,
-    onFilterChange: c,
-    introSlot: f,
-    headerActionSlot: y,
-    "aria-label": N,
-    id: o,
-    className: u,
-    hideFilter: v = !1,
-    surface: p = "flat",
-    loading: P = !1,
-    ...r
-  }, d) => {
-    const { t: s, i18n: x } = E("ui"), h = x.language ?? "en", [S, V] = H("all"), m = a ?? S, b = L(
-      (g) => {
-        a === void 0 && V(g), c == null || c(g);
+    aggregate: l,
+    contentLang: p,
+    filter: s,
+    onFilterChange: f,
+    introSlot: y,
+    headerActionSlot: k,
+    "aria-label": v,
+    id: u,
+    className: m,
+    hideFilter: g = !1,
+    surface: N = "flat",
+    loading: a = !1,
+    ...i
+  }, n) => {
+    const { t: d, i18n: x } = M("ui"), b = x.language ?? "en", [V, z] = E("all"), c = s ?? V, S = B(
+      (h) => {
+        s === void 0 && z(h), f == null || f(h);
       },
-      [a, c]
-    ), U = C(
-      () => i.histogram ?? le(e),
-      [i.histogram, e]
-    ), R = C(() => m === "all" ? e : e.filter((g) => $(g.overallScore) === m), [e, m]), M = F(m);
-    M.current = m;
-    const O = F(R.length);
-    O.current = R.length;
-    const q = C(
+      [s, f]
+    ), q = C(
+      () => l.histogram ?? oe(e),
+      [l.histogram, e]
+    ), R = C(() => c === "all" ? e : e.filter((h) => U(h.overallScore) === c), [e, c]), O = F(c);
+    O.current = c;
+    const K = F(R.length);
+    K.current = R.length;
+    const G = C(
       () => ({
-        getFilter: () => M.current,
-        setFilter: (g) => b(g),
-        getVisibleCount: () => O.current
+        getFilter: () => O.current,
+        setFilter: (h) => S(h),
+        getVisibleCount: () => K.current
       }),
-      [b]
+      [S]
     ), D = F(null);
-    Q(d, () => D.current, []), X(ie, q, o);
-    const z = N ?? s("reviewsPanel.regionLabel"), j = String(m);
-    if (P)
+    W(n, () => D.current, []), Y(le, G, u);
+    const j = v ?? d("reviewsPanel.regionLabel"), I = String(c);
+    if (a)
       return /* @__PURE__ */ t(
         "section",
         {
           ref: D,
-          "aria-label": z,
+          "aria-label": j,
           "aria-busy": "true",
-          id: o,
+          id: u,
           "data-component": "reviews-panel",
-          "data-component-id": o,
-          "data-filter": j,
+          "data-component-id": u,
+          "data-filter": I,
           "data-state": "loading",
-          className: I({ surface: p, className: u }),
-          ...r,
-          children: /* @__PURE__ */ t("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ t(ue, { hideFilter: v }) })
+          className: L({ surface: N, className: m }),
+          ...i,
+          children: /* @__PURE__ */ t("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ t(me, { hideFilter: g }) })
         }
       );
-    if (i.count === 0 && e.length === 0)
+    if (l.count === 0 && e.length === 0)
       return /* @__PURE__ */ t(
         "section",
         {
           ref: D,
-          "aria-label": z,
-          id: o,
+          "aria-label": j,
+          id: u,
           "data-component": "reviews-panel",
-          "data-component-id": o,
-          "data-filter": j,
+          "data-component-id": u,
+          "data-filter": I,
           "data-state": "empty",
-          className: I({ surface: p, className: u }),
-          ...r,
+          className: L({ surface: N, className: m }),
+          ...i,
           children: /* @__PURE__ */ t("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ t(
-            te,
+            se,
             {
               variant: "no-results",
-              title: s("reviewsPanel.empty.title"),
-              description: s("reviewsPanel.empty.description")
+              title: d("reviewsPanel.empty.title"),
+              description: d("reviewsPanel.empty.description")
             }
           ) })
         }
       );
-    const G = !v;
-    return /* @__PURE__ */ n(
+    const J = !g;
+    return /* @__PURE__ */ r(
       "section",
       {
         ref: D,
-        "aria-label": z,
-        id: o,
+        "aria-label": j,
+        id: u,
         "data-component": "reviews-panel",
-        "data-component-id": o,
-        "data-filter": j,
-        className: I({ surface: p, className: u }),
-        ...r,
+        "data-component-id": u,
+        "data-filter": I,
+        className: L({ surface: N, className: m }),
+        ...i,
         children: [
           /* @__PURE__ */ t(
             re,
             {
-              title: s("reviewsPanel.title"),
-              icon: /* @__PURE__ */ t(ae, { "aria-hidden": "true" }),
+              title: d("reviewsPanel.title"),
+              icon: /* @__PURE__ */ t(ne, { "aria-hidden": "true" }),
               titleScale: "section",
               sticky: !0,
               wrapActions: !0,
-              actions: /* @__PURE__ */ n(K, { children: [
-                y,
+              actions: /* @__PURE__ */ r(_, { children: [
+                k,
                 /* @__PURE__ */ t(
-                  k,
+                  P,
                   {
-                    value: i.averageScore,
-                    reviews: { count: i.count },
+                    value: l.averageScore,
+                    reviews: { count: l.count },
                     size: "md"
                   }
                 )
               ] }),
-              filters: G ? /* @__PURE__ */ t(
-                de,
+              filters: J ? /* @__PURE__ */ t(
+                ce,
                 {
-                  filter: m,
-                  histogram: U,
-                  totalCount: i.count,
-                  onChange: b
+                  filter: c,
+                  histogram: q,
+                  totalCount: l.count,
+                  onChange: S
                 }
               ) : void 0
             }
           ),
-          /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:min-w-0 ds:p-[var(--spacing-md)]", children: [
-            f || null,
+          /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:min-w-0 ds:p-[var(--spacing-md)]", children: [
+            y || null,
             R.length === 0 ? (
               // `role="status"` already implies `aria-live="polite"` —
               // declaring both would queue two announcements when the
               // filter changes (the radio's aria-checked flip + this
               // container's text). Keeping `role` only.
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ r(
                 "div",
                 {
                   role: "status",
                   "data-state": "no-match",
                   className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-sm)] ds:rounded-[var(--radius-md)] ds:border ds:border-dashed ds:border-[var(--border)] ds:p-[var(--spacing-lg)] ds:text-center",
                   children: [
-                    /* @__PURE__ */ t("p", { className: "type-body ds:m-0 ds:text-[var(--muted-foreground)]", children: m === "all" ? s("reviewsPanel.empty.title") : s("reviewsPanel.empty.filterDescription", {
-                      stars: m
+                    /* @__PURE__ */ t("p", { className: "type-body ds:m-0 ds:text-[var(--muted-foreground)]", children: c === "all" ? d("reviewsPanel.empty.title") : d("reviewsPanel.empty.filterDescription", {
+                      stars: c
                     }) }),
-                    m !== "all" ? /* @__PURE__ */ t(
-                      se,
+                    c !== "all" ? /* @__PURE__ */ t(
+                      ae,
                       {
                         intent: "secondary",
                         size: "sm",
-                        onClick: () => b("all"),
-                        children: s("reviewsPanel.empty.resetFilter")
+                        onClick: () => S("all"),
+                        children: d("reviewsPanel.empty.resetFilter")
                       }
                     ) : null
                   ]
@@ -563,9 +566,16 @@ const I = _(
             ) : /* @__PURE__ */ t(
               "ol",
               {
-                "aria-label": s("reviewsPanel.listLabel"),
+                "aria-label": d("reviewsPanel.listLabel"),
                 className: "ds:list-none ds:m-0 ds:p-0 ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
-                children: R.map((g) => /* @__PURE__ */ t("li", { "data-review-id": g.id, children: /* @__PURE__ */ t(ce, { review: g, locale: h }) }, g.id))
+                children: R.map((h) => /* @__PURE__ */ t("li", { "data-review-id": h.id, children: /* @__PURE__ */ t(
+                  ue,
+                  {
+                    review: h,
+                    locale: b,
+                    textLang: h.contentLang ?? p
+                  }
+                ) }, h.id))
               }
             )
           ] })
@@ -574,9 +584,9 @@ const I = _(
     );
   }
 );
-me.displayName = "ReviewsPanel";
+pe.displayName = "ReviewsPanel";
 export {
-  me as R,
-  ie as r
+  pe as R,
+  le as r
 };
-//# sourceMappingURL=reviews-panel-jPYgYvxG.js.map
+//# sourceMappingURL=reviews-panel-CtrwZOUS.js.map