@alfadocs/ui-kit 0.67.1 → 0.69.0

package/dist/_chunks/{reviews-panel-DBktKm7i.js → reviews-panel-Dq7LMDcH.js}

@@ -1,17 +1,17 @@
-import { jsx as s, jsxs as t } from "react/jsx-runtime";
+import { jsx as s, jsxs as r } from "react/jsx-runtime";
 import { forwardRef as G, useState as E, 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 H } from "react-i18next";
-import { u as W } from "./registry-nPAVE19X.js";
-import { R as N } from "./rating-BRD7O74e.js";
+import { u as W } from "./registry-DvAUVLHh.js";
+import { R as k } from "./rating-BRD7O74e.js";
 import { C as A } from "./card-DPmk26CL.js";
-import { C as X, b as Y, a as Z } from "./collapsible-X3oaLPU3.js";
+import { C as X, b as Y, a as Z } from "./collapsible-BrnRiCC6.js";
 import { D as l } from "./description-list-gkNGWk5G.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 = {
+const te = {
   id: "reviews-panel",
   capabilities: ["filter"],
   state: {
@@ -30,10 +30,29 @@ const re = {
   },
   actions: {
     set_filter: {
+      // Pure ephemeral narrowing of the visible list — no data loss.
       safety: "read",
       argsType: '{ filter: "all" | 1 | 2 | 3 | 4 | 5 }',
+      argsSchema: {
+        type: "object",
+        properties: {
+          filter: {
+            description: 'Star bucket to show, or "all" to clear the filter.',
+            oneOf: [
+              { type: "string", enum: ["all"] },
+              { type: "integer", enum: [1, 2, 3, 4, 5] }
+            ]
+          }
+        },
+        required: ["filter"]
+      },
+      idempotent: !0,
       descriptionKey: "ui.agent.reviewsPanel.actions.setFilter",
       description: 'Narrow the visible review list to a star bucket, or `"all"` to clear the filter.',
+      examples: [
+        { args: { filter: 5 }, note: "Show only 5-star reviews." },
+        { args: { filter: "all" }, note: "Clear the star filter." }
+      ],
       invoke: (e, i) => {
         e.setFilter(i.filter);
       }
@@ -55,7 +74,7 @@ const re = {
 function $(e) {
   return Math.min(5, Math.max(1, Math.floor(e)));
 }
-function te(e) {
+function re(e) {
   const i = {
     1: 0,
     2: 0,
@@ -105,53 +124,53 @@ function ie({
   totalCount: n,
   onChange: c
 }) {
-  const { t: h } = H(), w = B(), [k, d] = E(
+  const { t: h } = H(), w = B(), [N, d] = E(
     () => Math.max(0, x.indexOf(e))
   );
   Q(() => {
-    const r = x.indexOf(e);
-    r >= 0 && d(r);
+    const t = x.indexOf(e);
+    t >= 0 && d(t);
   }, [e]);
-  const m = V(/* @__PURE__ */ new Map()), f = L((r) => {
+  const m = V(/* @__PURE__ */ new Map()), f = L((t) => {
     var o;
-    (o = m.current.get(r)) == null || o.focus();
+    (o = m.current.get(t)) == null || o.focus();
   }, []), p = x.length, P = L(
-    (r, o) => {
-      switch (r.key) {
+    (t, o) => {
+      switch (t.key) {
         case "ArrowDown":
         case "ArrowRight": {
-          r.preventDefault();
+          t.preventDefault();
           const a = (o + 1) % p;
           d(a), f(a), c(x[a]);
           break;
         }
         case "ArrowUp":
         case "ArrowLeft": {
-          r.preventDefault();
+          t.preventDefault();
           const a = (o - 1 + p) % p;
           d(a), f(a), c(x[a]);
           break;
         }
         case "Home": {
-          r.preventDefault(), d(0), f(0), c(x[0]);
+          t.preventDefault(), d(0), f(0), c(x[0]);
           break;
         }
         case "End": {
-          r.preventDefault();
+          t.preventDefault();
           const a = p - 1;
           d(a), f(a), c(x[a]);
           break;
         }
         case "Enter":
         case " ": {
-          r.preventDefault(), c(x[o]);
+          t.preventDefault(), c(x[o]);
           break;
         }
       }
     },
     [p, f, c]
   );
-  return /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+  return /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
     /* @__PURE__ */ s(
       "h3",
       {
@@ -166,9 +185,9 @@ function ie({
         role: "radiogroup",
         "aria-labelledby": w,
         className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
-        children: x.map((r, o) => {
-          const a = r === "all", y = a ? 0 : r, v = a ? n : i[y], S = r === e, j = k === o, u = a ? h("reviewsPanel.filter.allLabel", { count: v }) : h("reviewsPanel.filter.starsLabel", { stars: y, count: v });
-          return /* @__PURE__ */ t(
+        children: x.map((t, o) => {
+          const a = t === "all", y = a ? 0 : t, v = a ? n : i[y], S = t === e, j = N === o, u = a ? h("reviewsPanel.filter.allLabel", { count: v }) : h("reviewsPanel.filter.starsLabel", { stars: y, count: v });
+          return /* @__PURE__ */ r(
             "button",
             {
               ref: (b) => {
@@ -180,11 +199,11 @@ function ie({
               "aria-label": u,
               tabIndex: j ? 0 : -1,
               onClick: () => {
-                d(o), c(r);
+                d(o), c(t);
               },
               onFocus: () => d(o),
               onKeyDown: (b) => P(b, o),
-              "data-filter-bucket": String(r),
+              "data-filter-bucket": String(t),
               className: ne({
                 state: S ? "selected" : "idle"
               }),
@@ -194,7 +213,7 @@ function ie({
                   {
                     "aria-hidden": "true",
                     className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
-                    children: a ? /* @__PURE__ */ s("span", { className: "type-label", children: h("reviewsPanel.filter.allShort") }) : /* @__PURE__ */ s(N, { value: y, size: "sm", decorative: !0 })
+                    children: a ? /* @__PURE__ */ s("span", { className: "type-label", children: h("reviewsPanel.filter.allShort") }) : /* @__PURE__ */ s(k, { value: y, size: "sm", decorative: !0 })
                   }
                 ),
                 /* @__PURE__ */ s(
@@ -218,7 +237,7 @@ function ie({
                 )
               ]
             },
-            String(r)
+            String(t)
           );
         })
       }
@@ -226,8 +245,8 @@ function ie({
   ] });
 }
 function le({ review: e, locale: i }) {
-  var r, o, a, y;
-  const { t: n } = H(), c = B(), h = B(), [w, k] = E(!1), d = !!(e.breakdown && Object.values(e.breakdown).some((v) => v != null)), m = !!e.reply || d || !!e.futureVisit || !!e.recommendation, f = C(() => {
+  var t, o, a, y;
+  const { t: n } = H(), c = B(), h = B(), [w, N] = E(!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 v = new Date(e.authoredAt);
@@ -237,15 +256,15 @@ function le({ review: e, locale: i }) {
     } catch {
       return e.authoredAt;
     }
-  }, [e.authoredAt, i]), p = e.pseudonym ?? n("reviewsPanel.anonymous"), P = /* @__PURE__ */ t(
+  }, [e.authoredAt, i]), p = e.pseudonym ?? n("reviewsPanel.anonymous"), P = /* @__PURE__ */ r(
     X,
     {
       open: m ? w : !1,
-      onOpenChange: m ? k : void 0,
+      onOpenChange: m ? N : void 0,
       children: [
-        /* @__PURE__ */ t(A.Footer, { children: [
+        /* @__PURE__ */ r(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(
+          m ? /* @__PURE__ */ s(Y, { asChild: !0, children: /* @__PURE__ */ r(
             "button",
             {
               id: c,
@@ -268,46 +287,46 @@ function le({ review: e, locale: i }) {
             }
           ) }) : null
         ] }),
-        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: [
+        m ? /* @__PURE__ */ s(Z, { id: h, "aria-labelledby": c, 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: [
+          d || e.futureVisit || e.recommendation ? /* @__PURE__ */ r(l, { layout: "inline", density: "compact", children: [
+            ((t = e.breakdown) == null ? void 0 : t.appointmentScore) != null ? /* @__PURE__ */ r(l.Row, { children: [
               /* @__PURE__ */ s(l.Term, { children: n("reviewsPanel.breakdown.appointment") }),
               /* @__PURE__ */ s(l.Detail, { children: /* @__PURE__ */ s(
-                N,
+                k,
                 {
                   value: e.breakdown.appointmentScore,
                   size: "sm"
                 }
               ) })
             ] }) : null,
-            ((o = e.breakdown) == null ? void 0 : o.communicationScore) != null ? /* @__PURE__ */ t(l.Row, { children: [
+            ((o = e.breakdown) == null ? void 0 : o.communicationScore) != null ? /* @__PURE__ */ r(l.Row, { children: [
               /* @__PURE__ */ s(l.Term, { children: n("reviewsPanel.breakdown.communication") }),
               /* @__PURE__ */ s(l.Detail, { children: /* @__PURE__ */ s(
-                N,
+                k,
                 {
                   value: e.breakdown.communicationScore,
                   size: "sm"
                 }
               ) })
             ] }) : null,
-            ((a = e.breakdown) == null ? void 0 : a.staffScore) != null ? /* @__PURE__ */ t(l.Row, { children: [
+            ((a = e.breakdown) == null ? void 0 : a.staffScore) != null ? /* @__PURE__ */ r(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" }) })
+              /* @__PURE__ */ s(l.Detail, { children: /* @__PURE__ */ s(k, { value: e.breakdown.staffScore, size: "sm" }) })
             ] }) : null,
-            ((y = e.breakdown) == null ? void 0 : y.overallScore) != null ? /* @__PURE__ */ t(l.Row, { children: [
+            ((y = e.breakdown) == null ? void 0 : y.overallScore) != null ? /* @__PURE__ */ r(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" }) })
+              /* @__PURE__ */ s(l.Detail, { children: /* @__PURE__ */ s(k, { value: e.breakdown.overallScore, size: "sm" }) })
             ] }) : null,
-            e.futureVisit ? /* @__PURE__ */ t(l.Row, { children: [
+            e.futureVisit ? /* @__PURE__ */ r(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(l.Row, { children: [
+            e.recommendation ? /* @__PURE__ */ r(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: [
+          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__ */ 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
@@ -315,22 +334,22 @@ function le({ review: e, locale: i }) {
       ]
     }
   );
-  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: [
+  return /* @__PURE__ */ r(A, { variant: "default", className: "ds:shadow-[var(--shadow-sm)]", children: [
+    /* @__PURE__ */ s(A.Header, { children: /* @__PURE__ */ r("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" })
+      /* @__PURE__ */ s(k, { value: e.overallScore, size: "sm" })
     ] }) }),
     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 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: [
+  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__ */ s(T, { variant: "text", width: "40%" }),
       /* @__PURE__ */ s(T, { variant: "text", width: "20%" })
     ] }),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ r(
       "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)]",
@@ -371,13 +390,13 @@ const z = K(
     onFilterChange: c,
     introSlot: h,
     headerActionSlot: w,
-    "aria-label": k,
+    "aria-label": N,
     id: d,
     className: m,
     hideFilter: f = !1,
     surface: p = "flat",
     loading: P = !1,
-    ...r
+    ...t
   }, o) => {
     const { t: a, i18n: y } = H(), v = y.language ?? "en", [S, j] = E("all"), u = n ?? S, b = L(
       (g) => {
@@ -385,7 +404,7 @@ const z = K(
       },
       [n, c]
     ), U = C(
-      () => i.histogram ?? te(e),
+      () => i.histogram ?? re(e),
       [i.histogram, e]
     ), R = C(() => u === "all" ? e : e.filter((g) => $(g.overallScore) === u), [e, u]), M = V(u);
     M.current = u;
@@ -399,8 +418,8 @@ const z = K(
       }),
       [b]
     ), D = V(null);
-    J(o, () => D.current, []), W(re, q, d);
-    const F = k ?? a("reviewsPanel.regionLabel"), I = String(u);
+    J(o, () => D.current, []), W(te, q, d);
+    const F = N ?? a("reviewsPanel.regionLabel"), I = String(u);
     if (P)
       return /* @__PURE__ */ s(
         "section",
@@ -414,7 +433,7 @@ const z = K(
           "data-filter": I,
           "data-state": "loading",
           className: z({ surface: p, className: m }),
-          ...r,
+          ...t,
           children: /* @__PURE__ */ s(de, { hideFilter: f })
         }
       );
@@ -430,7 +449,7 @@ const z = K(
           "data-filter": I,
           "data-state": "empty",
           className: z({ surface: p, className: m }),
-          ...r,
+          ...t,
           children: /* @__PURE__ */ s(
             ee,
             {
@@ -442,7 +461,7 @@ const z = K(
         }
       );
     const _ = !f;
-    return /* @__PURE__ */ t(
+    return /* @__PURE__ */ r(
       "section",
       {
         ref: D,
@@ -452,14 +471,14 @@ const z = K(
         "data-component-id": d,
         "data-filter": I,
         className: z({ surface: p, className: m }),
-        ...r,
+        ...t,
         children: [
-          /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+          /* @__PURE__ */ r("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: [
+            /* @__PURE__ */ r("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-md)]", children: [
               w,
               /* @__PURE__ */ s(
-                N,
+                k,
                 {
                   value: i.averageScore,
                   reviews: { count: i.count },
@@ -468,7 +487,7 @@ const z = K(
               )
             ] })
           ] }),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ r(
             "div",
             {
               className: _ ? "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)]",
@@ -482,14 +501,14 @@ const z = K(
                     onChange: b
                   }
                 ) : null,
-                /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:min-w-0", children: [
+                /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:min-w-0", children: [
                   h || 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__ */ t(
+                    /* @__PURE__ */ r(
                       "div",
                       {
                         role: "status",
@@ -531,6 +550,6 @@ const z = K(
 oe.displayName = "ReviewsPanel";
 export {
   oe as R,
-  re as r
+  te as r
 };
-//# sourceMappingURL=reviews-panel-DBktKm7i.js.map
+//# sourceMappingURL=reviews-panel-Dq7LMDcH.js.map