@alfadocs/ui-kit-debug 1.6.1 → 1.7.0

package/dist/_chunks/{practice-results-F_Rf7c4H.js → practice-results-BEsAdW-B.js}

@@ -1,35 +1,49 @@
-import { jsx as t, jsxs as m, Fragment as Ge } from "react/jsx-runtime";
-import { forwardRef as Ze, useState as pe, useRef as _, useMemo as D, useImperativeHandle as Qe, useCallback as B, useEffect as J } from "react";
-import { c as Z } from "./index-D2ZczOXr.js";
+import { jsx as t, jsxs as p, Fragment as et } from "react/jsx-runtime";
+import { forwardRef as tt, useState as me, useRef as A, useMemo as O, useImperativeHandle as nt, useCallback as B, useEffect as W } from "react";
+import { c as j } from "./index-D2ZczOXr.js";
 import { useTranslation as C } from "react-i18next";
 import { A as Y } from "./alert-CiJT540z.js";
-import { A as ke } from "./avatar-BNQNhoyL.js";
-import { B as G } from "./button-nJaPh_HC.js";
+import { A as Re } from "./avatar-BNQNhoyL.js";
+import { B as ee } from "./button-nJaPh_HC.js";
 import { D as $ } from "./dropdown-menu-DU-Hrf33.js";
-import { E as Je } from "./empty-state-X0sVPfVo.js";
-import { M as We } from "./map-view-CCAlC9IL.js";
-import { R as Ce } from "./rating-BYbUowdK.js";
-import { S as I } from "./sheet-BSznOyJs.js";
-import { S as Xe } from "./skeleton-CZbwyJAA.js";
-import { S as Ye } from "./spinner-hbwuKwMf.js";
-import { B as L } from "./badge-sTusUqZD.js";
-import { u as et } from "./use-media-query-CcAx5SMM.js";
-import { u as tt } from "./registry-DvAUVLHh.js";
-import { c as nt } from "./createLucideIcon-DhHxpK9K.js";
-import { R as at } from "./refresh-cw-DnI0cLFC.js";
-import { C as Se } from "./chevron-down-DWE7GSq9.js";
-import { M as te } from "./map-pin-BaY37-Km.js";
-import { L as Ne } from "./languages-CGLX6Qpe.js";
-import { S as Pe } from "./shield-check-DCJALLVh.js";
-import { H as Ae } from "./heart--qCA4ffe.js";
-import { C as Me } from "./calendar-clock-hbObjfGY.js";
+import { E as at } from "./empty-state-X0sVPfVo.js";
+import { M as st } from "./map-view-CCAlC9IL.js";
+import { R as Se } from "./rating-BYbUowdK.js";
+import { S as _ } from "./sheet-BSznOyJs.js";
+import { S as it } from "./skeleton-CZbwyJAA.js";
+import { S as rt } from "./spinner-hbwuKwMf.js";
+import { B as D } from "./badge-sTusUqZD.js";
+import { u as ot } from "./use-media-query-CcAx5SMM.js";
+import { u as lt } from "./registry-DvAUVLHh.js";
+import { c as Ne } from "./createLucideIcon-DhHxpK9K.js";
+import { R as ct } from "./refresh-cw-DnI0cLFC.js";
+import { C as Me } from "./chevron-down-DWE7GSq9.js";
+import { M as ne } from "./map-pin-BaY37-Km.js";
+import { L as Pe } from "./languages-CGLX6Qpe.js";
+import { S as Ae } from "./shield-check-DCJALLVh.js";
+import { H as _e } from "./heart--qCA4ffe.js";
+import { C as dt } from "./calendar-clock-hbObjfGY.js";
 /**
  * @license lucide-react v1.22.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const st = [
+const ut = [
+  ["path", { d: "M16 19h6", key: "xwg31i" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["path", { d: "M19 16v6", key: "tddt3s" }],
+  ["path", { d: "M21 12.598V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8.5", key: "1glfrc" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }],
+  ["path", { d: "M8 2v4", key: "1cmpym" }]
+], pt = Ne("calendar-plus", ut);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const mt = [
   [
     "path",
     {
@@ -39,7 +53,7 @@ const st = [
   ],
   ["path", { d: "M15 5.764v15", key: "1pn4in" }],
   ["path", { d: "M9 3.236v15", key: "1uimfh" }]
-], it = nt("map", st), rt = {
+], ft = Ne("map", mt), ht = {
   id: "practice-results",
   // `scroll` backs scroll_to_result; `pick` backs focus_pin (a non-persisting
   // pin highlight). The active variant is consumer-owned via props, so there is
@@ -115,20 +129,20 @@ const st = [
     },
     item: {
       attr: "data-result-id",
-      description: "Stable result id emitted on each rendered result card. Used by scroll_to_result / focus_pin to address a single result."
+      description: 'Stable result id emitted on each rendered result card. Used by scroll_to_result / focus_pin to address a single result. Each card also carries two anchors: data-component="practice-result-open-cta" (practice page) and data-component="practice-result-book-cta" (booking flow; data-slot-aware="true" when it deep-links to a next slot).'
     }
   }
-}, ot = 13, lt = [
+}, gt = 13, vt = [
   "distance",
   "rating",
   "next-available",
   "relevance"
 ];
-function _e(e, n, s) {
+function Ie(e, n, s) {
   const r = `languages.${e}`;
   return s.exists(r) ? n(r) : e.toUpperCase();
 }
-function H(e, n) {
+function F(e, n) {
   if (typeof window > "u") return;
   const s = window.track;
   try {
@@ -136,28 +150,28 @@ function H(e, n) {
   } catch {
   }
 }
-function W(e, n, s, r) {
+function Q(e, n, s, r) {
   const i = e.findIndex((c) => c.id === n);
   if (i < 0) return;
   const a = e[i];
-  a && (H("serp_result_clicked", { resultId: n, source: s, position: i }), r(a, s));
+  a && (F("serp_result_clicked", { resultId: n, source: s, position: i }), r(a, s));
 }
-function ct(e, n) {
-  const r = (n.lat - e.lat) * Math.PI / 180, i = (n.lng - e.lng) * Math.PI / 180, a = e.lat * Math.PI / 180, c = n.lat * Math.PI / 180, d = Math.sin(r / 2), o = Math.sin(i / 2), g = d * d + Math.cos(a) * Math.cos(c) * o * o;
-  return 2 * 6371 * Math.asin(Math.min(1, Math.sqrt(g)));
+function bt(e, n) {
+  const r = (n.lat - e.lat) * Math.PI / 180, i = (n.lng - e.lng) * Math.PI / 180, a = e.lat * Math.PI / 180, c = n.lat * Math.PI / 180, d = Math.sin(r / 2), l = Math.sin(i / 2), u = d * d + Math.cos(a) * Math.cos(c) * l * l;
+  return 2 * 6371 * Math.asin(Math.min(1, Math.sqrt(u)));
 }
-function dt(e, n, s) {
+function yt(e, n, s) {
   var i;
   const r = [];
   for (const a of e) {
-    const c = a.field ?? a.key, d = (((i = s == null ? void 0 : s[a.key]) == null ? void 0 : i.length) ?? 0) > 0, o = a.type === "boolean" || a.type !== "options" && a.options.length === 0 && (d || n.some(
-      (g) => typeof g[c] == "boolean"
+    const c = a.field ?? a.key, d = (((i = s == null ? void 0 : s[a.key]) == null ? void 0 : i.length) ?? 0) > 0, l = a.type === "boolean" || a.type !== "options" && a.options.length === 0 && (d || n.some(
+      (u) => typeof u[c] == "boolean"
     ));
-    !o && a.options.length === 0 || r.push({ ...a, boolean: o, booleanField: c });
+    !l && a.options.length === 0 || r.push({ ...a, boolean: l, booleanField: c });
   }
   return r;
 }
-function ut(e, n, s) {
+function xt(e, n, s) {
   return !n || Object.keys(n).length === 0 ? e : e.filter((r) => {
     for (const i of s) {
       const a = n[i.key];
@@ -167,27 +181,27 @@ function ut(e, n, s) {
         continue;
       }
       const c = i.key === "insurance" ? r.insurances : i.key === "language" ? r.languages : r[i.key];
-      if (!Array.isArray(c) || !(i.multi ? a.some((o) => c.includes(o)) : c.includes(a[0]))) return !1;
+      if (!Array.isArray(c) || !(i.multi ? a.some((l) => c.includes(l)) : c.includes(a[0]))) return !1;
     }
     return !0;
   });
 }
-function pt(e, n, s) {
+function kt(e, n, s) {
   const r = e.map((a) => {
-    const c = a.location ? a.location.distanceKm ?? (s ? ct(s, a.location) : void 0) : void 0;
+    const c = a.location ? a.location.distanceKm ?? (s ? bt(s, a.location) : void 0) : void 0;
     return { result: a, distanceKm: c };
   }), i = (a, c) => {
-    var d, o, g, l;
+    var d, l, u, o;
     switch (n) {
       case "distance":
         return a.distanceKm == null && c.distanceKm == null ? 0 : a.distanceKm == null ? 1 : c.distanceKm == null ? -1 : a.distanceKm - c.distanceKm;
       case "rating": {
-        const p = ((d = a.result.rating) == null ? void 0 : d.value) ?? -1;
-        return (((o = c.result.rating) == null ? void 0 : o.value) ?? -1) - p;
+        const m = ((d = a.result.rating) == null ? void 0 : d.value) ?? -1;
+        return (((l = c.result.rating) == null ? void 0 : l.value) ?? -1) - m;
       }
       case "next-available": {
-        const p = ((g = a.result.nextAvailableSlot) == null ? void 0 : g.dateTime) ?? "", h = ((l = c.result.nextAvailableSlot) == null ? void 0 : l.dateTime) ?? "";
-        return !p && !h ? 0 : p ? h ? p.localeCompare(h) : -1 : 1;
+        const m = ((u = a.result.nextAvailableSlot) == null ? void 0 : u.dateTime) ?? "", f = ((o = c.result.nextAvailableSlot) == null ? void 0 : o.dateTime) ?? "";
+        return !m && !f ? 0 : m ? f ? m.localeCompare(f) : -1 : 1;
       }
       case "relevance":
       default:
@@ -201,18 +215,18 @@ function pt(e, n, s) {
     } : a
   );
 }
-function Re(e) {
+function we(e) {
   let n = -1 / 0, s = 1 / 0, r = -1 / 0, i = 1 / 0, a = !1;
   for (const c of e) {
     if (!c.location) continue;
     a = !0;
-    const { lat: d, lng: o } = c.location;
-    d > n && (n = d), d < s && (s = d), o > r && (r = o), o < i && (i = o);
+    const { lat: d, lng: l } = c.location;
+    d > n && (n = d), d < s && (s = d), l > r && (r = l), l < i && (i = l);
   }
   if (a)
     return { north: n, south: s, east: r, west: i };
 }
-const mt = Z(
+const wt = j(
   "ds:flex ds:w-full ds:flex-col ds:text-[var(--foreground)] ds:gap-[var(--spacing-md)]",
   {
     variants: {
@@ -225,7 +239,7 @@ const mt = Z(
     defaultVariants: { variant: "split-list-map" }
   }
 );
-function Ie({
+function Te({
   heading: e,
   intro: n,
   totalCount: s,
@@ -237,7 +251,7 @@ function Ie({
     count: s,
     place: r
   }) : i("practiceResults.results.summary", { count: s }) : void 0;
-  return /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+  return /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
     e ? /* @__PURE__ */ t("h2", { className: "type-title-section ds:m-0 ds:text-[var(--foreground)]", children: e }) : null,
     n ? /* @__PURE__ */ t("p", { className: "type-body ds:m-0 ds:text-[var(--muted-foreground)]", children: n }) : null,
     a ? /* @__PURE__ */ t(
@@ -250,7 +264,7 @@ function Ie({
     ) : null
   ] });
 }
-const ee = Z(
+const te = j(
   [
     "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -272,7 +286,7 @@ const ee = Z(
     },
     defaultVariants: { state: "idle" }
   }
-), ft = Z(
+), Ct = j(
   "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
   {
     variants: {
@@ -291,7 +305,7 @@ const ee = Z(
     },
     defaultVariants: { placement: "inline" }
   }
-), ht = Z(
+), Rt = j(
   [
     "ds:ms-[var(--spacing-xs)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
     "ds:min-h-[var(--min-target-size)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]",
@@ -302,71 +316,71 @@ const ee = Z(
     "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
   ].join(" ")
 );
-function ze({
+function Le({
   facets: e,
   value: n,
   onChange: s,
   floating: r
 }) {
-  const { t: i } = C(), a = D(() => n ?? {}, [n]), c = D(
-    () => Object.values(a).some((l) => l && l.length > 0),
+  const { t: i } = C(), a = O(() => n ?? {}, [n]), c = O(
+    () => Object.values(a).some((o) => o && o.length > 0),
     [a]
-  ), d = (l, p) => {
-    const h = { ...a };
-    p.length === 0 ? delete h[l] : h[l] = p, s(h), H("serp_filter_changed", { key: l, values: p });
-  }, o = (l) => {
-    var h;
-    const p = (((h = a[l]) == null ? void 0 : h.length) ?? 0) > 0;
-    d(l, p ? [] : ["true"]);
-  }, g = (l, p) => {
-    const h = a[l.key] ?? [], x = h.includes(p);
-    let v;
-    l.multi ? v = x ? h.filter((u) => u !== p) : [...h, p] : v = x ? [] : [p], d(l.key, v);
+  ), d = (o, m) => {
+    const f = { ...a };
+    m.length === 0 ? delete f[o] : f[o] = m, s(f), F("serp_filter_changed", { key: o, values: m });
+  }, l = (o) => {
+    var f;
+    const m = (((f = a[o]) == null ? void 0 : f.length) ?? 0) > 0;
+    d(o, m ? [] : ["true"]);
+  }, u = (o, m) => {
+    const f = a[o.key] ?? [], x = f.includes(m);
+    let b;
+    o.multi ? b = x ? f.filter((y) => y !== m) : [...f, m] : b = x ? [] : [m], d(o.key, b);
   };
-  return e.length === 0 ? null : /* @__PURE__ */ m(
+  return e.length === 0 ? null : /* @__PURE__ */ p(
     "div",
     {
       "data-component": "practice-results-filters",
       role: "group",
       "aria-label": i("practiceResults.filters.label"),
-      className: ft({
+      className: Ct({
         placement: r ? "floating" : "inline"
       }),
       children: [
-        e.map((l) => {
-          const p = l.boolean, h = a[l.key] ?? [], x = h.length > 0;
-          if (p)
+        e.map((o) => {
+          const m = o.boolean, f = a[o.key] ?? [], x = f.length > 0;
+          if (m)
             return /* @__PURE__ */ t(
               "button",
               {
                 type: "button",
                 "aria-pressed": x,
-                "aria-label": l.label,
-                onClick: () => o(l.key),
-                className: ee({
+                "aria-label": o.label,
+                onClick: () => l(o.key),
+                className: te({
                   state: x ? "active" : "idle"
                 }),
-                children: /* @__PURE__ */ t("span", { children: l.label })
+                children: /* @__PURE__ */ t("span", { children: o.label })
               },
-              l.key
+              o.key
             );
-          const v = x ? ` (${h.length})` : "";
-          return /* @__PURE__ */ m($.Root, { children: [
-            /* @__PURE__ */ t($.Trigger, { asChild: !0, children: /* @__PURE__ */ m(
+          const b = x ? ` (${f.length})` : "";
+          return /* @__PURE__ */ p($.Root, { children: [
+            /* @__PURE__ */ t($.Trigger, { asChild: !0, children: /* @__PURE__ */ p(
               "button",
               {
                 type: "button",
-                "aria-label": `${l.label}${v}`,
-                className: ee({
+                "aria-label": `${o.label}${b}`,
+                className: te({
                   state: x ? "active" : "idle"
                 }),
                 children: [
-                  /* @__PURE__ */ m("span", { children: [
-                    l.label,
-                    v
+                  /* @__PURE__ */ p("span", { children: [
+                    o.label,
+                    b
                   ] }),
                   /* @__PURE__ */ t(
-                    Se,
+                    Me,
                     {
                       "aria-hidden": "true",
                       className: "ds:size-3.5 ds:shrink-0"
@@ -375,27 +389,27 @@ function ze({
                 ]
               }
             ) }),
-            /* @__PURE__ */ t($.Content, { sideOffset: 8, align: "start", children: l.options.map((u) => /* @__PURE__ */ t(
+            /* @__PURE__ */ t($.Content, { sideOffset: 8, align: "start", children: o.options.map((y) => /* @__PURE__ */ t(
               $.CheckboxItem,
               {
-                checked: h.includes(u.value),
-                onSelect: (f) => {
-                  l.multi && f.preventDefault(), g(l, u.value);
+                checked: f.includes(y.value),
+                onSelect: (h) => {
+                  o.multi && h.preventDefault(), u(o, y.value);
                 },
-                children: u.label
+                children: y.label
               },
-              u.value
+              y.value
             )) })
-          ] }, l.key);
+          ] }, o.key);
         }),
         c ? /* @__PURE__ */ t(
           "button",
           {
             type: "button",
             onClick: () => {
-              s({}), H("serp_filter_changed", { key: "*", values: [] });
+              s({}), F("serp_filter_changed", { key: "*", values: [] });
             },
-            className: ht(),
+            className: Rt(),
             children: i("practiceResults.filters.clear")
           }
         ) : null
@@ -403,7 +417,7 @@ function ze({
     }
   );
 }
-function de({ value: e, onChange: n }) {
+function ue({ value: e, onChange: n }) {
   const { t: s } = C(), r = (i) => {
     switch (i) {
       case "distance":
@@ -417,20 +431,20 @@ function de({ value: e, onChange: n }) {
         return s("practiceResults.sort.relevance");
     }
   };
-  return /* @__PURE__ */ m($.Root, { children: [
-    /* @__PURE__ */ t($.Trigger, { asChild: !0, children: /* @__PURE__ */ m(
+  return /* @__PURE__ */ p($.Root, { children: [
+    /* @__PURE__ */ t($.Trigger, { asChild: !0, children: /* @__PURE__ */ p(
       "button",
       {
         type: "button",
         "aria-label": `${s("practiceResults.sort.label")}: ${r(e)}`,
-        className: ee({ state: "idle" }),
+        className: te({ state: "idle" }),
         children: [
-          /* @__PURE__ */ m("span", { children: [
+          /* @__PURE__ */ p("span", { children: [
             s("practiceResults.sort.label"),
             ": ",
             r(e)
           ] }),
-          /* @__PURE__ */ t(Se, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" })
+          /* @__PURE__ */ t(Me, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" })
         ]
       }
     ) }),
@@ -440,24 +454,24 @@ function de({ value: e, onChange: n }) {
         value: e,
         onValueChange: (i) => {
           const a = i;
-          a !== e && (n(a), H("serp_sort_changed", { sort: a }));
+          a !== e && (n(a), F("serp_sort_changed", { sort: a }));
         },
-        children: lt.map((i) => /* @__PURE__ */ t($.RadioItem, { value: i, children: r(i) }, i))
+        children: vt.map((i) => /* @__PURE__ */ t($.RadioItem, { value: i, children: r(i) }, i))
       }
     ) })
   ] });
 }
-function Te({ distanceKm: e }) {
-  const { t: n, i18n: s } = C(), r = D(() => {
+function ze({ distanceKm: e }) {
+  const { t: n, i18n: s } = C(), r = O(() => {
     if (e < 1) return n("practiceResults.distance.below");
     const i = new Intl.NumberFormat(s.language, {
       maximumFractionDigits: 1
     }).format(e);
     return n("practiceResults.distance.km", { distance: i });
   }, [e, n, s.language]);
-  return /* @__PURE__ */ t(L, { variant: "neutral", leading: /* @__PURE__ */ t(te, { "aria-hidden": "true" }), children: r });
+  return /* @__PURE__ */ t(D, { variant: "neutral", leading: /* @__PURE__ */ t(ne, { "aria-hidden": "true" }), children: r });
 }
-const we = Z(
+const Ce = j(
   [
     "ds:inline-size-[12rem] ds:block-size-[8rem] ds:shrink-0",
     "ds:rounded-[var(--radius-md)] ds:overflow-hidden"
@@ -476,12 +490,12 @@ const we = Z(
     defaultVariants: { state: "placeholder" }
   }
 );
-function gt() {
+function St() {
   if (typeof document > "u") return "4945a3";
   const e = getComputedStyle(document.documentElement).getPropertyValue("--map-marker-color").trim(), n = /^#?([0-9a-fA-F]{6})$/.exec(e);
   return n ? n[1] : "4945a3";
 }
-function vt({
+function Nt({
   apiKey: e,
   center: n,
   zoom: s = 14,
@@ -489,18 +503,18 @@ function vt({
 }) {
   const { t: i } = C();
   if (!e)
-    return /* @__PURE__ */ m(
+    return /* @__PURE__ */ p(
       "div",
       {
         "aria-hidden": r ? void 0 : "true",
-        className: we({ state: "placeholder" }),
+        className: Ce({ state: "placeholder" }),
         children: [
-          /* @__PURE__ */ t(te, { "aria-hidden": "true", className: "ds:size-5 ds:shrink-0" }),
+          /* @__PURE__ */ t(ne, { "aria-hidden": "true", className: "ds:size-5 ds:shrink-0" }),
           r ? /* @__PURE__ */ t("span", { className: "type-meta ds:[overflow-wrap:anywhere]", children: r }) : null
         ]
       }
     );
-  const a = gt(), c = `https://maps.googleapis.com/maps/api/staticmap?center=${n.lat},${n.lng}&zoom=${s}&size=240x160&scale=2&markers=color:0x${a}%7C${n.lat},${n.lng}&key=${encodeURIComponent(e)}`;
+  const a = St(), c = `https://maps.googleapis.com/maps/api/staticmap?center=${n.lat},${n.lng}&zoom=${s}&size=240x160&scale=2&markers=color:0x${a}%7C${n.lat},${n.lng}&key=${encodeURIComponent(e)}`;
   return /* @__PURE__ */ t(
     "img",
     {
@@ -510,11 +524,112 @@ function vt({
       decoding: "async",
       width: 240,
       height: 160,
-      className: we({ state: "image" })
+      className: Ce({ state: "image" })
     }
   );
 }
-const Fe = Z(
+function Fe({ tagline: e }) {
+  return e ? /* @__PURE__ */ t(
+    "span",
+    {
+      "data-component": "practice-result-tagline",
+      className: "type-body-sm ds:font-[var(--font-weight-medium)] ds:text-[var(--foreground)]",
+      children: e
+    }
+  ) : null;
+}
+const Mt = j(
+  "type-body-sm ds:m-0 ds:text-[var(--muted-foreground)] ds:whitespace-pre-line ds:break-words",
+  {
+    variants: {
+      density: {
+        compact: "ds:line-clamp-2",
+        rich: "ds:line-clamp-3"
+      }
+    },
+    defaultVariants: { density: "compact" }
+  }
+);
+function He({
+  description: e,
+  density: n
+}) {
+  return e ? /* @__PURE__ */ t(
+    "p",
+    {
+      "data-component": "practice-result-description",
+      className: Mt({ density: n }),
+      children: e
+    }
+  ) : null;
+}
+function Be({ time: e }) {
+  const { t: n } = C();
+  return /* @__PURE__ */ p("span", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+    /* @__PURE__ */ t(
+      dt,
+      {
+        "aria-hidden": "true",
+        className: "ds:size-4 ds:text-[var(--primary)]"
+      }
+    ),
+    n("practiceResults.nextSlot.summary", { time: e })
+  ] });
+}
+function $e({
+  result: e,
+  openLabel: n,
+  bookLabel: s,
+  nextSlotText: r,
+  onOpenClick: i,
+  onBookClick: a
+}) {
+  const { t: c } = C(), d = e.nextAvailableSlot, l = (d == null ? void 0 : d.bookingHref) ?? e.bookingHref ?? e.href, u = d && r ? c("practiceResults.nextSlot.cta", { time: r }) : s;
+  return /* @__PURE__ */ p("div", { className: "ds:mt-[var(--spacing-xs)] ds:flex ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)]", children: [
+    /* @__PURE__ */ t(
+      ee,
+      {
+        intent: "secondary",
+        size: "sm",
+        asChild: !0,
+        onClick: (o) => {
+          o.stopPropagation(), i();
+        },
+        children: /* @__PURE__ */ p("a", { href: e.href, "data-component": "practice-result-open-cta", children: [
+          n,
+          " ",
+          /* @__PURE__ */ t("span", { className: "ds:sr-only", children: e.name })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ t(
+      ee,
+      {
+        intent: "primary",
+        size: "sm",
+        asChild: !0,
+        startIcon: /* @__PURE__ */ t(pt, { "aria-hidden": "true" }),
+        onClick: (o) => {
+          o.stopPropagation(), a();
+        },
+        children: /* @__PURE__ */ p(
+          "a",
+          {
+            href: l,
+            "data-component": "practice-result-book-cta",
+            "data-slot-aware": d ? "true" : void 0,
+            children: [
+              u,
+              " ",
+              /* @__PURE__ */ t("span", { className: "ds:sr-only", children: e.name })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+const De = j(
   [
     "ds:relative ds:flex ds:w-full ds:cursor-pointer",
     "ds:rounded-[var(--radius-lg)]",
@@ -543,7 +658,7 @@ const Fe = Z(
     defaultVariants: { density: "compact" }
   }
 );
-function bt({
+function Pt({
   result: e,
   highlighted: n,
   onSelect: s,
@@ -551,16 +666,18 @@ function bt({
   onHover: i,
   density: a = "compact",
   openLabel: c,
-  nextSlotText: d,
+  bookLabel: d,
+  onBookClick: l,
+  nextSlotText: u,
   maxInsuranceChips: o = 3,
-  maxLanguageChips: g = 4,
-  children: l
+  maxLanguageChips: m = 4,
+  children: f
 }) {
-  var T, P, q, U, O, K;
-  const { t: p, i18n: h } = C(), x = e.rating, v = (T = e.location) == null ? void 0 : T.distanceKm, u = (((P = e.languages) == null ? void 0 : P.length) ?? 0) > 0, f = (((q = e.insurances) == null ? void 0 : q.length) ?? 0) > 0, y = e.specializedInFearPatients, N = u || f || y, R = (e.languages ?? []).slice(0, g), A = (((U = e.languages) == null ? void 0 : U.length) ?? 0) - R.length, M = (e.insurances ?? []).slice(0, o), z = (((O = e.insurances) == null ? void 0 : O.length) ?? 0) - M.length;
+  var q, U, G, H, K, Z;
+  const { t: x, i18n: b } = C(), y = e.rating, h = (q = e.location) == null ? void 0 : q.distanceKm, g = (((U = e.languages) == null ? void 0 : U.length) ?? 0) > 0, R = (((G = e.insurances) == null ? void 0 : G.length) ?? 0) > 0, M = e.specializedInFearPatients, S = g || R || M, w = (e.languages ?? []).slice(0, m), I = (((H = e.languages) == null ? void 0 : H.length) ?? 0) - w.length, T = (e.insurances ?? []).slice(0, o), P = (((K = e.insurances) == null ? void 0 : K.length) ?? 0) - T.length;
   return (
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events -- card is role="group" by design (axe nested-interactive); click handler is mouse-only sync.
-    /* @__PURE__ */ m(
+    /* @__PURE__ */ p(
       "div",
       {
         "data-component": "practice-result-card",
@@ -571,12 +688,12 @@ function bt({
         onClick: s,
         onMouseEnter: i,
         onFocus: i,
-        className: Fe({ density: a }),
+        className: De({ density: a }),
         children: [
-          /* @__PURE__ */ t(ke, { src: e.imageUrl, name: e.name, size: "lg" }),
-          /* @__PURE__ */ m("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-            /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
-              /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ t(Re, { src: e.imageUrl, name: e.name, size: "lg" }),
+          /* @__PURE__ */ p("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+              /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
                 /* @__PURE__ */ t(
                   "span",
                   {
@@ -585,106 +702,79 @@ function bt({
                     children: e.name
                   }
                 ),
-                v != null ? /* @__PURE__ */ t(Te, { distanceKm: v }) : null
+                h != null ? /* @__PURE__ */ t(ze, { distanceKm: h }) : null
               ] }),
               e.subtitle ? /* @__PURE__ */ t("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: e.subtitle }) : null,
-              (K = e.location) != null && K.address ? /* @__PURE__ */ m("span", { className: "type-meta ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
-                /* @__PURE__ */ t(te, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }),
+              /* @__PURE__ */ t(Fe, { tagline: e.tagline }),
+              (Z = e.location) != null && Z.address ? /* @__PURE__ */ p("span", { className: "type-meta ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+                /* @__PURE__ */ t(ne, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }),
                 e.location.address
               ] }) : null
             ] }),
-            x && x.count > 0 ? /* @__PURE__ */ t(
-              Ce,
+            y && y.count > 0 ? /* @__PURE__ */ t(
+              Se,
               {
-                value: x.value,
-                reviews: { count: x.count },
+                value: y.value,
+                reviews: { count: y.count },
                 size: "sm"
               }
             ) : null,
-            N ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-              R.map((S) => /* @__PURE__ */ t(
-                L,
+            S ? /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+              w.map((k) => /* @__PURE__ */ t(
+                D,
                 {
                   variant: "neutral",
-                  leading: /* @__PURE__ */ t(Ne, { "aria-hidden": "true" }),
-                  children: _e(S, p, h)
+                  leading: /* @__PURE__ */ t(Pe, { "aria-hidden": "true" }),
+                  children: Ie(k, x, b)
                 },
-                `lang-${S}`
+                `lang-${k}`
               )),
-              A > 0 ? /* @__PURE__ */ t(L, { variant: "neutral", children: `+${A}` }) : null,
-              M.map((S) => /* @__PURE__ */ t(
-                L,
+              I > 0 ? /* @__PURE__ */ t(D, { variant: "neutral", children: `+${I}` }) : null,
+              T.map((k) => /* @__PURE__ */ t(
+                D,
                 {
                   variant: "info",
-                  leading: /* @__PURE__ */ t(Pe, { "aria-hidden": "true" }),
-                  children: S
+                  leading: /* @__PURE__ */ t(Ae, { "aria-hidden": "true" }),
+                  children: k
                 },
-                `ins-${S}`
+                `ins-${k}`
               )),
-              z > 0 ? /* @__PURE__ */ t(L, { variant: "neutral", children: `+${z}` }) : null,
-              y ? /* @__PURE__ */ t(L, { variant: "info", leading: /* @__PURE__ */ t(Ae, { "aria-hidden": "true" }), children: p("practiceResults.fearPatient.label") }) : null
-            ] }) : null,
-            e.nextAvailableSlot && d ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
-              /* @__PURE__ */ m("span", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-                /* @__PURE__ */ t(
-                  Me,
-                  {
-                    "aria-hidden": "true",
-                    className: "ds:size-4 ds:text-[var(--primary)]"
-                  }
-                ),
-                p("practiceResults.nextSlot.summary", { time: d })
-              ] }),
-              /* @__PURE__ */ t(
-                G,
-                {
-                  intent: "primary",
-                  size: "sm",
-                  asChild: !0,
-                  onClick: (S) => {
-                    S.stopPropagation();
-                  },
-                  children: /* @__PURE__ */ t(
-                    "a",
-                    {
-                      href: e.nextAvailableSlot.bookingHref,
-                      "data-component": "practice-result-next-slot-cta",
-                      children: p("practiceResults.nextSlot.cta", { time: d })
-                    }
-                  )
-                }
-              )
+              P > 0 ? /* @__PURE__ */ t(D, { variant: "neutral", children: `+${P}` }) : null,
+              M ? /* @__PURE__ */ t(D, { variant: "info", leading: /* @__PURE__ */ t(_e, { "aria-hidden": "true" }), children: x("practiceResults.fearPatient.label") }) : null
             ] }) : null,
-            l,
-            /* @__PURE__ */ t("div", { className: "ds:mt-[var(--spacing-xs)] ds:flex ds:justify-end", children: /* @__PURE__ */ t(
-              G,
+            /* @__PURE__ */ t(He, { description: e.description, density: "compact" }),
+            e.nextAvailableSlot && u ? /* @__PURE__ */ t(Be, { time: u }) : null,
+            f,
+            /* @__PURE__ */ t(
+              $e,
               {
-                intent: "secondary",
-                size: "sm",
-                asChild: !0,
-                onClick: (S) => {
-                  S.stopPropagation(), r();
-                },
-                children: /* @__PURE__ */ t("a", { href: e.href, "data-component": "practice-result-open-cta", children: c })
+                result: e,
+                openLabel: c,
+                bookLabel: d,
+                nextSlotText: u,
+                onOpenClick: r,
+                onBookClick: l
               }
-            ) })
+            )
           ] })
         ]
       }
     )
   );
 }
-function xt({
+function At({
   result: e,
   apiKey: n,
   highlighted: s,
   onSelect: r,
   onOpenClick: i,
-  onHover: a,
-  openLabel: c
+  onBookClick: a,
+  onHover: c,
+  openLabel: d,
+  bookLabel: l
 }) {
-  var u, f, y, N;
-  const { t: d, i18n: o } = C(), g = D(() => {
+  var g, R, M, S;
+  const { t: u, i18n: o } = C(), m = O(() => {
     if (e.nextAvailableSlot)
       try {
         return new Intl.DateTimeFormat(o.language, {
@@ -695,10 +785,10 @@ function xt({
       } catch {
         return e.nextAvailableSlot.dateTime;
       }
-  }, [e.nextAvailableSlot, o.language]), l = (((u = e.languages) == null ? void 0 : u.length) ?? 0) > 0, p = (((f = e.insurances) == null ? void 0 : f.length) ?? 0) > 0, h = e.specializedInFearPatients, x = l || p || h, v = (y = e.location) == null ? void 0 : y.distanceKm;
+  }, [e.nextAvailableSlot, o.language]), f = (((g = e.languages) == null ? void 0 : g.length) ?? 0) > 0, x = (((R = e.insurances) == null ? void 0 : R.length) ?? 0) > 0, b = e.specializedInFearPatients, y = f || x || b, h = (M = e.location) == null ? void 0 : M.distanceKm;
   return (
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events -- card is role="group" by design (axe nested-interactive); click handler is mouse-only sync.
-    /* @__PURE__ */ m(
+    /* @__PURE__ */ p(
       "div",
       {
         "data-component": "practice-result-card",
@@ -708,12 +798,12 @@ function xt({
         role: "group",
         "aria-labelledby": `practice-result-${e.id}-name`,
         onClick: r,
-        onMouseEnter: a,
-        onFocus: a,
-        className: Fe({ density: "rich" }),
+        onMouseEnter: c,
+        onFocus: c,
+        className: De({ density: "rich" }),
         children: [
           e.location ? /* @__PURE__ */ t(
-            vt,
+            Nt,
             {
               apiKey: n,
               center: {
@@ -723,11 +813,11 @@ function xt({
               address: e.location.address
             }
           ) : null,
-          /* @__PURE__ */ m("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-            /* @__PURE__ */ m("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-md)]", children: [
-              /* @__PURE__ */ t(ke, { src: e.imageUrl, name: e.name, size: "md" }),
-              /* @__PURE__ */ m("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
-                /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ p("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ p("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-md)]", children: [
+              /* @__PURE__ */ t(Re, { src: e.imageUrl, name: e.name, size: "md" }),
+              /* @__PURE__ */ p("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+                /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
                   /* @__PURE__ */ t(
                     "span",
                     {
@@ -736,12 +826,13 @@ function xt({
                       children: e.name
                     }
                   ),
-                  v != null ? /* @__PURE__ */ t(Te, { distanceKm: v }) : null
+                  h != null ? /* @__PURE__ */ t(ze, { distanceKm: h }) : null
                 ] }),
                 e.subtitle ? /* @__PURE__ */ t("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: e.subtitle }) : null,
-                (N = e.location) != null && N.address ? /* @__PURE__ */ m("span", { className: "type-meta ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+                /* @__PURE__ */ t(Fe, { tagline: e.tagline }),
+                (S = e.location) != null && S.address ? /* @__PURE__ */ p("span", { className: "type-meta ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
                   /* @__PURE__ */ t(
-                    te,
+                    ne,
                     {
                       "aria-hidden": "true",
                       className: "ds:size-3.5 ds:shrink-0"
@@ -751,7 +842,7 @@ function xt({
                 ] }) : null
               ] }),
               e.rating && e.rating.count > 0 ? /* @__PURE__ */ t(
-                Ce,
+                Se,
                 {
                   value: e.rating.value,
                   reviews: { count: e.rating.count },
@@ -759,168 +850,144 @@ function xt({
                 }
               ) : null
             ] }),
-            x ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-              l ? (e.languages ?? []).map((R) => /* @__PURE__ */ t(
-                L,
+            y ? /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+              f ? (e.languages ?? []).map((w) => /* @__PURE__ */ t(
+                D,
                 {
                   variant: "neutral",
-                  leading: /* @__PURE__ */ t(Ne, { "aria-hidden": "true" }),
-                  children: _e(R, d, o)
+                  leading: /* @__PURE__ */ t(Pe, { "aria-hidden": "true" }),
+                  children: Ie(w, u, o)
                 },
-                `lang-${R}`
+                `lang-${w}`
               )) : null,
-              p ? (e.insurances ?? []).map((R) => /* @__PURE__ */ t(
-                L,
+              x ? (e.insurances ?? []).map((w) => /* @__PURE__ */ t(
+                D,
                 {
                   variant: "info",
-                  leading: /* @__PURE__ */ t(Pe, { "aria-hidden": "true" }),
-                  children: R
+                  leading: /* @__PURE__ */ t(Ae, { "aria-hidden": "true" }),
+                  children: w
                 },
-                `ins-${R}`
+                `ins-${w}`
               )) : null,
-              h ? /* @__PURE__ */ t(L, { variant: "info", leading: /* @__PURE__ */ t(Ae, { "aria-hidden": "true" }), children: d("practiceResults.fearPatient.label") }) : null
-            ] }) : null,
-            e.nextAvailableSlot && g ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
-              /* @__PURE__ */ m("span", { className: "type-body-sm ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-                /* @__PURE__ */ t(
-                  Me,
-                  {
-                    "aria-hidden": "true",
-                    className: "ds:size-4 ds:text-[var(--primary)]"
-                  }
-                ),
-                d("practiceResults.nextSlot.summary", { time: g })
-              ] }),
-              /* @__PURE__ */ t(
-                G,
-                {
-                  intent: "primary",
-                  size: "sm",
-                  asChild: !0,
-                  onClick: (R) => {
-                    R.stopPropagation();
-                  },
-                  children: /* @__PURE__ */ t(
-                    "a",
-                    {
-                      href: e.nextAvailableSlot.bookingHref,
-                      "data-component": "practice-result-next-slot-cta",
-                      children: d("practiceResults.nextSlot.cta", { time: g })
-                    }
-                  )
-                }
-              )
+              b ? /* @__PURE__ */ t(D, { variant: "info", leading: /* @__PURE__ */ t(_e, { "aria-hidden": "true" }), children: u("practiceResults.fearPatient.label") }) : null
             ] }) : null,
-            /* @__PURE__ */ t("div", { className: "ds:mt-[var(--spacing-xs)] ds:flex ds:justify-end", children: /* @__PURE__ */ t(
-              G,
+            /* @__PURE__ */ t(He, { description: e.description, density: "rich" }),
+            e.nextAvailableSlot && m ? /* @__PURE__ */ t(Be, { time: m }) : null,
+            /* @__PURE__ */ t(
+              $e,
               {
-                intent: "secondary",
-                size: "sm",
-                asChild: !0,
-                onClick: (R) => {
-                  R.stopPropagation(), i();
-                },
-                children: /* @__PURE__ */ t("a", { href: e.href, "data-component": "practice-result-open-cta", children: c })
+                result: e,
+                openLabel: d,
+                bookLabel: l,
+                nextSlotText: m,
+                onOpenClick: i,
+                onBookClick: a
               }
-            ) })
+            )
           ] })
         ]
       }
     )
   );
 }
-function me({
+function fe({
   results: e,
   highlightedId: n,
   onCardHover: s,
   onCardSelect: r,
   onCardOpenClick: i,
-  openLabel: a,
-  formatNextSlot: c,
-  onLoadMore: d,
+  onCardBookClick: a,
+  openLabel: c,
+  bookLabel: d,
+  formatNextSlot: l,
+  onLoadMore: u,
   loadingMore: o,
-  loadingSkeletons: g,
-  density: l = "compact",
-  apiKey: p,
-  containerRef: h
+  loadingSkeletons: m,
+  density: f = "compact",
+  apiKey: x,
+  containerRef: b
 }) {
-  const { t: x } = C(), v = _(null);
-  return J(() => {
-    if (!d) return;
-    const u = v.current;
-    if (!u || typeof IntersectionObserver > "u") return;
-    const f = new IntersectionObserver(
-      (y) => {
-        for (const N of y)
-          N.isIntersecting && (H("serp_load_more", {
+  const { t: y } = C(), h = A(null);
+  return W(() => {
+    if (!u) return;
+    const g = h.current;
+    if (!g || typeof IntersectionObserver > "u") return;
+    const R = new IntersectionObserver(
+      (M) => {
+        for (const S of M)
+          S.isIntersecting && (F("serp_load_more", {
             currentCount: e.length
-          }), d());
+          }), u());
       },
       { root: null, rootMargin: "200px" }
     );
-    return f.observe(u), () => f.disconnect();
-  }, [d, e.length]), g ? /* @__PURE__ */ t(
+    return R.observe(g), () => R.disconnect();
+  }, [u, e.length]), m ? /* @__PURE__ */ t(
     "div",
     {
       role: "status",
       "aria-live": "polite",
-      "aria-label": x("practiceResults.loading"),
+      "aria-label": y("practiceResults.loading"),
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
-      children: Array.from({ length: 4 }).map((u, f) => /* @__PURE__ */ t(
-        Xe,
+      children: Array.from({ length: 4 }).map((g, R) => /* @__PURE__ */ t(
+        it,
         {
           variant: "rounded",
-          height: l === "rich" ? "11rem" : "7rem"
+          height: f === "rich" ? "11rem" : "7rem"
         },
-        `pr-skel-${f}`
+        `pr-skel-${R}`
       ))
     }
-  ) : /* @__PURE__ */ m(
+  ) : /* @__PURE__ */ p(
     "div",
     {
-      ref: h,
+      ref: b,
       "data-component": "practice-results-list",
       role: "list",
-      "aria-label": x("practiceResults.list.label"),
+      "aria-label": y("practiceResults.list.label"),
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:overflow-y-auto",
       children: [
-        e.map((u) => /* @__PURE__ */ t("div", { role: "listitem", children: l === "rich" ? /* @__PURE__ */ t(
-          xt,
+        e.map((g) => /* @__PURE__ */ t("div", { role: "listitem", children: f === "rich" ? /* @__PURE__ */ t(
+          At,
           {
-            result: u,
-            apiKey: p,
-            highlighted: n === u.id,
-            onSelect: () => r(u.id),
-            onOpenClick: () => i(u.id),
-            onHover: () => s(u.id),
-            openLabel: a
+            result: g,
+            apiKey: x,
+            highlighted: n === g.id,
+            onSelect: () => r(g.id),
+            onOpenClick: () => i(g.id),
+            onBookClick: () => a(g.id),
+            onHover: () => s(g.id),
+            openLabel: c,
+            bookLabel: d
           }
         ) : /* @__PURE__ */ t(
-          bt,
+          Pt,
           {
-            result: u,
-            highlighted: n === u.id,
-            onSelect: () => r(u.id),
-            onOpenClick: () => i(u.id),
-            onHover: () => s(u.id),
-            openLabel: a,
-            nextSlotText: c(u)
+            result: g,
+            highlighted: n === g.id,
+            onSelect: () => r(g.id),
+            onOpenClick: () => i(g.id),
+            onBookClick: () => a(g.id),
+            onHover: () => s(g.id),
+            openLabel: c,
+            bookLabel: d,
+            nextSlotText: l(g)
           }
-        ) }, u.id)),
-        d ? /* @__PURE__ */ t(
+        ) }, g.id)),
+        u ? /* @__PURE__ */ t(
           "div",
           {
-            ref: v,
+            ref: h,
             "aria-hidden": "true",
             className: "ds:flex ds:items-center ds:justify-center ds:py-[var(--spacing-md)]",
-            children: o ? /* @__PURE__ */ t(Ye, { size: "md", variant: "pulse" }) : /* @__PURE__ */ t("span", { className: "ds:size-1" })
+            children: o ? /* @__PURE__ */ t(rt, { size: "md", variant: "pulse" }) : /* @__PURE__ */ t("span", { className: "ds:size-1" })
           }
         ) : null
       ]
     }
   );
 }
-function ue({
+function pe({
   results: e,
   searchCentre: n,
   zoom: s,
@@ -929,55 +996,55 @@ function ue({
   highlightedId: a,
   onPinClick: c,
   onPinHover: d,
-  onPinFirstInteract: o,
-  onBoundsChange: g,
-  consentGranted: l,
-  onConsentRequest: p,
-  mapHandleRef: h
+  onPinFirstInteract: l,
+  onBoundsChange: u,
+  consentGranted: o,
+  onConsentRequest: m,
+  mapHandleRef: f
 }) {
-  const { t: x } = C(), v = D(
+  const { t: x } = C(), b = O(
     () => e.filter(
-      (f) => !!f.location
-    ).map((f) => ({
-      id: f.id,
+      (h) => !!h.location
+    ).map((h) => ({
+      id: h.id,
       position: {
-        lat: f.location.lat,
-        lng: f.location.lng
+        lat: h.location.lat,
+        lng: h.location.lng
       },
-      label: f.name
+      label: h.name
     })),
     [e]
-  ), u = D(() => {
+  ), y = O(() => {
     if (n) return n;
-    const f = Re(e);
-    return f ? {
-      lat: (f.north + f.south) / 2,
-      lng: (f.east + f.west) / 2
+    const h = we(e);
+    return h ? {
+      lat: (h.north + h.south) / 2,
+      lng: (h.east + h.west) / 2
     } : { lat: 45.4642, lng: 9.19 };
   }, [e, n]);
-  return J(() => {
-    if (!g) return;
-    const f = Re(e);
-    f && (g(f), H("serp_map_panned", { bounds: f }));
-  }, [e, g]), /* @__PURE__ */ t(
+  return W(() => {
+    if (!u) return;
+    const h = we(e);
+    h && (u(h), F("serp_map_panned", { bounds: h }));
+  }, [e, u]), /* @__PURE__ */ t(
     "div",
     {
       "data-component": "practice-results-map-panel",
       className: "ds:relative ds:flex ds:size-full ds:min-h-[24rem] ds:flex-col",
       children: /* @__PURE__ */ t(
-        We,
+        st,
         {
-          ref: h,
+          ref: f,
           apiKey: r ?? "",
           mapId: i,
-          center: u,
+          center: y,
           zoom: s,
-          markers: v,
+          markers: b,
           selectedMarkerId: a,
-          consentGranted: !!l,
-          onConsentRequest: p,
-          onMarkerClick: (f) => {
-            f != null && (d(f), o(f), c(f));
+          consentGranted: !!o,
+          onConsentRequest: m,
+          onMarkerClick: (h) => {
+            h != null && (d(h), l(h), c(h));
           },
           ariaLabel: x("practiceResults.map.label"),
           size: "fill",
@@ -988,13 +1055,13 @@ function ue({
     }
   );
 }
-function fe({
+function he({
   variantBodyProps: e
 }) {
   const { facets: n, value: s, onChange: r, heading: i, intro: a, totalCount: c, searchCentre: d } = e;
-  return /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+  return /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
     /* @__PURE__ */ t(
-      Ie,
+      Te,
       {
         heading: i,
         intro: a,
@@ -1002,35 +1069,35 @@ function fe({
         searchCentreLabel: d == null ? void 0 : d.label
       }
     ),
-    n.length > 0 ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+    n.length > 0 ? /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
       /* @__PURE__ */ t(
-        ze,
+        Le,
         {
           facets: n,
           value: s.facets,
-          onChange: (o) => r({ ...s, facets: o })
+          onChange: (l) => r({ ...s, facets: l })
         }
       ),
       /* @__PURE__ */ t(
-        de,
+        ue,
         {
           value: s.sort ?? "relevance",
-          onChange: (o) => r({ ...s, sort: o })
+          onChange: (l) => r({ ...s, sort: l })
         }
       )
     ] }) : /* @__PURE__ */ t("div", { className: "ds:flex ds:justify-end", children: /* @__PURE__ */ t(
-      de,
+      ue,
       {
         value: s.sort ?? "relevance",
-        onChange: (o) => r({ ...s, sort: o })
+        onChange: (l) => r({ ...s, sort: l })
       }
     ) })
   ] });
 }
-function he() {
+function ge() {
   const { t: e } = C();
   return /* @__PURE__ */ t(
-    Je,
+    at,
     {
       variant: "no-results",
       title: e("practiceResults.empty.title"),
@@ -1038,24 +1105,24 @@ function he() {
     }
   );
 }
-function ge({ onRetry: e }) {
+function ve({ onRetry: e }) {
   const { t: n } = C();
-  return /* @__PURE__ */ m(Y, { variant: "error", children: [
+  return /* @__PURE__ */ p(Y, { variant: "error", children: [
     /* @__PURE__ */ t(Y.Title, { as: "h3", children: n("practiceResults.error.title") }),
     /* @__PURE__ */ t(Y.Description, { children: n("practiceResults.error.description") }),
     e ? /* @__PURE__ */ t(Y.Action, { children: /* @__PURE__ */ t(
-      G,
+      ee,
       {
         intent: "secondary",
         size: "sm",
-        startIcon: /* @__PURE__ */ t(at, { "aria-hidden": "true" }),
+        startIcon: /* @__PURE__ */ t(ct, { "aria-hidden": "true" }),
         onClick: e,
         children: n("practiceResults.error.retry")
       }
     ) }) : null
   ] });
 }
-function yt(e) {
+function _t(e) {
   const {
     results: n,
     apiKey: s,
@@ -1064,41 +1131,43 @@ function yt(e) {
     searchCentre: a,
     onLoadMore: c,
     loadingMore: d,
-    loadingSkeletons: o,
-    emptyResultsSlot: g,
-    errorSlot: l,
-    error: p,
-    onRetry: h,
+    loadingSkeletons: l,
+    emptyResultsSlot: u,
+    errorSlot: o,
+    error: m,
+    onRetry: f,
     highlightedId: x,
-    onCardHover: v,
-    onPinClick: u,
-    consentGranted: f,
-    onConsentRequest: y,
-    onBoundsChange: N,
-    listContainerRef: R
-  } = e, { t: A } = C(), [M, z] = pe(!1), T = p ? l ?? /* @__PURE__ */ t(ge, { onRetry: h }) : n.length === 0 && !o ? g ?? /* @__PURE__ */ t(he, {}) : /* @__PURE__ */ t(
-    me,
+    onCardHover: b,
+    onPinClick: y,
+    consentGranted: h,
+    onConsentRequest: g,
+    onBoundsChange: R,
+    listContainerRef: M
+  } = e, { t: S } = C(), [w, I] = me(!1), T = m ? o ?? /* @__PURE__ */ t(ve, { onRetry: f }) : n.length === 0 && !l ? u ?? /* @__PURE__ */ t(ge, {}) : /* @__PURE__ */ t(
+    fe,
     {
       results: n,
       highlightedId: x,
-      onCardHover: v,
+      onCardHover: b,
       onCardSelect: e.onCardSelect,
       onCardOpenClick: e.onCardOpenClick,
+      onCardBookClick: e.onCardBookClick,
       openLabel: e.openLabel,
+      bookLabel: e.bookLabel,
       formatNextSlot: e.formatNextSlot,
       onLoadMore: c,
       loadingMore: d,
-      loadingSkeletons: o,
+      loadingSkeletons: l,
       density: "compact",
-      containerRef: R
+      containerRef: M
     }
   );
-  return /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ t(fe, { variantBodyProps: e }),
-    /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:lg:grid ds:lg:grid-cols-[55fr_45fr] ds:lg:gap-[var(--spacing-lg)] ds:lg:items-start", children: [
+  return /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ t(he, { variantBodyProps: e }),
+    /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:lg:grid ds:lg:grid-cols-[55fr_45fr] ds:lg:gap-[var(--spacing-lg)] ds:lg:items-start", children: [
       /* @__PURE__ */ t("div", { className: "ds:min-w-0", children: T }),
       /* @__PURE__ */ t("div", { className: "ds:hidden ds:lg:block ds:sticky ds:top-[var(--spacing-md)] ds:h-[40rem]", children: /* @__PURE__ */ t(
-        ue,
+        pe,
         {
           results: n,
           searchCentre: a,
@@ -1107,34 +1176,34 @@ function yt(e) {
           mapId: r,
           highlightedId: x,
           onPinClick: (P) => {
-            W(n, P, "pin", e.onResultSelect), u(P);
+            Q(n, P, "pin", e.onResultSelect), y(P);
           },
-          onPinHover: v,
+          onPinHover: b,
           onPinFirstInteract: e.onPinFirstInteract,
-          onBoundsChange: N,
-          consentGranted: f,
-          onConsentRequest: y,
+          onBoundsChange: R,
+          consentGranted: h,
+          onConsentRequest: g,
           mapHandleRef: e.mapHandleRef
         }
       ) })
     ] }),
     /* @__PURE__ */ t("div", { className: "ds:flex ds:lg:hidden ds:sticky ds:bottom-[var(--spacing-md)] ds:justify-center", children: /* @__PURE__ */ t(
-      G,
+      ee,
       {
         intent: "primary",
         size: "md",
-        startIcon: /* @__PURE__ */ t(it, { "aria-hidden": "true" }),
-        onClick: () => z(!0),
-        children: A("practiceResults.viewMap")
+        startIcon: /* @__PURE__ */ t(ft, { "aria-hidden": "true" }),
+        onClick: () => I(!0),
+        children: S("practiceResults.viewMap")
       }
     ) }),
-    /* @__PURE__ */ t(I.Root, { open: M, onOpenChange: z, children: /* @__PURE__ */ m(I.Content, { side: "bottom", size: "lg", children: [
-      /* @__PURE__ */ t(I.Header, { children: /* @__PURE__ */ t(I.Title, { children: A("practiceResults.map.label") }) }),
-      /* @__PURE__ */ m(I.Body, { children: [
-        /* @__PURE__ */ t(I.Description, { className: "ds:sr-only", children: A("practiceResults.sheet.description") }),
-        /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ t(_.Root, { open: w, onOpenChange: I, children: /* @__PURE__ */ p(_.Content, { side: "bottom", size: "lg", children: [
+      /* @__PURE__ */ t(_.Header, { children: /* @__PURE__ */ t(_.Title, { children: S("practiceResults.map.label") }) }),
+      /* @__PURE__ */ p(_.Body, { children: [
+        /* @__PURE__ */ t(_.Description, { className: "ds:sr-only", children: S("practiceResults.sheet.description") }),
+        /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
           /* @__PURE__ */ t("div", { className: "ds:h-[20rem]", children: /* @__PURE__ */ t(
-            ue,
+            pe,
             {
               results: n,
               searchCentre: a,
@@ -1143,13 +1212,13 @@ function yt(e) {
               mapId: r,
               highlightedId: x,
               onPinClick: (P) => {
-                W(n, P, "pin", e.onResultSelect), u(P);
+                Q(n, P, "pin", e.onResultSelect), y(P);
               },
-              onPinHover: v,
+              onPinHover: b,
               onPinFirstInteract: e.onPinFirstInteract,
-              onBoundsChange: N,
-              consentGranted: f,
-              onConsentRequest: y,
+              onBoundsChange: R,
+              consentGranted: h,
+              onConsentRequest: g,
               mapHandleRef: e.mapHandleRef
             }
           ) }),
@@ -1159,44 +1228,44 @@ function yt(e) {
     ] }) })
   ] });
 }
-const Rt = {
+const It = {
   peek: "sm",
   half: "md",
   full: "lg"
-}, V = [
+}, E = [
   "peek",
   "half",
   "full"
 ];
-function wt({ value: e, onChange: n }) {
-  const { t: s, i18n: r } = C(), i = r.dir() === "rtl", a = _(
+function Tt({ value: e, onChange: n }) {
+  const { t: s, i18n: r } = C(), i = r.dir() === "rtl", a = A(
     /* @__PURE__ */ new Map()
-  ), c = B((o) => {
-    var g;
-    (g = a.current.get(o)) == null || g.focus();
+  ), c = B((l) => {
+    var u;
+    (u = a.current.get(l)) == null || u.focus();
   }, []), d = B(
-    (o, g) => {
-      const l = V.indexOf(g), p = V.length, h = i ? "ArrowLeft" : "ArrowRight", x = i ? "ArrowRight" : "ArrowLeft";
-      let v = null;
-      switch (o.key) {
-        case h:
+    (l, u) => {
+      const o = E.indexOf(u), m = E.length, f = i ? "ArrowLeft" : "ArrowRight", x = i ? "ArrowRight" : "ArrowLeft";
+      let b = null;
+      switch (l.key) {
+        case f:
         case "ArrowDown":
-          v = V[(l + 1) % p];
+          b = E[(o + 1) % m];
           break;
         case x:
         case "ArrowUp":
-          v = V[(l - 1 + p) % p];
+          b = E[(o - 1 + m) % m];
           break;
         case "Home":
-          v = V[0];
+          b = E[0];
           break;
         case "End":
-          v = V[p - 1];
+          b = E[m - 1];
           break;
         default:
           return;
       }
-      o.preventDefault(), v && v !== g && n(v), v && c(v);
+      l.preventDefault(), b && b !== u && n(b), b && c(b);
     },
     [c, i, n]
   );
@@ -1206,33 +1275,33 @@ function wt({ value: e, onChange: n }) {
       role: "radiogroup",
       "aria-label": s("practiceResults.sheet.snap.label"),
       className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]",
-      children: V.map((o) => {
-        const g = e === o;
+      children: E.map((l) => {
+        const u = e === l;
         return /* @__PURE__ */ t(
           "button",
           {
-            ref: (l) => {
-              l ? a.current.set(o, l) : a.current.delete(o);
+            ref: (o) => {
+              o ? a.current.set(l, o) : a.current.delete(l);
             },
             type: "button",
             role: "radio",
-            "aria-checked": g,
-            "aria-label": s(`practiceResults.sheet.snap.${o}`),
-            tabIndex: g ? 0 : -1,
-            onClick: () => n(o),
-            onKeyDown: (l) => d(l, o),
-            className: ee({
-              state: g ? "active" : "idle"
+            "aria-checked": u,
+            "aria-label": s(`practiceResults.sheet.snap.${l}`),
+            tabIndex: u ? 0 : -1,
+            onClick: () => n(l),
+            onKeyDown: (o) => d(o, l),
+            className: te({
+              state: u ? "active" : "idle"
             }),
-            children: s(`practiceResults.sheet.snap.${o}`)
+            children: s(`practiceResults.sheet.snap.${l}`)
           },
-          o
+          l
         );
       })
     }
   );
 }
-function kt(e) {
+function Lt(e) {
   const {
     results: n,
     apiKey: s,
@@ -1241,40 +1310,42 @@ function kt(e) {
     searchCentre: a,
     onLoadMore: c,
     loadingMore: d,
-    loadingSkeletons: o,
-    emptyResultsSlot: g,
-    errorSlot: l,
-    error: p,
-    onRetry: h,
+    loadingSkeletons: l,
+    emptyResultsSlot: u,
+    errorSlot: o,
+    error: m,
+    onRetry: f,
     highlightedId: x,
-    onCardHover: v,
-    onPinClick: u,
-    consentGranted: f,
-    onConsentRequest: y,
-    onBoundsChange: N,
-    listContainerRef: R,
-    facets: A,
-    value: M,
-    onChange: z
-  } = e, { t: T } = C(), [P, q] = pe("half"), U = Rt[P], O = et("(min-width: 1024px)"), K = p ? l ?? /* @__PURE__ */ t(ge, { onRetry: h }) : n.length === 0 && !o ? g ?? /* @__PURE__ */ t(he, {}) : /* @__PURE__ */ t(
-    me,
+    onCardHover: b,
+    onPinClick: y,
+    consentGranted: h,
+    onConsentRequest: g,
+    onBoundsChange: R,
+    listContainerRef: M,
+    facets: S,
+    value: w,
+    onChange: I
+  } = e, { t: T } = C(), [P, q] = me("half"), U = It[P], G = ot("(min-width: 1024px)"), H = m ? o ?? /* @__PURE__ */ t(ve, { onRetry: f }) : n.length === 0 && !l ? u ?? /* @__PURE__ */ t(ge, {}) : /* @__PURE__ */ t(
+    fe,
     {
       results: n,
       highlightedId: x,
-      onCardHover: v,
+      onCardHover: b,
       onCardSelect: e.onCardSelect,
       onCardOpenClick: e.onCardOpenClick,
+      onCardBookClick: e.onCardBookClick,
       openLabel: e.openLabel,
+      bookLabel: e.bookLabel,
       formatNextSlot: e.formatNextSlot,
       onLoadMore: c,
       loadingMore: d,
-      loadingSkeletons: o,
+      loadingSkeletons: l,
       density: "compact",
       apiKey: s,
-      containerRef: R
+      containerRef: M
     }
-  ), S = /* @__PURE__ */ t(
-    ue,
+  ), K = /* @__PURE__ */ t(
+    pe,
     {
       results: n,
       searchCentre: a,
@@ -1282,26 +1353,26 @@ function kt(e) {
       apiKey: s,
       mapId: r,
       highlightedId: x,
-      onPinClick: (w) => {
-        W(n, w, "pin", e.onResultSelect), u(w);
+      onPinClick: (k) => {
+        Q(n, k, "pin", e.onResultSelect), y(k);
       },
-      onPinHover: v,
+      onPinHover: b,
       onPinFirstInteract: e.onPinFirstInteract,
-      onBoundsChange: N,
-      consentGranted: f,
-      onConsentRequest: y,
+      onBoundsChange: R,
+      consentGranted: h,
+      onConsentRequest: g,
       mapHandleRef: e.mapHandleRef
     }
-  ), ne = A.length > 0 ? /* @__PURE__ */ t("div", { className: "ds:absolute ds:start-[var(--spacing-md)] ds:top-[var(--spacing-md)] ds:max-w-[calc(100%-var(--spacing-lg))]", children: /* @__PURE__ */ t(
-    ze,
+  ), Z = S.length > 0 ? /* @__PURE__ */ t("div", { className: "ds:absolute ds:start-[var(--spacing-md)] ds:top-[var(--spacing-md)] ds:max-w-[calc(100%-var(--spacing-lg))]", children: /* @__PURE__ */ t(
+    Le,
     {
-      facets: A,
-      value: M.facets,
-      onChange: (w) => z({ ...M, facets: w }),
+      facets: S,
+      value: w.facets,
+      onChange: (k) => I({ ...w, facets: k }),
       floating: !0
     }
   ) }) : null;
-  return /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: O ? (
+  return /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: G ? (
     // Desktop: 65/35 map left + cards rail right. NO Sheet (the
     // Sheet would portal to body and occlude the desktop layout
     // regardless of the parent's `lg:hidden` class).
@@ -1319,11 +1390,11 @@ function kt(e) {
     // the map column is `lg:sticky lg:h-[44rem]` (stays visible
     // as the patient scrolls cards) and the rail renders at
     // natural height. Single page scroll.
-    /* @__PURE__ */ m(Ge, { children: [
-      /* @__PURE__ */ t(fe, { variantBodyProps: e }),
-      /* @__PURE__ */ m("div", { className: "ds:grid ds:grid-cols-[65fr_35fr] ds:gap-[var(--spacing-lg)] ds:items-start", children: [
-        /* @__PURE__ */ t("div", { className: "ds:sticky ds:top-[var(--spacing-md)] ds:h-[44rem]", children: S }),
-        /* @__PURE__ */ t("div", { className: "ds:min-w-0", children: K })
+    /* @__PURE__ */ p(et, { children: [
+      /* @__PURE__ */ t(he, { variantBodyProps: e }),
+      /* @__PURE__ */ p("div", { className: "ds:grid ds:grid-cols-[65fr_35fr] ds:gap-[var(--spacing-lg)] ds:items-start", children: [
+        /* @__PURE__ */ t("div", { className: "ds:sticky ds:top-[var(--spacing-md)] ds:h-[44rem]", children: K }),
+        /* @__PURE__ */ t("div", { className: "ds:min-w-0", children: H })
       ] })
     ] })
   ) : (
@@ -1333,9 +1404,9 @@ function kt(e) {
     // via the snap radiogroup at the top of the sheet body. Filters
     // stay floating on mobile — the full-bleed map IS the viewport
     // chrome, so floating chips are the only place for them.
-    /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
       /* @__PURE__ */ t(
-        Ie,
+        Te,
         {
           heading: e.heading,
           intro: e.intro,
@@ -1343,26 +1414,26 @@ function kt(e) {
           searchCentreLabel: a == null ? void 0 : a.label
         }
       ),
-      /* @__PURE__ */ m("div", { className: "ds:relative ds:h-[60vh] ds:min-h-[20rem]", children: [
-        S,
-        ne
+      /* @__PURE__ */ p("div", { className: "ds:relative ds:h-[60vh] ds:min-h-[20rem]", children: [
+        K,
+        Z
       ] }),
-      /* @__PURE__ */ t(I.Root, { open: !0, children: /* @__PURE__ */ t(
-        I.Content,
+      /* @__PURE__ */ t(_.Root, { open: !0, children: /* @__PURE__ */ t(
+        _.Content,
         {
           side: "bottom",
           size: U,
-          onEscapeKeyDown: (w) => w.preventDefault(),
-          onPointerDownOutside: (w) => w.preventDefault(),
-          onInteractOutside: (w) => w.preventDefault(),
-          children: /* @__PURE__ */ m(I.Body, { children: [
-            /* @__PURE__ */ t(I.Description, { className: "ds:sr-only", children: T("practiceResults.sheet.descriptionMapFirst") }),
-            /* @__PURE__ */ m("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]", children: [
-              /* @__PURE__ */ t(I.Title, { className: "type-title-card ds:m-0 ds:text-[var(--foreground)]", children: T("practiceResults.sheet.title", {
+          onEscapeKeyDown: (k) => k.preventDefault(),
+          onPointerDownOutside: (k) => k.preventDefault(),
+          onInteractOutside: (k) => k.preventDefault(),
+          children: /* @__PURE__ */ p(_.Body, { children: [
+            /* @__PURE__ */ t(_.Description, { className: "ds:sr-only", children: T("practiceResults.sheet.descriptionMapFirst") }),
+            /* @__PURE__ */ p("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]", children: [
+              /* @__PURE__ */ t(_.Title, { className: "type-title-card ds:m-0 ds:text-[var(--foreground)]", children: T("practiceResults.sheet.title", {
                 count: e.totalCount ?? n.length
               }) }),
               /* @__PURE__ */ t(
-                wt,
+                Tt,
                 {
                   value: P,
                   onChange: q
@@ -1370,20 +1441,20 @@ function kt(e) {
               )
             ] }),
             /* @__PURE__ */ t("div", { className: "ds:pb-[var(--spacing-sm)]", children: /* @__PURE__ */ t(
-              de,
+              ue,
               {
-                value: M.sort ?? "relevance",
-                onChange: (w) => z({ ...M, sort: w })
+                value: w.sort ?? "relevance",
+                onChange: (k) => I({ ...w, sort: k })
               }
             ) }),
-            K
+            H
           ] })
         }
       ) })
     ] })
   ) });
 }
-function Ct(e) {
+function zt(e) {
   const {
     results: n,
     apiKey: s,
@@ -1392,35 +1463,37 @@ function Ct(e) {
     loadingSkeletons: a,
     emptyResultsSlot: c,
     errorSlot: d,
-    error: o,
-    onRetry: g,
-    highlightedId: l,
-    onCardHover: p,
-    listContainerRef: h
-  } = e, x = o ? d ?? /* @__PURE__ */ t(ge, { onRetry: g }) : n.length === 0 && !a ? c ?? /* @__PURE__ */ t(he, {}) : /* @__PURE__ */ t(
-    me,
+    error: l,
+    onRetry: u,
+    highlightedId: o,
+    onCardHover: m,
+    listContainerRef: f
+  } = e, x = l ? d ?? /* @__PURE__ */ t(ve, { onRetry: u }) : n.length === 0 && !a ? c ?? /* @__PURE__ */ t(ge, {}) : /* @__PURE__ */ t(
+    fe,
     {
       results: n,
-      highlightedId: l,
-      onCardHover: p,
+      highlightedId: o,
+      onCardHover: m,
       onCardSelect: e.onCardSelect,
       onCardOpenClick: e.onCardOpenClick,
+      onCardBookClick: e.onCardBookClick,
       openLabel: e.openLabel,
+      bookLabel: e.bookLabel,
       formatNextSlot: e.formatNextSlot,
       onLoadMore: r,
       loadingMore: i,
       loadingSkeletons: a,
       density: "rich",
       apiKey: s,
-      containerRef: h
+      containerRef: f
     }
   );
-  return /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ t(fe, { variantBodyProps: e }),
+  return /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ t(he, { variantBodyProps: e }),
     x
   ] });
 }
-const St = Ze(function({
+const Ft = tt(function({
   variant: n = "split-list-map",
   results: s,
   totalCount: r,
@@ -1428,196 +1501,209 @@ const St = Ze(function({
   facets: a,
   googleMapsApiKey: c,
   mapId: d,
-  defaultZoom: o = ot,
-  onBoundsChange: g,
-  consentGranted: l,
-  onConsentRequest: p,
-  skipConsentGate: h = !1,
+  defaultZoom: l = gt,
+  onBoundsChange: u,
+  consentGranted: o,
+  onConsentRequest: m,
+  skipConsentGate: f = !1,
   onLoadMore: x,
-  loadingMore: v,
-  value: u,
-  onChange: f,
-  onResultSelect: y,
-  loading: N,
-  emptyResultsSlot: R,
-  errorSlot: A,
-  error: M,
-  onRetry: z,
+  loadingMore: b,
+  value: y,
+  onChange: h,
+  onResultSelect: g,
+  loading: R,
+  emptyResultsSlot: M,
+  errorSlot: S,
+  error: w,
+  onRetry: I,
   heading: T,
   intro: P,
   cardOpenButtonLabel: q,
-  "aria-label": U,
-  id: O,
+  cardBookButtonLabel: U,
+  "aria-label": G,
+  id: H,
   className: K,
-  ...S
-}, ne) {
-  const { t: w, i18n: ve } = C(), [He, Q] = pe(null), X = _(/* @__PURE__ */ new Set()), ae = _(/* @__PURE__ */ new Set()), $e = _(null), se = _(null), ie = D(
+  ...Z
+}, k) {
+  const { t: ae, i18n: be } = C(), [Oe, J] = me(null), X = A(/* @__PURE__ */ new Set()), se = A(/* @__PURE__ */ new Set()), Ke = A(null), ie = A(null), re = O(
     () => ({
       getVariant: () => n,
-      scrollToResult: (b) => {
-        const F = se.current;
-        if (!F) return;
-        const k = F.querySelector(
-          `[data-component="practice-result-card"][data-result-id="${CSS.escape(b)}"]`
+      scrollToResult: (v) => {
+        const z = ie.current;
+        if (!z) return;
+        const N = z.querySelector(
+          `[data-component="practice-result-card"][data-result-id="${CSS.escape(v)}"]`
         );
-        k && (k.scrollIntoView({ behavior: "smooth", block: "nearest" }), Q(b));
+        N && (N.scrollIntoView({ behavior: "smooth", block: "nearest" }), J(v));
       },
-      focusPin: (b) => {
-        Q(b);
+      focusPin: (v) => {
+        J(v);
       }
     }),
     [n]
   );
-  Qe(ne, () => ie, [ie]), tt(rt, ie, O);
-  const Le = q ?? w("practiceResults.card.open"), De = B(
-    (b) => {
-      if (b.nextAvailableSlot)
+  nt(k, () => re, [re]), lt(ht, re, H);
+  const Ve = q ?? ae("practiceResults.card.open"), Ee = U ?? ae("practiceResults.card.book"), je = B(
+    (v) => {
+      if (v.nextAvailableSlot)
         try {
-          return new Intl.DateTimeFormat(ve.language, {
+          return new Intl.DateTimeFormat(be.language, {
             weekday: "short",
             hour: "numeric",
             minute: "numeric"
-          }).format(new Date(b.nextAvailableSlot.dateTime));
+          }).format(new Date(v.nextAvailableSlot.dateTime));
         } catch {
-          return b.nextAvailableSlot.dateTime;
+          return v.nextAvailableSlot.dateTime;
         }
     },
-    [ve.language]
-  ), be = _(null);
-  J(() => {
-    be.current !== n && (be.current = n, H("serp_variant_exposed", {
+    [be.language]
+  ), ye = A(null);
+  W(() => {
+    ye.current !== n && (ye.current = n, F("serp_variant_exposed", {
       variant: n,
       totalCount: r ?? s.length
-    }), X.current = /* @__PURE__ */ new Set(), ae.current = /* @__PURE__ */ new Set());
+    }), X.current = /* @__PURE__ */ new Set(), se.current = /* @__PURE__ */ new Set());
   }, [n]);
-  const re = _(!1), oe = D(
-    () => dt(a ?? [], s, u.facets),
-    [a, s, u.facets]
-  ), le = u.sort ?? (i ? "distance" : "relevance"), j = D(() => {
-    const b = ut(s, u.facets, oe);
-    return pt(b, le, i);
-  }, [s, u.facets, oe, le, i]);
-  J(() => {
-    const b = j.length === 0;
-    b && !re.current ? (H("serp_empty_results", {
-      appliedFacets: u.facets ?? {}
-    }), re.current = !0) : b || (re.current = !1);
-  }, [j.length, u.facets]);
-  const E = _(null), xe = _(null);
-  J(
+  const oe = A(!1), le = O(
+    () => yt(a ?? [], s, y.facets),
+    [a, s, y.facets]
+  ), ce = y.sort ?? (i ? "distance" : "relevance"), L = O(() => {
+    const v = xt(s, y.facets, le);
+    return kt(v, ce, i);
+  }, [s, y.facets, le, ce, i]);
+  W(() => {
+    const v = L.length === 0;
+    v && !oe.current ? (F("serp_empty_results", {
+      appliedFacets: y.facets ?? {}
+    }), oe.current = !0) : v || (oe.current = !1);
+  }, [L.length, y.facets]);
+  const V = A(null), xe = A(null);
+  W(
     () => () => {
-      E.current && clearTimeout(E.current);
+      V.current && clearTimeout(V.current);
     },
     []
   );
-  const Oe = B((b) => {
-    Q(b), !X.current.has(b) && (xe.current === b && E.current || (E.current && clearTimeout(E.current), xe.current = b, E.current = setTimeout(() => {
-      X.current.has(b) || (X.current.add(b), H("serp_result_hovered_card", { resultId: b })), E.current = null;
+  const qe = B((v) => {
+    J(v), !X.current.has(v) && (xe.current === v && V.current || (V.current && clearTimeout(V.current), xe.current = v, V.current = setTimeout(() => {
+      X.current.has(v) || (X.current.add(v), F("serp_result_hovered_card", { resultId: v })), V.current = null;
     }, 500)));
-  }, []), je = B((b) => {
-    Q(b);
-    const F = se.current;
-    if (!F) return;
-    const k = F.querySelector(
-      `[data-component="practice-result-card"][data-result-id="${CSS.escape(b)}"]`
+  }, []), Ue = B((v) => {
+    J(v);
+    const z = ie.current;
+    if (!z) return;
+    const N = z.querySelector(
+      `[data-component="practice-result-card"][data-result-id="${CSS.escape(v)}"]`
     );
-    k == null || k.scrollIntoView({ behavior: "smooth", block: "nearest" });
-  }, []), Be = B((b) => {
-    ae.current.has(b) || (ae.current.add(b), H("serp_result_hovered_pin", { resultId: b }));
-  }, []), ye = _(null), Ke = B(
-    (b) => {
-      Q(b);
-      const F = j.find((k) => k.id === b);
-      if (F) {
-        if (F.location) {
-          const k = ye.current;
-          k == null || k.panTo({
-            lat: F.location.lat,
-            lng: F.location.lng
-          }), k == null || k.setZoom(16);
+    N == null || N.scrollIntoView({ behavior: "smooth", block: "nearest" });
+  }, []), Ge = B((v) => {
+    se.current.has(v) || (se.current.add(v), F("serp_result_hovered_pin", { resultId: v }));
+  }, []), ke = A(null), Ze = B(
+    (v) => {
+      J(v);
+      const z = L.find((N) => N.id === v);
+      if (z) {
+        if (z.location) {
+          const N = ke.current;
+          N == null || N.panTo({
+            lat: z.location.lat,
+            lng: z.location.lng
+          }), N == null || N.setZoom(16);
         }
-        W(j, b, "card", y);
+        Q(L, v, "card", g);
       }
     },
-    [j, y]
-  ), Ee = B(
-    (b) => {
-      W(
-        j,
-        b,
+    [L, g]
+  ), Qe = B(
+    (v) => {
+      Q(
+        L,
+        v,
         "open-button",
-        y
+        g
+      );
+    },
+    [L, g]
+  ), Je = B(
+    (v) => {
+      Q(
+        L,
+        v,
+        "book-button",
+        g
       );
     },
-    [j, y]
-  ), Ve = !!N && s.length === 0, ce = {
-    results: j,
+    [L, g]
+  ), We = !!R && s.length === 0, de = {
+    results: L,
     totalCount: r,
     searchCentre: i,
-    facets: oe,
-    value: { ...u, sort: le },
-    onChange: f,
-    onResultSelect: y,
+    facets: le,
+    value: { ...y, sort: ce },
+    onChange: h,
+    onResultSelect: g,
     onLoadMore: x,
-    loadingMore: v,
+    loadingMore: b,
     apiKey: c,
     mapId: d,
-    zoom: o,
+    zoom: l,
     // 0.31.4: when `skipConsentGate` is true the kit synthesises
     // `consentGranted=true` for every internal MapView; the consumer's
     // CMP at the page level is responsible for whether the Google Maps
     // loader script is present at all. `onConsentRequest` is dropped
     // because no placeholder renders — nothing to fire it from.
-    consentGranted: h ? !0 : l,
-    onConsentRequest: h ? void 0 : p,
-    onBoundsChange: g,
-    loadingSkeletons: Ve,
-    emptyResultsSlot: R,
-    errorSlot: A,
-    error: M,
-    onRetry: z,
+    consentGranted: f ? !0 : o,
+    onConsentRequest: f ? void 0 : m,
+    onBoundsChange: u,
+    loadingSkeletons: We,
+    emptyResultsSlot: M,
+    errorSlot: S,
+    error: w,
+    onRetry: I,
     heading: T,
     intro: P,
-    highlightedId: He,
-    onCardHover: Oe,
-    onPinClick: je,
-    onPinFirstInteract: Be,
-    onCardSelect: Ke,
-    onCardOpenClick: Ee,
-    openLabel: Le,
-    formatNextSlot: De,
-    listContainerRef: $e,
-    mapHandleRef: ye
-  }, qe = (() => {
+    highlightedId: Oe,
+    onCardHover: qe,
+    onPinClick: Ue,
+    onPinFirstInteract: Ge,
+    onCardSelect: Ze,
+    onCardOpenClick: Qe,
+    onCardBookClick: Je,
+    openLabel: Ve,
+    bookLabel: Ee,
+    formatNextSlot: je,
+    listContainerRef: Ke,
+    mapHandleRef: ke
+  }, Xe = (() => {
     switch (n) {
       case "map-first":
-        return /* @__PURE__ */ t(kt, { ...ce });
+        return /* @__PURE__ */ t(Lt, { ...de });
       case "rich-cards":
-        return /* @__PURE__ */ t(Ct, { ...ce });
+        return /* @__PURE__ */ t(zt, { ...de });
       case "split-list-map":
       default:
-        return /* @__PURE__ */ t(yt, { ...ce });
+        return /* @__PURE__ */ t(_t, { ...de });
     }
-  })(), Ue = U ?? w("practiceResults.regionLabel");
+  })(), Ye = G ?? ae("practiceResults.regionLabel");
   return /* @__PURE__ */ t(
     "div",
     {
-      ref: se,
+      ref: ie,
       role: "region",
-      "aria-label": Ue,
-      id: O,
+      "aria-label": Ye,
+      id: H,
       "data-component": "practice-results",
-      "data-component-id": O,
+      "data-component-id": H,
       "data-variant": n,
-      className: mt({ variant: n, className: K }),
-      ...S,
-      children: qe
+      className: wt({ variant: n, className: K }),
+      ...Z,
+      children: Xe
     }
   );
 });
-St.displayName = "PracticeResults";
+Ft.displayName = "PracticeResults";
 export {
-  St as P,
-  rt as p
+  Ft as P,
+  ht as p
 };
-//# sourceMappingURL=practice-results-F_Rf7c4H.js.map
+//# sourceMappingURL=practice-results-BEsAdW-B.js.map