@alfadocs/ui-kit-debug 0.30.1 → 0.30.3

package/dist/_chunks/{reviews-panel-CFttsfuC.js → reviews-panel-bKEUKSic.js}

@@ -1,17 +1,17 @@
 import { jsx as s, jsxs as t } from "react/jsx-runtime";
-import { forwardRef as q, useState as _, useCallback as L, useMemo as V, useRef as F, useImperativeHandle as G, useId as B, useEffect as J } from "react";
+import { forwardRef as G, useState as _, useCallback as L, useMemo as C, useRef as V, useImperativeHandle as J, useId as B, useEffect as Q } from "react";
 import { c as K } from "./index-D2ZczOXr.js";
 import { useTranslation as E } from "react-i18next";
-import { u as Q } from "./registry-C9nwlNyL.js";
+import { u as W } from "./registry-C9nwlNyL.js";
 import { R as N } from "./rating-BRD7O74e.js";
-import { C as T } from "./card-DKTMLVrw.js";
-import { C as W, b as X, a as Y } from "./collapsible-hHiyZp0b.js";
-import { D as d } from "./description-list-yl3y3QKg.js";
-import { E as Z } from "./empty-state-BLy7tigq.js";
-import { S as C } from "./skeleton-CZbwyJAA.js";
-import { B as ee } from "./button-DD_0Xdmr.js";
-import { C as se } from "./chevron-down-BX_NP2Yh.js";
-const ae = {
+import { C as A } from "./card-DKTMLVrw.js";
+import { C as X, b as Y, a as Z } from "./collapsible-hHiyZp0b.js";
+import { D as l } from "./description-list-CWjnaDGn.js";
+import { E as ee } from "./empty-state-BLy7tigq.js";
+import { S as T } from "./skeleton-CZbwyJAA.js";
+import { B as se } from "./button-DD_0Xdmr.js";
+import { C as ae } from "./chevron-down-BX_NP2Yh.js";
+const re = {
   id: "reviews-panel",
   capabilities: ["filter"],
   state: {
@@ -34,8 +34,8 @@ const ae = {
       argsType: '{ filter: "all" | 1 | 2 | 3 | 4 | 5 }',
       descriptionKey: "ui.agent.reviewsPanel.actions.setFilter",
       description: 'Narrow the visible review list to a star bucket, or `"all"` to clear the filter.',
-      invoke: (e, l) => {
-        e.setFilter(l.filter);
+      invoke: (e, i) => {
+        e.setFilter(i.filter);
       }
     }
   },
@@ -51,22 +51,22 @@ const ae = {
       description: "Sourced from the id prop."
     }
   }
-}, b = ["all", 5, 4, 3, 2, 1];
+}, x = ["all", 5, 4, 3, 2, 1];
 function $(e) {
   return Math.min(5, Math.max(1, Math.floor(e)));
 }
 function te(e) {
-  const l = {
+  const i = {
     1: 0,
     2: 0,
     3: 0,
     4: 0,
     5: 0
   };
-  for (const r of e) l[$(r.overallScore)] += 1;
-  return l;
+  for (const n of e) i[$(n.overallScore)] += 1;
+  return i;
 }
-const re = K(
+const ne = K(
   [
     "ds:relative ds:flex ds:w-full ds:items-center ds:justify-between",
     "ds:gap-[var(--spacing-sm)]",
@@ -99,94 +99,94 @@ const re = K(
     defaultVariants: { state: "idle" }
   }
 );
-function ne({
+function ie({
   filter: e,
-  histogram: l,
-  totalCount: r,
+  histogram: i,
+  totalCount: n,
   onChange: c
 }) {
-  const { t: g } = E(), x = B(), [S, o] = _(
-    () => Math.max(0, b.indexOf(e))
+  const { t: h } = E(), w = B(), [k, d] = _(
+    () => Math.max(0, x.indexOf(e))
   );
-  J(() => {
-    const n = b.indexOf(e);
-    n >= 0 && o(n);
+  Q(() => {
+    const r = x.indexOf(e);
+    r >= 0 && d(r);
   }, [e]);
-  const m = F(/* @__PURE__ */ new Map()), p = L((n) => {
-    var a;
-    (a = m.current.get(n)) == null || a.focus();
-  }, []), h = b.length, y = L(
-    (n, a) => {
-      switch (n.key) {
+  const m = V(/* @__PURE__ */ new Map()), f = L((r) => {
+    var o;
+    (o = m.current.get(r)) == null || o.focus();
+  }, []), p = x.length, P = L(
+    (r, o) => {
+      switch (r.key) {
         case "ArrowDown":
         case "ArrowRight": {
-          n.preventDefault();
-          const i = (a + 1) % h;
-          o(i), p(i), c(b[i]);
+          r.preventDefault();
+          const a = (o + 1) % p;
+          d(a), f(a), c(x[a]);
           break;
         }
         case "ArrowUp":
         case "ArrowLeft": {
-          n.preventDefault();
-          const i = (a - 1 + h) % h;
-          o(i), p(i), c(b[i]);
+          r.preventDefault();
+          const a = (o - 1 + p) % p;
+          d(a), f(a), c(x[a]);
           break;
         }
         case "Home": {
-          n.preventDefault(), o(0), p(0), c(b[0]);
+          r.preventDefault(), d(0), f(0), c(x[0]);
           break;
         }
         case "End": {
-          n.preventDefault();
-          const i = h - 1;
-          o(i), p(i), c(b[i]);
+          r.preventDefault();
+          const a = p - 1;
+          d(a), f(a), c(x[a]);
           break;
         }
         case "Enter":
         case " ": {
-          n.preventDefault(), c(b[a]);
+          r.preventDefault(), c(x[o]);
           break;
         }
       }
     },
-    [h, p, c]
+    [p, f, c]
   );
   return /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
     /* @__PURE__ */ s(
       "h3",
       {
-        id: x,
+        id: w,
         className: "type-label ds:font-[var(--font-weight-semibold)] ds:text-[var(--foreground)] ds:m-0",
-        children: g("reviewsPanel.filterTitle")
+        children: h("reviewsPanel.filterTitle")
       }
     ),
     /* @__PURE__ */ s(
       "div",
       {
         role: "radiogroup",
-        "aria-labelledby": x,
+        "aria-labelledby": w,
         className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
-        children: b.map((n, a) => {
-          const i = n === "all", w = i ? 0 : n, f = i ? r : l[w], R = n === e, u = S === a, k = i ? g("reviewsPanel.filter.allLabel", { count: f }) : g("reviewsPanel.filter.starsLabel", { stars: w, count: f });
+        children: x.map((r, o) => {
+          const a = r === "all", y = a ? 0 : r, v = a ? n : i[y], S = r === e, F = k === o, u = a ? h("reviewsPanel.filter.allLabel", { count: v }) : h("reviewsPanel.filter.starsLabel", { stars: y, count: v });
           return /* @__PURE__ */ t(
             "button",
             {
-              ref: (P) => {
-                P ? m.current.set(a, P) : m.current.delete(a);
+              ref: (b) => {
+                b ? m.current.set(o, b) : m.current.delete(o);
               },
               type: "button",
               role: "radio",
-              "aria-checked": R,
-              "aria-label": k,
-              tabIndex: u ? 0 : -1,
+              "aria-checked": S,
+              "aria-label": u,
+              tabIndex: F ? 0 : -1,
               onClick: () => {
-                o(a), c(n);
+                d(o), c(r);
               },
-              onFocus: () => o(a),
-              onKeyDown: (P) => y(P, a),
-              "data-filter-bucket": String(n),
-              className: re({
-                state: R ? "selected" : "idle"
+              onFocus: () => d(o),
+              onKeyDown: (b) => P(b, o),
+              "data-filter-bucket": String(r),
+              className: ne({
+                state: S ? "selected" : "idle"
               }),
               children: [
                 /* @__PURE__ */ s(
@@ -194,7 +194,7 @@ function ne({
                   {
                     "aria-hidden": "true",
                     className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
-                    children: i ? /* @__PURE__ */ s("span", { className: "type-label", children: g("reviewsPanel.filter.allShort") }) : /* @__PURE__ */ s(N, { value: w, size: "sm", decorative: !0 })
+                    children: a ? /* @__PURE__ */ s("span", { className: "type-label", children: h("reviewsPanel.filter.allShort") }) : /* @__PURE__ */ s(N, { value: y, size: "sm", decorative: !0 })
                   }
                 ),
                 /* @__PURE__ */ s(
@@ -202,39 +202,39 @@ function ne({
                   {
                     "aria-hidden": "true",
                     className: "type-meta ds:text-[var(--muted-foreground)]",
-                    children: f
+                    children: v
                   }
                 )
               ]
             },
-            String(n)
+            String(r)
           );
         })
       }
     )
   ] });
 }
-function ie({ review: e, locale: l }) {
-  var n, a, i, w;
-  const { t: r } = E(), c = B(), g = B(), [x, S] = _(!1), o = !!(e.breakdown && Object.values(e.breakdown).some((f) => f != null)), m = !!e.reply || o || !!e.futureVisit || !!e.recommendation, p = V(() => {
+function le({ review: e, locale: i }) {
+  var r, o, a, y;
+  const { t: n } = E(), c = B(), h = B(), [w, k] = _(!1), d = !!(e.breakdown && Object.values(e.breakdown).some((v) => v != null)), m = !!e.reply || d || !!e.futureVisit || !!e.recommendation, f = C(() => {
     if (!e.authoredAt) return "";
     try {
-      const f = new Date(e.authoredAt);
-      return Number.isNaN(f.getTime()) ? e.authoredAt : new Intl.DateTimeFormat(l, { dateStyle: "medium" }).format(
-        f
+      const v = new Date(e.authoredAt);
+      return Number.isNaN(v.getTime()) ? e.authoredAt : new Intl.DateTimeFormat(i, { dateStyle: "medium" }).format(
+        v
       );
     } catch {
       return e.authoredAt;
     }
-  }, [e.authoredAt, l]), h = e.pseudonym ?? r("reviewsPanel.anonymous"), y = /* @__PURE__ */ t(
-    W,
+  }, [e.authoredAt, i]), p = e.pseudonym ?? n("reviewsPanel.anonymous"), P = /* @__PURE__ */ t(
+    X,
     {
-      open: m ? x : !1,
-      onOpenChange: m ? S : void 0,
+      open: m ? w : !1,
+      onOpenChange: m ? k : void 0,
       children: [
-        /* @__PURE__ */ t(T.Footer, { children: [
-          /* @__PURE__ */ s("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: p }),
-          m ? /* @__PURE__ */ s(X, { asChild: !0, children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t(A.Footer, { children: [
+          /* @__PURE__ */ s("span", { className: "type-meta ds:text-[var(--muted-foreground)]", children: f }),
+          m ? /* @__PURE__ */ s(Y, { asChild: !0, children: /* @__PURE__ */ t(
             "button",
             {
               id: c,
@@ -242,14 +242,14 @@ function ie({ review: e, locale: l }) {
               "data-review-trigger": !0,
               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(--primary)] 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: [
-                r(x ? "reviewsPanel.card.collapse" : "reviewsPanel.card.expand"),
+                n(w ? "reviewsPanel.card.collapse" : "reviewsPanel.card.expand"),
                 /* @__PURE__ */ s(
-                  se,
+                  ae,
                   {
                     "aria-hidden": "true",
                     className: [
                       "ds:size-4 ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-                      x ? "ds:rotate-180" : ""
+                      w ? "ds:rotate-180" : ""
                     ].filter(Boolean).join(" ")
                   }
                 )
@@ -257,11 +257,11 @@ function ie({ review: e, locale: l }) {
             }
           ) }) : null
         ] }),
-        m ? /* @__PURE__ */ s(Y, { id: g, "aria-labelledby": c, children: /* @__PURE__ */ t("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__ */ t(d, { layout: "inline", density: "compact", children: [
-            ((n = e.breakdown) == null ? void 0 : n.appointmentScore) != null ? /* @__PURE__ */ t(d.Row, { children: [
-              /* @__PURE__ */ s(d.Term, { children: r("reviewsPanel.breakdown.appointment") }),
-              /* @__PURE__ */ s(d.Detail, { children: /* @__PURE__ */ s(
+        m ? /* @__PURE__ */ s(Z, { id: h, "aria-labelledby": c, children: /* @__PURE__ */ t("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: [
+          d || e.futureVisit || e.recommendation ? /* @__PURE__ */ t(l, { layout: "inline", density: "compact", children: [
+            ((r = e.breakdown) == null ? void 0 : r.appointmentScore) != null ? /* @__PURE__ */ t(l.Row, { children: [
+              /* @__PURE__ */ s(l.Term, { children: n("reviewsPanel.breakdown.appointment") }),
+              /* @__PURE__ */ s(l.Detail, { children: /* @__PURE__ */ s(
                 N,
                 {
                   value: e.breakdown.appointmentScore,
@@ -269,9 +269,9 @@ function ie({ review: e, locale: l }) {
                 }
               ) })
             ] }) : null,
-            ((a = e.breakdown) == null ? void 0 : a.communicationScore) != null ? /* @__PURE__ */ t(d.Row, { children: [
-              /* @__PURE__ */ s(d.Term, { children: r("reviewsPanel.breakdown.communication") }),
-              /* @__PURE__ */ s(d.Detail, { children: /* @__PURE__ */ s(
+            ((o = e.breakdown) == null ? void 0 : o.communicationScore) != null ? /* @__PURE__ */ t(l.Row, { children: [
+              /* @__PURE__ */ s(l.Term, { children: n("reviewsPanel.breakdown.communication") }),
+              /* @__PURE__ */ s(l.Detail, { children: /* @__PURE__ */ s(
                 N,
                 {
                   value: e.breakdown.communicationScore,
@@ -279,129 +279,149 @@ function ie({ review: e, locale: l }) {
                 }
               ) })
             ] }) : null,
-            ((i = e.breakdown) == null ? void 0 : i.staffScore) != null ? /* @__PURE__ */ t(d.Row, { children: [
-              /* @__PURE__ */ s(d.Term, { children: r("reviewsPanel.breakdown.staff") }),
-              /* @__PURE__ */ s(d.Detail, { children: /* @__PURE__ */ s(N, { value: e.breakdown.staffScore, size: "sm" }) })
+            ((a = e.breakdown) == null ? void 0 : a.staffScore) != null ? /* @__PURE__ */ t(l.Row, { children: [
+              /* @__PURE__ */ s(l.Term, { children: n("reviewsPanel.breakdown.staff") }),
+              /* @__PURE__ */ s(l.Detail, { children: /* @__PURE__ */ s(N, { value: e.breakdown.staffScore, size: "sm" }) })
             ] }) : null,
-            ((w = e.breakdown) == null ? void 0 : w.overallScore) != null ? /* @__PURE__ */ t(d.Row, { children: [
-              /* @__PURE__ */ s(d.Term, { children: r("reviewsPanel.breakdown.overall") }),
-              /* @__PURE__ */ s(d.Detail, { children: /* @__PURE__ */ s(N, { value: e.breakdown.overallScore, size: "sm" }) })
+            ((y = e.breakdown) == null ? void 0 : y.overallScore) != null ? /* @__PURE__ */ t(l.Row, { children: [
+              /* @__PURE__ */ s(l.Term, { children: n("reviewsPanel.breakdown.overall") }),
+              /* @__PURE__ */ s(l.Detail, { children: /* @__PURE__ */ s(N, { value: e.breakdown.overallScore, size: "sm" }) })
             ] }) : null,
-            e.futureVisit ? /* @__PURE__ */ t(d.Row, { children: [
-              /* @__PURE__ */ s(d.Term, { children: r("reviewsPanel.breakdown.futureVisit") }),
-              /* @__PURE__ */ s(d.Detail, { children: r(`reviewsPanel.answer.${e.futureVisit}`) })
+            e.futureVisit ? /* @__PURE__ */ t(l.Row, { children: [
+              /* @__PURE__ */ s(l.Term, { children: n("reviewsPanel.breakdown.futureVisit") }),
+              /* @__PURE__ */ s(l.Detail, { children: n(`reviewsPanel.answer.${e.futureVisit}`) })
             ] }) : null,
-            e.recommendation ? /* @__PURE__ */ t(d.Row, { children: [
-              /* @__PURE__ */ s(d.Term, { children: r("reviewsPanel.breakdown.recommendation") }),
-              /* @__PURE__ */ s(d.Detail, { children: r(`reviewsPanel.answer.${e.recommendation}`) })
+            e.recommendation ? /* @__PURE__ */ t(l.Row, { children: [
+              /* @__PURE__ */ s(l.Term, { children: n("reviewsPanel.breakdown.recommendation") }),
+              /* @__PURE__ */ s(l.Detail, { children: n(`reviewsPanel.answer.${e.recommendation}`) })
             ] }) : null
           ] }) : null,
           e.reply ? /* @__PURE__ */ t("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__ */ s("p", { className: "type-label ds:m-0 ds:mb-[var(--spacing-2xs)] ds:text-[var(--muted-foreground)] ds:font-[var(--font-weight-semibold)]", children: r("reviewsPanel.replyTitle") }),
+            /* @__PURE__ */ s("p", { className: "type-label ds:m-0 ds:mb-[var(--spacing-2xs)] ds:text-[var(--muted-foreground)] ds:font-[var(--font-weight-semibold)]", children: n("reviewsPanel.replyTitle") }),
             /* @__PURE__ */ s("p", { className: "type-body-sm ds:m-0 ds:text-[var(--foreground)] ds:[white-space:pre-line]", children: e.reply })
           ] }) : null
         ] }) }) : null
       ]
     }
   );
-  return /* @__PURE__ */ t(T, { variant: "default", className: "ds:shadow-[var(--shadow-sm)]", children: [
-    /* @__PURE__ */ s(T.Header, { children: /* @__PURE__ */ t("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
-      /* @__PURE__ */ s("h4", { className: "type-title-item ds:m-0 ds:text-[var(--foreground)]", children: h }),
+  return /* @__PURE__ */ t(A, { variant: "default", className: "ds:shadow-[var(--shadow-sm)]", children: [
+    /* @__PURE__ */ s(A.Header, { children: /* @__PURE__ */ t("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ s("h4", { className: "type-title-item ds:m-0 ds:text-[var(--foreground)]", children: p }),
       /* @__PURE__ */ s(N, { value: e.overallScore, size: "sm" })
     ] }) }),
-    e.comment ? /* @__PURE__ */ s(T.Body, { children: /* @__PURE__ */ s("p", { className: "type-body ds:m-0 ds:text-[var(--foreground)] ds:line-clamp-2", children: e.comment }) }) : null,
-    y
+    e.comment ? /* @__PURE__ */ s(A.Body, { children: /* @__PURE__ */ s("p", { className: "type-body ds:m-0 ds:text-[var(--foreground)] ds:line-clamp-2", children: e.comment }) }) : null,
+    P
   ] });
 }
-function le({ hideFilter: e }) {
+function de({ hideFilter: e }) {
   return /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
     /* @__PURE__ */ t("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
-      /* @__PURE__ */ s(C, { variant: "text", width: "40%" }),
-      /* @__PURE__ */ s(C, { variant: "text", width: "20%" })
+      /* @__PURE__ */ s(T, { variant: "text", width: "40%" }),
+      /* @__PURE__ */ s(T, { variant: "text", width: "20%" })
     ] }),
     /* @__PURE__ */ t(
       "div",
       {
         className: e ? "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]" : "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:md:grid-cols-[minmax(0,30%)_minmax(0,1fr)]",
         children: [
-          e ? null : /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: Array.from({ length: 6 }, (l, r) => /* @__PURE__ */ s(C, { variant: "rounded", height: "2.5rem" }, `rp-fs-${r}`)) }),
-          /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: Array.from({ length: 3 }, (l, r) => /* @__PURE__ */ s(C, { variant: "rounded", height: "6rem" }, `rp-rs-${r}`)) })
+          e ? null : /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: Array.from({ length: 6 }, (i, n) => /* @__PURE__ */ s(T, { variant: "rounded", height: "2.5rem" }, `rp-fs-${n}`)) }),
+          /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: Array.from({ length: 3 }, (i, n) => /* @__PURE__ */ s(T, { variant: "rounded", height: "6rem" }, `rp-rs-${n}`)) })
         ]
       }
     )
   ] });
 }
-const j = K(
-  "ds:flex ds:w-full ds:flex-col ds:gap-[var(--spacing-md)] ds:text-[var(--foreground)]"
-), de = q(
+const z = K(
+  "ds:flex ds:w-full ds:flex-col ds:gap-[var(--spacing-md)] ds:text-[var(--foreground)]",
+  {
+    variants: {
+      // `surface="elevated"` matches `Card variant="elevated"` — same
+      // tokens, same padding, same boundary behaviour — so consumers can
+      // drop their own Card wraps without producing a double-card look.
+      // Default `'flat'` preserves 0.30.x rendering (no wrapping).
+      surface: {
+        flat: "",
+        elevated: [
+          "ds:rounded-[var(--radius-lg)]",
+          "ds:bg-[var(--card)] ds:text-[var(--card-foreground)]",
+          "ds:border ds:border-[color:var(--card-border)]",
+          "ds:shadow-[var(--shadow-card)]",
+          "ds:p-[var(--spacing-md)]"
+        ].join(" ")
+      }
+    },
+    defaultVariants: { surface: "flat" }
+  }
+), oe = G(
   ({
     reviews: e,
-    aggregate: l,
-    filter: r,
+    aggregate: i,
+    filter: n,
     onFilterChange: c,
-    introSlot: g,
-    headerActionSlot: x,
-    "aria-label": S,
-    id: o,
+    introSlot: h,
+    headerActionSlot: w,
+    "aria-label": k,
+    id: d,
     className: m,
-    hideFilter: p = !1,
-    loading: h = !1,
-    ...y
-  }, n) => {
-    const { t: a, i18n: i } = E(), w = i.language ?? "en", [f, R] = _("all"), u = r ?? f, k = L(
-      (v) => {
-        r === void 0 && R(v), c == null || c(v);
+    hideFilter: f = !1,
+    surface: p = "flat",
+    loading: P = !1,
+    ...r
+  }, o) => {
+    const { t: a, i18n: y } = E(), v = y.language ?? "en", [S, F] = _("all"), u = n ?? S, b = L(
+      (g) => {
+        n === void 0 && F(g), c == null || c(g);
       },
-      [r, c]
-    ), P = V(
-      () => l.histogram ?? te(e),
-      [l.histogram, e]
-    ), D = V(() => u === "all" ? e : e.filter((v) => $(v.overallScore) === u), [e, u]), H = F(u);
+      [n, c]
+    ), U = C(
+      () => i.histogram ?? te(e),
+      [i.histogram, e]
+    ), R = C(() => u === "all" ? e : e.filter((g) => $(g.overallScore) === u), [e, u]), H = V(u);
     H.current = u;
-    const M = F(D.length);
-    M.current = D.length;
-    const U = V(
+    const M = V(R.length);
+    M.current = R.length;
+    const q = C(
       () => ({
         getFilter: () => H.current,
-        setFilter: (v) => k(v),
+        setFilter: (g) => b(g),
         getVisibleCount: () => M.current
       }),
-      [k]
-    ), A = F(null);
-    G(n, () => A.current, []), Q(ae, U, o);
-    const I = S ?? a("reviewsPanel.regionLabel"), z = String(u);
-    if (h)
+      [b]
+    ), D = V(null);
+    J(o, () => D.current, []), W(re, q, d);
+    const I = k ?? a("reviewsPanel.regionLabel"), j = String(u);
+    if (P)
       return /* @__PURE__ */ s(
         "section",
         {
-          ref: A,
+          ref: D,
           "aria-label": I,
           "aria-busy": "true",
-          id: o,
+          id: d,
           "data-component": "reviews-panel",
-          "data-component-id": o,
-          "data-filter": z,
+          "data-component-id": d,
+          "data-filter": j,
           "data-state": "loading",
-          className: j({ className: m }),
-          ...y,
-          children: /* @__PURE__ */ s(le, { hideFilter: p })
+          className: z({ surface: p, className: m }),
+          ...r,
+          children: /* @__PURE__ */ s(de, { hideFilter: f })
         }
       );
-    if (l.count === 0 && e.length === 0)
+    if (i.count === 0 && e.length === 0)
       return /* @__PURE__ */ s(
         "section",
         {
-          ref: A,
+          ref: D,
           "aria-label": I,
-          id: o,
+          id: d,
           "data-component": "reviews-panel",
-          "data-component-id": o,
-          "data-filter": z,
+          "data-component-id": d,
+          "data-filter": j,
           "data-state": "empty",
-          className: j({ className: m }),
-          ...y,
+          className: z({ surface: p, className: m }),
+          ...r,
           children: /* @__PURE__ */ s(
-            Z,
+            ee,
             {
               variant: "no-results",
               title: a("reviewsPanel.empty.title"),
@@ -410,28 +430,28 @@ const j = K(
           )
         }
       );
-    const O = !p;
+    const O = !f;
     return /* @__PURE__ */ t(
       "section",
       {
-        ref: A,
+        ref: D,
         "aria-label": I,
-        id: o,
+        id: d,
         "data-component": "reviews-panel",
-        "data-component-id": o,
-        "data-filter": z,
-        className: j({ className: m }),
-        ...y,
+        "data-component-id": d,
+        "data-filter": j,
+        className: z({ surface: p, className: m }),
+        ...r,
         children: [
           /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
             /* @__PURE__ */ s("h2", { className: "type-title-section ds:m-0 ds:text-[var(--foreground)]", children: a("reviewsPanel.title") }),
             /* @__PURE__ */ t("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-md)]", children: [
-              x,
+              w,
               /* @__PURE__ */ s(
                 N,
                 {
-                  value: l.averageScore,
-                  reviews: { count: l.count },
+                  value: i.averageScore,
+                  reviews: { count: i.count },
                   size: "md"
                 }
               )
@@ -443,25 +463,25 @@ const j = K(
               className: O ? "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:md:grid-cols-[minmax(0,30%)_minmax(0,1fr)]" : "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
               children: [
                 O ? /* @__PURE__ */ s(
-                  ne,
+                  ie,
                   {
                     filter: u,
-                    histogram: P,
-                    totalCount: l.count,
-                    onChange: k
+                    histogram: U,
+                    totalCount: i.count,
+                    onChange: b
                   }
                 ) : null,
                 /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:min-w-0", children: [
-                  g ? (
+                  h ? (
                     // Plain div, not <aside>: axe's
                     // `landmark-complementary-is-top-level` rule fires when an
                     // `<aside>` lands inside another landmark (this panel's
                     // <section role="region">), and the consumer's introSlot
                     // already supplies its own semantics (e.g. an Alert with
                     // role="status").
-                    /* @__PURE__ */ s("div", { className: "ds:rounded-[var(--radius-md)] ds:bg-[color-mix(in_srgb,var(--info)_8%,transparent)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]", children: g })
+                    /* @__PURE__ */ s("div", { className: "ds:rounded-[var(--radius-md)] ds:bg-[color-mix(in_srgb,var(--info)_8%,transparent)] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]", children: h })
                   ) : null,
-                  D.length === 0 ? (
+                  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
@@ -477,11 +497,11 @@ const j = K(
                             stars: u
                           }) }),
                           u !== "all" ? /* @__PURE__ */ s(
-                            ee,
+                            se,
                             {
                               intent: "secondary",
                               size: "sm",
-                              onClick: () => k("all"),
+                              onClick: () => b("all"),
                               children: a("reviewsPanel.empty.resetFilter")
                             }
                           ) : null
@@ -493,7 +513,7 @@ const j = K(
                     {
                       "aria-label": a("reviewsPanel.listLabel"),
                       className: "ds:list-none ds:m-0 ds:p-0 ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
-                      children: D.map((v) => /* @__PURE__ */ s("li", { "data-review-id": v.id, children: /* @__PURE__ */ s(ie, { review: v, locale: w }) }, v.id))
+                      children: R.map((g) => /* @__PURE__ */ s("li", { "data-review-id": g.id, children: /* @__PURE__ */ s(le, { review: g, locale: v }) }, g.id))
                     }
                   )
                 ] })
@@ -505,9 +525,9 @@ const j = K(
     );
   }
 );
-de.displayName = "ReviewsPanel";
+oe.displayName = "ReviewsPanel";
 export {
-  de as R,
-  ae as r
+  oe as R,
+  re as r
 };
-//# sourceMappingURL=reviews-panel-CFttsfuC.js.map
+//# sourceMappingURL=reviews-panel-bKEUKSic.js.map