@alfadocs/ui-kit 1.88.1 → 1.89.0

package/dist/_chunks/{marketplace-app-shell-vON3WhD0.js → marketplace-app-shell-x_abo_ye.js}

@@ -9,7 +9,7 @@ import { C as U } from "./card-BA4Ig_kn.js";
 import { D as u } from "./dropdown-menu-D1we7oAY.js";
 import { T as ke } from "./tab-bar-BEODTG6k.js";
 import { a as Y, H as we, g as Ne, f as G, e as ye, c as Se, d as Ce } from "./header-l_B8MV0g.js";
-import { H as Ae } from "./header-settings-CifwJEKB.js";
+import { H as Ae } from "./header-settings-BVhjndtV.js";
 import { S as Te } from "./sign-in-with-alfadocs-button-DzrNgbWv.js";
 import { S as Ee, a as ee, v as ze, h as Ie, c as Me, r as Le, b as He, l as Ve, m as Be, k as Re, j as J } from "./sidebar-BS24EnYd.js";
 import { N as De } from "./navigation-dismiss-B1mcW1CT.js";
@@ -656,4 +656,4 @@ export {
   na as M,
   y as P
 };
-//# sourceMappingURL=marketplace-app-shell-vON3WhD0.js.map
+//# sourceMappingURL=marketplace-app-shell-x_abo_ye.js.map

package/dist/_chunks/{patient-search-Dy0sxcwv.js → patient-search-BPjP2__L.js}

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as w } from "react/jsx-runtime";
-import { forwardRef as ce, useRef as j, useEffect as K, useMemo as Y, useImperativeHandle as le, useState as z, useCallback as M, useId as ue } from "react";
+import { forwardRef as ce, useRef as j, useEffect as K, useMemo as Y, useImperativeHandle as le, useState as W, useCallback as M, useId as ue } from "react";
 import { c as L } from "./index-D2ZczOXr.js";
 import { useTranslation as C } from "react-i18next";
 import { A as re } from "./autocomplete-CnB1mHGc.js";
@@ -7,7 +7,7 @@ import { B as fe } from "./button-DohK_Ak_.js";
 import { C as H } from "./card-BA4Ig_kn.js";
 import { S as pe } from "./slider-pZ95bEm7.js";
 import { A as ee } from "./alert-9kEwDza3.js";
-import { D as W } from "./dropdown-menu-D1we7oAY.js";
+import { D as F } from "./dropdown-menu-D1we7oAY.js";
 import { u as me } from "./registry-DvAUVLHh.js";
 import { S as ne } from "./search-QbWPlY5f.js";
 import { X as ie } from "./x-B5YnXwCz.js";
@@ -122,7 +122,7 @@ function $({
   inputRef: p
 }) {
   var l, u, c, g;
-  const { t: v } = C("ui"), [b, h] = z(((l = e.object) == null ? void 0 : l.label) ?? ""), d = j((u = e.object) == null ? void 0 : u.value);
+  const { t: v } = C("ui"), [b, h] = W(((l = e.object) == null ? void 0 : l.label) ?? ""), d = j((u = e.object) == null ? void 0 : u.value);
   K(() => {
     var m, o, S;
     ((m = e.object) == null ? void 0 : m.value) !== d.current && (d.current = (o = e.object) == null ? void 0 : o.value, h(((S = e.object) == null ? void 0 : S.label) ?? ""));
@@ -157,6 +157,7 @@ function $({
         re,
         {
           ref: p,
+          size: "lg",
           value: b,
           onChange: (m) => {
             h(m), e.object && m !== e.object.label && (d.current = void 0, s({ ...e, object: void 0 }));
@@ -194,8 +195,8 @@ function q({
   defaultRadiusKm: b = J,
   reverseGeocode: h
 }) {
-  var O, F, E, P;
-  const { t: d } = C("ui"), [n, f] = z(((O = e.place) == null ? void 0 : O.label) ?? ""), r = j((F = e.place) == null ? void 0 : F.value), l = e.geo ? "granted" : "pristine", [u, c] = z(l);
+  var O, z, E, P;
+  const { t: d } = C("ui"), [n, f] = W(((O = e.place) == null ? void 0 : O.label) ?? ""), r = j((z = e.place) == null ? void 0 : z.value), l = e.geo ? "granted" : "pristine", [u, c] = W(l);
   K(() => {
     var y, x, N;
     ((y = e.place) == null ? void 0 : y.value) !== r.current && (r.current = (x = e.place) == null ? void 0 : x.value, f(((N = e.place) == null ? void 0 : N.label) ?? ""));
@@ -291,6 +292,7 @@ function q({
             re,
             {
               ref: v,
+              size: "lg",
               value: n,
               onChange: (y) => {
                 var x, N;
@@ -339,7 +341,7 @@ function U({
   onChange: s,
   defaultRadiusKm: t = J
 }) {
-  const { t: i } = C("ui"), [p, v] = z(
+  const { t: i } = C("ui"), [p, v] = W(
     () => {
       var d;
       return _e(((d = e.geo) == null ? void 0 : d.radiusKm) ?? t);
@@ -561,8 +563,8 @@ function Re({ facets: e, value: s, onChange: t }) {
               n.key
             );
           const u = l ? ` (${r.length})` : "";
-          return /* @__PURE__ */ w(W.Root, { children: [
-            /* @__PURE__ */ a(W.Trigger, { asChild: !0, children: /* @__PURE__ */ w(
+          return /* @__PURE__ */ w(F.Root, { children: [
+            /* @__PURE__ */ a(F.Trigger, { asChild: !0, children: /* @__PURE__ */ w(
               "button",
               {
                 type: "button",
@@ -585,8 +587,8 @@ function Re({ facets: e, value: s, onChange: t }) {
                 ]
               }
             ) }),
-            /* @__PURE__ */ a(W.Content, { sideOffset: 8, align: "start", children: n.options.map((c) => /* @__PURE__ */ a(
-              W.CheckboxItem,
+            /* @__PURE__ */ a(F.Content, { sideOffset: 8, align: "start", children: n.options.map((c) => /* @__PURE__ */ a(
+              F.CheckboxItem,
               {
                 checked: r.includes(c.value),
                 onSelect: (g) => {
@@ -1086,7 +1088,7 @@ const Ve = ce(function({
   className: Q,
   ...D
 }, I) {
-  const { t: Z } = C("ui"), X = j(null), O = j(null), F = j(null), E = j(!1);
+  const { t: Z } = C("ui"), X = j(null), O = j(null), z = j(null), E = j(!1);
   K(() => {
     if (!E.current && s === "who-where-when") {
       if (l.when !== void 0) {
@@ -1144,7 +1146,7 @@ const Ve = ce(function({
     submitLabel: m,
     allowEmptySubmit: o,
     whoRef: O,
-    whereRef: F,
+    whereRef: z,
     cardLabel: N
   }, R = (() => {
     switch (s) {
@@ -1182,4 +1184,4 @@ export {
   Ve as P,
   we as p
 };
-//# sourceMappingURL=patient-search-Dy0sxcwv.js.map
+//# sourceMappingURL=patient-search-BPjP2__L.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "1.88.1",
+  "packageVersion": "1.89.0",
   "components": [
     {
       "kind": "component",
@@ -6498,7 +6498,7 @@
         {
           "name": "locale",
           "type": "string",
-          "description": "Active IETF language tag (e.g. \"en\", \"it\", \"ar\"). Initially uses storage, then HTML lang when initialLocaleFromHtmlLang is enabled, then the browser. Read after set_locale to confirm the switch; unknown tags leave it unchanged.",
+          "description": "Active IETF language tag (e.g. \"en\", \"it\", \"ar\"). Initially uses HTML lang first when followHtmlLang is enabled; otherwise storage, then HTML lang when initialLocaleFromHtmlLang is enabled, then the browser. Read after set_locale to confirm the switch; unknown tags leave it unchanged.",
           "descriptionKey": "ui.agent.headerSettings.state.locale"
         },
         {
@@ -6549,7 +6549,7 @@
               "note": "Switch to Italian."
             }
           ],
-          "description": "Switch the active locale to the given IETF tag. Unknown tags are silently dropped — read the `locale` state slot afterwards to confirm.",
+          "description": "Switch the active locale to the given IETF tag. Unknown tags are silently dropped — read the `locale` state slot afterwards to confirm. On a site with one address per language, the host may then load that language's address.",
           "descriptionKey": "ui.agent.headerSettings.actions.setLocale"
         },
         {
@@ -7552,7 +7552,7 @@
         {
           "name": "isSystemDefault",
           "type": "boolean",
-          "description": "True when following navigator.language. False for a saved or explicit choice, or when initialLocaleFromHtmlLang used the page language. Read alongside locale to distinguish browser detection from a concrete language selection.",
+          "description": "True when following navigator.language. False for a saved or explicit choice, or when initialLocaleFromHtmlLang or followHtmlLang used the page language. Read alongside locale to distinguish browser detection from a concrete language selection.",
           "descriptionKey": "ui.agent.localePicker.state.isSystemDefault"
         }
       ],

package/dist/agent-i18n/en.json

@@ -675,13 +675,13 @@
     },
     "headerSettings": {
       "state": {
-        "locale": "Active IETF language tag (e.g. \"en\", \"it\", \"ar\"). Initially uses storage, then HTML lang when initialLocaleFromHtmlLang is enabled, then the browser. Read after set_locale to confirm the switch; unknown tags leave it unchanged.",
+        "locale": "Active IETF language tag (e.g. \"en\", \"it\", \"ar\"). Initially uses HTML lang first when followHtmlLang is enabled; otherwise storage, then HTML lang when initialLocaleFromHtmlLang is enabled, then the browser. Read after set_locale to confirm the switch; unknown tags leave it unchanged.",
         "theme": "Stored base-theme preference. `'system'` means no override is set and the OS decides — read `resolvedTheme` for what is actually painted.",
         "accessibility": "Stored AAA-contrast preference. `'system'` means no override is set and `prefers-contrast` decides.",
         "resolvedTheme": "The theme actually applied to the document once preference and OS signals resolve. This is what makes a `set_theme(\"system\")` or `set_accessibility(\"system\")` write verifiable."
       },
       "actions": {
-        "setLocale": "Switch the active locale to the given IETF tag. Unknown tags are silently dropped — read the `locale` state slot afterwards to confirm.",
+        "setLocale": "Switch the active locale to the given IETF tag. Unknown tags are silently dropped — read the `locale` state slot afterwards to confirm. On a site with one address per language, the host may then load that language's address.",
         "setTheme": "Switch the theme preference. Verify with the `theme` slot (the stored preference) and `resolvedTheme` (what is actually painted).",
         "setAccessibility": "Switch the accessibility preference. Verify with the `accessibility` slot (the stored preference) and `resolvedTheme` (what is actually painted)."
       }
@@ -773,7 +773,7 @@
     "localePicker": {
       "state": {
         "locale": "Resolved IETF tag of the locale currently applied to the page. Read this after `set_locale` — the setter silently drops tags the kit ships no bundle for, so this is the only confirmation the switch landed.",
-        "isSystemDefault": "True when following navigator.language. False for a saved or explicit choice, or when initialLocaleFromHtmlLang used the page language. Read alongside locale to distinguish browser detection from a concrete language selection."
+        "isSystemDefault": "True when following navigator.language. False for a saved or explicit choice, or when initialLocaleFromHtmlLang or followHtmlLang used the page language. Read alongside locale to distinguish browser detection from a concrete language selection."
       },
       "actions": {
         "setLocale": "Switch the active locale to the given IETF tag. Unsupported tags are a silent no-op — read the `locale` state slot afterwards to confirm the switch landed."

package/dist/components/header-settings/header-settings.d.ts

@@ -1,5 +1,6 @@
 import { type HTMLAttributes } from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import { type LocaleChangeHandler } from '../locale-picker/locale-picker';
 import { type AccessibilityPreference, type ResolvedTheme, type ThemePreference } from '../../hooks';
 declare const wrapperVariants: (props?: ({
     align?: "end" | "start" | null | undefined;
@@ -26,6 +27,19 @@ export interface HeaderSettingsProps extends Omit<HTMLAttributes<HTMLDivElement>
      * decides for the app lifecycle; pass the same option to LocalePicker.
      */
     initialLocaleFromHtmlLang?: boolean;
+    /**
+     * The page's HTML lang decides the starting locale, ahead of a saved
+     * choice. For sites with one address per language, where the address
+     * decides. Defaults to false. Pass the same option to LocalePicker.
+     */
+    followHtmlLang?: boolean;
+    /**
+     * Called after a language picked in the menu (or set through the agent
+     * handle) has been applied and changed the language. Not called for the
+     * starting locale. A site with one address per language navigates to
+     * `resolved` here.
+     */
+    onLocaleChange?: LocaleChangeHandler;
 }
 export interface HeaderSettingsHandle {
     /**

package/dist/components/header-settings/index.js

@@ -1,4 +1,4 @@
-import { H as t } from "../../_chunks/header-settings-CifwJEKB.js";
+import { H as t } from "../../_chunks/header-settings-BVhjndtV.js";
 export {
   t as HeaderSettings
 };

package/dist/components/locale-picker/index.js

@@ -1,7 +1,8 @@
-import { L, a as c, b as r } from "../../_chunks/locale-picker-QbT1p60X.js";
+import { L as c, a as e, b as E, c as r } from "../../_chunks/locale-picker-DVvinQXU.js";
 export {
-  L as LOCALE_STORAGE_KEY,
-  c as LocalePicker,
+  c as LOCALE_STORAGE_KEY,
+  e as LOCALE_SYSTEM_DEFAULT,
+  E as LocalePicker,
   r as LocalePickerSearchList
 };
 //# sourceMappingURL=index.js.map

package/dist/components/locale-picker/locale-picker.d.ts

@@ -10,19 +10,30 @@ export declare const LOCALE_STORAGE_KEY = "alfadocs-ui.locale";
  */
 export declare const LOCALE_SYSTEM_DEFAULT: "system";
 export type LocalePreference = Locale | typeof LOCALE_SYSTEM_DEFAULT;
+/**
+ * Reports a language change: the picked preference, and the concrete locale it
+ * applied (the browser's for System default, which is what a site navigates to).
+ */
+export type LocaleChangeHandler = (next: LocalePreference, resolved: Locale) => void;
 /** @internal Simulate a fresh app lifecycle after test components unmount. */
 export declare function __resetLocalePreferenceForTests(): void;
+/**
+ * Calls `onLocaleChange` when a pick changed the language. Picking the language
+ * already shown (or System default resolving to it) reports nothing.
+ */
+export declare function reportLocaleChange(onLocaleChange: LocaleChangeHandler | undefined, next: LocalePreference, previous: Locale): void;
 /** Shared persistence for picker selections and HeaderSettings agent actions. */
 export declare function persistLocalePreference(next: LocalePreference): void;
 /**
  * Applies storage, optionally HTML lang, then the browser, once per app lifecycle.
+ * With `followHtmlLang`, a supported HTML lang comes first, ahead of storage.
  * Every locale surface calls it on mount (the picker, and HeaderSettings,
  * whose search list only mounts when its flyout opens), so the page starts
  * in the right language and direction whichever one the host renders.
  * The first caller whose mount effect runs decides the option for all surfaces.
  * Pass the same option everywhere; later mounts or prop changes do not re-detect.
  */
-export declare function useInitialLocale(initialLocaleFromHtmlLang?: boolean): void;
+export declare function useInitialLocale(initialLocaleFromHtmlLang?: boolean, followHtmlLang?: boolean): void;
 declare const wrapperVariants: (props?: ({
     variant?: "icon" | "compact" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -46,6 +57,19 @@ export interface LocalePickerProps extends Omit<HTMLAttributes<HTMLDivElement>,
      * decides for the app lifecycle; pass the same option to HeaderSettings.
      */
     initialLocaleFromHtmlLang?: boolean;
+    /**
+     * The page's HTML lang decides the starting locale, ahead of a saved
+     * choice. For sites with one address per language, where the address
+     * decides. Defaults to false. Pass the same option to HeaderSettings.
+     */
+    followHtmlLang?: boolean;
+    /**
+     * Called after the picker (or its agent handle) has applied a selection
+     * that changed the language. Uncontrolled mode only: with `onValueChange`
+     * it stays silent. A site with one address per language navigates to
+     * `resolved` here. Not called for the starting language.
+     */
+    onLocaleChange?: LocaleChangeHandler;
     /**
      * Side the search popover opens onto, relative to the trigger.
      * Defaults to `bottom` (standard dropdown). Use `end` (inline-end —
@@ -92,6 +116,12 @@ export interface LocalePickerSearchListProps {
      * or clears storage, updates document.dir/lang).
      */
     onValueChange?: (next: LocalePreference) => void;
+    /**
+     * Called after the shared setter has applied a selection that changed the
+     * language (uncontrolled mode only; with `onValueChange` it stays silent).
+     * A site with one address per language navigates to `resolved` here.
+     */
+    onLocaleChange?: LocaleChangeHandler;
     /** Optional id for the search input (axe `aria-labelledby` chain). */
     inputId?: string;
     /** Disable the input + list interactions. */

package/dist/components/patient-search/index.js

@@ -1,4 +1,4 @@
-import { P as t, p as r } from "../../_chunks/patient-search-Dy0sxcwv.js";
+import { P as t, p as r } from "../../_chunks/patient-search-BPjP2__L.js";
 export {
   t as PatientSearch,
   r as patientSearchAgent

package/dist/index.js

@@ -227,7 +227,7 @@ import { C as Dc, c as Oc } from "./_chunks/care-plan-header-BzsAg6oY.js";
 import { O as Lc, o as hc } from "./_chunks/operator-hero-6aAIQaFZ.js";
 import { P as yc, p as kc } from "./_chunks/practice-profile-hero-qfrsFQI_.js";
 import { P as Gc, p as vc } from "./_chunks/patient-details-D0P5eog5.js";
-import { P as Wc, p as wc } from "./_chunks/patient-search-Dy0sxcwv.js";
+import { P as Wc, p as wc } from "./_chunks/patient-search-BPjP2__L.js";
 import { P as Vc, p as Kc } from "./_chunks/patient-summary-card-6U74-ivO.js";
 import { A as Xc, a as qc } from "./_chunks/anamnesis-summary-card-DQ3iE1gD.js";
 import { B as jc, C as Qc, N as Zc, P as Jc, a as $c, T as aS, b as eS, g as sS, u as rS } from "./_chunks/balance-badge-cell-BHXJS8Ga.js";
@@ -268,7 +268,7 @@ import { E as iu } from "./_chunks/error-page-illustration-BdJLuMdV.js";
 import { F as mu, a as lu } from "./_chunks/forgot-password-form-BQPvDS7i.js";
 import { A as Au, a as fu, H as cu, b as Su, u as gu } from "./_chunks/help-me-write-templates-BJSf24xS.js";
 import { L as Tu, a as xu, b as uu } from "./_chunks/login-dev-card-DYwbL5sD.js";
-import { C as Eu, M as Iu, P as Ru } from "./_chunks/marketplace-app-shell-vON3WhD0.js";
+import { C as Eu, M as Iu, P as Ru } from "./_chunks/marketplace-app-shell-x_abo_ye.js";
 import { P as bu } from "./_chunks/payment-automation-upsell-D1YdO1xY.js";
 import { R as Du, a as Ou } from "./_chunks/registration-form-DmP3YUfp.js";
 import { R as Lu, a as hu } from "./_chunks/reset-password-form-Cf9QPEJu.js";

package/dist/patterns/marketplace-app-shell/index.js

@@ -1,4 +1,4 @@
-import { C as l, M as o } from "../../_chunks/marketplace-app-shell-vON3WhD0.js";
+import { C as l, M as o } from "../../_chunks/marketplace-app-shell-x_abo_ye.js";
 export {
   l as ConnectWithAlfadocs,
   o as MarketplaceAppShell

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "1.88.1",
+  "version": "1.89.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",