@alfadocs/ui-kit-debug 0.70.0 → 0.71.0

package/dist/_chunks/care-plan-header-DcXFXWit.js

@@ -0,0 +1,198 @@
+import { jsx as r, jsxs as n, Fragment as N } from "react/jsx-runtime";
+import { forwardRef as F, useId as M } from "react";
+import { useTranslation as U } from "react-i18next";
+import { B as P } from "./badge-DCOqV9mI.js";
+import { a as G } from "./key-value-pair-BrgbMfbF.js";
+import { L as O } from "./link-DrD_cRUg.js";
+import { S as $ } from "./separator-CYU_bGFn.js";
+import { T as A } from "./timestamp-BV2lC-wV.js";
+import { u as q } from "./registry-DvAUVLHh.js";
+import { C as J, e as Q } from "./entity-card-DmrgYSEX.js";
+import { i as W } from "./is-safe-url-DkETxeHz.js";
+const X = {
+  id: "care-plan-header",
+  capabilities: [],
+  state: {
+    state: {
+      type: "'estimate' | 'accepted' | 'discarded' | 'closed'",
+      descriptionKey: "ui.agent.carePlanHeader.state.state",
+      description: "The plan lifecycle state. Enum value only — never the localised label or any PHI.",
+      read: (o) => o.getState()
+    },
+    alertCount: {
+      type: "number",
+      descriptionKey: "ui.agent.carePlanHeader.state.alertCount",
+      description: "How many attention alerts (e.g. missing signature) are showing. Count only — never the alert labels.",
+      read: (o) => o.getAlertCount()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "care-plan-header",
+      description: "Marks the CarePlanHeader root region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Addresses a specific plan header."
+    }
+  }
+}, Y = {
+  estimate: "Estimate",
+  accepted: "Accepted",
+  discarded: "Discarded",
+  closed: "Closed"
+}, Z = {
+  warning: "warning",
+  error: "error",
+  info: "info"
+}, ee = F(
+  function({
+    id: c,
+    number: I,
+    numberLabel: w,
+    name: t,
+    state: s,
+    url: p,
+    alerts: d,
+    meta: m,
+    dates: e,
+    actions: f,
+    headingTag: H = "h3",
+    surface: L = "elevated",
+    density: T = "comfortable",
+    locale: E,
+    onActivate: g,
+    "aria-label": u,
+    className: S,
+    ...k
+  }, D) {
+    const { t: l, i18n: K } = U(), h = M(), v = E ?? K.language ?? "en";
+    q(
+      X,
+      {
+        getState: () => s,
+        getAlertCount: () => (d == null ? void 0 : d.length) ?? 0
+      },
+      c
+    );
+    const _ = w ?? l("carePlanCard.number", {
+      number: I,
+      defaultValue: "Care plan {{number}}"
+    }), B = l(`carePlanCard.state.${s}`, {
+      defaultValue: Y[s]
+    }), R = t != null && t !== "", V = !!p && W(p), z = !!d && d.length > 0, x = !!m && m.length > 0, y = s === "accepted" ? e == null ? void 0 : e.acceptedIso : s === "closed" ? e == null ? void 0 : e.closedIso : s === "discarded" ? e == null ? void 0 : e.discardedIso : void 0, i = [];
+    e != null && e.acceptedIso && s !== "accepted" && i.push({
+      key: "accepted",
+      label: l("carePlanCard.date.accepted", "Accepted on"),
+      iso: e.acceptedIso
+    }), e != null && e.closedIso && s !== "closed" && i.push({
+      key: "closed",
+      label: l("carePlanCard.date.closed", "Closed on"),
+      iso: e.closedIso
+    }), e != null && e.discardedIso && s !== "discarded" && i.push({
+      key: "discarded",
+      label: l("carePlanCard.date.discarded", "Discarded on"),
+      iso: e.discardedIso
+    });
+    const b = i.length > 0, C = /* @__PURE__ */ r(
+      H,
+      {
+        id: h,
+        className: "type-title-card ds:m-0 ds:text-[color:var(--foreground)]",
+        children: R ? t : _
+      }
+    ), j = b ? /* @__PURE__ */ r("div", { className: "type-body-sm ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-2xs)] ds:text-[color:var(--muted-foreground)]", children: i.map((a) => /* @__PURE__ */ n(
+      "span",
+      {
+        className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
+        children: [
+          /* @__PURE__ */ r("span", { children: a.label }),
+          /* @__PURE__ */ r(A, { value: a.iso, format: "absolute", locale: v })
+        ]
+      },
+      a.key
+    )) }) : null;
+    return /* @__PURE__ */ r(
+      "section",
+      {
+        ref: D,
+        "aria-label": u,
+        "aria-labelledby": u ? void 0 : h,
+        "data-component": "care-plan-header",
+        "data-component-id": c,
+        "data-state": s,
+        id: c,
+        className: Q({ surface: L, density: T, className: S }),
+        ...k,
+        children: /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+          /* @__PURE__ */ n("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ r("div", { className: "ds:min-w-0 ds:flex-1", children: V ? /* @__PURE__ */ r(
+              O,
+              {
+                href: p,
+                weight: "strong",
+                onClick: (a) => {
+                  a.defaultPrevented || a.metaKey || a.ctrlKey || a.shiftKey || g == null || g();
+                },
+                children: C
+              }
+            ) : C }),
+            f ? /* @__PURE__ */ r("div", { className: "ds:flex ds:shrink-0 ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: f }) : null
+          ] }),
+          /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ n(P, { variant: J[s], size: "md", withDot: !0, children: [
+              B,
+              y ? /* @__PURE__ */ n(N, { children: [
+                " · ",
+                /* @__PURE__ */ r(
+                  A,
+                  {
+                    value: y,
+                    format: "absolute",
+                    locale: v,
+                    shape: "bare"
+                  }
+                )
+              ] }) : null
+            ] }),
+            z ? d.map((a) => /* @__PURE__ */ r(
+              P,
+              {
+                variant: Z[a.tone ?? "warning"],
+                size: "md",
+                leading: a.icon,
+                children: a.label
+              },
+              a.id
+            )) : null
+          ] }),
+          x || b ? /* @__PURE__ */ n(N, { children: [
+            /* @__PURE__ */ r($, { orientation: "horizontal" }),
+            /* @__PURE__ */ n("div", { className: "ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+              x ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-wrap ds:gap-x-[var(--spacing-lg)] ds:gap-y-[var(--spacing-xs)]", children: m.map((a) => /* @__PURE__ */ r(
+                G,
+                {
+                  label: a.label,
+                  value: a.value,
+                  icon: a.icon ?? void 0,
+                  "data-field-id": a.id
+                },
+                a.id
+              )) }) : null,
+              j
+            ] })
+          ] }) : null
+        ] })
+      }
+    );
+  }
+);
+ee.displayName = "CarePlanHeader";
+export {
+  ee as C,
+  X as c
+};
+//# sourceMappingURL=care-plan-header-DcXFXWit.js.map

package/dist/_chunks/care-plan-header-DcXFXWit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"care-plan-header-DcXFXWit.js","sources":["../../src/components/care-plan-header/care-plan-header.agent.ts","../../src/components/care-plan-header/care-plan-header.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — CarePlanHeader.                                        */\n/*                                                                        */\n/* Read-only surface: expose the plan's lifecycle state and the count of  */\n/* attention alerts so an agent can introspect a plan header's status.    */\n/* Enum + count only — never the plan name, the meta values (operator,    */\n/* price list, …), or any patient identity. The actions slot is           */\n/* consumer-provided, so no backing action is registered.                 */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { CarePlanHeaderHandle } from './care-plan-header';\n\nexport const carePlanHeaderAgent: AgentAdapter<CarePlanHeaderHandle> = {\n  id: 'care-plan-header',\n  capabilities: [],\n  state: {\n    state: {\n      type: \"'estimate' | 'accepted' | 'discarded' | 'closed'\",\n      descriptionKey: 'ui.agent.carePlanHeader.state.state',\n      description:\n        'The plan lifecycle state. Enum value only — never the localised label or any PHI.',\n      read: (handle) => handle.getState(),\n    },\n    alertCount: {\n      type: 'number',\n      descriptionKey: 'ui.agent.carePlanHeader.state.alertCount',\n      description:\n        'How many attention alerts (e.g. missing signature) are showing. Count only — never the alert labels.',\n      read: (handle) => handle.getAlertCount(),\n    },\n  },\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'care-plan-header',\n      description: 'Marks the CarePlanHeader root region.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Addresses a specific plan header.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useId,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Badge, type BadgeProps } from '../badge/badge';\nimport { KeyValuePair } from '../key-value-pair/key-value-pair';\nimport { Link } from '../link/link';\nimport { Separator } from '../separator/separator';\nimport { Timestamp } from '../timestamp/timestamp';\nimport {\n  entitySurfaceVariants,\n  CARE_PLAN_STATE_BADGE,\n  isSafeEntityUrl,\n  type CarePlanState,\n} from '../_shared/entity-card';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { carePlanHeaderAgent } from './care-plan-header.agent';\n\n/* -------------------------------------------------------------------- */\n/* CarePlanHeader                                                         */\n/*                                                                        */\n/* The identity + meta BANNER for a care plan / estimate — the header     */\n/* that crowns an editor or a detail view. The lighter sibling of         */\n/* `CarePlanCard`: where that card is the read-only WHOLE-plan summary     */\n/* (financials + a phase-progress bar + an entries accordion),            */\n/* CarePlanHeader is just the plan's identity (number, name, lifecycle     */\n/* badge), its attention alerts (e.g. a missing signature), a consumer-    */\n/* labelled meta strip (operator, price list, …), lifecycle dates, and an  */\n/* actions slot. It carries NO entries / financials, so it sits cleanly    */\n/* atop an EDITABLE surface (odontogram + treatments table) without        */\n/* duplicating it.                                                         */\n/*                                                                        */\n/* Composes: entitySurfaceVariants (the shared entity-card surface) +      */\n/* Badge (lifecycle state + alerts) + Timestamp (dates) + Link (deep       */\n/* link) + KeyValuePair (meta). Reuses the `carePlanCard.*` lifecycle /    */\n/* number / date vocabulary, so the header and the summary card speak the  */\n/* SAME localised plan language. Identifiers + structural state only reach  */\n/* the agent layer — never patient identity.                              */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                           */\n/* -------------------------------------------------------------------- */\n\nexport type { CarePlanState } from '../_shared/entity-card';\n\n/** Heading element the plan name / number renders as. */\nexport type CarePlanHeaderHeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\n/** Tone of an attention alert chip → the Badge variant it paints with. */\nexport type CarePlanHeaderAlertTone = 'warning' | 'error' | 'info';\n\n/**\n * One attention alert shown as a chip beneath the heading — e.g. a missing\n * signature, an expired estimate. The kit owns the chip; the consumer owns the\n * (already-localised) label and the meaning.\n */\nexport interface CarePlanHeaderAlert {\n  /** Stable key — identifier only, never PHI. Keys the chip + agent count. */\n  id: string;\n  /** Already-localised label (consumer-provided). */\n  label: ReactNode;\n  /** Severity tone. Defaults to `warning`. */\n  tone?: CarePlanHeaderAlertTone;\n  /** Optional leading glyph (a single lucide element). */\n  icon?: ReactElement;\n}\n\n/**\n * One meta fact in the footer strip — operator, price list, referrer, …. The\n * label is consumer-localised; the value is any node (text, an Avatar + name,\n * a Link). Rendered through the shared `KeyValuePair`.\n */\nexport interface CarePlanHeaderMetaItem {\n  /** Stable key — identifier only, never PHI. */\n  id: string;\n  /** Already-localised label (consumer-provided). */\n  label: string;\n  /** Value node. */\n  value: ReactNode;\n  /** Optional leading glyph for the pair (a single lucide element). */\n  icon?: ReactElement | null;\n}\n\n/** Lifecycle dates — each an ISO-8601 string, rendered via `Timestamp`. */\nexport interface CarePlanHeaderDates {\n  /** Acceptance date. */\n  acceptedIso?: string;\n  /** Closure date. */\n  closedIso?: string;\n  /** Discard date. */\n  discardedIso?: string;\n}\n\n/**\n * Imperative handle the agent adapter drives. Reads only structural state —\n * the lifecycle enum and the count of alerts. Never the plan name, the meta\n * values, or any patient identity.\n */\nexport interface CarePlanHeaderHandle {\n  /** The plan lifecycle state (enum, never the localised label). */\n  getState: () => CarePlanState;\n  /** How many attention alerts are showing. */\n  getAlertCount: () => number;\n}\n\nexport interface CarePlanHeaderProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'title'\n> {\n  /** Agent-readiness instance id, surfaced as `data-component-id`. */\n  id?: string;\n  /**\n   * Plan number — used as the heading when no `name` is given (matching\n   * platform's `getPresentationName()`, which falls back to `Piano #{number}`)\n   * and as the plan's structural identity for the agent layer.\n   */\n  number: string | number;\n  /**\n   * Override the number-as-heading label (e.g. a consumer's own `Plan #15`),\n   * used ONLY when no `name` is given. Defaults to the localised\n   * `Care plan {{number}}` shared with `CarePlanCard`, so the two surfaces read\n   * alike unless a consumer opts out. With a `name` present the number is not\n   * shown — platform draws no separate plan-number eyebrow.\n   */\n  numberLabel?: ReactNode;\n  /** Plan name — the title heading. Omit for a number-only header. */\n  name?: ReactNode;\n  /** Lifecycle state — drives the badge variant + localised label. */\n  state: CarePlanState;\n  /** Deep link for the heading. Rendered only when it passes the safe-URL gate. */\n  url?: string;\n  /** Attention alerts (e.g. signature missing) shown as chips under the heading. */\n  alerts?: CarePlanHeaderAlert[];\n  /** Consumer-labelled meta facts (operator, price list, …) in the footer. */\n  meta?: CarePlanHeaderMetaItem[];\n  /**\n   * Lifecycle dates. The date matching the current `state` is folded into the\n   * lifecycle badge (e.g. \"Accepted · {date}\"), making the badge self-describing;\n   * any other date (e.g. the acceptance date of a now-closed plan) renders as a\n   * muted `Timestamp` line beneath the meta.\n   */\n  dates?: CarePlanHeaderDates;\n  /** Inline-end actions slot (e.g. Share / Print). */\n  actions?: ReactNode;\n  /** Heading element the name / number renders as. Defaults to `h3`. */\n  headingTag?: CarePlanHeaderHeadingTag;\n  /** `elevated` (default) paints the kit card chrome; `flat` drops it. */\n  surface?: 'flat' | 'elevated';\n  /** Internal padding density. Defaults to `comfortable`. */\n  density?: 'comfortable' | 'compact';\n  /** BCP-47 locale override for the dates. Defaults to `i18n.language`. */\n  locale?: string;\n  /** Fires when the plan deep link / heading is activated. */\n  onActivate?: () => void;\n  /** Accessible name override for the plan region (defaults to the heading). */\n  'aria-label'?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Helpers                                                                */\n/* -------------------------------------------------------------------- */\n\n/** English fallbacks for the (reused) lifecycle-state labels. */\nconst STATE_LABEL_FALLBACK: Record<CarePlanState, string> = {\n  estimate: 'Estimate',\n  accepted: 'Accepted',\n  discarded: 'Discarded',\n  closed: 'Closed',\n};\n\nconst ALERT_TONE_VARIANT: Record<\n  CarePlanHeaderAlertTone,\n  NonNullable<BadgeProps['variant']>\n> = {\n  warning: 'warning',\n  error: 'error',\n  info: 'info',\n};\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const CarePlanHeader = forwardRef<HTMLElement, CarePlanHeaderProps>(\n  function CarePlanHeader(\n    {\n      id,\n      number,\n      numberLabel,\n      name,\n      state,\n      url,\n      alerts,\n      meta,\n      dates,\n      actions,\n      headingTag = 'h3',\n      surface = 'elevated',\n      density = 'comfortable',\n      locale,\n      onActivate,\n      'aria-label': ariaLabel,\n      className,\n      ...rest\n    },\n    ref,\n  ) {\n    const { t, i18n } = useTranslation();\n    const headingId = useId();\n    const activeLocale = locale ?? i18n.language ?? 'en';\n\n    useAgentRegistration(\n      carePlanHeaderAgent,\n      {\n        getState: () => state,\n        getAlertCount: () => alerts?.length ?? 0,\n      },\n      id,\n    );\n\n    const resolvedNumberLabel =\n      numberLabel ??\n      t('carePlanCard.number', {\n        number,\n        defaultValue: 'Care plan {{number}}',\n      });\n    const stateLabel = t(`carePlanCard.state.${state}`, {\n      defaultValue: STATE_LABEL_FALLBACK[state],\n    });\n\n    const hasName = name != null && name !== '';\n    const hasSafeUrl = !!url && isSafeEntityUrl(url);\n    const hasAlerts = !!alerts && alerts.length > 0;\n    const hasMeta = !!meta && meta.length > 0;\n\n    // The date that matches the CURRENT lifecycle state rides INSIDE the state\n    // badge (e.g. \"Accepted · {date}\") — the badge becomes self-describing. Any\n    // OTHER dates (e.g. the acceptance date of a now-closed plan) remain in the\n    // muted footer line below.\n    const stateDateIso =\n      state === 'accepted'\n        ? dates?.acceptedIso\n        : state === 'closed'\n          ? dates?.closedIso\n          : state === 'discarded'\n            ? dates?.discardedIso\n            : undefined;\n\n    const footerDates: Array<{ key: string; label: string; iso: string }> = [];\n    if (dates?.acceptedIso && state !== 'accepted') {\n      footerDates.push({\n        key: 'accepted',\n        label: t('carePlanCard.date.accepted', 'Accepted on'),\n        iso: dates.acceptedIso,\n      });\n    }\n    if (dates?.closedIso && state !== 'closed') {\n      footerDates.push({\n        key: 'closed',\n        label: t('carePlanCard.date.closed', 'Closed on'),\n        iso: dates.closedIso,\n      });\n    }\n    if (dates?.discardedIso && state !== 'discarded') {\n      footerDates.push({\n        key: 'discarded',\n        label: t('carePlanCard.date.discarded', 'Discarded on'),\n        iso: dates.discardedIso,\n      });\n    }\n    const hasDates = footerDates.length > 0;\n\n    const Heading = headingTag;\n    const headingNode = (\n      <Heading\n        id={headingId}\n        className=\"type-title-card ds:m-0 ds:text-[color:var(--foreground)]\"\n      >\n        {hasName ? name : resolvedNumberLabel}\n      </Heading>\n    );\n\n    const datesLine = hasDates ? (\n      <div className=\"type-body-sm ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-2xs)] ds:text-[color:var(--muted-foreground)]\">\n        {footerDates.map((d) => (\n          <span\n            key={d.key}\n            className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\"\n          >\n            <span>{d.label}</span>\n            <Timestamp value={d.iso} format=\"absolute\" locale={activeLocale} />\n          </span>\n        ))}\n      </div>\n    ) : null;\n\n    return (\n      <section\n        ref={ref}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabel ? undefined : headingId}\n        data-component=\"care-plan-header\"\n        data-component-id={id}\n        data-state={state}\n        id={id}\n        className={entitySurfaceVariants({ surface, density, className })}\n        {...rest}\n      >\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n          {/* Heading row: the plan's single title (name, or the number label as\n              a fallback when unnamed — platform's `getPresentationName()`) on\n              the inline-start, the document actions docked inline-end. */}\n          <div className=\"ds:flex ds:items-start ds:gap-[var(--spacing-sm)]\">\n            <div className=\"ds:min-w-0 ds:flex-1\">\n              {hasSafeUrl ? (\n                <Link\n                  href={url as string}\n                  weight=\"strong\"\n                  onClick={(event) => {\n                    if (\n                      event.defaultPrevented ||\n                      event.metaKey ||\n                      event.ctrlKey ||\n                      event.shiftKey\n                    ) {\n                      return;\n                    }\n                    onActivate?.();\n                  }}\n                >\n                  {headingNode}\n                </Link>\n              ) : (\n                headingNode\n              )}\n            </div>\n            {actions ? (\n              <div className=\"ds:flex ds:shrink-0 ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\">\n                {actions}\n              </div>\n            ) : null}\n          </div>\n\n          {/* Lifecycle state + attention alerts — chips beneath the title. The\n              state badge always leads the row; consumer alerts (e.g. a missing\n              signature) follow. Size + gap match the shared metadata-chip strip\n              (Badge `md` default + `gap-xs`) used by PatientSummaryCard and the\n              PatientDetails header, so every card on a patient screen reads with\n              one chip rhythm. */}\n          <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\">\n            <Badge variant={CARE_PLAN_STATE_BADGE[state]} size=\"md\" withDot>\n              {stateLabel}\n              {stateDateIso ? (\n                <>\n                  {' · '}\n                  <Timestamp\n                    value={stateDateIso}\n                    format=\"absolute\"\n                    locale={activeLocale}\n                    shape=\"bare\"\n                  />\n                </>\n              ) : null}\n            </Badge>\n            {hasAlerts\n              ? alerts!.map((alert) => (\n                  <Badge\n                    key={alert.id}\n                    variant={ALERT_TONE_VARIANT[alert.tone ?? 'warning']}\n                    size=\"md\"\n                    leading={alert.icon}\n                  >\n                    {alert.label}\n                  </Badge>\n                ))\n              : null}\n          </div>\n\n          {/* Footer: meta (operator, price list, …) + lifecycle dates. */}\n          {hasMeta || hasDates ? (\n            <>\n              <Separator orientation=\"horizontal\" />\n              <div className=\"ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-xs)]\">\n                {hasMeta ? (\n                  <div className=\"ds:flex ds:flex-wrap ds:gap-x-[var(--spacing-lg)] ds:gap-y-[var(--spacing-xs)]\">\n                    {meta!.map((item) => (\n                      <KeyValuePair\n                        key={item.id}\n                        label={item.label}\n                        value={item.value}\n                        icon={item.icon ?? undefined}\n                        data-field-id={item.id}\n                      />\n                    ))}\n                  </div>\n                ) : null}\n                {datesLine}\n              </div>\n            </>\n          ) : null}\n        </div>\n      </section>\n    );\n  },\n);\n\nCarePlanHeader.displayName = 'CarePlanHeader';\n\n/** Surface variant union re-exported for downstream typing. */\nexport type CarePlanHeaderSurface = NonNullable<\n  VariantProps<typeof entitySurfaceVariants>['surface']\n>;\n"],"names":["carePlanHeaderAgent","handle","STATE_LABEL_FALLBACK","ALERT_TONE_VARIANT","CarePlanHeader","forwardRef","id","number","numberLabel","name","state","url","alerts","meta","dates","actions","headingTag","surface","density","locale","onActivate","ariaLabel","className","rest","ref","t","i18n","useTranslation","headingId","useId","activeLocale","useAgentRegistration","resolvedNumberLabel","stateLabel","hasName","hasSafeUrl","isSafeEntityUrl","hasAlerts","hasMeta","stateDateIso","footerDates","hasDates","headingNode","jsx","datesLine","d","jsxs","Timestamp","entitySurfaceVariants","Link","event","Badge","CARE_PLAN_STATE_BADGE","Fragment","alert","Separator","item","KeyValuePair"],"mappings":"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"}

package/dist/_chunks/{chat-message-3V54YipB.js → chat-message-DzpcJR-q.js}

@@ -48,28 +48,28 @@ const _ = h(
 ), k = /^(https?:|mailto:)/i;
 function H(n) {
   const e = [];
-  let s = n;
+  let r = n;
   const t = /\*\*([^*]+)\*\*|`([^`]+)`|\[([^\]]+)\]\(([^)]+)\)|\n/;
-  for (; s.length > 0; ) {
-    const r = t.exec(s);
-    if (!r) {
-      e.push({ type: "text", value: s });
+  for (; r.length > 0; ) {
+    const s = t.exec(r);
+    if (!s) {
+      e.push({ type: "text", value: r });
       break;
     }
-    r.index > 0 && e.push({ type: "text", value: s.slice(0, r.index) }), r[1] !== void 0 ? e.push({ type: "bold", value: r[1] }) : r[2] !== void 0 ? e.push({ type: "code", value: r[2] }) : r[3] !== void 0 && r[4] !== void 0 ? e.push({ type: "link", label: r[3], href: r[4] }) : e.push({ type: "br" }), s = s.slice(r.index + r[0].length);
+    s.index > 0 && e.push({ type: "text", value: r.slice(0, s.index) }), s[1] !== void 0 ? e.push({ type: "bold", value: s[1] }) : s[2] !== void 0 ? e.push({ type: "code", value: s[2] }) : s[3] !== void 0 && s[4] !== void 0 ? e.push({ type: "link", label: s[3], href: s[4] }) : e.push({ type: "br" }), r = r.slice(s.index + s[0].length);
   }
   return e;
 }
 function q(n) {
-  return H(n).map((e, s) => e.type === "bold" ? /* @__PURE__ */ a("strong", { children: e.value }, s) : e.type === "code" ? /* @__PURE__ */ a(
+  return H(n).map((e, r) => e.type === "bold" ? /* @__PURE__ */ a("strong", { children: e.value }, r) : e.type === "code" ? /* @__PURE__ */ a(
     "code",
     {
       dir: "ltr",
       className: "ds:rounded-[var(--radius-sm)] ds:bg-muted/30 ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:font-[family-name:var(--font-mono)]",
       children: e.value
     },
-    s
-  ) : e.type === "br" ? /* @__PURE__ */ a("br", {}, s) : e.type === "link" ? k.test(e.href) ? /* @__PURE__ */ a(
+    r
+  ) : e.type === "br" ? /* @__PURE__ */ a("br", {}, r) : e.type === "link" ? k.test(e.href) ? /* @__PURE__ */ a(
     "a",
     {
       href: e.href,
@@ -78,19 +78,19 @@ function q(n) {
       className: "ds:underline ds:underline-offset-2 ds:hover:opacity-80",
       children: e.label
     },
-    s
-  ) : /* @__PURE__ */ a(l, { children: e.label }, s) : /* @__PURE__ */ a(l, { children: e.value }, s));
+    r
+  ) : /* @__PURE__ */ a(l, { children: e.label }, r) : /* @__PURE__ */ a(l, { children: e.value }, r));
 }
 function G(n) {
-  return M(n).map((e, s) => e.type === "code" ? /* @__PURE__ */ a(S, { code: e.value, language: e.lang }, s) : /* @__PURE__ */ a(l, { children: q(e.value) }, s));
+  return M(n).map((e, r) => e.type === "code" ? /* @__PURE__ */ a(S, { code: e.value, language: e.lang }, r) : /* @__PURE__ */ a(l, { children: q(e.value) }, r));
 }
 const J = T(
   ({
     role: n,
     content: e,
-    avatar: s,
+    avatar: r,
     timestamp: t,
-    status: r,
+    status: s,
     renderMarkdown: x = !1,
     onRetry: m,
     actions: c,
@@ -105,19 +105,21 @@ const J = T(
         hour: "2-digit",
         minute: "2-digit"
       }).format(v);
-    }, [t, u.language]), f = i(`chat.message.role.${n}`), C = o ? i("chat.message.label", { role: f, time: o }) : i("chat.message.labelNoTime", { role: f }), j = b ?? (x ? G(e) : e), p = !r || r === "edited" ? null : r === "sending" ? /* @__PURE__ */ a(E, { "aria-hidden": "true", className: "ds:size-3.5" }) : r === "sent" ? /* @__PURE__ */ a(L, { "aria-hidden": "true", className: "ds:size-3.5" }) : /* @__PURE__ */ a(
+    }, [t, u.language]), f = i(`chat.message.role.${n}`), C = o ? i("chat.message.label", { role: f, time: o }) : i("chat.message.labelNoTime", { role: f }), j = b ?? (x ? G(e) : e), p = !s || s === "edited" ? null : s === "sending" ? /* @__PURE__ */ a(E, { "aria-hidden": "true", className: "ds:size-3.5" }) : s === "sent" ? /* @__PURE__ */ a(L, { "aria-hidden": "true", className: "ds:size-3.5" }) : /* @__PURE__ */ a(
       R,
       {
         "aria-hidden": "true",
         className: "ds:size-3.5 ds:text-[color:var(--destructive)]"
       }
-    ), g = r ? i(`chat.message.status.${r}`) : null;
+    ), g = s ? i(`chat.message.status.${s}`) : null;
     return /* @__PURE__ */ d(
       "article",
       {
         ref: w,
         "aria-label": C,
         "data-component": "chat-message",
+        "data-role": n,
+        "data-status": s,
         className: [
           _({ role: n, className: y }),
           // Entrance: fade + slide up on mount. `--animation-duration` is 0ms
@@ -128,9 +130,9 @@ const J = T(
         ].join(" "),
         ...N,
         children: [
-          n !== "system" && s ? s.slot ? (
+          n !== "system" && r ? r.slot ? (
             // Consumer-supplied avatar node (e.g. Alia's Sparkles tile).
-            s.slot
+            r.slot
           ) : (
             // Allow-list the src: LLM-supplied values can carry
             // `javascript:` / `data:text/html` / `data:image/svg+xml` and so
@@ -138,8 +140,8 @@ const J = T(
             /* @__PURE__ */ a(
               I,
               {
-                name: s.name,
-                src: V(s.src),
+                name: r.name,
+                src: V(r.src),
                 size: "sm"
               }
             )
@@ -205,10 +207,10 @@ const J = T(
                               /* @__PURE__ */ a("span", { className: "ds:sr-only", children: g })
                             ]
                           },
-                          r
+                          s
                         )
                       ) : null,
-                      r === "error" && m ? /* @__PURE__ */ a(
+                      s === "error" && m ? /* @__PURE__ */ a(
                         F,
                         {
                           intent: "ghost",
@@ -234,4 +236,4 @@ J.displayName = "ChatMessage";
 export {
   J as C
 };
-//# sourceMappingURL=chat-message-3V54YipB.js.map
+//# sourceMappingURL=chat-message-DzpcJR-q.js.map

package/dist/_chunks/chat-message-DzpcJR-q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message-DzpcJR-q.js","sources":["../../src/components/chat-message/chat-message.tsx"],"sourcesContent":["import {\n  forwardRef,\n  Fragment,\n  useMemo,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { AlertCircle, Check, Clock, RotateCcw } from 'lucide-react';\nimport { Button } from '../button';\nimport { Avatar } from '../avatar';\nimport { Timestamp } from '../timestamp';\nimport { safeImageSrc } from '../_shared';\nimport { CodeBlock, splitCodeFences } from '../_shared/code-block';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\nexport type ChatMessageRole = 'user' | 'assistant' | 'system';\nexport type ChatMessageStatus = 'sending' | 'sent' | 'error' | 'edited';\n\nexport interface ChatMessageAvatar {\n  name?: string;\n  src?: string;\n  /**\n   * Optional custom avatar node. When provided, it REPLACES the built-in\n   * `<Avatar>` (initials / image) for this message. Used by the Alia\n   * pattern to render a Sparkles identity tile instead of an avatar, and\n   * by consumers that want to swap in a user-icon chip, brand glyph, etc.\n   * The caller is responsible for accessible labelling on the custom node\n   * — ChatMessage's own `aria-label` already announces the role/time, so\n   * purely decorative nodes can be `aria-hidden`.\n   */\n  slot?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst rowVariants = cva(\n  'ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]',\n  {\n    variants: {\n      role: {\n        user: 'ds:flex-row-reverse',\n        assistant: 'ds:flex-row',\n        system: 'ds:flex-col ds:items-center ds:text-center',\n      },\n    },\n    defaultVariants: { role: 'assistant' },\n  },\n);\n\nconst bubbleVariants = cva(\n  [\n    // Cap at 42rem on wide surfaces; on narrow docks (Alia sidebar ≈22rem)\n    // leave room for the avatar column (size-8 = 32px = --spacing-xl) +\n    // `gap-sm` (8px = --spacing-sm) so avatars don't clip off the inline\n    // edge when the row is width-constrained.\n    'ds:relative ds:max-w-[min(42rem,calc(100%-var(--spacing-xl)-var(--spacing-sm)))]',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n    'type-body',\n    'ds:break-words',\n  ].join(' '),\n  {\n    variants: {\n      role: {\n        user: 'ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:rounded-[var(--radius-md)] ds:rounded-ee-[var(--radius-sm)]',\n        assistant:\n          'ds:bg-muted/40 ds:text-foreground ds:rounded-[var(--radius-md)] ds:rounded-es-[var(--radius-sm)]',\n        system:\n          'ds:bg-transparent ds:text-[color:var(--muted-foreground)] type-body-sm ds:italic',\n      },\n    },\n    defaultVariants: { role: 'assistant' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Safe markdown-ish (bold, inline code, line-breaks, links as text)   */\n/* No dangerouslySetInnerHTML.                                          */\n/* ------------------------------------------------------------------ */\n\ntype Token =\n  | { type: 'text'; value: string }\n  | { type: 'bold'; value: string }\n  | { type: 'code'; value: string }\n  | { type: 'br' }\n  | { type: 'link'; label: string; href: string };\n\nconst SAFE_SCHEMES = /^(https?:|mailto:)/i;\n\nfunction tokenize(input: string): Token[] {\n  const tokens: Token[] = [];\n  let remaining = input;\n  const pattern = /\\*\\*([^*]+)\\*\\*|`([^`]+)`|\\[([^\\]]+)\\]\\(([^)]+)\\)|\\n/;\n  while (remaining.length > 0) {\n    const match = pattern.exec(remaining);\n    if (!match) {\n      tokens.push({ type: 'text', value: remaining });\n      break;\n    }\n    if (match.index > 0) {\n      tokens.push({ type: 'text', value: remaining.slice(0, match.index) });\n    }\n    if (match[1] !== undefined) {\n      tokens.push({ type: 'bold', value: match[1] });\n    } else if (match[2] !== undefined) {\n      tokens.push({ type: 'code', value: match[2] });\n    } else if (match[3] !== undefined && match[4] !== undefined) {\n      tokens.push({ type: 'link', label: match[3], href: match[4] });\n    } else {\n      tokens.push({ type: 'br' });\n    }\n    remaining = remaining.slice(match.index + match[0].length);\n  }\n  return tokens;\n}\n\nfunction renderInline(input: string): ReactNode {\n  return tokenize(input).map((tok, i) => {\n    if (tok.type === 'bold') return <strong key={i}>{tok.value}</strong>;\n    if (tok.type === 'code') {\n      return (\n        <code\n          key={i}\n          dir=\"ltr\"\n          className=\"ds:rounded-[var(--radius-sm)] ds:bg-muted/30 ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:font-[family-name:var(--font-mono)]\"\n        >\n          {tok.value}\n        </code>\n      );\n    }\n    if (tok.type === 'br') return <br key={i} />;\n    if (tok.type === 'link') {\n      if (!SAFE_SCHEMES.test(tok.href)) {\n        // Unsafe scheme (javascript:, data:) — render as inert text.\n        return <Fragment key={i}>{tok.label}</Fragment>;\n      }\n      return (\n        <a\n          key={i}\n          href={tok.href}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"ds:underline ds:underline-offset-2 ds:hover:opacity-80\"\n        >\n          {tok.label}\n        </a>\n      );\n    }\n    return <Fragment key={i}>{tok.value}</Fragment>;\n  });\n}\n\n/**\n * Render a message body: split fenced code blocks out to `<CodeBlock>` and run\n * the inline tokenizer over the surrounding text runs.\n */\nfunction renderBody(input: string): ReactNode {\n  return splitCodeFences(input).map((seg, i) => {\n    if (seg.type === 'code') {\n      return <CodeBlock key={i} code={seg.value} language={seg.lang} />;\n    }\n    return <Fragment key={i}>{renderInline(seg.value)}</Fragment>;\n  });\n}\n\n/* ------------------------------------------------------------------ */\n/* ChatMessage                                                          */\n/* ------------------------------------------------------------------ */\n\ntype NativeProps = Omit<HTMLAttributes<HTMLElement>, 'content' | 'role'>;\n\nexport interface ChatMessageProps\n  extends NativeProps, VariantProps<typeof bubbleVariants> {\n  role: ChatMessageRole;\n  content: string;\n  avatar?: ChatMessageAvatar;\n  timestamp?: Date | number | string;\n  status?: ChatMessageStatus;\n  /** Parse a small, safe subset of markdown. Never renders raw HTML. */\n  renderMarkdown?: boolean;\n  /** Invoked when the retry button is activated (error status only). */\n  onRetry?: () => void;\n  /**\n   * Optional action row rendered beneath the message body + timestamp,\n   * aligned with the message (e.g. the Alia pattern's Copy / Download\n   * buttons on assistant messages). Default off → renders nothing.\n   */\n  actions?: ReactNode;\n  /**\n   * Custom body node rendered verbatim INSTEAD of `content`. When set, the\n   * markdown tokenizer (`renderBody`) is skipped and the node is rendered\n   * directly inside the bubble. `content` is still required (used for the\n   * aria-label context and consumer copy / download). Default off.\n   */\n  body?: ReactNode;\n}\n\nexport const ChatMessage = forwardRef<HTMLElement, ChatMessageProps>(\n  (\n    {\n      role,\n      content,\n      avatar,\n      timestamp,\n      status,\n      renderMarkdown = false,\n      onRetry,\n      actions,\n      body,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n\n    // Local format — used for the aria-label interpolation only. Visible\n    // label is rendered by `<Timestamp>` below, which computes the same\n    // locale-aware HH:MM internally.\n    const formattedTime = useMemo(() => {\n      if (!timestamp) return null;\n      const date = timestamp instanceof Date ? timestamp : new Date(timestamp);\n      if (Number.isNaN(date.getTime())) return null;\n      return new Intl.DateTimeFormat(i18n.language, {\n        hour: '2-digit',\n        minute: '2-digit',\n      }).format(date);\n    }, [timestamp, i18n.language]);\n\n    const roleLabel = t(`chat.message.role.${role}`);\n    const messageLabel = formattedTime\n      ? t('chat.message.label', { role: roleLabel, time: formattedTime })\n      : t('chat.message.labelNoTime', { role: roleLabel });\n\n    const resolvedBody =\n      body ?? (renderMarkdown ? renderBody(content) : content);\n\n    const statusIcon = (() => {\n      if (!status || status === 'edited') return null;\n      if (status === 'sending')\n        return <Clock aria-hidden=\"true\" className=\"ds:size-3.5\" />;\n      if (status === 'sent')\n        return <Check aria-hidden=\"true\" className=\"ds:size-3.5\" />;\n      return (\n        <AlertCircle\n          aria-hidden=\"true\"\n          className=\"ds:size-3.5 ds:text-[color:var(--destructive)]\"\n        />\n      );\n    })();\n\n    const statusText = status ? t(`chat.message.status.${status}`) : null;\n\n    return (\n      <article\n        ref={ref}\n        aria-label={messageLabel}\n        data-component=\"chat-message\"\n        // Structural state surfaced for agent reads (see chat-message.agent.ts).\n        // `status` is optional → the attribute is omitted when unset.\n        data-role={role}\n        data-status={status}\n        className={[\n          rowVariants({ role, className }),\n          // Entrance: fade + slide up on mount. `--animation-duration` is 0ms\n          // under `prefers-reduced-motion` and `.theme-accessible`, so both\n          // collapse the animation to an instant state change automatically.\n          'ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-bottom-2',\n          'ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n        ].join(' ')}\n        {...rest}\n      >\n        {role !== 'system' && avatar ? (\n          avatar.slot ? (\n            // Consumer-supplied avatar node (e.g. Alia's Sparkles tile).\n            avatar.slot\n          ) : (\n            // Allow-list the src: LLM-supplied values can carry\n            // `javascript:` / `data:text/html` / `data:image/svg+xml` and so\n            // are scrubbed here before reaching <Avatar>. Fallback to initials.\n            <Avatar\n              name={avatar.name}\n              src={safeImageSrc(avatar.src)}\n              size=\"sm\"\n            />\n          )\n        ) : null}\n\n        <div\n          className={[\n            // min-w-0 allows this flex item to shrink below its content's\n            // natural width — without it, a single unbreakable token (URL,\n            // CJK run, hash) can force the bubble wider than the parent\n            // and spill outside narrow containers like the Alia sidebar.\n            'ds:flex ds:flex-col ds:min-w-0',\n            role === 'user'\n              ? 'ds:items-end'\n              : role === 'assistant'\n                ? 'ds:items-start'\n                : 'ds:items-center',\n          ].join(' ')}\n        >\n          <div\n            dir=\"auto\"\n            className={[\n              bubbleVariants({ role }),\n              // `break-words` (from bubbleVariants) handles soft hyphens;\n              // `overflow-wrap: anywhere` is the last-resort break for\n              // URLs, hashes, or CJK runs that would otherwise push the\n              // bubble wider than its parent in narrow docks like Alia.\n              'ds:[overflow-wrap:anywhere]',\n            ].join(' ')}\n          >\n            {resolvedBody}\n          </div>\n\n          {(formattedTime || statusText) && role !== 'system' ? (\n            <div\n              className={[\n                'ds:mt-[var(--spacing-xs)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n                'type-meta ds:text-[color:var(--muted-foreground)]',\n              ].join(' ')}\n            >\n              {timestamp ? (\n                <Timestamp\n                  value={timestamp}\n                  format=\"absolute\"\n                  absoluteFormat={{ hour: '2-digit', minute: '2-digit' }}\n                  dir=\"ltr\"\n                />\n              ) : null}\n              {statusIcon ? (\n                // `key={status}` re-mounts the span on every status change so\n                // `animate-in` re-runs — gives the sending → sent → error\n                // swap a subtle cross-fade instead of an abrupt pop.\n                <span\n                  key={status}\n                  className={[\n                    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n                    'ds:motion-safe:animate-in ds:motion-safe:fade-in-0',\n                    'ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]',\n                  ].join(' ')}\n                >\n                  {statusIcon}\n                  <span className=\"ds:sr-only\">{statusText}</span>\n                </span>\n              ) : null}\n              {status === 'error' && onRetry ? (\n                <Button\n                  intent=\"ghost\"\n                  size=\"sm\"\n                  onClick={onRetry}\n                  startIcon={<RotateCcw />}\n                >\n                  {t('chat.message.retry')}\n                </Button>\n              ) : null}\n            </div>\n          ) : null}\n          {actions ? (\n            <div className=\"ds:mt-[var(--spacing-xs)] ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n              {actions}\n            </div>\n          ) : null}\n        </div>\n      </article>\n    );\n  },\n);\n\nChatMessage.displayName = 'ChatMessage';\n"],"names":["rowVariants","cva","bubbleVariants","SAFE_SCHEMES","tokenize","input","tokens","remaining","pattern","match","renderInline","tok","i","jsx","Fragment","renderBody","splitCodeFences","seg","CodeBlock","ChatMessage","forwardRef","role","content","avatar","timestamp","status","renderMarkdown","onRetry","actions","body","className","rest","ref","t","i18n","useTranslation","formattedTime","useMemo","date","roleLabel","messageLabel","resolvedBody","statusIcon","Clock","Check","AlertCircle","statusText","jsxs","Avatar","safeImageSrc","Timestamp","Button","RotateCcw"],"mappings":"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"}

package/dist/_chunks/city-input-Dkgaak7I.js

@@ -0,0 +1,169 @@
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as H, useRef as N, useEffect as _, useMemo as W, useCallback as q } from "react";
+import { useTranslation as B } from "react-i18next";
+import { A as F } from "./autocomplete-BrONKN8l.js";
+import { T as G } from "./text-input-B-OWQ1Je.js";
+import { u as J } from "./use-controllable-state-BiY4xTzM.js";
+import { u as L } from "./registry-DvAUVLHh.js";
+const O = {
+  id: "city-input",
+  capabilities: ["set_value"],
+  state: {
+    value: {
+      type: "string",
+      descriptionKey: "ui.agent.cityInput.state.value",
+      description: "Current city / town value.",
+      read: (e) => e.getValue()
+    },
+    isEmpty: {
+      type: "boolean",
+      descriptionKey: "ui.agent.cityInput.state.isEmpty",
+      description: "Whether the field has no value.",
+      read: (e) => e.getValue() === ""
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: string }",
+      argsSchema: {
+        type: "object",
+        properties: { value: { type: "string" } },
+        required: ["value"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.cityInput.actions.setValue",
+      description: "Replace the city value.",
+      examples: [
+        { args: { value: "Milano" }, note: "Set the city to Milano." }
+      ],
+      invoke: (e, r) => {
+        e.setValue(r.value);
+      }
+    },
+    clear: {
+      safety: "destructive",
+      idempotent: !0,
+      descriptionKey: "ui.agent.cityInput.actions.clear",
+      description: "Empty the field. Loses any typed value.",
+      invoke: (e) => {
+        e.clear();
+      }
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "city-input" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, Q = H(
+  function({
+    value: r,
+    defaultValue: V,
+    onValueChange: R,
+    loadCities: i,
+    onCitySelect: S,
+    country: s,
+    province: u,
+    recents: k,
+    debounceMs: w,
+    snapOnBlur: x,
+    placeholder: A,
+    clearable: E,
+    disabled: c,
+    readOnly: p,
+    required: d,
+    name: m,
+    id: n,
+    size: y = "md",
+    tone: v = "default",
+    "aria-label": f,
+    "aria-invalid": g,
+    "aria-describedby": h,
+    className: K
+  }, b) {
+    const { t: T } = B(), [a, t] = J({
+      value: r,
+      defaultValue: V,
+      onChange: R
+    }), C = N(a);
+    _(() => {
+      C.current = a;
+    }, [a]);
+    const j = W(
+      () => ({
+        getValue: () => C.current ?? "",
+        setValue: (o) => t(o),
+        clear: () => t("")
+      }),
+      [t]
+    );
+    L(O, j, n);
+    const M = q(
+      (o, P) => i ? i(o, { ...P, country: s, province: u }) : Promise.resolve([]),
+      [i, s, u]
+    ), I = A ?? T("inputs.cityInput.placeholder", "City");
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        "data-component": "city-input",
+        "data-component-id": n,
+        className: ["ds:w-full", K].filter(Boolean).join(" "),
+        children: i ? /* @__PURE__ */ l(
+          F,
+          {
+            ref: b,
+            loadOptions: M,
+            value: a ?? "",
+            onChange: t,
+            onSelect: S,
+            recents: k,
+            debounceMs: w,
+            snapOnBlur: x,
+            placeholder: I,
+            disabled: c,
+            readOnly: p,
+            required: d,
+            name: m,
+            id: n,
+            size: y,
+            tone: v,
+            "aria-label": f,
+            "aria-invalid": g,
+            "aria-describedby": h
+          }
+        ) : /* @__PURE__ */ l(
+          G,
+          {
+            ref: b,
+            value: a ?? "",
+            onChange: (o) => t(o.target.value),
+            onClear: () => t(""),
+            autoComplete: "address-level2",
+            placeholder: I,
+            clearable: E,
+            disabled: c,
+            readOnly: p,
+            required: d,
+            name: m,
+            id: n,
+            size: y,
+            tone: v,
+            "aria-label": f,
+            "aria-invalid": g,
+            "aria-describedby": h
+          }
+        )
+      }
+    );
+  }
+);
+Q.displayName = "CityInput";
+export {
+  Q as C,
+  O as c
+};
+//# sourceMappingURL=city-input-Dkgaak7I.js.map

package/dist/_chunks/city-input-Dkgaak7I.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"city-input-Dkgaak7I.js","sources":["../../src/components/city-input/city-input.agent.ts","../../src/components/city-input/city-input.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\n\nexport interface CityInputHandle {\n  getValue: () => string;\n  setValue: (value: string) => void;\n  clear: () => void;\n}\n\nexport const cityInputAgent: AgentAdapter<CityInputHandle> = {\n  id: 'city-input',\n  capabilities: ['set_value'],\n  state: {\n    value: {\n      type: 'string',\n      descriptionKey: 'ui.agent.cityInput.state.value',\n      description: 'Current city / town value.',\n      read: (handle) => handle.getValue(),\n    },\n    isEmpty: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.cityInput.state.isEmpty',\n      description: 'Whether the field has no value.',\n      read: (handle) => handle.getValue() === '',\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { value: { type: 'string' } },\n        required: ['value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.cityInput.actions.setValue',\n      description: 'Replace the city value.',\n      examples: [\n        { args: { value: 'Milano' }, note: 'Set the city to Milano.' },\n      ],\n      invoke: (handle, args: { value: string }) => {\n        handle.setValue(args.value);\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.cityInput.actions.clear',\n      description: 'Empty the field. Loses any typed value.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'city-input' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  type ChangeEvent,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Autocomplete } from '../autocomplete/autocomplete';\nimport { TextInput } from '../text-input';\nimport type { OptionShape } from '../_shared/option';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { useAgentRegistration } from '../../agent';\nimport { cityInputAgent, type CityInputHandle } from './city-input.agent';\n\n/* ------------------------------------------------------------------ */\n/* Public API                                                           */\n/*                                                                      */\n/* A city / town field with an OPTIONAL geocoder-agnostic suggestion    */\n/* seam. When `loadCities` is supplied the field is an async            */\n/* Autocomplete; when it isn't, it degrades to a plain labelled text    */\n/* input. The kit imports NO geocoder — the consumer owns the data      */\n/* source (Google Places, Mapbox, a server endpoint, …).               */\n/* ------------------------------------------------------------------ */\n\nexport interface CityLoaderContext {\n  signal: AbortSignal;\n  locale: string;\n  /** Selected country (lowercase alpha-2), passed through to bias results. */\n  country?: string;\n  /** Selected province/region code, passed through to bias results. */\n  province?: string;\n}\n\nexport interface CityInputProps {\n  /** City / town name (free text). */\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (city: string) => void;\n  /**\n   * Optional async suggestion source. Omit → the field is a plain text\n   * input with no suggestions. The kit never imports a geocoder; wire your\n   * own here.\n   */\n  loadCities?: (\n    query: string,\n    ctx: CityLoaderContext,\n  ) => Promise<OptionShape[]>;\n  /** Fires when a suggestion is picked, with the full option. */\n  onCitySelect?: (option: OptionShape) => void;\n  /** Passed through to `loadCities` to bias suggestions. */\n  country?: string;\n  /** Passed through to `loadCities` to bias suggestions. */\n  province?: string;\n  /** Frequently-picked cities surfaced before the user types. */\n  recents?: OptionShape[];\n  debounceMs?: number;\n  /** Snap the value back to the last picked suggestion on blur. */\n  snapOnBlur?: boolean;\n  placeholder?: string;\n  /** Clear button — text-fallback mode only. */\n  clearable?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  name?: string;\n  id?: string;\n  size?: 'sm' | 'md' | 'lg';\n  tone?: 'default' | 'error';\n  /**\n   * Accessible name. In **suggestion mode** (`loadCities` set) this becomes\n   * the input's computed name — set it to the visible label text when used\n   * inside a `<FormField>`, otherwise the name falls back to a generic\n   * \"Search\". In **text-fallback mode** the FormField label associates\n   * natively, so this is optional.\n   */\n  'aria-label'?: string;\n  /** Invalid-state fallback for use outside a `<FormField>` (inline editors). */\n  'aria-invalid'?: boolean;\n  /** Error-message id fallback for use outside a `<FormField>`. */\n  'aria-describedby'?: string;\n  className?: string;\n}\n\nexport const CityInput = forwardRef<HTMLInputElement, CityInputProps>(\n  function CityInput(\n    {\n      value: valueProp,\n      defaultValue,\n      onValueChange,\n      loadCities,\n      onCitySelect,\n      country,\n      province,\n      recents,\n      debounceMs,\n      snapOnBlur,\n      placeholder,\n      clearable,\n      disabled,\n      readOnly,\n      required,\n      name,\n      id,\n      size = 'md',\n      tone = 'default',\n      'aria-label': ariaLabel,\n      'aria-invalid': ariaInvalid,\n      'aria-describedby': ariaDescribedBy,\n      className,\n    },\n    ref,\n  ) {\n    const { t } = useTranslation();\n\n    const [value, setValue] = useControllableState<string>({\n      value: valueProp,\n      defaultValue,\n      onChange: onValueChange,\n    });\n\n    const valueRef = useRef(value);\n    useEffect(() => {\n      valueRef.current = value;\n    }, [value]);\n\n    const agentHandle = useMemo<CityInputHandle>(\n      () => ({\n        getValue: () => valueRef.current ?? '',\n        setValue: (next) => setValue(next),\n        clear: () => setValue(''),\n      }),\n      [setValue],\n    );\n    useAgentRegistration(cityInputAgent, agentHandle, id);\n\n    const loadOptions = useCallback(\n      (query: string, opts: { signal: AbortSignal; locale: string }) =>\n        loadCities\n          ? loadCities(query, { ...opts, country, province })\n          : Promise.resolve<OptionShape[]>([]),\n      [loadCities, country, province],\n    );\n\n    const resolvedPlaceholder =\n      placeholder ?? t('inputs.cityInput.placeholder', 'City');\n\n    return (\n      <div\n        data-component=\"city-input\"\n        data-component-id={id}\n        className={['ds:w-full', className].filter(Boolean).join(' ')}\n      >\n        {loadCities ? (\n          <Autocomplete\n            ref={ref}\n            loadOptions={loadOptions}\n            value={value ?? ''}\n            onChange={setValue}\n            onSelect={onCitySelect}\n            recents={recents}\n            debounceMs={debounceMs}\n            snapOnBlur={snapOnBlur}\n            placeholder={resolvedPlaceholder}\n            disabled={disabled}\n            readOnly={readOnly}\n            required={required}\n            name={name}\n            id={id}\n            size={size}\n            tone={tone}\n            aria-label={ariaLabel}\n            aria-invalid={ariaInvalid}\n            aria-describedby={ariaDescribedBy}\n          />\n        ) : (\n          <TextInput\n            ref={ref}\n            value={value ?? ''}\n            onChange={(event: ChangeEvent<HTMLInputElement>) =>\n              setValue(event.target.value)\n            }\n            onClear={() => setValue('')}\n            autoComplete=\"address-level2\"\n            placeholder={resolvedPlaceholder}\n            clearable={clearable}\n            disabled={disabled}\n            readOnly={readOnly}\n            required={required}\n            name={name}\n            id={id}\n            size={size}\n            tone={tone}\n            aria-label={ariaLabel}\n            aria-invalid={ariaInvalid}\n            aria-describedby={ariaDescribedBy}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nCityInput.displayName = 'CityInput';\n"],"names":["cityInputAgent","handle","args","CityInput","forwardRef","valueProp","defaultValue","onValueChange","loadCities","onCitySelect","country","province","recents","debounceMs","snapOnBlur","placeholder","clearable","disabled","readOnly","required","name","id","size","tone","ariaLabel","ariaInvalid","ariaDescribedBy","className","ref","t","useTranslation","value","setValue","useControllableState","valueRef","useRef","useEffect","agentHandle","useMemo","next","useAgentRegistration","loadOptions","useCallback","query","opts","resolvedPlaceholder","jsx","Autocomplete","TextInput","event"],"mappings":"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"}