@alfadocs/ui-kit 0.69.0 → 0.70.0

package/dist/_chunks/{badge-CqGsX32l.js → badge-DCOqV9mI.js}

@@ -39,7 +39,11 @@ const z = d(
         // trust-signal chips in hero contexts where a tonal `info` / `neutral`
         // would blend into the brand backdrop.
         brand: "ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)] ds:border ds:border-[color:color-mix(in_srgb,var(--foreground)_15%,transparent)]",
-        accent: "ds:bg-[var(--accent)] ds:text-[var(--accent-foreground)] ds:border ds:border-[color:color-mix(in_srgb,var(--foreground)_15%,transparent)]"
+        accent: "ds:bg-[var(--accent)] ds:text-[var(--accent-foreground)] ds:border ds:border-[color:color-mix(in_srgb,var(--foreground)_15%,transparent)]",
+        // Tonal accent (magenta ≈ pink) — the `info` recipe applied to accent.
+        // The kit has no paired tinted-accent foreground, so the label/edge tone
+        // is mixed toward `--foreground` to clear AA on the wash (all 4 themes).
+        accentSoft: "ds:bg-[color:color-mix(in_srgb,var(--accent)_15%,transparent)] ds:text-[color:color-mix(in_srgb,var(--accent)_40%,var(--foreground))] ds:border ds:border-[color:color-mix(in_srgb,var(--accent)_40%,var(--foreground))]"
       },
       size: {
         sm: "ds:h-4 ds:ps-1 ds:pe-1 ds:[--type-eyebrow-size:var(--font-size-2xs)]",
@@ -57,7 +61,7 @@ const z = d(
       shape: "pill"
     }
   }
-), N = d(
+), _ = d(
   "ds:text-[length:var(--font-size-dot)] ds:leading-none ds:shrink-0",
   {
     variants: {
@@ -70,12 +74,13 @@ const z = d(
         // Solid-fill variants: dot draws in the paired foreground tone so
         // it stays visible against the saturated primary/accent fill.
         brand: "ds:text-[var(--primary-foreground)]",
-        accent: "ds:text-[var(--accent-foreground)]"
+        accent: "ds:text-[var(--accent-foreground)]",
+        accentSoft: "ds:text-[var(--accent)]"
       }
     },
     defaultVariants: { variant: "neutral" }
   }
-), V = d("ds:shrink-0 ds:[&>svg]:block", {
+), N = d("ds:shrink-0 ds:[&>svg]:block", {
   variants: {
     size: {
       // Icons shrink with the compact Badge scale: sm badge is 16 px tall, so
@@ -86,43 +91,43 @@ const z = d(
     }
   },
   defaultVariants: { size: "md" }
-}), _ = w(
+}), V = w(
   ({
-    variant: o = "neutral",
-    size: a = "md",
+    variant: a = "neutral",
+    size: n = "md",
     shape: g = "pill",
-    leading: n,
-    withDot: u = !1,
-    truncate: t = !1,
-    className: f,
+    leading: t,
+    withDot: f = !1,
+    truncate: i = !1,
+    className: u,
     children: r,
-    "aria-label": i,
+    "aria-label": e,
     ...v
-  }, p) => {
-    const { t: b } = h(), e = !r && !!i, m = typeof r == "number", c = /* @__PURE__ */ l(
+  }, b) => {
+    const { t: p } = h(), o = !r && !!e, m = typeof r == "number", c = /* @__PURE__ */ l(
       "span",
       {
-        ref: p,
-        className: z({ variant: o, size: a, shape: g, className: f }),
+        ref: b,
+        className: z({ variant: a, size: n, shape: g, className: u }),
         "data-component": "badge",
-        role: e ? "img" : void 0,
-        "aria-label": e ? i : void 0,
+        role: o ? "img" : void 0,
+        "aria-label": o ? e : void 0,
         ...v,
         children: [
-          u && /* @__PURE__ */ s("span", { "aria-hidden": "true", className: N({ variant: o }), children: "●" }),
-          n && /* @__PURE__ */ s("span", { "aria-hidden": "true", className: V({ size: a }), children: n }),
-          !e && (m ? /* @__PURE__ */ l(x, { children: [
+          f && /* @__PURE__ */ s("span", { "aria-hidden": "true", className: _({ variant: a }), children: "●" }),
+          t && /* @__PURE__ */ s("span", { "aria-hidden": "true", className: N({ size: n }), children: t }),
+          !o && (m ? /* @__PURE__ */ l(x, { children: [
             /* @__PURE__ */ s("span", { "aria-hidden": "true", children: r }),
-            /* @__PURE__ */ s("span", { className: "ds:sr-only", children: b("badge.notifications", { count: r }) })
-          ] }) : t ? /* @__PURE__ */ s("span", { className: "ds:max-w-[var(--badge-truncate-max-width)] ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap", children: r }) : r)
+            /* @__PURE__ */ s("span", { className: "ds:sr-only", children: e ?? p("badge.notifications", { count: r }) })
+          ] }) : i ? /* @__PURE__ */ s("span", { className: "ds:max-w-[var(--badge-truncate-max-width)] ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap", children: r }) : r)
         ]
       }
     );
-    return t && typeof r == "string" ? /* @__PURE__ */ s(y, { label: r, children: c }) : c;
+    return i && typeof r == "string" ? /* @__PURE__ */ s(y, { label: r, children: c }) : c;
   }
 );
-_.displayName = "Badge";
+V.displayName = "Badge";
 export {
-  _ as B
+  V as B
 };
-//# sourceMappingURL=badge-CqGsX32l.js.map
+//# sourceMappingURL=badge-DCOqV9mI.js.map

package/dist/_chunks/{bishop-score-PJI3AXzA.js → bishop-score-DnYWtZa_.js}

@@ -6,7 +6,7 @@ import { u as L } from "./registry-DvAUVLHh.js";
 import { F } from "./form-field-BOm9hK35.js";
 import { S as H } from "./select-DMLG44F5.js";
 import { C as O } from "./card-DPmk26CL.js";
-import { B as M } from "./badge-CqGsX32l.js";
+import { B as M } from "./badge-DCOqV9mI.js";
 import { I as j } from "./insert-result-njqBthzT.js";
 const D = [
   "dilation",
@@ -301,4 +301,4 @@ export {
   V as d,
   G as e
 };
-//# sourceMappingURL=bishop-score-PJI3AXzA.js.map
+//# sourceMappingURL=bishop-score-DnYWtZa_.js.map

package/dist/_chunks/{bmi-calculator-BZtIJ53x.js → bmi-calculator-zjeY4E7J.js}

@@ -8,7 +8,7 @@ import { R as ue } from "./radio-group-BPt7pKZW.js";
 import { F as G } from "./form-field-BOm9hK35.js";
 import { N as L } from "./number-input-DxphVG_A.js";
 import { C as j } from "./card-DPmk26CL.js";
-import { B as me } from "./badge-CqGsX32l.js";
+import { B as me } from "./badge-DCOqV9mI.js";
 import { B as de, I as ge, b as pe } from "./insert-result-njqBthzT.js";
 import { c as q, b as he, e as be, l as D, f as V, k as z } from "./bmi-BxD-tFzU.js";
 const ye = {
@@ -431,4 +431,4 @@ we.displayName = "BmiCalculator";
 export {
   we as B
 };
-//# sourceMappingURL=bmi-calculator-BZtIJ53x.js.map
+//# sourceMappingURL=bmi-calculator-zjeY4E7J.js.map

package/dist/_chunks/{booking-C3VqFReX.js → booking-DUBI0oqt.js}

@@ -3,12 +3,12 @@ import { forwardRef as ot, useId as rt, useState as K, useCallback as j, useRef
 import { c as Pe } from "./index-D2ZczOXr.js";
 import { useTranslation as O, Trans as Pt } from "react-i18next";
 import { u as Ot } from "./registry-DvAUVLHh.js";
-import { A as z } from "./alert-_mUKLmwA.js";
+import { A as z } from "./alert-CHYZ96tR.js";
 import { B as ie } from "./button-DD_0Xdmr.js";
 import { C as Ke } from "./checkbox-BuZ1u__2.js";
 import { C as Bt } from "./checkbox-group-PqNmQ-cE.js";
 import { D as Et } from "./date-picker-Dl9RKxaV.js";
-import { E as Rt } from "./email-input-B_Y55f5G.js";
+import { E as Rt } from "./email-input-DJ7EXklP.js";
 import { F as Z } from "./form-field-BOm9hK35.js";
 import { P as Vt } from "./phone-input-DjU-XmO_.js";
 import { T as Lt } from "./text-area-Bt3p7Pt0.js";
@@ -20,7 +20,7 @@ import { C as Ge } from "./combobox-Clum7gJ1.js";
 import { M as Ue } from "./multi-select-BdHHDrRN.js";
 import { S as _e } from "./skeleton-CZbwyJAA.js";
 import { E as dt } from "./empty-state-BLy7tigq.js";
-import { S as $t } from "./stepper-accordion-Dki6r9ZE.js";
+import { S as $t } from "./stepper-accordion-DC-H-8v4.js";
 import { S as zt } from "./stepper-progress-Bv0njx4g.js";
 import { p as F, S as Kt } from "./slot-grid-FsqumOaS.js";
 import { s as le, i as st } from "./isSameDay-DUEiAT0G.js";
@@ -2708,4 +2708,4 @@ export {
   X as O,
   Ms as b
 };
-//# sourceMappingURL=booking-C3VqFReX.js.map
+//# sourceMappingURL=booking-DUBI0oqt.js.map

package/dist/_chunks/{care-plan-card-CvFGXa2z.js → care-plan-card-C5sTfY9G.js}

@@ -1,15 +1,15 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { forwardRef as H, useId as P } from "react";
 import { useTranslation as M } from "react-i18next";
-import { B as N } from "./badge-CqGsX32l.js";
+import { B as N } from "./badge-DCOqV9mI.js";
 import { L as F } from "./link-DrD_cRUg.js";
 import { P as A } from "./progress-DA413-zn.js";
 import { T as C } from "./timestamp-BV2lC-wV.js";
-import { T as L } from "./transaction-chip-DK84XCBU.js";
+import { T as L } from "./transaction-chip-CscoQbxF.js";
 import { A as O, b as G, c as Y, a as $ } from "./accordion-DnIa7OHX.js";
-import { C as q } from "./care-plan-entry-card-C3E_gClk.js";
+import { C as q } from "./care-plan-entry-card-CXnxGCWA.js";
 import { u as J } from "./registry-DvAUVLHh.js";
-import { C as Q, e as W } from "./entity-card-COhmqHly.js";
+import { C as Q, e as W } from "./entity-card-9_62gY7l.js";
 import { i as X } from "./is-safe-url-DkETxeHz.js";
 const Z = {
   id: "care-plan-card",
@@ -253,4 +253,4 @@ export {
   de as C,
   Z as c
 };
-//# sourceMappingURL=care-plan-card-CvFGXa2z.js.map
+//# sourceMappingURL=care-plan-card-C5sTfY9G.js.map

package/dist/_chunks/{care-plan-entry-card-C3E_gClk.js → care-plan-entry-card-CXnxGCWA.js}

@@ -1,16 +1,16 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import { forwardRef as _, useId as v } from "react";
 import { useTranslation as R } from "react-i18next";
-import { B as c } from "./badge-CqGsX32l.js";
+import { B as c } from "./badge-DCOqV9mI.js";
 import { P as O } from "./progress-DA413-zn.js";
 import { T as q } from "./tag-BQXwuJq1.js";
 import { T as b } from "./timestamp-BV2lC-wV.js";
-import { T as G } from "./transaction-chip-DK84XCBU.js";
-import { T as J } from "./tooth-scheme-yBr53cvv.js";
+import { T as G } from "./transaction-chip-CscoQbxF.js";
+import { T as J } from "./tooth-scheme-BhQoPNBD.js";
 import { C as Q, b as X, a as Z } from "./collapsible-BrnRiCC6.js";
 import { u as ee } from "./registry-DvAUVLHh.js";
 import { C as ae } from "./chevron-down-BX_NP2Yh.js";
-import { e as te } from "./entity-card-COhmqHly.js";
+import { e as te } from "./entity-card-9_62gY7l.js";
 const re = {
   id: "care-plan-entry-card",
   // `expand` is host-delegated: the per-phase breakdown is an in-component
@@ -319,4 +319,4 @@ export {
   le as C,
   re as c
 };
-//# sourceMappingURL=care-plan-entry-card-C3E_gClk.js.map
+//# sourceMappingURL=care-plan-entry-card-CXnxGCWA.js.map

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

@@ -0,0 +1,206 @@
+import { jsxs as r, jsx as e, Fragment as V } from "react/jsx-runtime";
+import { forwardRef as j, useId as z } from "react";
+import { useTranslation as F } from "react-i18next";
+import { B as w } from "./badge-DCOqV9mI.js";
+import { a as M } from "./key-value-pair-BrgbMfbF.js";
+import { L as U } from "./link-DrD_cRUg.js";
+import { S as G } from "./separator-CYU_bGFn.js";
+import { T as u } from "./timestamp-BV2lC-wV.js";
+import { u as O } from "./registry-DvAUVLHh.js";
+import { C as $, e as q } from "./entity-card-9_62gY7l.js";
+import { i as J } from "./is-safe-url-DkETxeHz.js";
+const Q = {
+  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: (i) => i.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: (i) => i.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."
+    }
+  }
+}, W = {
+  estimate: "Estimate",
+  accepted: "Accepted",
+  discarded: "Discarded",
+  closed: "Closed"
+}, X = {
+  warning: "warning",
+  error: "error",
+  info: "info"
+}, Y = j(
+  function({
+    id: c,
+    number: P,
+    numberLabel: A,
+    name: o,
+    state: d,
+    url: t,
+    alerts: n,
+    meta: p,
+    dates: a,
+    actions: m,
+    headingTag: I = "h3",
+    surface: H = "elevated",
+    density: L = "comfortable",
+    locale: T,
+    onActivate: g,
+    "aria-label": h,
+    className: E,
+    ...S
+  }, K) {
+    const { t: l, i18n: _ } = F(), x = z(), f = T ?? _.language ?? "en";
+    O(
+      Q,
+      {
+        getState: () => d,
+        getAlertCount: () => (n == null ? void 0 : n.length) ?? 0
+      },
+      c
+    );
+    const v = A ?? l("carePlanCard.number", {
+      number: P,
+      defaultValue: "Care plan {{number}}"
+    }), k = l(`carePlanCard.state.${d}`, {
+      defaultValue: W[d]
+    }), y = o != null && o !== "", B = !!t && J(t), D = !!n && n.length > 0, b = !!p && p.length > 0, N = !!a && (!!a.acceptedIso || !!a.closedIso || !!a.discardedIso), C = /* @__PURE__ */ e(
+      I,
+      {
+        id: x,
+        className: "type-title-card ds:m-0 ds:text-[color:var(--foreground)]",
+        children: y ? o : v
+      }
+    ), R = N ? /* @__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: [
+      a != null && a.acceptedIso ? /* @__PURE__ */ r("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+        /* @__PURE__ */ e("span", { children: l("carePlanCard.date.accepted", "Accepted on") }),
+        /* @__PURE__ */ e(
+          u,
+          {
+            value: a.acceptedIso,
+            format: "absolute",
+            locale: f
+          }
+        )
+      ] }) : null,
+      a != null && a.closedIso ? /* @__PURE__ */ r("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+        /* @__PURE__ */ e("span", { children: l("carePlanCard.date.closed", "Closed on") }),
+        /* @__PURE__ */ e(
+          u,
+          {
+            value: a.closedIso,
+            format: "absolute",
+            locale: f
+          }
+        )
+      ] }) : null,
+      a != null && a.discardedIso ? /* @__PURE__ */ r("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+        /* @__PURE__ */ e("span", { children: l("carePlanCard.date.discarded", "Discarded on") }),
+        /* @__PURE__ */ e(
+          u,
+          {
+            value: a.discardedIso,
+            format: "absolute",
+            locale: f
+          }
+        )
+      ] }) : null
+    ] }) : null;
+    return /* @__PURE__ */ e(
+      "section",
+      {
+        ref: K,
+        "aria-label": h,
+        "aria-labelledby": h ? void 0 : x,
+        "data-component": "care-plan-header",
+        "data-component-id": c,
+        "data-state": d,
+        id: c,
+        className: q({ surface: H, density: L, className: E }),
+        ...S,
+        children: /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+          /* @__PURE__ */ r("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ r("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+              y ? /* @__PURE__ */ e("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)] ds:tabular-nums", children: v }) : null,
+              B ? /* @__PURE__ */ e(
+                U,
+                {
+                  href: t,
+                  weight: "strong",
+                  onClick: (s) => {
+                    s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || g == null || g();
+                  },
+                  children: C
+                }
+              ) : C
+            ] }),
+            /* @__PURE__ */ e(
+              w,
+              {
+                variant: $[d],
+                size: "sm",
+                withDot: !0,
+                className: "ds:shrink-0",
+                children: k
+              }
+            )
+          ] }),
+          D ? /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: n.map((s) => /* @__PURE__ */ e(
+            w,
+            {
+              variant: X[s.tone ?? "warning"],
+              size: "sm",
+              leading: s.icon,
+              children: s.label
+            },
+            s.id
+          )) }) : null,
+          b || N || m ? /* @__PURE__ */ r(V, { children: [
+            /* @__PURE__ */ e(G, { orientation: "horizontal" }),
+            /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-md)]", children: [
+              /* @__PURE__ */ r("div", { className: "ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+                b ? /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-wrap ds:gap-x-[var(--spacing-lg)] ds:gap-y-[var(--spacing-xs)]", children: p.map((s) => /* @__PURE__ */ e(
+                  M,
+                  {
+                    label: s.label,
+                    value: s.value,
+                    icon: s.icon ?? void 0,
+                    "data-field-id": s.id
+                  },
+                  s.id
+                )) }) : null,
+                R
+              ] }),
+              m ? /* @__PURE__ */ e("div", { className: "ds:flex ds:shrink-0 ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: m }) : null
+            ] })
+          ] }) : null
+        ] })
+      }
+    );
+  }
+);
+Y.displayName = "CarePlanHeader";
+export {
+  Y as C,
+  Q as c
+};
+//# sourceMappingURL=care-plan-header-BUwqDTtz.js.map