@alfadocs/ui-kit 0.68.0 → 0.69.0

package/dist/_chunks/{patient-search-DR9XUYRQ.js → patient-search-CBC_ySF6.js}

@@ -1,14 +1,14 @@
-import { jsx as a, jsxs as y } from "react/jsx-runtime";
+import { jsx as a, jsxs as x } from "react/jsx-runtime";
 import { forwardRef as de, useRef as N, useEffect as V, useMemo as X, useImperativeHandle as ce, useState as W, useCallback as z, useId as le } from "react";
 import { c as T } from "./index-D2ZczOXr.js";
 import { useTranslation as j } from "react-i18next";
-import { A as se } from "./autocomplete-CcCFlVf-.js";
+import { A as se } from "./autocomplete-DOeGouCL.js";
 import { B as ue } from "./button-DD_0Xdmr.js";
 import { C as M } from "./card-DPmk26CL.js";
-import { S as fe } from "./slider-BHWzXdjt.js";
+import { S as fe } from "./slider-DN1CWkKB.js";
 import { A as Z } from "./alert-_mUKLmwA.js";
-import { D as F } from "./dropdown-menu-DwwPovMZ.js";
-import { u as pe } from "./registry-nPAVE19X.js";
+import { D as F } from "./dropdown-menu-qrxjymfw.js";
+import { u as pe } from "./registry-DvAUVLHh.js";
 import { S as re } from "./search-BonnQsHv.js";
 import { X as ne } from "./x-CCcI3eJp.js";
 import { c as me } from "./createLucideIcon-CrFbzy84.js";
@@ -28,9 +28,16 @@ const be = [
   ["line", { x1: "12", x2: "12", y1: "19", y2: "22", key: "x3vr5v" }],
   ["circle", { cx: "12", cy: "12", r: "7", key: "fim9np" }],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], xe = me("locate-fixed", be), ye = {
+], ye = me("locate-fixed", be), xe = {
   id: "patient-search",
-  capabilities: ["navigate", "view_change"],
+  // `filter` is the conceptual capability of this search widget. Building the
+  // actual query (WHO/WHERE/WHEN/facets/geo) is host-delegated: selection is
+  // owned by the consumer via the `value` / `onChange` contract, so the agent
+  // surface here is limited to clearing the query (`reset`) and focusing the
+  // primary field. The previous `navigate` / `view_change` capabilities were
+  // spurious — the variant is fixed by props (not agent-settable) and no
+  // action navigates.
+  capabilities: ["filter"],
   state: {
     variant: {
       type: "string",
@@ -42,16 +49,18 @@ const be = [
   actions: {
     reset: {
       safety: "write",
+      idempotent: !0,
       descriptionKey: "ui.agent.patientSearch.actions.reset",
-      description: "Clear the current selection (WHO, WHERE, WHEN, facets, geo) via the consumer-owned onChange.",
+      description: "Clear the current search query (WHO, WHERE, WHEN, facets, geo) via the consumer-owned onChange.",
       invoke: (e) => {
         e.reset();
       }
     },
     focus_primary: {
       safety: "read",
+      idempotent: !0,
       descriptionKey: "ui.agent.patientSearch.actions.focusPrimary",
-      description: "Move keyboard focus to the most-relevant field for the current variant.",
+      description: "Move keyboard focus to the most-relevant search field for the current variant.",
       invoke: (e) => {
         e.focusPrimary();
       }
@@ -175,7 +184,7 @@ const ee = [
   "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:forced-colors:focus-visible:outline-[CanvasText]"
 ].join(" ");
-function $({
+function q({
   value: e,
   onChange: s,
   loadPlaces: t,
@@ -187,18 +196,18 @@ function $({
   var P, B, C, E;
   const { t: u } = j(), [c, r] = W(((P = e.place) == null ? void 0 : P.label) ?? ""), l = N((B = e.place) == null ? void 0 : B.value), n = e.geo ? "granted" : "pristine", [d, f] = W(n);
   V(() => {
-    var x, w, k;
-    ((x = e.place) == null ? void 0 : x.value) !== l.current && (l.current = (w = e.place) == null ? void 0 : w.value, r(((k = e.place) == null ? void 0 : k.label) ?? ""));
+    var y, w, k;
+    ((y = e.place) == null ? void 0 : y.value) !== l.current && (l.current = (w = e.place) == null ? void 0 : w.value, r(((k = e.place) == null ? void 0 : k.label) ?? ""));
   }, [(C = e.place) == null ? void 0 : C.value, (E = e.place) == null ? void 0 : E.label]);
   const m = z(
-    async (x, { signal: w }) => await t(x, { signal: w }),
+    async (y, { signal: w }) => await t(y, { signal: w }),
     [t]
-  ), b = (x) => {
+  ), b = (y) => {
     const w = {
-      value: x.value,
-      label: x.label,
-      lat: x.lat,
-      lng: x.lng
+      value: y.value,
+      label: y.label,
+      lat: y.lat,
+      lng: y.lng
     };
     r(w.label), l.current = w.value, s({ ...e, place: w, geo: void 0 }), d === "granted" && f("pristine"), _("patient_search_place_selected", { value: w.value }), i == null || i(w);
   }, h = () => {
@@ -207,8 +216,8 @@ function $({
       return;
     }
     f("requesting"), _("patient_search_place_focused"), navigator.geolocation.getCurrentPosition(
-      async (x) => {
-        const { latitude: w, longitude: k } = x.coords;
+      async (y) => {
+        const { latitude: w, longitude: k } = y.coords;
         let R;
         try {
           R = await (g == null ? void 0 : g(w, k));
@@ -239,7 +248,7 @@ function $({
     );
   }, o = () => {
     s({ ...e, geo: void 0, place: void 0 }), r(""), l.current = void 0, f("pristine");
-  }, S = d === "granted" && !!e.geo, G = d === "requesting", L = d === "denied", D = N(!1), Q = L || !!!g ? null : /* @__PURE__ */ y("span", { className: "ds:absolute ds:end-[var(--spacing-xs)] ds:top-1/2 ds:-translate-y-1/2 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+  }, S = d === "granted" && !!e.geo, G = d === "requesting", L = d === "denied", D = N(!1), Q = L || !!!g ? null : /* @__PURE__ */ x("span", { className: "ds:absolute ds:end-[var(--spacing-xs)] ds:top-1/2 ds:-translate-y-1/2 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
     S ? /* @__PURE__ */ a(
       "button",
       {
@@ -259,11 +268,11 @@ function $({
         disabled: G,
         onClick: S ? o : h,
         className: ee,
-        children: /* @__PURE__ */ a(xe, { "aria-hidden": "true", className: "ds:size-4" })
+        children: /* @__PURE__ */ a(ye, { "aria-hidden": "true", className: "ds:size-4" })
       }
     )
   ] });
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ x(
     "div",
     {
       "data-component": "patient-search-field",
@@ -271,19 +280,19 @@ function $({
       onFocus: () => {
         D.current || (D.current = !0, _("patient_search_place_focused"));
       },
-      onBlur: (x) => {
-        x.currentTarget && !x.currentTarget.contains(x.relatedTarget) && (D.current = !1);
+      onBlur: (y) => {
+        y.currentTarget && !y.currentTarget.contains(y.relatedTarget) && (D.current = !1);
       },
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
       children: [
-        /* @__PURE__ */ y("div", { className: "ds:relative", children: [
+        /* @__PURE__ */ x("div", { className: "ds:relative", children: [
           /* @__PURE__ */ a(
             se,
             {
               ref: p,
               value: c,
-              onChange: (x) => {
-                r(x), e.place && x !== e.place.label && (l.current = void 0, s({ ...e, place: void 0, geo: void 0 }), d === "granted" && f("pristine"));
+              onChange: (y) => {
+                r(y), e.place && y !== e.place.label && (l.current = void 0, s({ ...e, place: void 0, geo: void 0 }), d === "granted" && f("pristine"));
               },
               onSelect: b,
               loadOptions: m,
@@ -319,7 +328,7 @@ function $({
     }
   );
 }
-function q({
+function $({
   value: e,
   onChange: s,
   defaultRadiusKm: t = Y
@@ -338,7 +347,7 @@ function q({
     const r = O[Math.round(c)] ?? t;
     return i("patientSearch.geo.radiusFormat", { km: r });
   };
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ x(
     "div",
     {
       "data-component": "patient-search-geo-radius-bar",
@@ -521,7 +530,7 @@ function ke({ facets: e, value: s, onChange: t }) {
     let f;
     r.multi ? f = d ? n.filter((m) => m !== l) : [...n, l] : f = d ? [] : [l], g(r.key, f);
   };
-  return /* @__PURE__ */ y(
+  return /* @__PURE__ */ x(
     "div",
     {
       role: "group",
@@ -546,8 +555,8 @@ function ke({ facets: e, value: s, onChange: t }) {
               r.key
             );
           const f = d ? ` (${n.length})` : "";
-          return /* @__PURE__ */ y(F.Root, { children: [
-            /* @__PURE__ */ a(F.Trigger, { asChild: !0, children: /* @__PURE__ */ y(
+          return /* @__PURE__ */ x(F.Root, { children: [
+            /* @__PURE__ */ a(F.Trigger, { asChild: !0, children: /* @__PURE__ */ x(
               "button",
               {
                 type: "button",
@@ -556,7 +565,7 @@ function ke({ facets: e, value: s, onChange: t }) {
                   state: d ? "active" : "idle"
                 }),
                 children: [
-                  /* @__PURE__ */ y("span", { children: [
+                  /* @__PURE__ */ x("span", { children: [
                     r.label,
                     f
                   ] }),
@@ -583,7 +592,7 @@ function ke({ facets: e, value: s, onChange: t }) {
             )) })
           ] }, r.key);
         }),
-        v ? /* @__PURE__ */ y(
+        v ? /* @__PURE__ */ x(
           "button",
           {
             type: "button",
@@ -657,7 +666,7 @@ function Ce(e, s) {
 }
 function Ee({ cards: e }) {
   const { t: s } = j();
-  return e.length === 0 ? /* @__PURE__ */ a("p", { className: "type-body-sm ds:text-[color:var(--muted-foreground)] ds:m-0", children: s("patientSearch.discovery.empty") }) : /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+  return e.length === 0 ? /* @__PURE__ */ a("p", { className: "type-body-sm ds:text-[color:var(--muted-foreground)] ds:m-0", children: s("patientSearch.discovery.empty") }) : /* @__PURE__ */ x("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
     /* @__PURE__ */ a("h3", { className: "type-title-card ds:text-[var(--foreground)] ds:m-0", children: s("patientSearch.discovery.heading") }),
     /* @__PURE__ */ a(
       "ul",
@@ -669,7 +678,7 @@ function Ee({ cards: e }) {
         ].join(" "),
         children: e.map((t, i) => {
           const p = Ce(t.accent, i);
-          return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ y(
+          return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ x(
             "a",
             {
               href: t.href,
@@ -688,7 +697,7 @@ function Ee({ cards: e }) {
                     className: je({ accent: p })
                   }
                 ),
-                /* @__PURE__ */ y("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+                /* @__PURE__ */ x("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
                   /* @__PURE__ */ a(
                     "span",
                     {
@@ -777,8 +786,8 @@ function Le(e) {
     reverseGeocode: b,
     cardLabel: h
   } = e;
-  return /* @__PURE__ */ a(M, { variant: "elevated", "aria-label": h, children: /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-start", children: [
+  return /* @__PURE__ */ a(M, { variant: "elevated", "aria-label": h, children: /* @__PURE__ */ x("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ x("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-start", children: [
       /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
         H,
         {
@@ -790,7 +799,7 @@ function Le(e) {
         }
       ) }),
       /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-        $,
+        q,
         {
           value: t,
           onChange: i,
@@ -814,7 +823,7 @@ function Le(e) {
       )
     ] }),
     /* @__PURE__ */ a(
-      q,
+      $,
       {
         value: t,
         onChange: i,
@@ -842,8 +851,8 @@ function De(e) {
     reverseGeocode: b,
     cardLabel: h
   } = e;
-  return /* @__PURE__ */ a(M, { variant: "elevated", "aria-label": h, children: /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-start", children: [
+  return /* @__PURE__ */ a(M, { variant: "elevated", "aria-label": h, children: /* @__PURE__ */ x("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ x("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-start", children: [
       /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
         H,
         {
@@ -855,7 +864,7 @@ function De(e) {
         }
       ) }),
       /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-        $,
+        q,
         {
           value: t,
           onChange: i,
@@ -879,7 +888,7 @@ function De(e) {
       )
     ] }),
     /* @__PURE__ */ a(
-      q,
+      $,
       {
         value: t,
         onChange: i,
@@ -915,8 +924,8 @@ function Pe(e) {
     reverseGeocode: h,
     cardLabel: o
   } = e;
-  return /* @__PURE__ */ a(M, { variant: "elevated", "aria-label": o, children: /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-start", children: [
+  return /* @__PURE__ */ a(M, { variant: "elevated", "aria-label": o, children: /* @__PURE__ */ x("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
+    /* @__PURE__ */ x("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:md:flex-row ds:md:items-start", children: [
       /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
         H,
         {
@@ -928,7 +937,7 @@ function Pe(e) {
         }
       ) }),
       /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-        $,
+        q,
         {
           value: t,
           onChange: i,
@@ -952,7 +961,7 @@ function Pe(e) {
       )
     ] }),
     /* @__PURE__ */ a(
-      q,
+      $,
       {
         value: t,
         onChange: i,
@@ -989,9 +998,9 @@ function Ie(e) {
     reverseGeocode: h,
     cardLabel: o
   } = e;
-  return /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", children: [
-    /* @__PURE__ */ y(M, { variant: "elevated", "aria-label": o, children: [
-      /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)] ds:md:flex-row ds:md:items-stretch", children: [
+  return /* @__PURE__ */ x("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", children: [
+    /* @__PURE__ */ x(M, { variant: "elevated", "aria-label": o, children: [
+      /* @__PURE__ */ x("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-md)] ds:md:flex-row ds:md:items-stretch", children: [
         /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
           H,
           {
@@ -1003,7 +1012,7 @@ function Ie(e) {
           }
         ) }),
         /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-w-0", children: /* @__PURE__ */ a(
-          $,
+          q,
           {
             value: t,
             onChange: i,
@@ -1027,7 +1036,7 @@ function Ie(e) {
         )
       ] }),
       /* @__PURE__ */ a(
-        q,
+        $,
         {
           value: t,
           onChange: i,
@@ -1080,9 +1089,9 @@ const Oe = de(function({
       E.current = !0, d({ ...n, facets: {} });
     }
   }, [s]);
-  const x = N(null);
+  const y = N(null);
   V(() => {
-    x.current !== s && (x.current = s, _("patient_search_variant_exposed", { variant: s, country: l }));
+    y.current !== s && (y.current = s, _("patient_search_variant_exposed", { variant: s, country: l }));
   }, [s, l]);
   const w = X(
     () => ({
@@ -1099,7 +1108,7 @@ const Oe = de(function({
     }),
     [s, d]
   );
-  ce(D, () => w, [w]), pe(ye, w, S);
+  ce(D, () => w, [w]), pe(xe, w, S);
   const k = o ?? J("patientSearch.regionLabel"), R = {
     variant: s,
     value: n,
@@ -1153,6 +1162,6 @@ const Oe = de(function({
 Oe.displayName = "PatientSearch";
 export {
   Oe as P,
-  ye as p
+  xe as p
 };
-//# sourceMappingURL=patient-search-DR9XUYRQ.js.map
+//# sourceMappingURL=patient-search-CBC_ySF6.js.map

package/dist/_chunks/{patient-shell-BfgufL_q.js → patient-shell-DV3XEtIB.js}

@@ -3,10 +3,10 @@ import { forwardRef as w, useState as C } from "react";
 import { useTranslation as m } from "react-i18next";
 import { A as y } from "./app-frame-BYx1gcV7.js";
 import { I as H } from "./icon-button-LqoiKcUN.js";
-import { D as n } from "./dropdown-menu-DwwPovMZ.js";
+import { D as n } from "./dropdown-menu-qrxjymfw.js";
 import { H as B, g as N, f as T, e as k, a as x, c as M, d as O } from "./header-CNszv2WQ.js";
 import { L as P } from "./logo-1FuSGx0n.js";
-import { S as W, a as R, h as j, j as z, k as D, i as E } from "./sidebar-DaB4ulxH.js";
+import { S as W, a as R, h as j, j as z, k as D, i as E } from "./sidebar-DY9jGjgt.js";
 import { T as _ } from "./theme-root-BOO73p5t.js";
 import { a as F } from "./tooltip-DvmfrNvB.js";
 import { u as U } from "./use-theme-CAuo6EYT.js";
@@ -159,4 +159,4 @@ Y.displayName = "PatientShell";
 export {
   Y as P
 };
-//# sourceMappingURL=patient-shell-BfgufL_q.js.map
+//# sourceMappingURL=patient-shell-DV3XEtIB.js.map