@alfadocs/ui-kit-debug 1.27.0 → 1.28.0

package/dist/_chunks/{practice-results-DL_ExLYE.js → practice-results-CxIsU2YO.js}

@@ -1,36 +1,36 @@
-import { jsx as t, jsxs as p, Fragment as et } from "react/jsx-runtime";
-import { forwardRef as tt, useState as me, useRef as M, useMemo as B, useImperativeHandle as nt, useCallback as D, useEffect as W } from "react";
+import { jsx as t, jsxs as p, Fragment as tt } from "react/jsx-runtime";
+import { forwardRef as nt, useState as me, useRef as M, useMemo as B, useImperativeHandle as at, useCallback as D, 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 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 at } from "./empty-state-X0sVPfVo.js";
-import { M as st } from "./map-view-CCAlC9IL.js";
+import { E as st } from "./empty-state-X0sVPfVo.js";
+import { M as it } from "./map-view-CCAlC9IL.js";
 import { R as Ne } from "./rating-BYbUowdK.js";
 import { S as I } from "./sheet-BSznOyJs.js";
-import { S as it } from "./skeleton-CZbwyJAA.js";
-import { S as rt } from "./spinner-hbwuKwMf.js";
+import { S as rt } from "./skeleton-CZbwyJAA.js";
+import { S as ot } from "./spinner-hbwuKwMf.js";
 import { B as O } from "./badge-sTusUqZD.js";
-import { u as ot } from "./use-media-query-CcAx5SMM.js";
-import { L as Se, f as ct, B as lt } from "./format-price-DNqXPa_q.js";
-import { u as dt } from "./registry-DvAUVLHh.js";
-import { c as ut } from "./createLucideIcon-DhHxpK9K.js";
-import { R as pt } from "./refresh-cw-DnI0cLFC.js";
+import { u as ct } from "./use-media-query-CcAx5SMM.js";
+import { L as Se, f as lt, B as dt } from "./format-price-DNqXPa_q.js";
+import { u as ut } from "./registry-DvAUVLHh.js";
+import { c as pt } from "./createLucideIcon-DhHxpK9K.js";
+import { R as mt } from "./refresh-cw-DnI0cLFC.js";
 import { C as Pe } from "./chevron-down-DWE7GSq9.js";
 import { M as ne } from "./map-pin-BaY37-Km.js";
 import { S as Ae } from "./shield-check-DCJALLVh.js";
 import { H as Me } from "./heart--qCA4ffe.js";
-import { C as mt } from "./calendar-clock-hbObjfGY.js";
-import { C as ft } from "./calendar-plus-BFrIRE4r.js";
+import { C as ft } from "./calendar-clock-hbObjfGY.js";
+import { C as ht } from "./calendar-plus-BFrIRE4r.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 ht = [
+const gt = [
   [
     "path",
     {
@@ -40,7 +40,7 @@ const ht = [
   ],
   ["path", { d: "M15 5.764v15", key: "1pn4in" }],
   ["path", { d: "M9 3.236v15", key: "1uimfh" }]
-], gt = ut("map", ht), vt = {
+], vt = pt("map", gt), bt = {
   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
@@ -116,10 +116,10 @@ const ht = [
     },
     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. 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). Card content carries its own read-only hooks: data-component="practice-result-tagline", data-component="practice-result-description", and data-component="practice-result-price" (the kit-formatted first-visit cost — present only when the practice set one).'
+      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 up to two anchors: data-component="practice-result-open-cta" (practice page; absent when the consumer sets showCardOpenButton=false) and data-component="practice-result-book-cta" (booking flow; data-slot-aware="true" when it deep-links to a next slot). Card content carries its own read-only hooks: data-component="practice-result-tagline", data-component="practice-result-description", and data-component="practice-result-price" (the kit-formatted first-visit cost — present only when the practice set one).'
     }
   }
-}, bt = 13, yt = [
+}, yt = 13, xt = [
   "distance",
   "rating",
   "next-available",
@@ -129,7 +129,7 @@ function Ie(e, n, s) {
   const r = `languages.${e}`;
   return s.exists(r) ? n(r) : e.toUpperCase();
 }
-function F(e, n) {
+function L(e, n) {
   if (typeof window > "u") return;
   const s = window.track;
   try {
@@ -141,13 +141,13 @@ function Q(e, n, s, r) {
   const i = e.findIndex((l) => l.id === n);
   if (i < 0) return;
   const a = e[i];
-  a && (F("serp_result_clicked", { resultId: n, source: s, position: i }), r(a, s));
+  a && (L("serp_result_clicked", { resultId: n, source: s, position: i }), r(a, s));
 }
-function xt(e, n) {
+function kt(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, l = n.lat * Math.PI / 180, d = Math.sin(r / 2), c = Math.sin(i / 2), u = d * d + Math.cos(a) * Math.cos(l) * c * c;
   return 2 * 6371 * Math.asin(Math.min(1, Math.sqrt(u)));
 }
-function kt(e, n, s) {
+function Ct(e, n, s) {
   var i;
   const r = [];
   for (const a of e) {
@@ -158,7 +158,7 @@ function kt(e, n, s) {
   }
   return r;
 }
-function Ct(e, n, s) {
+function wt(e, n, s) {
   return !n || Object.keys(n).length === 0 ? e : e.filter((r) => {
     for (const i of s) {
       const a = n[i.key];
@@ -173,9 +173,9 @@ function Ct(e, n, s) {
     return !0;
   });
 }
-function wt(e, n, s) {
+function Rt(e, n, s) {
   const r = e.map((a) => {
-    const l = a.location ? a.location.distanceKm ?? (s ? xt(s, a.location) : void 0) : void 0;
+    const l = a.location ? a.location.distanceKm ?? (s ? kt(s, a.location) : void 0) : void 0;
     return { result: a, distanceKm: l };
   }), i = (a, l) => {
     var d, c, u, o;
@@ -213,7 +213,7 @@ function Ce(e) {
   if (a)
     return { north: n, south: s, east: r, west: i };
 }
-const Rt = j(
+const Nt = j(
   "ds:flex ds:w-full ds:flex-col ds:text-[var(--foreground)] ds:gap-[var(--spacing-md)]",
   {
     variants: {
@@ -273,7 +273,7 @@ const te = j(
     },
     defaultVariants: { state: "idle" }
   }
-), Nt = j(
+), St = j(
   "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
   {
     variants: {
@@ -292,7 +292,7 @@ const te = j(
     },
     defaultVariants: { placement: "inline" }
   }
-), St = j(
+), Pt = 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)]",
@@ -314,7 +314,7 @@ function Te({
     [a]
   ), 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 });
+    m.length === 0 ? delete f[o] : f[o] = m, s(f), L("serp_filter_changed", { key: o, values: m });
   }, c = (o) => {
     var f;
     const m = (((f = a[o]) == null ? void 0 : f.length) ?? 0) > 0;
@@ -330,7 +330,7 @@ function Te({
       "data-component": "practice-results-filters",
       role: "group",
       "aria-label": i("practiceResults.filters.label"),
-      className: Nt({
+      className: St({
         placement: r ? "floating" : "inline"
       }),
       children: [
@@ -394,9 +394,9 @@ function Te({
           {
             type: "button",
             onClick: () => {
-              s({}), F("serp_filter_changed", { key: "*", values: [] });
+              s({}), L("serp_filter_changed", { key: "*", values: [] });
             },
-            className: St(),
+            className: Pt(),
             children: i("practiceResults.filters.clear")
           }
         ) : null
@@ -441,9 +441,9 @@ function ue({ value: e, onChange: n }) {
         value: e,
         onValueChange: (i) => {
           const a = i;
-          a !== e && (n(a), F("serp_sort_changed", { sort: a }));
+          a !== e && (n(a), L("serp_sort_changed", { sort: a }));
         },
-        children: yt.map((i) => /* @__PURE__ */ t($.RadioItem, { value: i, children: r(i) }, i))
+        children: xt.map((i) => /* @__PURE__ */ t($.RadioItem, { value: i, children: r(i) }, i))
       }
     ) })
   ] });
@@ -477,12 +477,12 @@ const we = j(
     defaultVariants: { state: "placeholder" }
   }
 );
-function Pt() {
+function At() {
   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 At({
+function Mt({
   apiKey: e,
   center: n,
   zoom: s = 14,
@@ -501,7 +501,7 @@ function At({
         ]
       }
     );
-  const a = Pt(), l = `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 = At(), l = `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",
     {
@@ -515,7 +515,7 @@ function At({
     }
   );
 }
-function Le({ tagline: e }) {
+function Fe({ tagline: e }) {
   return e ? /* @__PURE__ */ t(
     "span",
     {
@@ -525,7 +525,7 @@ function Le({ tagline: e }) {
     }
   ) : null;
 }
-const Mt = j(
+const It = j(
   "type-body-sm ds:m-0 ds:text-[var(--muted-foreground)] ds:whitespace-pre-line ds:break-words",
   {
     variants: {
@@ -537,7 +537,7 @@ const Mt = j(
     defaultVariants: { density: "compact" }
   }
 );
-function Fe({
+function Le({
   description: e,
   density: n
 }) {
@@ -545,7 +545,7 @@ function Fe({
     "p",
     {
       "data-component": "practice-result-description",
-      className: Mt({ density: n }),
+      className: It({ density: n }),
       children: e
     }
   ) : null;
@@ -555,7 +555,7 @@ function Be({
   currencyCode: n = "EUR"
 }) {
   const { t: s, i18n: r } = C(), i = B(
-    () => e == null ? void 0 : ct(e, n, r.language ?? "en"),
+    () => e == null ? void 0 : lt(e, n, r.language ?? "en"),
     [e, n, r.language]
   );
   return i === void 0 ? null : /* @__PURE__ */ p(
@@ -565,7 +565,7 @@ function Be({
       className: "type-body-sm ds:inline-flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[var(--muted-foreground)]",
       children: [
         /* @__PURE__ */ t(
-          lt,
+          dt,
           {
             "aria-hidden": "true",
             className: "ds:size-4 ds:shrink-0 ds:text-[var(--primary)]"
@@ -582,7 +582,7 @@ function He({ 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(
-      mt,
+      ft,
       {
         "aria-hidden": "true",
         className: "ds:size-4 ds:text-[var(--primary)]"
@@ -601,7 +601,7 @@ function De({
 }) {
   const { t: l } = C(), d = e.nextAvailableSlot, c = (d == null ? void 0 : d.bookingHref) ?? e.bookingHref ?? e.href, u = d && r ? l("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(
+    n !== void 0 ? /* @__PURE__ */ t(
       ee,
       {
         intent: "secondary",
@@ -616,14 +616,14 @@ function De({
           /* @__PURE__ */ t("span", { className: "ds:sr-only", children: e.name })
         ] })
       }
-    ),
+    ) : null,
     /* @__PURE__ */ t(
       ee,
       {
         intent: "primary",
         size: "sm",
         asChild: !0,
-        startIcon: /* @__PURE__ */ t(ft, { "aria-hidden": "true" }),
+        startIcon: /* @__PURE__ */ t(ht, { "aria-hidden": "true" }),
         onClick: (o) => {
           o.stopPropagation(), a();
         },
@@ -673,7 +673,7 @@ const $e = j(
     defaultVariants: { density: "compact" }
   }
 );
-function It({
+function _t({
   result: e,
   highlighted: n,
   onSelect: s,
@@ -688,8 +688,8 @@ function It({
   maxLanguageChips: m = 4,
   children: f
 }) {
-  var q, U, G, H, V, 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, P = e.specializedInFearPatients, N = g || R || P, w = (e.languages ?? []).slice(0, m), _ = (((H = e.languages) == null ? void 0 : H.length) ?? 0) - w.length, T = (e.insurances ?? []).slice(0, o), A = (((V = e.insurances) == null ? void 0 : V.length) ?? 0) - T.length;
+  var q, U, G, V, H, 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, P = e.specializedInFearPatients, N = g || R || P, w = (e.languages ?? []).slice(0, m), _ = (((V = e.languages) == null ? void 0 : V.length) ?? 0) - w.length, T = (e.insurances ?? []).slice(0, o), A = (((H = e.insurances) == null ? void 0 : H.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__ */ p(
@@ -720,7 +720,7 @@ function It({
                 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,
-              /* @__PURE__ */ t(Le, { tagline: e.tagline }),
+              /* @__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
@@ -757,7 +757,7 @@ function It({
               A > 0 ? /* @__PURE__ */ t(O, { variant: "neutral", children: `+${A}` }) : null,
               P ? /* @__PURE__ */ t(O, { variant: "info", leading: /* @__PURE__ */ t(Me, { "aria-hidden": "true" }), children: x("practiceResults.fearPatient.label") }) : null
             ] }) : null,
-            /* @__PURE__ */ t(Fe, { description: e.description, density: "compact" }),
+            /* @__PURE__ */ t(Le, { description: e.description, density: "compact" }),
             /* @__PURE__ */ t(
               Be,
               {
@@ -784,7 +784,7 @@ function It({
     )
   );
 }
-function _t({
+function Tt({
   result: e,
   apiKey: n,
   highlighted: s,
@@ -825,7 +825,7 @@ function _t({
         className: $e({ density: "rich" }),
         children: [
           e.location ? /* @__PURE__ */ t(
-            At,
+            Mt,
             {
               apiKey: n,
               center: {
@@ -851,7 +851,7 @@ function _t({
                   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,
-                /* @__PURE__ */ t(Le, { tagline: e.tagline }),
+                /* @__PURE__ */ t(Fe, { tagline: e.tagline }),
                 (N = e.location) != null && N.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,
@@ -893,7 +893,7 @@ function _t({
               )) : null,
               b ? /* @__PURE__ */ t(O, { variant: "info", leading: /* @__PURE__ */ t(Me, { "aria-hidden": "true" }), children: u("practiceResults.fearPatient.label") }) : null
             ] }) : null,
-            /* @__PURE__ */ t(Fe, { description: e.description, density: "rich" }),
+            /* @__PURE__ */ t(Le, { description: e.description, density: "rich" }),
             /* @__PURE__ */ t(
               Be,
               {
@@ -944,7 +944,7 @@ function fe({
     const R = new IntersectionObserver(
       (P) => {
         for (const N of P)
-          N.isIntersecting && (F("serp_load_more", {
+          N.isIntersecting && (L("serp_load_more", {
             currentCount: e.length
           }), u());
       },
@@ -959,7 +959,7 @@ function fe({
       "aria-label": y("practiceResults.loading"),
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
       children: Array.from({ length: 4 }).map((g, R) => /* @__PURE__ */ t(
-        it,
+        rt,
         {
           variant: "rounded",
           height: f === "rich" ? "11rem" : "7rem"
@@ -977,7 +977,7 @@ function fe({
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:overflow-y-auto",
       children: [
         e.map((g) => /* @__PURE__ */ t("div", { role: "listitem", children: f === "rich" ? /* @__PURE__ */ t(
-          _t,
+          Tt,
           {
             result: g,
             apiKey: x,
@@ -990,7 +990,7 @@ function fe({
             bookLabel: d
           }
         ) : /* @__PURE__ */ t(
-          It,
+          _t,
           {
             result: g,
             highlighted: n === g.id,
@@ -1009,7 +1009,7 @@ function fe({
             ref: h,
             "aria-hidden": "true",
             className: "ds:flex ds:items-center ds:justify-center ds:py-[var(--spacing-md)]",
-            children: o ? /* @__PURE__ */ t(rt, { size: "md", variant: "pulse" }) : /* @__PURE__ */ t("span", { className: "ds:size-1" })
+            children: o ? /* @__PURE__ */ t(ot, { size: "md", variant: "pulse" }) : /* @__PURE__ */ t("span", { className: "ds:size-1" })
           }
         ) : null
       ]
@@ -1054,14 +1054,14 @@ function pe({
   return W(() => {
     if (!u) return;
     const h = Ce(e);
-    h && (u(h), F("serp_map_panned", { bounds: h }));
+    h && (u(h), L("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(
-        st,
+        it,
         {
           ref: f,
           apiKey: r ?? "",
@@ -1126,7 +1126,7 @@ function he({
 function ge() {
   const { t: e } = C();
   return /* @__PURE__ */ t(
-    at,
+    st,
     {
       variant: "no-results",
       title: e("practiceResults.empty.title"),
@@ -1144,14 +1144,14 @@ function ve({ onRetry: e }) {
       {
         intent: "secondary",
         size: "sm",
-        startIcon: /* @__PURE__ */ t(pt, { "aria-hidden": "true" }),
+        startIcon: /* @__PURE__ */ t(mt, { "aria-hidden": "true" }),
         onClick: e,
         children: n("practiceResults.error.retry")
       }
     ) }) : null
   ] });
 }
-function Tt(e) {
+function zt(e) {
   const {
     results: n,
     apiKey: s,
@@ -1221,7 +1221,7 @@ function Tt(e) {
       {
         intent: "primary",
         size: "md",
-        startIcon: /* @__PURE__ */ t(gt, { "aria-hidden": "true" }),
+        startIcon: /* @__PURE__ */ t(vt, { "aria-hidden": "true" }),
         onClick: () => _(!0),
         children: N("practiceResults.viewMap")
       }
@@ -1257,7 +1257,7 @@ function Tt(e) {
     ] }) })
   ] });
 }
-const zt = {
+const Ft = {
   peek: "sm",
   half: "md",
   full: "lg"
@@ -1330,7 +1330,7 @@ function Lt({ value: e, onChange: n }) {
     }
   );
 }
-function Ft(e) {
+function Bt(e) {
   const {
     results: n,
     apiKey: s,
@@ -1354,7 +1354,7 @@ function Ft(e) {
     facets: N,
     value: w,
     onChange: _
-  } = e, { t: T } = C(), [A, q] = me("half"), U = zt[A], G = ot("(min-width: 1024px)"), H = m ? o ?? /* @__PURE__ */ t(ve, { onRetry: f }) : n.length === 0 && !c ? u ?? /* @__PURE__ */ t(ge, {}) : /* @__PURE__ */ t(
+  } = e, { t: T } = C(), [A, q] = me("half"), U = Ft[A], G = ct("(min-width: 1024px)"), V = m ? o ?? /* @__PURE__ */ t(ve, { onRetry: f }) : n.length === 0 && !c ? u ?? /* @__PURE__ */ t(ge, {}) : /* @__PURE__ */ t(
     fe,
     {
       results: n,
@@ -1373,7 +1373,7 @@ function Ft(e) {
       apiKey: s,
       containerRef: P
     }
-  ), V = /* @__PURE__ */ t(
+  ), H = /* @__PURE__ */ t(
     pe,
     {
       results: n,
@@ -1419,11 +1419,11 @@ function Ft(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__ */ p(et, { children: [
+    /* @__PURE__ */ p(tt, { 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: V }),
-        /* @__PURE__ */ t("div", { className: "ds:min-w-0", children: H })
+        /* @__PURE__ */ t("div", { className: "ds:sticky ds:top-[var(--spacing-md)] ds:h-[44rem]", children: H }),
+        /* @__PURE__ */ t("div", { className: "ds:min-w-0", children: V })
       ] })
     ] })
   ) : (
@@ -1444,7 +1444,7 @@ function Ft(e) {
         }
       ),
       /* @__PURE__ */ p("div", { className: "ds:relative ds:h-[60vh] ds:min-h-[20rem]", children: [
-        V,
+        H,
         Z
       ] }),
       /* @__PURE__ */ t(I.Root, { open: !0, children: /* @__PURE__ */ t(
@@ -1476,14 +1476,14 @@ function Ft(e) {
                 onChange: (k) => _({ ...w, sort: k })
               }
             ) }),
-            H
+            V
           ] })
         }
       ) })
     ] })
   ) });
 }
-function Bt(e) {
+function Ht(e) {
   const {
     results: n,
     apiKey: s,
@@ -1522,7 +1522,7 @@ function Bt(e) {
     x
   ] });
 }
-const Ht = tt(function({
+const Dt = nt(function({
   variant: n = "split-list-map",
   results: s,
   totalCount: r,
@@ -1530,7 +1530,7 @@ const Ht = tt(function({
   facets: a,
   googleMapsApiKey: l,
   mapId: d,
-  defaultZoom: c = bt,
+  defaultZoom: c = yt,
   onBoundsChange: u,
   consentGranted: o,
   onConsentRequest: m,
@@ -1549,18 +1549,19 @@ const Ht = tt(function({
   intro: A,
   cardOpenButtonLabel: q,
   cardBookButtonLabel: U,
-  "aria-label": G,
+  showCardOpenButton: G = !0,
+  "aria-label": V,
   id: H,
-  className: V,
-  ...Z
-}, k) {
-  const { t: ae, i18n: be } = C(), [Oe, J] = me(null), X = M(/* @__PURE__ */ new Set()), se = M(/* @__PURE__ */ new Set()), Ve = M(null), ie = M(null), re = B(
+  className: Z,
+  ...k
+}, Oe) {
+  const { t: ae, i18n: be } = C(), [Ve, J] = me(null), X = M(/* @__PURE__ */ new Set()), se = M(/* @__PURE__ */ new Set()), Ke = M(null), ie = M(null), re = B(
     () => ({
       getVariant: () => n,
       scrollToResult: (v) => {
-        const L = ie.current;
-        if (!L) return;
-        const S = L.querySelector(
+        const F = ie.current;
+        if (!F) return;
+        const S = F.querySelector(
           `[data-component="practice-result-card"][data-result-id="${CSS.escape(v)}"]`
         );
         S && (S.scrollIntoView({ behavior: "smooth", block: "nearest" }), J(v));
@@ -1571,8 +1572,8 @@ const Ht = tt(function({
     }),
     [n]
   );
-  nt(k, () => re, [re]), dt(vt, re, H);
-  const Ke = q ?? ae("practiceResults.card.open"), Ee = U ?? ae("practiceResults.card.book"), je = D(
+  at(Oe, () => re, [re]), ut(bt, re, H);
+  const Ee = G ? q ?? ae("practiceResults.card.open") : void 0, je = U ?? ae("practiceResults.card.book"), qe = D(
     (v) => {
       if (v.nextAvailableSlot)
         try {
@@ -1588,21 +1589,21 @@ const Ht = tt(function({
     [be.language]
   ), ye = M(null);
   W(() => {
-    ye.current !== n && (ye.current = n, F("serp_variant_exposed", {
+    ye.current !== n && (ye.current = n, L("serp_variant_exposed", {
       variant: n,
       totalCount: r ?? s.length
     }), X.current = /* @__PURE__ */ new Set(), se.current = /* @__PURE__ */ new Set());
   }, [n]);
   const oe = M(!1), ce = B(
-    () => kt(a ?? [], s, y.facets),
+    () => Ct(a ?? [], s, y.facets),
     [a, s, y.facets]
   ), le = y.sort ?? (i ? "distance" : "relevance"), z = B(() => {
-    const v = Ct(s, y.facets, ce);
-    return wt(v, le, i);
+    const v = wt(s, y.facets, ce);
+    return Rt(v, le, i);
   }, [s, y.facets, ce, le, i]);
   W(() => {
     const v = z.length === 0;
-    v && !oe.current ? (F("serp_empty_results", {
+    v && !oe.current ? (L("serp_empty_results", {
       appliedFacets: y.facets ?? {}
     }), oe.current = !0) : v || (oe.current = !1);
   }, [z.length, y.facets]);
@@ -1613,37 +1614,37 @@ const Ht = tt(function({
     },
     []
   );
-  const qe = D((v) => {
+  const Ue = D((v) => {
     J(v), !X.current.has(v) && (xe.current === v && K.current || (K.current && clearTimeout(K.current), xe.current = v, K.current = setTimeout(() => {
-      X.current.has(v) || (X.current.add(v), F("serp_result_hovered_card", { resultId: v })), K.current = null;
+      X.current.has(v) || (X.current.add(v), L("serp_result_hovered_card", { resultId: v })), K.current = null;
     }, 500)));
-  }, []), Ue = D((v) => {
+  }, []), Ge = D((v) => {
     J(v);
-    const L = ie.current;
-    if (!L) return;
-    const S = L.querySelector(
+    const F = ie.current;
+    if (!F) return;
+    const S = F.querySelector(
       `[data-component="practice-result-card"][data-result-id="${CSS.escape(v)}"]`
     );
     S == null || S.scrollIntoView({ behavior: "smooth", block: "nearest" });
-  }, []), Ge = D((v) => {
-    se.current.has(v) || (se.current.add(v), F("serp_result_hovered_pin", { resultId: v }));
-  }, []), ke = M(null), Ze = D(
+  }, []), Ze = D((v) => {
+    se.current.has(v) || (se.current.add(v), L("serp_result_hovered_pin", { resultId: v }));
+  }, []), ke = M(null), Qe = D(
     (v) => {
       J(v);
-      const L = z.find((S) => S.id === v);
-      if (L) {
-        if (L.location) {
+      const F = z.find((S) => S.id === v);
+      if (F) {
+        if (F.location) {
           const S = ke.current;
           S == null || S.panTo({
-            lat: L.location.lat,
-            lng: L.location.lng
+            lat: F.location.lat,
+            lng: F.location.lng
           }), S == null || S.setZoom(16);
         }
         Q(z, v, "card", g);
       }
     },
     [z, g]
-  ), Qe = D(
+  ), Je = D(
     (v) => {
       Q(
         z,
@@ -1653,7 +1654,7 @@ const Ht = tt(function({
       );
     },
     [z, g]
-  ), Je = D(
+  ), We = D(
     (v) => {
       Q(
         z,
@@ -1663,7 +1664,7 @@ const Ht = tt(function({
       );
     },
     [z, g]
-  ), We = !!R && s.length === 0, de = {
+  ), Xe = !!R && s.length === 0, de = {
     results: z,
     totalCount: r,
     searchCentre: i,
@@ -1684,55 +1685,55 @@ const Ht = tt(function({
     consentGranted: f ? !0 : o,
     onConsentRequest: f ? void 0 : m,
     onBoundsChange: u,
-    loadingSkeletons: We,
+    loadingSkeletons: Xe,
     emptyResultsSlot: P,
     errorSlot: N,
     error: w,
     onRetry: _,
     heading: T,
     intro: A,
-    highlightedId: Oe,
-    onCardHover: qe,
-    onPinClick: Ue,
-    onPinFirstInteract: Ge,
-    onCardSelect: Ze,
-    onCardOpenClick: Qe,
-    onCardBookClick: Je,
-    openLabel: Ke,
-    bookLabel: Ee,
-    formatNextSlot: je,
-    listContainerRef: Ve,
+    highlightedId: Ve,
+    onCardHover: Ue,
+    onPinClick: Ge,
+    onPinFirstInteract: Ze,
+    onCardSelect: Qe,
+    onCardOpenClick: Je,
+    onCardBookClick: We,
+    openLabel: Ee,
+    bookLabel: je,
+    formatNextSlot: qe,
+    listContainerRef: Ke,
     mapHandleRef: ke
-  }, Xe = (() => {
+  }, Ye = (() => {
     switch (n) {
       case "map-first":
-        return /* @__PURE__ */ t(Ft, { ...de });
-      case "rich-cards":
         return /* @__PURE__ */ t(Bt, { ...de });
+      case "rich-cards":
+        return /* @__PURE__ */ t(Ht, { ...de });
       case "split-list-map":
       default:
-        return /* @__PURE__ */ t(Tt, { ...de });
+        return /* @__PURE__ */ t(zt, { ...de });
     }
-  })(), Ye = G ?? ae("practiceResults.regionLabel");
+  })(), et = V ?? ae("practiceResults.regionLabel");
   return /* @__PURE__ */ t(
     "div",
     {
       ref: ie,
       role: "region",
-      "aria-label": Ye,
+      "aria-label": et,
       id: H,
       "data-component": "practice-results",
       "data-component-id": H,
       "data-variant": n,
-      className: Rt({ variant: n, className: V }),
-      ...Z,
-      children: Xe
+      className: Nt({ variant: n, className: Z }),
+      ...k,
+      children: Ye
     }
   );
 });
-Ht.displayName = "PracticeResults";
+Dt.displayName = "PracticeResults";
 export {
-  Ht as P,
-  vt as p
+  Dt as P,
+  bt as p
 };
-//# sourceMappingURL=practice-results-DL_ExLYE.js.map
+//# sourceMappingURL=practice-results-CxIsU2YO.js.map