@alfadocs/ui-kit 0.23.0 → 0.25.0

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

@@ -0,0 +1,232 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { forwardRef as T, useRef as g, useImperativeHandle as A, useCallback as C, useMemo as I } from "react";
+import { c as N } from "../../_chunks/index-D2ZczOXr.js";
+import { useTranslation as E } from "react-i18next";
+import { I as o } from "../../_chunks/icon-button-C4CGcYuz.js";
+import { I as R } from "../../_chunks/icon-button-group-DeV3FpNY.js";
+import { D as r } from "../../_chunks/dropdown-menu-DZxwF23X.js";
+import { S as x } from "../../_chunks/switch-D916VW86.js";
+import { c as v, a as M, L as _ } from "../../_chunks/locale-picker-BxEUUPW7.js";
+import { u as H } from "../../_chunks/use-locale-BkCIHujH.js";
+import { u as O } from "../../_chunks/use-theme-B1cwAXJR.js";
+import { u as P } from "../../_chunks/registry-C9nwlNyL.js";
+import { S as K } from "../../_chunks/settings-ca2Yi9R8.js";
+import { S as j, M as D, a as V } from "../../_chunks/sun-Eweh5fvi.js";
+const z = {
+  id: "header-settings",
+  capabilities: ["view_change"],
+  state: {},
+  actions: {
+    set_locale: {
+      safety: "write",
+      argsType: "{ locale: string }",
+      descriptionKey: "ui.agent.headerSettings.actions.setLocale",
+      description: "Switch the active locale to the given IETF tag.",
+      invoke: (t, i) => {
+        t.setLocale(i.locale);
+      }
+    },
+    set_theme: {
+      safety: "write",
+      argsType: '{ theme: "light" | "dark" | "system" }',
+      descriptionKey: "ui.agent.headerSettings.actions.setTheme",
+      description: "Switch the theme preference.",
+      invoke: (t, i) => {
+        t.setTheme(i.theme);
+      }
+    },
+    set_accessibility: {
+      safety: "write",
+      argsType: '{ accessibility: "default" | "accessible" }',
+      descriptionKey: "ui.agent.headerSettings.actions.setAccessibility",
+      description: "Switch the accessibility preference.",
+      invoke: (t, i) => {
+        t.setAccessibility(i.accessibility);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "header-settings",
+      description: "Marks the HeaderSettings wrapper."
+    }
+  }
+};
+function B(t, i) {
+  if (!(typeof window > "u"))
+    try {
+      window.localStorage.setItem(t, i);
+    } catch {
+    }
+}
+function G(t) {
+  if (typeof document > "u") return;
+  const i = document.documentElement;
+  i.lang = t, i.dir = v[t].dir;
+}
+const W = N("ds:inline-flex ds:items-center", {
+  variants: {
+    align: {
+      start: "",
+      end: ""
+    }
+  },
+  defaultVariants: { align: "end" }
+}), F = [
+  "ds:w-[20rem] ds:p-[var(--spacing-xs)]",
+  "ds:rounded-[var(--radius-md)] ds:border ds:border-border",
+  "ds:bg-background ds:text-foreground ds:shadow-[var(--shadow-lg)]"
+].join(" "), U = T(
+  (t, i) => {
+    const {
+      align: p = "end",
+      disabled: y = !1,
+      className: S,
+      id: m,
+      ...w
+    } = t, { t: s } = E(), n = O(), { setLocale: h } = H(), u = g(null);
+    A(i, () => u.current, []);
+    const f = C(
+      (a) => {
+        h(a), G(a), B(_, a);
+      },
+      [h]
+    ), b = g(f);
+    b.current = f;
+    const c = g(n);
+    c.current = n;
+    const L = I(
+      () => ({
+        setLocale: (a) => {
+          Object.prototype.hasOwnProperty.call(v, a) && b.current(a);
+        },
+        setTheme: (a) => c.current.setTheme(a),
+        setAccessibility: (a) => c.current.setAccessibility(a)
+      }),
+      []
+    );
+    P(z, L, m);
+    const k = n.accessibility === "accessible";
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: u,
+        "data-component": "header-settings",
+        "data-component-id": m,
+        className: W({ align: p, className: S }),
+        ...w,
+        children: /* @__PURE__ */ d(r.Root, { children: [
+          /* @__PURE__ */ e(r.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+            o,
+            {
+              disabled: y,
+              icon: /* @__PURE__ */ e(K, { "aria-hidden": !0 }),
+              "aria-label": s("navigation.headerSettings.trigger")
+            }
+          ) }),
+          /* @__PURE__ */ e(r.Portal, { children: /* @__PURE__ */ d(
+            r.Content,
+            {
+              align: p,
+              sideOffset: 8,
+              className: F,
+              onKeyDownCapture: (a) => {
+                const l = a.target;
+                (l == null ? void 0 : l.tagName) === "INPUT" && // Always allow Escape so the menu can close.
+                a.key !== "Escape" && a.stopPropagation();
+              },
+              children: [
+                /* @__PURE__ */ e(r.Label, { children: s("navigation.headerSettings.language.label") }),
+                /* @__PURE__ */ e(
+                  "div",
+                  {
+                    role: "group",
+                    "aria-label": s("navigation.headerSettings.language.label"),
+                    className: "ds:py-[var(--spacing-xs)]",
+                    children: /* @__PURE__ */ e(M.SearchList, {})
+                  }
+                ),
+                /* @__PURE__ */ e(r.Separator, {}),
+                /* @__PURE__ */ e(r.Label, { children: s("navigation.headerSettings.appearance.label") }),
+                /* @__PURE__ */ e(
+                  "div",
+                  {
+                    role: "group",
+                    "aria-label": s("navigation.headerSettings.appearance.label"),
+                    className: "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
+                    children: /* @__PURE__ */ d(
+                      R,
+                      {
+                        role: "radiogroup",
+                        mode: "toggle-single",
+                        size: "sm",
+                        "aria-label": s("navigation.headerSettings.appearance.label"),
+                        value: n.theme,
+                        onValueChange: (a) => n.setTheme(a),
+                        children: [
+                          /* @__PURE__ */ e(
+                            o,
+                            {
+                              icon: /* @__PURE__ */ e(j, { "aria-hidden": !0 }),
+                              "aria-label": s("navigation.headerSettings.appearance.light"),
+                              value: "light"
+                            }
+                          ),
+                          /* @__PURE__ */ e(
+                            o,
+                            {
+                              icon: /* @__PURE__ */ e(D, { "aria-hidden": !0 }),
+                              "aria-label": s("navigation.headerSettings.appearance.dark"),
+                              value: "dark"
+                            }
+                          ),
+                          /* @__PURE__ */ e(
+                            o,
+                            {
+                              icon: /* @__PURE__ */ e(V, { "aria-hidden": !0 }),
+                              "aria-label": s(
+                                "navigation.headerSettings.appearance.system"
+                              ),
+                              value: "system"
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ e(r.Separator, {}),
+                /* @__PURE__ */ e(
+                  "div",
+                  {
+                    role: "group",
+                    "aria-label": s(
+                      "navigation.headerSettings.appearance.accessible"
+                    ),
+                    className: "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]",
+                    children: /* @__PURE__ */ e(
+                      x,
+                      {
+                        label: s("navigation.headerSettings.appearance.accessible"),
+                        labelSide: "start",
+                        size: "sm",
+                        checked: k,
+                        onCheckedChange: (a) => n.setAccessibility(a ? "accessible" : "default")
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ) })
+        ] })
+      }
+    );
+  }
+);
+U.displayName = "HeaderSettings";
+export {
+  U as HeaderSettings
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/theme-toggle/index.js

@@ -1,4 +1,4 @@
-import { T as o, t } from "../../_chunks/theme-toggle-BswYl0Yp.js";
+import { T as o, t } from "../../_chunks/theme-toggle-FrotC2VI.js";
 export {
   o as ThemeToggle,
   t as themeToggleAgent

package/dist/components/timeline/index.js

@@ -1,4 +1,4 @@
-import { T as t, t as m } from "../../_chunks/timeline-Czeqr3HF.js";
+import { T as t, t as m } from "../../_chunks/timeline-jmd7lfDf.js";
 export {
   t as Timeline,
   m as timelineAgent

package/dist/components/whatsapp-button/index.js

@@ -1,4 +1,4 @@
-import { W as p } from "../../_chunks/whatsapp-button-CtlLwM3M.js";
+import { W as p } from "../../_chunks/whatsapp-button-DUjlWGKf.js";
 export {
   p as WhatsAppButton
 };

package/dist/components/whatsapp-button/whatsapp-button.d.ts

@@ -22,10 +22,23 @@ export interface WhatsAppButtonProps extends Omit<AnchorHTMLAttributes<HTMLAncho
     message?: string;
     /**
      * Override the visible / accessible label. Defaults to
-     * `t('whatsApp.label')` for the pill variant and
+     * `t('whatsApp.label')` (or `t('whatsApp.questionPrompt')` when
+     * `tone="question"`) for the pill variant, and
      * `t('whatsApp.fabLabel')` for the FAB.
      */
     label?: ReactNode;
+    /**
+     * Copy tone for the pill variant.
+     * - `standard` (default) — brief "Chat on WhatsApp" affordance.
+     * - `question` — invitational "Have questions? Chat on WhatsApp"
+     *   copy. Routes through `t('whatsApp.questionPrompt')`. Use on
+     *   public-facing surfaces (booking pages, marketing) where the
+     *   button is the only prompt encouraging engagement.
+     *
+     * Ignored for `variant="fab"` — the floating action button is
+     * glyph-only and its `aria-label` stays concise via `fabLabel`.
+     */
+    tone?: 'standard' | 'question';
 }
 export declare const WhatsAppButton: import("react").ForwardRefExoticComponent<WhatsAppButtonProps & import("react").RefAttributes<HTMLAnchorElement>>;
 export {};

package/dist/components/workflow/index.js

@@ -1,4 +1,4 @@
-import { C as r, W as e, a as s, b as d, c as w, i as t, l as f, m as l, r as i, w as k, d as n, e as A, f as C } from "../../_chunks/workflow-map-712GL-8u.js";
+import { C as r, W as e, a as s, b as d, c as w, i as t, l as f, m as l, r as i, w as k, d as n, e as A, f as C } from "../../_chunks/workflow-map-BR6txfFX.js";
 export {
   r as CORE_PATIENT_FIELDS,
   e as WorkflowCard,

package/dist/hooks/index.js

@@ -1,15 +1,16 @@
 import { u as D } from "../_chunks/use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as w, a as _, b as k } from "../_chunks/use-locale-C5rS3Xon.js";
-import { u as g } from "../_chunks/use-count-up-BLLetaZ8.js";
-import { A as M, T as O, a as H, r as R, t as Y, u as q } from "../_chunks/use-theme-B1cwAXJR.js";
-import { u as G } from "../_chunks/use-controllable-state-BiY4xTzM.js";
-import { u as U } from "../_chunks/use-copy-to-clipboard-Cyfc_dlv.js";
-import { u as j } from "../_chunks/use-debounced-callback-BisrB-Fq.js";
-import { useState as p, useEffect as l, useRef as T, useLayoutEffect as x } from "react";
-import { u as z, a as J } from "../_chunks/use-direction-D6rvvG9G.js";
-import { u as W } from "../_chunks/use-persistent-state-i23OWy6G.js";
+import { u as w, a as _ } from "../_chunks/use-scroll-to-first-error-BrK7dKB_.js";
+import { u as I } from "../_chunks/use-count-up-BLLetaZ8.js";
+import { u as K } from "../_chunks/use-locale-BkCIHujH.js";
+import { A as O, T as H, a as R, r as Y, t as q, u as B } from "../_chunks/use-theme-B1cwAXJR.js";
+import { u as P } from "../_chunks/use-controllable-state-BiY4xTzM.js";
+import { u as V } from "../_chunks/use-copy-to-clipboard-Cyfc_dlv.js";
+import { u as Q } from "../_chunks/use-debounced-callback-BisrB-Fq.js";
+import { useState as b, useEffect as l, useRef as T, useLayoutEffect as x } from "react";
+import { u as J, a as N } from "../_chunks/use-direction-D6rvvG9G.js";
+import { u as X } from "../_chunks/use-persistent-state-i23OWy6G.js";
 function S(e, t) {
-  const [o, s] = p(e);
+  const [o, s] = b(e);
   return l(() => {
     if (t <= 0) {
       s(e);
@@ -62,8 +63,8 @@ function C(e, t = {}) {
         r.preventDefault();
         return;
       }
-      const m = c[0], b = c[c.length - 1], i = document.activeElement;
-      r.shiftKey ? (i === m || !n.contains(i)) && (r.preventDefault(), b.focus()) : (i === b || !n.contains(i)) && (r.preventDefault(), m.focus());
+      const m = c[0], p = c[c.length - 1], i = document.activeElement;
+      r.shiftKey ? (i === m || !n.contains(i)) && (r.preventDefault(), p.focus()) : (i === p || !n.contains(i)) && (r.preventDefault(), m.focus());
     }
     return u.addEventListener("keydown", d), () => {
       if (u.removeEventListener("keydown", d), a && f.current) {
@@ -77,25 +78,25 @@ function C(e, t = {}) {
 }
 const L = typeof window < "u" ? x : l;
 export {
-  M as ACCESSIBILITY_STORAGE_KEY,
-  O as THEME_CLASS,
-  H as THEME_STORAGE_KEY,
-  R as resolveTheme,
-  Y as themeClassList,
-  G as useControllableState,
-  U as useCopyToClipboard,
-  g as useCountUp,
-  j as useDebouncedCallback,
+  O as ACCESSIBILITY_STORAGE_KEY,
+  H as THEME_CLASS,
+  R as THEME_STORAGE_KEY,
+  Y as resolveTheme,
+  q as themeClassList,
+  P as useControllableState,
+  V as useCopyToClipboard,
+  I as useCountUp,
+  Q as useDebouncedCallback,
   S as useDebouncedValue,
-  z as useDirection,
-  J as useDocumentDirection,
+  J as useDirection,
+  N as useDocumentDirection,
   C as useFocusTrap,
   L as useIsomorphicLayoutEffect,
-  w as useLocale,
-  _ as useMediaQuery,
-  W as usePersistentState,
+  K as useLocale,
+  w as useMediaQuery,
+  X as usePersistentState,
   D as usePrefersReducedMotion,
-  k as useScrollToFirstError,
-  q as useTheme
+  _ as useScrollToFirstError,
+  B as useTheme
 };
 //# sourceMappingURL=index.js.map