@alfadocs/ui-kit 0.69.0 → 0.71.0

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

@@ -4,9 +4,9 @@ import { c as A } from "./index-D2ZczOXr.js";
 import { useTranslation as K } from "react-i18next";
 import { u as L } from "./registry-DvAUVLHh.js";
 import { F } from "./form-field-BOm9hK35.js";
-import { S as H } from "./select-DMLG44F5.js";
+import { S as H } from "./select-KsyRr8WH.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-Cym_TeQY.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-C7do4vaR.js}

@@ -3,24 +3,24 @@ 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";
 import { T as Ce } from "./text-input-B-OWQ1Je.js";
 import { S as Ft } from "./spinner-hbwuKwMf.js";
 import { I as tt } from "./icon-button-LqoiKcUN.js";
-import { S as Oe } from "./select-DMLG44F5.js";
-import { C as Ge } from "./combobox-Clum7gJ1.js";
-import { M as Ue } from "./multi-select-BdHHDrRN.js";
+import { S as Oe } from "./select-KsyRr8WH.js";
+import { C as Ge } from "./combobox-DnqSF0IH.js";
+import { M as Ue } from "./multi-select-WE4S9FIF.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-C7do4vaR.js.map

package/dist/_chunks/{button-group-Ciq6J4IW.js → button-group-CvEnVzY7.js}

@@ -48,54 +48,51 @@ const M = N(
     className: x,
     orientation: a = "horizontal",
     separator: k = !1,
-    toolbar: p = !1,
+    toolbar: f = !1,
     intent: v = "outline",
     label: A,
     children: z,
     ...E
   }, l) => {
-    const { t: I } = S(), L = A ?? I("buttonGroup.label", "Button group"), c = p, d = R([]), [u, h] = g(0), w = R(null), [b, j] = g(!1);
+    const { t: L } = S(), j = A ?? L("buttonGroup.label", "Button group"), p = f, c = R([]), [d, h] = g(0), w = R(null), [m, B] = g(!1);
     H(() => {
       if (typeof window > "u") return;
       const t = w.current;
-      t && j(window.getComputedStyle(t).direction === "rtl");
+      t && B(window.getComputedStyle(t).direction === "rtl");
     }, []);
-    const B = T(
+    const I = T(
       (t) => {
         var y;
-        if (!c) return;
-        const e = d.current.filter(Boolean).length;
+        if (!p) return;
+        const e = c.current.filter(Boolean).length;
         if (e === 0) return;
-        const s = a === "vertical" ? "ArrowDown" : b ? "ArrowLeft" : "ArrowRight", f = a === "vertical" ? "ArrowUp" : b ? "ArrowRight" : "ArrowLeft";
-        let n = null;
-        if (t.key === s ? n = (u + 1) % e : t.key === f ? n = (u - 1 + e) % e : t.key === "Home" ? n = 0 : t.key === "End" && (n = e - 1), n === null) return;
-        const i = e;
-        let o = 0, r = n;
-        for (; o < i; ) {
-          const m = d.current[r];
-          if (m && m.getAttribute("aria-disabled") !== "true" && !m.disabled)
+        const i = a === "vertical" ? "ArrowDown" : m ? "ArrowLeft" : "ArrowRight", u = a === "vertical" ? "ArrowUp" : m ? "ArrowRight" : "ArrowLeft";
+        let r = null;
+        if (t.key === i ? r = (d + 1) % e : t.key === u ? r = (d - 1 + e) % e : t.key === "Home" ? r = 0 : t.key === "End" && (r = e - 1), r === null) return;
+        const s = e;
+        let o = 0, n = r;
+        for (; o < s; ) {
+          const b = c.current[n];
+          if (b && b.getAttribute("aria-disabled") !== "true" && !b.disabled)
             break;
-          r = t.key === f || t.key === "End" ? (r - 1 + e) % e : (r + 1) % e, o += 1;
+          n = t.key === u || t.key === "End" ? (n - 1 + e) % e : (n + 1) % e, o += 1;
         }
-        t.preventDefault(), h(r), (y = d.current[r]) == null || y.focus();
+        t.preventDefault(), h(n), (y = c.current[n]) == null || y.focus();
       },
-      [c, a, b, u]
+      [p, a, m, d]
     ), D = V.map(z, (t, e) => {
       if (!C(t)) return t;
-      const s = t, f = (i) => {
-        d.current[e] = i;
-        const o = s.ref;
-        typeof o == "function" ? o(i) : o != null && typeof o == "object" && (o.current = i);
-      }, n = {
-        intent: s.props.intent ?? v,
-        tabIndex: c ? e === u ? 0 : -1 : s.props.tabIndex,
-        onFocus: (i) => {
-          var o, r;
-          c && h(e), (r = (o = s.props).onFocus) == null || r.call(o, i);
-        },
-        ref: f
+      const i = t, u = (s) => {
+        c.current[e] = s;
+        const o = i.ref;
+        typeof o == "function" ? o(s) : o != null && typeof o == "object" && (o.current = s);
+      }, r = {
+        intent: i.props.intent ?? v
       };
-      return F(s, n);
+      return p && (r.tabIndex = e === d ? 0 : -1, r.onFocus = (s) => {
+        var o, n;
+        h(e), (n = (o = i.props).onFocus) == null || n.call(o, s);
+      }, r.ref = u), F(i, r);
     });
     return /* @__PURE__ */ G(
       "div",
@@ -103,11 +100,11 @@ const M = N(
         ref: (t) => {
           w.current = t, typeof l == "function" ? l(t) : l && typeof l == "object" && (l.current = t);
         },
-        role: p ? "toolbar" : "group",
-        "aria-label": L,
-        "aria-orientation": p ? a ?? "horizontal" : void 0,
+        role: f ? "toolbar" : "group",
+        "aria-label": j,
+        "aria-orientation": f ? a ?? "horizontal" : void 0,
         "data-component": "button-group",
-        onKeyDown: B,
+        onKeyDown: I,
         className: M({ orientation: a, separator: k, className: x }),
         ...E,
         children: D
@@ -119,4 +116,4 @@ U.displayName = "ButtonGroup";
 export {
   U as B
 };
-//# sourceMappingURL=button-group-Ciq6J4IW.js.map
+//# sourceMappingURL=button-group-CvEnVzY7.js.map

package/dist/_chunks/{care-plan-card-CvFGXa2z.js → care-plan-card-DzPDYgtK.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-CEnQy7YP.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-DmrgYSEX.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-DzPDYgtK.js.map

package/dist/_chunks/{care-plan-entry-card-C3E_gClk.js → care-plan-entry-card-CEnQy7YP.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-DJZtzfeY.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-DmrgYSEX.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-CEnQy7YP.js.map

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/{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