@alfadocs/ui-kit 0.33.6 → 0.33.8

package/dist/_chunks/{practice-results-Bv2RhAmD.js → practice-results-BFM_lyUs.js}

@@ -1,33 +1,33 @@
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import { forwardRef as Ge, useState as me, useRef as I, useMemo as D, useImperativeHandle as Ze, useCallback as j, useEffect as J } from "react";
+import { jsx as t, jsxs as p, Fragment as Ge } from "react/jsx-runtime";
+import { forwardRef as Ze, useState as me, useRef as I, useMemo as D, useImperativeHandle as Qe, useCallback as B, useEffect as J } from "react";
 import { c as Z } from "./index-D2ZczOXr.js";
 import { useTranslation as C } from "react-i18next";
-import { A as ee } from "./alert-ywPR59NE.js";
-import { A as we } from "./avatar-BNQNhoyL.js";
+import { A as Y } from "./alert-ywPR59NE.js";
+import { A as ke } from "./avatar-BNQNhoyL.js";
 import { B as G } from "./button-DD_0Xdmr.js";
 import { D as H } from "./dropdown-menu-BC5ZdOMo.js";
-import { E as Qe } from "./empty-state-BLy7tigq.js";
-import { M as Je } from "./map-view-vD5pvWs9.js";
-import { R as ke } from "./rating-BRD7O74e.js";
+import { E as Je } from "./empty-state-BLy7tigq.js";
+import { M as We } from "./map-view-vD5pvWs9.js";
+import { R as Ce } from "./rating-BRD7O74e.js";
 import { S as z } from "./sheet-BV-yuLE2.js";
-import { S as We } from "./skeleton-CZbwyJAA.js";
-import { S as Xe } from "./spinner-CCByyvcb.js";
+import { S as Xe } from "./skeleton-CZbwyJAA.js";
+import { S as Ye } from "./spinner-CCByyvcb.js";
 import { B as L } from "./badge-zsf5i5bH.js";
-import { u as Ye } from "./use-media-query-CcAx5SMM.js";
-import { u as et } from "./registry-nPAVE19X.js";
-import { c as tt } from "./createLucideIcon-CrFbzy84.js";
-import { R as nt } from "./refresh-cw-CC8jSKMr.js";
-import { C as Ce } from "./chevron-down-BX_NP2Yh.js";
-import { M as ne } from "./map-pin-B8STOPMJ.js";
-import { L as Ne, S as Se, H as Pe } from "./shield-check-BhHyReu8.js";
-import { C as Me } from "./calendar-clock-CYkcqdwl.js";
+import { u as et } from "./use-media-query-CcAx5SMM.js";
+import { u as tt } from "./registry-nPAVE19X.js";
+import { c as nt } from "./createLucideIcon-CrFbzy84.js";
+import { R as at } from "./refresh-cw-CC8jSKMr.js";
+import { C as Ne } from "./chevron-down-BX_NP2Yh.js";
+import { M as te } from "./map-pin-B8STOPMJ.js";
+import { L as Se, S as Pe, H as Me } from "./shield-check-BhHyReu8.js";
+import { C as Ae } from "./calendar-clock-CYkcqdwl.js";
 /**
  * @license lucide-react v1.8.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const at = [
+const st = [
   [
     "path",
     {
@@ -37,7 +37,7 @@ const at = [
   ],
   ["path", { d: "M15 5.764v15", key: "1pn4in" }],
   ["path", { d: "M9 3.236v15", key: "1uimfh" }]
-], st = tt("map", at), it = {
+], it = nt("map", st), rt = {
   id: "practice-results",
   capabilities: ["navigate", "view_change"],
   state: {
@@ -80,13 +80,13 @@ const at = [
       description: "Sourced from the id prop."
     }
   }
-}, rt = 13, lt = [
+}, lt = 13, ot = [
   "distance",
   "rating",
   "next-available",
   "relevance"
 ];
-function Ae(e, n, s) {
+function Ie(e, n, s) {
   const r = `languages.${e}`;
   return s.exists(r) ? n(r) : e.toUpperCase();
 }
@@ -104,11 +104,11 @@ function W(e, n, s, r) {
   const a = e[i];
   a && ($("serp_result_clicked", { resultId: n, source: s, position: i }), r(a, s));
 }
-function ot(e, n) {
+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), l = Math.sin(i / 2), g = d * d + Math.cos(a) * Math.cos(c) * l * l;
   return 2 * 6371 * Math.asin(Math.min(1, Math.sqrt(g)));
 }
-function ct(e, n, s) {
+function dt(e, n, s) {
   return !n || Object.keys(n).length === 0 ? e : e.filter((r) => {
     for (const i of s) {
       const a = n[i.key];
@@ -123,9 +123,9 @@ function ct(e, n, s) {
     return !0;
   });
 }
-function dt(e, n, s) {
+function ut(e, n, s) {
   const r = e.map((a) => {
-    const c = a.location ? a.location.distanceKm ?? (s ? ot(s, a.location) : void 0) : void 0;
+    const c = a.location ? a.location.distanceKm ?? (s ? ct(s, a.location) : void 0) : void 0;
     return { result: a, distanceKm: c };
   }), i = (a, c) => {
     var d, l, g, o;
@@ -152,7 +152,7 @@ function dt(e, n, s) {
     } : a
   );
 }
-function ye(e) {
+function Re(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;
@@ -163,7 +163,7 @@ function ye(e) {
   if (a)
     return { north: n, south: s, east: r, west: i };
 }
-const ut = Z(
+const mt = Z(
   "ds:flex ds:w-full ds:flex-col ds:text-[var(--foreground)] ds:gap-[var(--spacing-md)]",
   {
     variants: {
@@ -176,7 +176,7 @@ const ut = Z(
     defaultVariants: { variant: "split-list-map" }
   }
 );
-function Ie({
+function ze({
   heading: e,
   intro: n,
   totalCount: s,
@@ -188,7 +188,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(
@@ -201,7 +201,7 @@ function Ie({
     ) : null
   ] });
 }
-const te = Z(
+const ee = Z(
   [
     "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
     "ds:min-h-[var(--min-target-size)]",
@@ -223,7 +223,7 @@ const te = Z(
     },
     defaultVariants: { state: "idle" }
   }
-), mt = Z(
+), pt = Z(
   "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]",
   {
     variants: {
@@ -242,7 +242,7 @@ const te = Z(
     },
     defaultVariants: { placement: "inline" }
   }
-), pt = Z(
+), ft = Z(
   [
     "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)]",
@@ -253,7 +253,7 @@ const te = Z(
     "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]"
   ].join(" ")
 );
-function ze({
+function _e({
   facets: e,
   value: n,
   onChange: s,
@@ -272,15 +272,15 @@ function ze({
   }, g = (o, u) => {
     const h = a[o.key] ?? [], b = h.includes(u);
     let v;
-    o.multi ? v = b ? h.filter((p) => p !== u) : [...h, u] : v = b ? [] : [u], d(o.key, v);
+    o.multi ? v = b ? h.filter((m) => m !== u) : [...h, u] : v = b ? [] : [u], d(o.key, v);
   };
-  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: mt({
+      className: pt({
         placement: r ? "floating" : "inline"
       }),
       children: [
@@ -294,7 +294,7 @@ function ze({
                 "aria-pressed": b,
                 "aria-label": o.label,
                 onClick: () => l(o.key),
-                className: te({
+                className: ee({
                   state: b ? "active" : "idle"
                 }),
                 children: /* @__PURE__ */ t("span", { children: o.label })
@@ -302,22 +302,22 @@ function ze({
               o.key
             );
           const v = b ? ` (${h.length})` : "";
-          return /* @__PURE__ */ m(H.Root, { children: [
-            /* @__PURE__ */ t(H.Trigger, { asChild: !0, children: /* @__PURE__ */ m(
+          return /* @__PURE__ */ p(H.Root, { children: [
+            /* @__PURE__ */ t(H.Trigger, { asChild: !0, children: /* @__PURE__ */ p(
               "button",
               {
                 type: "button",
                 "aria-label": `${o.label}${v}`,
-                className: te({
+                className: ee({
                   state: b ? "active" : "idle"
                 }),
                 children: [
-                  /* @__PURE__ */ m("span", { children: [
+                  /* @__PURE__ */ p("span", { children: [
                     o.label,
                     v
                   ] }),
                   /* @__PURE__ */ t(
-                    Ce,
+                    Ne,
                     {
                       "aria-hidden": "true",
                       className: "ds:size-3.5 ds:shrink-0"
@@ -326,16 +326,16 @@ function ze({
                 ]
               }
             ) }),
-            /* @__PURE__ */ t(H.Content, { sideOffset: 8, align: "start", children: o.options.map((p) => /* @__PURE__ */ t(
+            /* @__PURE__ */ t(H.Content, { sideOffset: 8, align: "start", children: o.options.map((m) => /* @__PURE__ */ t(
               H.CheckboxItem,
               {
-                checked: h.includes(p.value),
+                checked: h.includes(m.value),
                 onSelect: (f) => {
-                  o.multi && f.preventDefault(), g(o, p.value);
+                  o.multi && f.preventDefault(), g(o, m.value);
                 },
-                children: p.label
+                children: m.label
               },
-              p.value
+              m.value
             )) })
           ] }, o.key);
         }),
@@ -346,7 +346,7 @@ function ze({
             onClick: () => {
               s({}), $("serp_filter_changed", { key: "*", values: [] });
             },
-            className: pt(),
+            className: ft(),
             children: i("practiceResults.filters.clear")
           }
         ) : null
@@ -368,20 +368,20 @@ function de({ value: e, onChange: n }) {
         return s("practiceResults.sort.relevance");
     }
   };
-  return /* @__PURE__ */ m(H.Root, { children: [
-    /* @__PURE__ */ t(H.Trigger, { asChild: !0, children: /* @__PURE__ */ m(
+  return /* @__PURE__ */ p(H.Root, { children: [
+    /* @__PURE__ */ t(H.Trigger, { asChild: !0, children: /* @__PURE__ */ p(
       "button",
       {
         type: "button",
         "aria-label": `${s("practiceResults.sort.label")}: ${r(e)}`,
-        className: te({ state: "idle" }),
+        className: ee({ state: "idle" }),
         children: [
-          /* @__PURE__ */ m("span", { children: [
+          /* @__PURE__ */ p("span", { children: [
             s("practiceResults.sort.label"),
             ": ",
             r(e)
           ] }),
-          /* @__PURE__ */ t(Ce, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" })
+          /* @__PURE__ */ t(Ne, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" })
         ]
       }
     ) }),
@@ -393,12 +393,12 @@ function de({ value: e, onChange: n }) {
           const a = i;
           a !== e && (n(a), $("serp_sort_changed", { sort: a }));
         },
-        children: lt.map((i) => /* @__PURE__ */ t(H.RadioItem, { value: i, children: r(i) }, i))
+        children: ot.map((i) => /* @__PURE__ */ t(H.RadioItem, { value: i, children: r(i) }, i))
       }
     ) })
   ] });
 }
-function _e({ distanceKm: e }) {
+function Te({ distanceKm: e }) {
   const { t: n, i18n: s } = C(), r = D(() => {
     if (e < 1) return n("practiceResults.distance.below");
     const i = new Intl.NumberFormat(s.language, {
@@ -406,9 +406,9 @@ function _e({ distanceKm: e }) {
     }).format(e);
     return n("practiceResults.distance.km", { distance: i });
   }, [e, n, s.language]);
-  return /* @__PURE__ */ t(L, { variant: "neutral", leading: /* @__PURE__ */ t(ne, { "aria-hidden": "true" }), children: r });
+  return /* @__PURE__ */ t(L, { variant: "neutral", leading: /* @__PURE__ */ t(te, { "aria-hidden": "true" }), children: r });
 }
-const Re = Z(
+const we = Z(
   [
     "ds:inline-size-[12rem] ds:block-size-[8rem] ds:shrink-0",
     "ds:rounded-[var(--radius-md)] ds:overflow-hidden"
@@ -427,12 +427,12 @@ const Re = Z(
     defaultVariants: { state: "placeholder" }
   }
 );
-function ft() {
+function ht() {
   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 ht({
+function gt({
   apiKey: e,
   center: n,
   zoom: s = 14,
@@ -440,18 +440,18 @@ function ht({
 }) {
   const { t: i } = C();
   if (!e)
-    return /* @__PURE__ */ m(
+    return /* @__PURE__ */ p(
       "div",
       {
         "aria-hidden": r ? void 0 : "true",
-        className: Re({ state: "placeholder" }),
+        className: we({ state: "placeholder" }),
         children: [
-          /* @__PURE__ */ t(ne, { "aria-hidden": "true", className: "ds:size-5 ds:shrink-0" }),
+          /* @__PURE__ */ t(te, { "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 = ft(), 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 = ht(), 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",
     {
@@ -461,11 +461,11 @@ function ht({
       decoding: "async",
       width: 240,
       height: 160,
-      className: Re({ state: "image" })
+      className: we({ state: "image" })
     }
   );
 }
-const Te = Z(
+const Fe = Z(
   [
     "ds:relative ds:flex ds:w-full ds:cursor-pointer",
     "ds:rounded-[var(--radius-lg)]",
@@ -494,7 +494,7 @@ const Te = Z(
     defaultVariants: { density: "compact" }
   }
 );
-function gt({
+function vt({
   result: e,
   highlighted: n,
   onSelect: s,
@@ -507,11 +507,11 @@ function gt({
   maxLanguageChips: g = 4,
   children: o
 }) {
-  var T, P, q, U, O, B;
-  const { t: u, i18n: h } = C(), b = e.rating, v = (T = e.location) == null ? void 0 : T.distanceKm, p = (((P = e.languages) == null ? void 0 : P.length) ?? 0) > 0, f = (((q = e.insurances) == null ? void 0 : q.length) ?? 0) > 0, y = e.specializedInFearPatients, S = p || f || y, R = (e.languages ?? []).slice(0, g), M = (((U = e.languages) == null ? void 0 : U.length) ?? 0) - R.length, A = (e.insurances ?? []).slice(0, l), _ = (((O = e.insurances) == null ? void 0 : O.length) ?? 0) - A.length;
+  var T, P, q, U, O, j;
+  const { t: u, i18n: h } = C(), b = e.rating, v = (T = e.location) == null ? void 0 : T.distanceKm, m = (((P = e.languages) == null ? void 0 : P.length) ?? 0) > 0, f = (((q = e.insurances) == null ? void 0 : q.length) ?? 0) > 0, y = e.specializedInFearPatients, S = m || f || y, R = (e.languages ?? []).slice(0, g), M = (((U = e.languages) == null ? void 0 : U.length) ?? 0) - R.length, A = (e.insurances ?? []).slice(0, l), _ = (((O = e.insurances) == null ? void 0 : O.length) ?? 0) - A.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",
@@ -522,12 +522,12 @@ function gt({
         onClick: s,
         onMouseEnter: i,
         onFocus: i,
-        className: Te({ density: a }),
+        className: Fe({ density: a }),
         children: [
-          /* @__PURE__ */ t(we, { 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(ke, { 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",
                   {
@@ -536,29 +536,29 @@ function gt({
                     children: e.name
                   }
                 ),
-                v != null ? /* @__PURE__ */ t(_e, { distanceKm: v }) : null
+                v != null ? /* @__PURE__ */ t(Te, { distanceKm: v }) : null
               ] }),
               e.subtitle ? /* @__PURE__ */ t("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: e.subtitle }) : null,
-              (B = e.location) != null && B.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(ne, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }),
+              (j = e.location) != null && j.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, { "aria-hidden": "true", className: "ds:size-3.5 ds:shrink-0" }),
                 e.location.address
               ] }) : null
             ] }),
             b && b.count > 0 ? /* @__PURE__ */ t(
-              ke,
+              Ce,
               {
                 value: b.value,
                 reviews: { count: b.count },
                 size: "sm"
               }
             ) : null,
-            S ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+            S ? /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
               R.map((N) => /* @__PURE__ */ t(
                 L,
                 {
                   variant: "neutral",
-                  leading: /* @__PURE__ */ t(Ne, { "aria-hidden": "true" }),
-                  children: Ae(N, u, h)
+                  leading: /* @__PURE__ */ t(Se, { "aria-hidden": "true" }),
+                  children: Ie(N, u, h)
                 },
                 `lang-${N}`
               )),
@@ -567,18 +567,18 @@ function gt({
                 L,
                 {
                   variant: "info",
-                  leading: /* @__PURE__ */ t(Se, { "aria-hidden": "true" }),
+                  leading: /* @__PURE__ */ t(Pe, { "aria-hidden": "true" }),
                   children: N
                 },
                 `ins-${N}`
               )),
               _ > 0 ? /* @__PURE__ */ t(L, { variant: "neutral", children: `+${_}` }) : null,
-              y ? /* @__PURE__ */ t(L, { variant: "info", leading: /* @__PURE__ */ t(Pe, { "aria-hidden": "true" }), children: u("practiceResults.fearPatient.label") }) : null
+              y ? /* @__PURE__ */ t(L, { variant: "info", leading: /* @__PURE__ */ t(Me, { "aria-hidden": "true" }), children: u("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: [
+            e.nextAvailableSlot && d ? /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+              /* @__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(
-                  Me,
+                  Ae,
                   {
                     "aria-hidden": "true",
                     className: "ds:size-4 ds:text-[var(--primary)]"
@@ -625,7 +625,7 @@ function gt({
     )
   );
 }
-function vt({
+function xt({
   result: e,
   apiKey: n,
   highlighted: s,
@@ -634,7 +634,7 @@ function vt({
   onHover: a,
   openLabel: c
 }) {
-  var p, f, y, S;
+  var m, f, y, S;
   const { t: d, i18n: l } = C(), g = D(() => {
     if (e.nextAvailableSlot)
       try {
@@ -646,10 +646,10 @@ function vt({
       } catch {
         return e.nextAvailableSlot.dateTime;
       }
-  }, [e.nextAvailableSlot, l.language]), o = (((p = e.languages) == null ? void 0 : p.length) ?? 0) > 0, u = (((f = e.insurances) == null ? void 0 : f.length) ?? 0) > 0, h = e.specializedInFearPatients, b = o || u || h, v = (y = e.location) == null ? void 0 : y.distanceKm;
+  }, [e.nextAvailableSlot, l.language]), o = (((m = e.languages) == null ? void 0 : m.length) ?? 0) > 0, u = (((f = e.insurances) == null ? void 0 : f.length) ?? 0) > 0, h = e.specializedInFearPatients, b = o || u || h, v = (y = e.location) == null ? void 0 : y.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",
@@ -661,10 +661,10 @@ function vt({
         onClick: r,
         onMouseEnter: a,
         onFocus: a,
-        className: Te({ density: "rich" }),
+        className: Fe({ density: "rich" }),
         children: [
           e.location ? /* @__PURE__ */ t(
-            ht,
+            gt,
             {
               apiKey: n,
               center: {
@@ -674,11 +674,11 @@ function vt({
               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(we, { 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(ke, { 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",
                     {
@@ -687,12 +687,12 @@ function vt({
                       children: e.name
                     }
                   ),
-                  v != null ? /* @__PURE__ */ t(_e, { distanceKm: v }) : null
+                  v != null ? /* @__PURE__ */ t(Te, { distanceKm: v }) : null
                 ] }),
                 e.subtitle ? /* @__PURE__ */ t("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: e.subtitle }) : null,
-                (S = e.location) != null && S.address ? /* @__PURE__ */ m("span", { className: "type-meta ds:text-[var(--muted-foreground)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+                (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(
-                    ne,
+                    te,
                     {
                       "aria-hidden": "true",
                       className: "ds:size-3.5 ds:shrink-0"
@@ -702,7 +702,7 @@ function vt({
                 ] }) : null
               ] }),
               e.rating && e.rating.count > 0 ? /* @__PURE__ */ t(
-                ke,
+                Ce,
                 {
                   value: e.rating.value,
                   reviews: { count: e.rating.count },
@@ -710,13 +710,13 @@ function vt({
                 }
               ) : null
             ] }),
-            b ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+            b ? /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
               o ? (e.languages ?? []).map((R) => /* @__PURE__ */ t(
                 L,
                 {
                   variant: "neutral",
-                  leading: /* @__PURE__ */ t(Ne, { "aria-hidden": "true" }),
-                  children: Ae(R, d, l)
+                  leading: /* @__PURE__ */ t(Se, { "aria-hidden": "true" }),
+                  children: Ie(R, d, l)
                 },
                 `lang-${R}`
               )) : null,
@@ -724,17 +724,17 @@ function vt({
                 L,
                 {
                   variant: "info",
-                  leading: /* @__PURE__ */ t(Se, { "aria-hidden": "true" }),
+                  leading: /* @__PURE__ */ t(Pe, { "aria-hidden": "true" }),
                   children: R
                 },
                 `ins-${R}`
               )) : null,
-              h ? /* @__PURE__ */ t(L, { variant: "info", leading: /* @__PURE__ */ t(Pe, { "aria-hidden": "true" }), children: d("practiceResults.fearPatient.label") }) : null
+              h ? /* @__PURE__ */ t(L, { variant: "info", leading: /* @__PURE__ */ t(Me, { "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: [
+            e.nextAvailableSlot && g ? /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+              /* @__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(
-                  Me,
+                  Ae,
                   {
                     "aria-hidden": "true",
                     className: "ds:size-4 ds:text-[var(--primary)]"
@@ -798,8 +798,8 @@ function pe({
   const { t: b } = C(), v = I(null);
   return J(() => {
     if (!d) return;
-    const p = v.current;
-    if (!p || typeof IntersectionObserver > "u") return;
+    const m = v.current;
+    if (!m || typeof IntersectionObserver > "u") return;
     const f = new IntersectionObserver(
       (y) => {
         for (const S of y)
@@ -809,7 +809,7 @@ function pe({
       },
       { root: null, rootMargin: "200px" }
     );
-    return f.observe(p), () => f.disconnect();
+    return f.observe(m), () => f.disconnect();
   }, [d, e.length]), g ? /* @__PURE__ */ t(
     "div",
     {
@@ -817,8 +817,8 @@ function pe({
       "aria-live": "polite",
       "aria-label": b("practiceResults.loading"),
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
-      children: Array.from({ length: 4 }).map((p, f) => /* @__PURE__ */ t(
-        We,
+      children: Array.from({ length: 4 }).map((m, f) => /* @__PURE__ */ t(
+        Xe,
         {
           variant: "rounded",
           height: o === "rich" ? "11rem" : "7rem"
@@ -826,7 +826,7 @@ function pe({
         `pr-skel-${f}`
       ))
     }
-  ) : /* @__PURE__ */ m(
+  ) : /* @__PURE__ */ p(
     "div",
     {
       ref: h,
@@ -835,36 +835,36 @@ function pe({
       "aria-label": b("practiceResults.list.label"),
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:overflow-y-auto",
       children: [
-        e.map((p) => /* @__PURE__ */ t("div", { role: "listitem", children: o === "rich" ? /* @__PURE__ */ t(
-          vt,
+        e.map((m) => /* @__PURE__ */ t("div", { role: "listitem", children: o === "rich" ? /* @__PURE__ */ t(
+          xt,
           {
-            result: p,
+            result: m,
             apiKey: u,
-            highlighted: n === p.id,
-            onSelect: () => r(p.id),
-            onOpenClick: () => i(p.id),
-            onHover: () => s(p.id),
+            highlighted: n === m.id,
+            onSelect: () => r(m.id),
+            onOpenClick: () => i(m.id),
+            onHover: () => s(m.id),
             openLabel: a
           }
         ) : /* @__PURE__ */ t(
-          gt,
+          vt,
           {
-            result: p,
-            highlighted: n === p.id,
-            onSelect: () => r(p.id),
-            onOpenClick: () => i(p.id),
-            onHover: () => s(p.id),
+            result: m,
+            highlighted: n === m.id,
+            onSelect: () => r(m.id),
+            onOpenClick: () => i(m.id),
+            onHover: () => s(m.id),
             openLabel: a,
-            nextSlotText: c(p)
+            nextSlotText: c(m)
           }
-        ) }, p.id)),
+        ) }, m.id)),
         d ? /* @__PURE__ */ t(
           "div",
           {
             ref: v,
             "aria-hidden": "true",
             className: "ds:flex ds:items-center ds:justify-center ds:py-[var(--spacing-md)]",
-            children: l ? /* @__PURE__ */ t(Xe, { size: "md", variant: "pulse" }) : /* @__PURE__ */ t("span", { className: "ds:size-1" })
+            children: l ? /* @__PURE__ */ t(Ye, { size: "md", variant: "pulse" }) : /* @__PURE__ */ t("span", { className: "ds:size-1" })
           }
         ) : null
       ]
@@ -898,9 +898,9 @@ function ue({
       label: f.name
     })),
     [e]
-  ), p = D(() => {
+  ), m = D(() => {
     if (n) return n;
-    const f = ye(e);
+    const f = Re(e);
     return f ? {
       lat: (f.north + f.south) / 2,
       lng: (f.east + f.west) / 2
@@ -908,7 +908,7 @@ function ue({
   }, [e, n]);
   return J(() => {
     if (!g) return;
-    const f = ye(e);
+    const f = Re(e);
     f && (g(f), $("serp_map_panned", { bounds: f }));
   }, [e, g]), /* @__PURE__ */ t(
     "div",
@@ -916,12 +916,12 @@ function ue({
       "data-component": "practice-results-map-panel",
       className: "ds:relative ds:flex ds:size-full ds:min-h-[24rem] ds:flex-col",
       children: /* @__PURE__ */ t(
-        Je,
+        We,
         {
           ref: h,
           apiKey: r ?? "",
           mapId: i,
-          center: p,
+          center: m,
           zoom: s,
           markers: v,
           selectedMarkerId: a,
@@ -939,13 +939,13 @@ function ue({
     }
   );
 }
-function Fe({
+function fe({
   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,
+      ze,
       {
         heading: i,
         intro: a,
@@ -953,9 +953,9 @@ 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,
+        _e,
         {
           facets: n,
           value: s.facets,
@@ -978,10 +978,10 @@ function Fe({
     ) })
   ] });
 }
-function fe() {
+function he() {
   const { t: e } = C();
   return /* @__PURE__ */ t(
-    Qe,
+    Je,
     {
       variant: "no-results",
       title: e("practiceResults.empty.title"),
@@ -989,24 +989,24 @@ function fe() {
     }
   );
 }
-function he({ onRetry: e }) {
+function ge({ onRetry: e }) {
   const { t: n } = C();
-  return /* @__PURE__ */ m(ee, { variant: "error", children: [
-    /* @__PURE__ */ t(ee.Title, { as: "h3", children: n("practiceResults.error.title") }),
-    /* @__PURE__ */ t(ee.Description, { children: n("practiceResults.error.description") }),
-    e ? /* @__PURE__ */ t(ee.Action, { children: /* @__PURE__ */ t(
+  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,
       {
         intent: "secondary",
         size: "sm",
-        startIcon: /* @__PURE__ */ t(nt, { "aria-hidden": "true" }),
+        startIcon: /* @__PURE__ */ t(at, { "aria-hidden": "true" }),
         onClick: e,
         children: n("practiceResults.error.retry")
       }
     ) }) : null
   ] });
 }
-function xt(e) {
+function bt(e) {
   const {
     results: n,
     apiKey: s,
@@ -1022,12 +1022,12 @@ function xt(e) {
     onRetry: h,
     highlightedId: b,
     onCardHover: v,
-    onPinClick: p,
+    onPinClick: m,
     consentGranted: f,
     onConsentRequest: y,
     onBoundsChange: S,
     listContainerRef: R
-  } = e, { t: M } = C(), [A, _] = me(!1), T = u ? o ?? /* @__PURE__ */ t(he, { onRetry: h }) : n.length === 0 && !l ? g ?? /* @__PURE__ */ t(fe, {}) : /* @__PURE__ */ t(
+  } = e, { t: M } = C(), [A, _] = me(!1), T = u ? o ?? /* @__PURE__ */ t(ge, { onRetry: h }) : n.length === 0 && !l ? g ?? /* @__PURE__ */ t(he, {}) : /* @__PURE__ */ t(
     pe,
     {
       results: n,
@@ -1044,10 +1044,10 @@ function xt(e) {
       containerRef: R
     }
   );
-  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-[55%_45%] ds:lg:gap-[var(--spacing-lg)] ds:lg:items-start", children: [
-      /* @__PURE__ */ t("div", { className: "ds:min-w-0 ds:lg:max-h-[40rem] ds:lg:overflow-y-auto", children: T }),
+  return /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ t(fe, { 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,
         {
@@ -1058,7 +1058,7 @@ function xt(e) {
           mapId: r,
           highlightedId: b,
           onPinClick: (P) => {
-            W(n, P, "pin", e.onResultSelect), p(P);
+            W(n, P, "pin", e.onResultSelect), m(P);
           },
           onPinHover: v,
           onPinFirstInteract: e.onPinFirstInteract,
@@ -1074,16 +1074,16 @@ function xt(e) {
       {
         intent: "primary",
         size: "md",
-        startIcon: /* @__PURE__ */ t(st, { "aria-hidden": "true" }),
+        startIcon: /* @__PURE__ */ t(it, { "aria-hidden": "true" }),
         onClick: () => _(!0),
         children: M("practiceResults.viewMap")
       }
     ) }),
-    /* @__PURE__ */ t(z.Root, { open: A, onOpenChange: _, children: /* @__PURE__ */ m(z.Content, { side: "bottom", size: "lg", children: [
+    /* @__PURE__ */ t(z.Root, { open: A, onOpenChange: _, children: /* @__PURE__ */ p(z.Content, { side: "bottom", size: "lg", children: [
       /* @__PURE__ */ t(z.Header, { children: /* @__PURE__ */ t(z.Title, { children: M("practiceResults.map.label") }) }),
-      /* @__PURE__ */ m(z.Body, { children: [
+      /* @__PURE__ */ p(z.Body, { children: [
         /* @__PURE__ */ t(z.Description, { className: "ds:sr-only", children: M("practiceResults.sheet.description") }),
-        /* @__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("div", { className: "ds:h-[20rem]", children: /* @__PURE__ */ t(
             ue,
             {
@@ -1094,7 +1094,7 @@ function xt(e) {
               mapId: r,
               highlightedId: b,
               onPinClick: (P) => {
-                W(n, P, "pin", e.onResultSelect), p(P);
+                W(n, P, "pin", e.onResultSelect), m(P);
               },
               onPinHover: v,
               onPinFirstInteract: e.onPinFirstInteract,
@@ -1110,7 +1110,7 @@ function xt(e) {
     ] }) })
   ] });
 }
-const bt = {
+const yt = {
   peek: "sm",
   half: "md",
   full: "lg"
@@ -1119,13 +1119,13 @@ const bt = {
   "half",
   "full"
 ];
-function yt({ value: e, onChange: n }) {
+function Rt({ value: e, onChange: n }) {
   const { t: s, i18n: r } = C(), i = r.dir() === "rtl", a = I(
     /* @__PURE__ */ new Map()
-  ), c = j((l) => {
+  ), c = B((l) => {
     var g;
     (g = a.current.get(l)) == null || g.focus();
-  }, []), d = j(
+  }, []), d = B(
     (l, g) => {
       const o = V.indexOf(g), u = V.length, h = i ? "ArrowLeft" : "ArrowRight", b = i ? "ArrowRight" : "ArrowLeft";
       let v = null;
@@ -1172,7 +1172,7 @@ function yt({ value: e, onChange: n }) {
             tabIndex: g ? 0 : -1,
             onClick: () => n(l),
             onKeyDown: (o) => d(o, l),
-            className: te({
+            className: ee({
               state: g ? "active" : "idle"
             }),
             children: s(`practiceResults.sheet.snap.${l}`)
@@ -1183,7 +1183,7 @@ function yt({ value: e, onChange: n }) {
     }
   );
 }
-function Rt(e) {
+function wt(e) {
   const {
     results: n,
     apiKey: s,
@@ -1199,7 +1199,7 @@ function Rt(e) {
     onRetry: h,
     highlightedId: b,
     onCardHover: v,
-    onPinClick: p,
+    onPinClick: m,
     consentGranted: f,
     onConsentRequest: y,
     onBoundsChange: S,
@@ -1207,7 +1207,7 @@ function Rt(e) {
     facets: M,
     value: A,
     onChange: _
-  } = e, { t: T } = C(), [P, q] = me("half"), U = bt[P], O = Ye("(min-width: 1024px)"), B = u ? o ?? /* @__PURE__ */ t(he, { onRetry: h }) : n.length === 0 && !l ? g ?? /* @__PURE__ */ t(fe, {}) : /* @__PURE__ */ t(
+  } = e, { t: T } = C(), [P, q] = me("half"), U = yt[P], O = et("(min-width: 1024px)"), j = u ? o ?? /* @__PURE__ */ t(ge, { onRetry: h }) : n.length === 0 && !l ? g ?? /* @__PURE__ */ t(he, {}) : /* @__PURE__ */ t(
     pe,
     {
       results: n,
@@ -1234,7 +1234,7 @@ function Rt(e) {
       mapId: r,
       highlightedId: b,
       onPinClick: (w) => {
-        W(n, w, "pin", e.onResultSelect), p(w);
+        W(n, w, "pin", e.onResultSelect), m(w);
       },
       onPinHover: v,
       onPinFirstInteract: e.onPinFirstInteract,
@@ -1243,8 +1243,8 @@ function Rt(e) {
       onConsentRequest: y,
       mapHandleRef: e.mapHandleRef
     }
-  ), X = M.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,
+  ), ne = M.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(
+    _e,
     {
       facets: M,
       value: A.facets,
@@ -1252,86 +1252,89 @@ function Rt(e) {
       floating: !0
     }
   ) }) : null;
-  return /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ t(
-      Ie,
-      {
-        heading: e.heading,
-        intro: e.intro,
-        totalCount: e.totalCount,
-        searchCentreLabel: a == null ? void 0 : a.label
-      }
-    ),
-    O ? (
-      // Desktop: 65/35 map left + scrollable card rail right. NO Sheet
-      // (the Sheet would portal to body and occlude the desktop
-      // layout regardless of the parent's `lg:hidden` class).
-      //
-      // 0.31.4: map + rail cells fill the viewport (`calc(100dvh -
-      // var(--practice-results-chrome, 8rem))`) instead of a fixed
-      // 40rem. Map-first is a viewport-dominant variant — the map
-      // should command the visible canvas, not float as a 640px
-      // block in the middle of the page. Consumers with a different
-      // page chrome height override via the CSS custom property:
-      //   .my-page-wrapper { --practice-results-chrome: 4rem; }
-      // The default 8rem approximates a typical sticky header.
-      // `dvh` (dynamic viewport height) plays nice with mobile-
-      // chrome show/hide.
-      /* @__PURE__ */ m("div", { className: "ds:grid ds:grid-cols-[65%_35%] ds:gap-[var(--spacing-lg)] ds:items-start", children: [
-        /* @__PURE__ */ m("div", { className: "ds:relative ds:h-[calc(100dvh-var(--practice-results-chrome,8rem))] ds:min-h-[40rem]", children: [
-          N,
-          X
-        ] }),
-        /* @__PURE__ */ t("div", { className: "ds:min-w-0 ds:h-[calc(100dvh-var(--practice-results-chrome,8rem))] ds:min-h-[40rem] ds:overflow-y-auto", children: B })
+  return /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: O ? (
+    // 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).
+    //
+    // 0.33.8: filters move from floating-over-the-map to an
+    // inline `<HeaderRow>` above the grid (parity with
+    // split-list-map). Floating chips read as ad-hoc on a real
+    // Google tile and are easy to miss; an inline row sits in
+    // the visual flow as a deliberate refinement control.
+    //
+    // 0.33.8: dropped `h-[calc(100dvh - chrome)] min-h-[40rem]`
+    // on both columns + `overflow-y-auto` on the list rail. The
+    // viewport-fill + internal scroll created a double-scroll
+    // experience — patients scrolled the page AND the rail. Now
+    // 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(Ge, { children: [
+      /* @__PURE__ */ t(fe, { 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: N }),
+        /* @__PURE__ */ t("div", { className: "ds:min-w-0", children: j })
       ] })
-    ) : (
-      // Mobile: full-bleed map + persistent bottom sheet defaulting to
-      // 'half' state. No X close button — the sheet is core to the
-      // layout, not dismissible. Patient cycles peek / half / full
-      // via the snap radiogroup at the top of the sheet body.
-      /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-        /* @__PURE__ */ m("div", { className: "ds:relative ds:h-[60vh] ds:min-h-[20rem]", children: [
-          N,
-          X
-        ] }),
-        /* @__PURE__ */ t(z.Root, { open: !0, children: /* @__PURE__ */ t(
-          z.Content,
-          {
-            side: "bottom",
-            size: U,
-            onEscapeKeyDown: (w) => w.preventDefault(),
-            onPointerDownOutside: (w) => w.preventDefault(),
-            onInteractOutside: (w) => w.preventDefault(),
-            children: /* @__PURE__ */ m(z.Body, { children: [
-              /* @__PURE__ */ t(z.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(z.Title, { className: "type-title-card ds:m-0 ds:text-[var(--foreground)]", children: T("practiceResults.sheet.title", {
-                  count: e.totalCount ?? n.length
-                }) }),
-                /* @__PURE__ */ t(
-                  yt,
-                  {
-                    value: P,
-                    onChange: q
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ t("div", { className: "ds:pb-[var(--spacing-sm)]", children: /* @__PURE__ */ t(
-                de,
+    ] })
+  ) : (
+    // Mobile: full-bleed map + persistent bottom sheet defaulting to
+    // 'half' state. No X close button — the sheet is core to the
+    // layout, not dismissible. Patient cycles peek / half / full
+    // 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__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+      /* @__PURE__ */ t(
+        ze,
+        {
+          heading: e.heading,
+          intro: e.intro,
+          totalCount: e.totalCount,
+          searchCentreLabel: a == null ? void 0 : a.label
+        }
+      ),
+      /* @__PURE__ */ p("div", { className: "ds:relative ds:h-[60vh] ds:min-h-[20rem]", children: [
+        N,
+        ne
+      ] }),
+      /* @__PURE__ */ t(z.Root, { open: !0, children: /* @__PURE__ */ t(
+        z.Content,
+        {
+          side: "bottom",
+          size: U,
+          onEscapeKeyDown: (w) => w.preventDefault(),
+          onPointerDownOutside: (w) => w.preventDefault(),
+          onInteractOutside: (w) => w.preventDefault(),
+          children: /* @__PURE__ */ p(z.Body, { children: [
+            /* @__PURE__ */ t(z.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(z.Title, { className: "type-title-card ds:m-0 ds:text-[var(--foreground)]", children: T("practiceResults.sheet.title", {
+                count: e.totalCount ?? n.length
+              }) }),
+              /* @__PURE__ */ t(
+                Rt,
                 {
-                  value: A.sort ?? "relevance",
-                  onChange: (w) => _({ ...A, sort: w })
+                  value: P,
+                  onChange: q
                 }
-              ) }),
-              B
-            ] })
-          }
-        ) })
-      ] })
-    )
-  ] });
+              )
+            ] }),
+            /* @__PURE__ */ t("div", { className: "ds:pb-[var(--spacing-sm)]", children: /* @__PURE__ */ t(
+              de,
+              {
+                value: A.sort ?? "relevance",
+                onChange: (w) => _({ ...A, sort: w })
+              }
+            ) }),
+            j
+          ] })
+        }
+      ) })
+    ] })
+  ) });
 }
-function wt(e) {
+function kt(e) {
   const {
     results: n,
     apiKey: s,
@@ -1345,7 +1348,7 @@ function wt(e) {
     highlightedId: o,
     onCardHover: u,
     listContainerRef: h
-  } = e, b = l ? d ?? /* @__PURE__ */ t(he, { onRetry: g }) : n.length === 0 && !a ? c ?? /* @__PURE__ */ t(fe, {}) : /* @__PURE__ */ t(
+  } = e, b = l ? d ?? /* @__PURE__ */ t(ge, { onRetry: g }) : n.length === 0 && !a ? c ?? /* @__PURE__ */ t(he, {}) : /* @__PURE__ */ t(
     pe,
     {
       results: n,
@@ -1363,12 +1366,12 @@ function wt(e) {
       containerRef: h
     }
   );
-  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(fe, { variantBodyProps: e }),
     b
   ] });
 }
-const kt = Ge(function({
+const Ct = Ze(function({
   variant: n = "split-list-map",
   results: s,
   totalCount: r,
@@ -1376,14 +1379,14 @@ const kt = Ge(function({
   facets: a,
   googleMapsApiKey: c,
   mapId: d,
-  defaultZoom: l = rt,
+  defaultZoom: l = lt,
   onBoundsChange: g,
   consentGranted: o,
   onConsentRequest: u,
   skipConsentGate: h = !1,
   onLoadMore: b,
   loadingMore: v,
-  value: p,
+  value: m,
   onChange: f,
   onResultSelect: y,
   loading: S,
@@ -1396,10 +1399,10 @@ const kt = Ge(function({
   cardOpenButtonLabel: q,
   "aria-label": U,
   id: O,
-  className: B,
+  className: j,
   ...N
-}, X) {
-  const { t: w, i18n: ge } = C(), [$e, Q] = me(null), Y = I(/* @__PURE__ */ new Set()), ae = I(/* @__PURE__ */ new Set()), He = I(null), se = I(null), ie = D(
+}, ne) {
+  const { t: w, i18n: ve } = C(), [$e, Q] = me(null), X = I(/* @__PURE__ */ new Set()), ae = I(/* @__PURE__ */ new Set()), He = I(null), se = I(null), ie = D(
     () => ({
       getVariant: () => n,
       scrollToResult: (x) => {
@@ -1416,12 +1419,12 @@ const kt = Ge(function({
     }),
     [n]
   );
-  Ze(X, () => ie, [ie]), et(it, ie, O);
-  const Le = q ?? w("practiceResults.card.open"), De = j(
+  Qe(ne, () => ie, [ie]), tt(rt, ie, O);
+  const Le = q ?? w("practiceResults.card.open"), De = B(
     (x) => {
       if (x.nextAvailableSlot)
         try {
-          return new Intl.DateTimeFormat(ge.language, {
+          return new Intl.DateTimeFormat(ve.language, {
             weekday: "short",
             hour: "numeric",
             minute: "numeric"
@@ -1430,36 +1433,36 @@ const kt = Ge(function({
           return x.nextAvailableSlot.dateTime;
         }
     },
-    [ge.language]
-  ), ve = I(null);
+    [ve.language]
+  ), xe = I(null);
   J(() => {
-    ve.current !== n && (ve.current = n, $("serp_variant_exposed", {
+    xe.current !== n && (xe.current = n, $("serp_variant_exposed", {
       variant: n,
       totalCount: r ?? s.length
-    }), Y.current = /* @__PURE__ */ new Set(), ae.current = /* @__PURE__ */ new Set());
+    }), X.current = /* @__PURE__ */ new Set(), ae.current = /* @__PURE__ */ new Set());
   }, [n]);
-  const re = I(!1), le = D(() => a ?? [], [a]), oe = p.sort ?? (i ? "distance" : "relevance"), K = D(() => {
-    const x = ct(s, p.facets, le);
-    return dt(x, oe, i);
-  }, [s, p.facets, le, oe, i]);
+  const re = I(!1), le = D(() => a ?? [], [a]), oe = m.sort ?? (i ? "distance" : "relevance"), K = D(() => {
+    const x = dt(s, m.facets, le);
+    return ut(x, oe, i);
+  }, [s, m.facets, le, oe, i]);
   J(() => {
     const x = K.length === 0;
     x && !re.current ? ($("serp_empty_results", {
-      appliedFacets: p.facets ?? {}
+      appliedFacets: m.facets ?? {}
     }), re.current = !0) : x || (re.current = !1);
-  }, [K.length, p.facets]);
-  const E = I(null), xe = I(null);
+  }, [K.length, m.facets]);
+  const E = I(null), be = I(null);
   J(
     () => () => {
       E.current && clearTimeout(E.current);
     },
     []
   );
-  const Oe = j((x) => {
-    Q(x), !Y.current.has(x) && (xe.current === x && E.current || (E.current && clearTimeout(E.current), xe.current = x, E.current = setTimeout(() => {
-      Y.current.has(x) || (Y.current.add(x), $("serp_result_hovered_card", { resultId: x })), E.current = null;
+  const Oe = B((x) => {
+    Q(x), !X.current.has(x) && (be.current === x && E.current || (E.current && clearTimeout(E.current), be.current = x, E.current = setTimeout(() => {
+      X.current.has(x) || (X.current.add(x), $("serp_result_hovered_card", { resultId: x })), E.current = null;
     }, 500)));
-  }, []), Ke = j((x) => {
+  }, []), Ke = B((x) => {
     Q(x);
     const F = se.current;
     if (!F) return;
@@ -1467,15 +1470,15 @@ const kt = Ge(function({
       `[data-component="practice-result-card"][data-result-id="${CSS.escape(x)}"]`
     );
     k == null || k.scrollIntoView({ behavior: "smooth", block: "nearest" });
-  }, []), je = j((x) => {
+  }, []), Be = B((x) => {
     ae.current.has(x) || (ae.current.add(x), $("serp_result_hovered_pin", { resultId: x }));
-  }, []), be = I(null), Be = j(
+  }, []), ye = I(null), je = B(
     (x) => {
       Q(x);
       const F = K.find((k) => k.id === x);
       if (F) {
         if (F.location) {
-          const k = be.current;
+          const k = ye.current;
           k == null || k.panTo({
             lat: F.location.lat,
             lng: F.location.lng
@@ -1485,7 +1488,7 @@ const kt = Ge(function({
       }
     },
     [K, y]
-  ), Ee = j(
+  ), Ee = B(
     (x) => {
       W(
         K,
@@ -1500,7 +1503,7 @@ const kt = Ge(function({
     totalCount: r,
     searchCentre: i,
     facets: le,
-    value: { ...p, sort: oe },
+    value: { ...m, sort: oe },
     onChange: f,
     onResultSelect: y,
     onLoadMore: b,
@@ -1526,22 +1529,22 @@ const kt = Ge(function({
     highlightedId: $e,
     onCardHover: Oe,
     onPinClick: Ke,
-    onPinFirstInteract: je,
-    onCardSelect: Be,
+    onPinFirstInteract: Be,
+    onCardSelect: je,
     onCardOpenClick: Ee,
     openLabel: Le,
     formatNextSlot: De,
     listContainerRef: He,
-    mapHandleRef: be
+    mapHandleRef: ye
   }, qe = (() => {
     switch (n) {
       case "map-first":
-        return /* @__PURE__ */ t(Rt, { ...ce });
-      case "rich-cards":
         return /* @__PURE__ */ t(wt, { ...ce });
+      case "rich-cards":
+        return /* @__PURE__ */ t(kt, { ...ce });
       case "split-list-map":
       default:
-        return /* @__PURE__ */ t(xt, { ...ce });
+        return /* @__PURE__ */ t(bt, { ...ce });
     }
   })(), Ue = U ?? w("practiceResults.regionLabel");
   return /* @__PURE__ */ t(
@@ -1554,15 +1557,15 @@ const kt = Ge(function({
       "data-component": "practice-results",
       "data-component-id": O,
       "data-variant": n,
-      className: ut({ variant: n, className: B }),
+      className: mt({ variant: n, className: j }),
       ...N,
       children: qe
     }
   );
 });
-kt.displayName = "PracticeResults";
+Ct.displayName = "PracticeResults";
 export {
-  kt as P,
-  it as p
+  Ct as P,
+  rt as p
 };
-//# sourceMappingURL=practice-results-Bv2RhAmD.js.map
+//# sourceMappingURL=practice-results-BFM_lyUs.js.map