@alfadocs/ui-kit 0.47.0 → 0.49.0

package/dist/_chunks/ai-tools-rail-CYLWrRmm.js

@@ -0,0 +1,280 @@
+import { jsxs as j, jsx as f } from "react/jsx-runtime";
+import { forwardRef as M, useRef as v, useState as O, useMemo as k, useCallback as D, useEffect as G, useImperativeHandle as J } from "react";
+import { c as b } from "./index-D2ZczOXr.js";
+import { useTranslation as Q } from "react-i18next";
+import { I as X } from "./icon-button-CKEOrN37.js";
+import { S as Y } from "./scroll-area-BWqCkEGz.js";
+import { a as Z } from "./tooltip-DvmfrNvB.js";
+import { u as $ } from "./use-controllable-state-BiY4xTzM.js";
+import { u as ee } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as ae } from "./registry-nPAVE19X.js";
+const te = {
+  id: "ai-tools-rail",
+  capabilities: ["open", "close", "select_single"],
+  state: {
+    activeToolId: {
+      type: "string | null",
+      descriptionKey: "ui.aiToolsRail.agent.state.activeToolId",
+      description: "Id of the tool whose panel is currently open, or null when the rail is collapsed to its strip. No panel content is ever exposed.",
+      read: (n) => n.getActiveToolId()
+    }
+  },
+  actions: {
+    open: {
+      safety: "read",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.aiToolsRail.agent.actions.open",
+      description: "Open the given tool's panel.",
+      invoke: (n, a) => {
+        n.open(a.id);
+      }
+    },
+    close: {
+      safety: "read",
+      descriptionKey: "ui.aiToolsRail.agent.actions.close",
+      description: "Collapse the rail to its strip (no active tool).",
+      invoke: (n) => {
+        n.close();
+      }
+    },
+    select_tool: {
+      safety: "read",
+      argsType: "{ id: string | null }",
+      descriptionKey: "ui.aiToolsRail.agent.actions.selectTool",
+      description: "Set the active tool by id (opens its panel), or pass null to collapse.",
+      invoke: (n, a) => {
+        n.setActiveTool(a.id);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "ai-tools-rail",
+      description: "Marks the AiToolsRail wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Required to address a specific rail from the agent."
+    },
+    item: {
+      attr: "data-tool-id",
+      description: "Stable tool id emitted on each strip IconButton. The active icon also carries data-active set to its id."
+    }
+  }
+}, se = "ds:[inline-size:3rem]", ne = "ds:[inline-size:var(--ai-tools-rail-panel-inline-size,22rem)]", ie = b(
+  ["ds:flex ds:shrink-0 ds:h-full", "ds:bg-[var(--background)]"].join(" "),
+  {
+    variants: {
+      side: {
+        // Strip docks inline-end; the panel mounts inline-start of it
+        // (flex-row, panel rendered first). Shadow faces the main area.
+        end: "ds:flex-row ds:shadow-[var(--shadow-chrome-start)]",
+        // Strip docks inline-start; the panel mounts inline-end of it.
+        start: "ds:flex-row-reverse ds:shadow-[var(--shadow-chrome-end)]"
+      }
+    },
+    defaultVariants: { side: "end" }
+  }
+), oe = b(
+  [
+    "ds:flex ds:shrink-0 ds:flex-col ds:items-center",
+    "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
+    "ds:gap-[var(--spacing-xs)]",
+    se
+  ].join(" ")
+), re = b(
+  [
+    "ds:flex ds:min-h-0 ds:flex-col ds:h-full",
+    "ds:bg-[var(--background)]",
+    ne
+  ].join(" ")
+), le = b(
+  [
+    "ds:absolute ds:-top-[var(--spacing-xs)] ds:-end-[var(--spacing-xs)]",
+    "ds:inline-flex ds:items-center ds:justify-center",
+    "ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))]",
+    "ds:h-[calc(var(--spacing-md)+var(--spacing-xs))]",
+    "ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]",
+    "ds:rounded-[var(--radius-full)]",
+    "ds:bg-[color:var(--destructive)] ds:text-[color:var(--destructive-foreground)]",
+    "ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none",
+    "ds:pointer-events-none ds:select-none",
+    "ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]"
+  ].join(" ")
+);
+function de(n, a) {
+  return n > 99 ? a : String(n);
+}
+const ce = M(
+  ({
+    id: n,
+    tools: a,
+    activeToolId: S,
+    defaultActiveToolId: L = null,
+    onActiveToolChange: B,
+    side: R = "end",
+    railLabel: z,
+    className: H
+  }, _) => {
+    var E;
+    const { t: m } = Q(), [F, l] = $({
+      value: S,
+      defaultValue: L,
+      onChange: B
+    }), d = F ?? null, h = v([]), I = v(null), [y, x] = O(0), u = v(!1), T = v(!1), c = k(
+      () => a.findIndex((e) => e.id === d),
+      [a, d]
+    ), p = c >= 0 ? a[c] : null, P = k(
+      () => a.findIndex((e) => !e.disabled),
+      [a]
+    ), g = c >= 0 ? c : y >= 0 && !((E = a[y]) != null && E.disabled) ? y : P, U = D(
+      (e, t) => {
+        const s = a.find((r) => r.id === e);
+        !s || s.disabled || (u.current = t, l(d === e ? null : e));
+      },
+      [a, d, l]
+    ), W = D(
+      (e) => {
+        var K, N, V;
+        const t = a.length;
+        if (t === 0) return;
+        let s = null;
+        if (e.key === "ArrowDown" ? s = (g + 1) % t : e.key === "ArrowUp" ? s = (g - 1 + t) % t : e.key === "Home" ? s = 0 : e.key === "End" && (s = t - 1), s === null) return;
+        const r = e.key === "ArrowUp" || e.key === "End";
+        let i = s, o = 0;
+        for (; o < t && ((K = a[i]) != null && K.disabled); )
+          i = r ? (i - 1 + t) % t : (i + 1) % t, o += 1;
+        (N = a[i]) != null && N.disabled || (e.preventDefault(), x(i), (V = h.current[i]) == null || V.focus());
+      },
+      [a, g]
+    ), A = v(null);
+    G(() => {
+      const e = A.current;
+      if (!e) return;
+      const t = (s) => {
+        if (s.key !== "Escape" || c < 0) return;
+        s.preventDefault();
+        const r = c;
+        l(null), x(r), requestAnimationFrame(() => {
+          var i;
+          (i = h.current[r]) == null || i.focus();
+        });
+      };
+      return e.addEventListener("keydown", t), () => e.removeEventListener("keydown", t);
+    }, [c, l]), ee(() => {
+      var e;
+      p && u.current && ((e = I.current) == null || e.focus()), u.current = !1;
+    }, [p]);
+    const C = v(d);
+    C.current = d;
+    const w = k(
+      () => ({
+        getActiveToolId: () => C.current,
+        setActiveTool: (e) => {
+          u.current = !1, l(e);
+        },
+        open: (e) => {
+          const t = a.find((s) => s.id === e);
+          !t || t.disabled || (u.current = !1, l(e));
+        },
+        close: () => {
+          u.current = !1, l(null);
+        }
+      }),
+      [a, l]
+    );
+    J(_, () => w, [w]), ae(te, w, n);
+    const q = m("aiToolsRail.badgeCountOverflow", {
+      defaultValue: "99+"
+    });
+    return /* @__PURE__ */ j(
+      "div",
+      {
+        ref: A,
+        "data-component": "ai-tools-rail",
+        "data-component-id": n,
+        "data-side": R,
+        className: [ie({ side: R }), H].filter(Boolean).join(" "),
+        children: [
+          p ? /* @__PURE__ */ f(
+            "aside",
+            {
+              ref: I,
+              tabIndex: -1,
+              "aria-label": m("aiToolsRail.panelLabel", {
+                tool: p.label,
+                defaultValue: "{{tool}} panel"
+              }),
+              "data-ai-tools-rail-state": "expanded",
+              "data-active-tool": p.id,
+              className: [re(), "ds:focus-visible:outline-none"].join(
+                " "
+              ),
+              children: /* @__PURE__ */ f(Y, { orientation: "vertical", className: "ds:flex-1 ds:min-h-0", children: p.panel })
+            }
+          ) : null,
+          /* @__PURE__ */ f(Z, { children: /* @__PURE__ */ f(
+            "div",
+            {
+              role: "toolbar",
+              "aria-orientation": "vertical",
+              "aria-label": z ?? m("aiToolsRail.railLabel", { defaultValue: "AI tools" }),
+              className: oe(),
+              onKeyDown: W,
+              children: a.map((e, t) => {
+                const s = e.id === d, r = typeof e.badgeCount == "number" && e.badgeCount > 0, i = r ? m("aiToolsRail.toolWithCount", {
+                  tool: e.label,
+                  count: e.badgeCount,
+                  defaultValue: "{{tool}}, {{count}} updates"
+                }) : e.label;
+                return /* @__PURE__ */ j("div", { className: "ds:relative", children: [
+                  /* @__PURE__ */ f(
+                    X,
+                    {
+                      ref: (o) => {
+                        h.current[t] = o;
+                      },
+                      icon: e.icon,
+                      tooltip: e.label,
+                      "aria-label": i,
+                      intent: "ghost",
+                      size: "sm",
+                      disabled: e.disabled,
+                      "aria-pressed": s,
+                      "aria-expanded": s,
+                      "data-active": s ? e.id : void 0,
+                      "data-tool-id": e.id,
+                      tabIndex: t === g ? 0 : -1,
+                      onFocus: () => {
+                        e.disabled || x(t);
+                      },
+                      onClick: () => U(e.id, T.current),
+                      onKeyDown: (o) => {
+                        (o.key === "Enter" || o.key === " ") && (T.current = !0);
+                      },
+                      onKeyUp: (o) => {
+                        (o.key === "Enter" || o.key === " ") && (T.current = !1);
+                      }
+                    }
+                  ),
+                  r ? /* @__PURE__ */ f("span", { "aria-hidden": "true", className: le(), children: de(
+                    e.badgeCount,
+                    q
+                  ) }) : null
+                ] }, e.id);
+              })
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+ce.displayName = "AiToolsRail";
+export {
+  ce as A,
+  te as a
+};
+//# sourceMappingURL=ai-tools-rail-CYLWrRmm.js.map

package/dist/_chunks/{alert-ywPR59NE.js → alert-CUTxnym2.js}

@@ -2,13 +2,14 @@ import { jsxs as E, jsx as t } from "react/jsx-runtime";
 import { forwardRef as a, useState as R, useRef as V, useCallback as z, Children as B, isValidElement as D } from "react";
 import { c as F } from "./index-D2ZczOXr.js";
 import { useTranslation as L } from "react-i18next";
-import { u as W } from "./use-controllable-state-BiY4xTzM.js";
-import { X } from "./x-CCcI3eJp.js";
+import { u as U } from "./use-controllable-state-BiY4xTzM.js";
+import { X as W } from "./x-CCcI3eJp.js";
+import { C as X } from "./circle-arrow-up-CC_85SuH.js";
 import { C as G } from "./circle-x-Du2CmjaU.js";
 import { T as H } from "./triangle-alert-CBPUIzQo.js";
 import { C as M } from "./circle-check-9AeSgJD_.js";
 import { I as P } from "./info-B9XNKn05.js";
-const U = F(
+const $ = F(
   [
     // Default `items-center` keeps the icon + dismiss optically aligned
     // with a single-line description. The `data-[has-title=true]`
@@ -58,6 +59,19 @@ const U = F(
           "ds:text-[var(--error-foreground)]",
           "ds:[&_[data-intent=tonal]]:bg-[color:var(--error-foreground)]",
           "ds:[&_[data-intent=tonal]]:text-[color:var(--background)]"
+        ].join(" "),
+        // Sales / marketing upsell — accent magenta via the --promo
+        // semantic pair so marketing pushes (product hub → warning
+        // stack) read as offers, not operational warnings. Surface is
+        // the same subtle accent gradient as SidebarUpgradeChip (it
+        // flattens in the accessible themes and follows Canvas in
+        // forced-colors), keeping the two upsell affordances kin.
+        promo: [
+          "ds:border-[color:var(--promo)]",
+          "ds:bg-[image:var(--gradient-surface-subtle-accent)]",
+          "ds:text-[var(--promo-foreground)]",
+          "ds:[&_[data-intent=tonal]]:bg-[color:var(--promo-foreground)]",
+          "ds:[&_[data-intent=tonal]]:text-[color:var(--background)]"
         ].join(" ")
       }
     },
@@ -65,7 +79,7 @@ const U = F(
       variant: "info"
     }
   }
-), h = "ds:shrink-0 ds:size-5", $ = `${h} ds:mt-0.5`, q = [
+), h = "ds:shrink-0 ds:size-5", q = `${h} ds:mt-0.5`, J = [
   // Default (no title): the alert root uses `items-center` and the
   // button centres in the cross-axis. A centred 16×16 glyph inside a
   // 44×44 button aligns optically with a single-line description.
@@ -89,7 +103,7 @@ const U = F(
   "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
   "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:forced-colors:focus-visible:outline-[CanvasText]"
-].join(" "), J = {
+].join(" "), K = {
   info: { icon: /* @__PURE__ */ t(P, { "aria-hidden": "true" }), role: "status", live: "polite" },
   success: {
     icon: /* @__PURE__ */ t(M, { "aria-hidden": "true" }),
@@ -105,70 +119,76 @@ const U = F(
     icon: /* @__PURE__ */ t(G, { "aria-hidden": "true" }),
     role: "alert",
     live: "assertive"
+  },
+  // Promotions never interrupt — same polite semantics as info.
+  promo: {
+    icon: /* @__PURE__ */ t(X, { "aria-hidden": "true" }),
+    role: "status",
+    live: "polite"
   }
 }, c = a(
-  ({ as: e = "h5", className: s, ...o }, n) => /* @__PURE__ */ t(
+  ({ as: e = "h5", className: o, ...r }, n) => /* @__PURE__ */ t(
     e,
     {
       ref: n,
-      className: ["type-title-item", s].filter(Boolean).join(" "),
-      ...o
+      className: ["type-title-item", o].filter(Boolean).join(" "),
+      ...r
     }
   )
 );
 c.displayName = "Alert.Title";
-const x = a(({ className: e, ...s }, o) => /* @__PURE__ */ t(
+const x = a(({ className: e, ...o }, r) => /* @__PURE__ */ t(
   "p",
   {
-    ref: o,
+    ref: r,
     className: [
       "ds:[[data-has-title=true]_&]:mt-[var(--spacing-xs)] type-body-sm",
       e
     ].filter(Boolean).join(" "),
-    ...s
+    ...o
   }
 ));
 x.displayName = "Alert.Description";
 const _ = a(
-  ({ className: e, ...s }, o) => /* @__PURE__ */ t(
+  ({ className: e, ...o }, r) => /* @__PURE__ */ t(
     "div",
     {
-      ref: o,
+      ref: r,
       className: [
         "ds:mt-[var(--spacing-sm)] ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]",
         e
       ].filter(Boolean).join(" "),
-      ...s
+      ...o
     }
   )
 );
 _.displayName = "Alert.Action";
-const w = a(
+const C = a(
   ({
     variant: e = "info",
-    dismissible: s = !1,
-    open: o,
+    dismissible: o = !1,
+    open: r,
     onOpenChange: n,
     icon: m,
-    live: C,
+    live: w,
     className: A,
     children: u,
     ...N
   }, y) => {
-    const { t: T } = L(), [j, k] = W({
-      value: o,
+    const { t: T } = L(), [j, k] = U({
+      value: r,
       defaultValue: !0,
       onChange: n
     }), I = j ?? !0, [f, g] = R(!1), i = V(null), O = z(() => {
       if (typeof window > "u") return 200;
-      const r = window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration");
-      if (!r) return 200;
-      const b = r.trim(), l = parseFloat(b);
+      const s = window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration");
+      if (!s) return 200;
+      const b = s.trim(), l = parseFloat(b);
       return Number.isFinite(l) ? b.endsWith("ms") ? l : l * 1e3 : 200;
     }, []);
     if (!I) return null;
-    const d = J[e], v = m !== void 0 ? m : d.icon, p = B.toArray(u).some(
-      (r) => D(r) && r.type === c
+    const d = K[e], v = m !== void 0 ? m : d.icon, p = B.toArray(u).some(
+      (s) => D(s) && s.type === c
     ), S = () => {
       f || (g(!0), i.current && clearTimeout(i.current), i.current = setTimeout(() => {
         g(!1), k(!1);
@@ -179,12 +199,12 @@ const w = a(
       {
         ref: y,
         role: d.role,
-        "aria-live": C ?? d.live,
+        "aria-live": w ?? d.live,
         "data-component": "alert",
         "data-has-title": p ? "true" : "false",
         "data-state": f ? "closing" : "open",
         className: [
-          U({ variant: e, className: A }),
+          $({ variant: e, className: A }),
           // Entry: fade + slide-down on mount. Exit: fade + slide-up + slight
           // scale when dismissed. Driven by `tw-animate-css`. Respects
           // `prefers-reduced-motion` via `motion-safe:` and zeroes under the
@@ -200,16 +220,17 @@ const w = a(
         ].join(" "),
         ...N,
         children: [
-          v ? /* @__PURE__ */ t("span", { className: p ? $ : h, children: v }) : null,
+          v ? /* @__PURE__ */ t("span", { className: p ? q : h, children: v }) : null,
           /* @__PURE__ */ t("div", { className: "ds:flex-1 ds:min-w-0", children: u }),
-          s ? /* @__PURE__ */ t(
+          o ? /* @__PURE__ */ t(
             "button",
             {
               type: "button",
               "aria-label": T("common.close", "Close"),
               onClick: S,
-              className: q,
-              children: /* @__PURE__ */ t(X, { "aria-hidden": "true", className: "ds:size-4" })
+              "data-alert-dismiss": "",
+              className: J,
+              children: /* @__PURE__ */ t(W, { "aria-hidden": "true", className: "ds:size-4" })
             }
           ) : null
         ]
@@ -217,13 +238,13 @@ const w = a(
     );
   }
 );
-w.displayName = "Alert";
-const nt = Object.assign(w, {
+C.displayName = "Alert";
+const dt = Object.assign(C, {
   Title: c,
   Description: x,
   Action: _
 });
 export {
-  nt as A
+  dt as A
 };
-//# sourceMappingURL=alert-ywPR59NE.js.map
+//# sourceMappingURL=alert-CUTxnym2.js.map

package/dist/_chunks/{alia-sidebar-CVIPrdc9.js → alia-sidebar-DlvyXgVC.js}

@@ -10,7 +10,7 @@ import { S as Y } from "./sparkles-CuYXqQLg.js";
 import { A as F } from "./avatar-BNQNhoyL.js";
 import { B as S } from "./button-DD_0Xdmr.js";
 import { C as Ie } from "./chat-container-ogB4OskO.js";
-import { C as Ee } from "./chat-message-B5JpFj0F.js";
+import { C as Ee } from "./chat-message-Dm8U2RY1.js";
 import { C as ne, P as _e } from "./chat-input-CFwc7JxL.js";
 import { S as Re } from "./spinner-OjQNn8oN.js";
 import { S as Pe } from "./streaming-text-CfhDqtIT.js";
@@ -618,6 +618,7 @@ const O = D(
             {
               role: u.role,
               content: u.content,
+              body: u.body,
               avatar: K,
               timestamp: u.timestamp,
               status: u.status,
@@ -1122,4 +1123,4 @@ export {
   us as b,
   vs as c
 };
-//# sourceMappingURL=alia-sidebar-CVIPrdc9.js.map
+//# sourceMappingURL=alia-sidebar-DlvyXgVC.js.map

package/dist/_chunks/anamnesis-card-CmkBVAln.js

@@ -0,0 +1,156 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { forwardRef as M, useId as C, useMemo as R } from "react";
+import { c as q } from "./index-D2ZczOXr.js";
+import { useTranslation as z } from "react-i18next";
+import { B as n } from "./badge-zsf5i5bH.js";
+import { C as N } from "./card-DPmk26CL.js";
+import { A as G, b as O, c as Q, a as S } from "./accordion-9lJSMMsZ.js";
+import { D as t } from "./description-list-BEbK2g93.js";
+import { T as w } from "./timestamp-BV2lC-wV.js";
+import { T as y } from "./triangle-alert-CBPUIzQo.js";
+const H = q("ds:w-full ds:text-[color:var(--foreground)]", {
+  variants: {
+    // Matches the kit's other `surface` props. `'elevated'` (default)
+    // wraps in `<Card variant="elevated">`; `'flat'` drops the chrome
+    // for use inside an existing Card / Sheet.
+    surface: {
+      flat: "",
+      elevated: ""
+    }
+  },
+  defaultVariants: { surface: "elevated" }
+}), J = M(
+  ({
+    dateIso: V,
+    createdAtIso: u,
+    formName: T,
+    highlightedAnswerCount: o = 0,
+    status: s,
+    answers: d,
+    surface: p = "elevated",
+    "aria-label": A,
+    id: f,
+    className: D,
+    ...F
+  }, I) => {
+    const { t: a } = z(), h = C(), L = C(), v = T ?? a("anamnesisCard.defaultFormName", { defaultValue: "Medical history" }), B = A ?? v, i = o > 0, c = (s == null ? void 0 : s.expired) === !0, m = (s == null ? void 0 : s.corrupted) === !0, g = (d == null ? void 0 : d.length) ?? 0, x = R(() => !i && !c && !m ? null : /* @__PURE__ */ r(
+      "div",
+      {
+        role: "list",
+        "aria-label": a("anamnesisCard.statusGroupLabel", {
+          defaultValue: "Questionnaire status"
+        }),
+        className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)]",
+        children: [
+          i ? /* @__PURE__ */ e(
+            n,
+            {
+              variant: "error",
+              withDot: !0,
+              leading: /* @__PURE__ */ e(y, { "aria-hidden": "true" }),
+              role: "listitem",
+              children: a("anamnesisCard.status.highlighted", {
+                count: o,
+                defaultValue: "{{count}} flagged answers"
+              })
+            }
+          ) : null,
+          c ? /* @__PURE__ */ e(n, { variant: "warning", withDot: !0, role: "listitem", children: a("anamnesisCard.status.expired", { defaultValue: "Expired" }) }) : null,
+          m ? /* @__PURE__ */ e(n, { variant: "error", withDot: !0, role: "listitem", children: a("anamnesisCard.status.corrupted", {
+            defaultValue: "Corrupted"
+          }) }) : null
+        ]
+      }
+    ), [i, c, m, o, a]), j = /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+      /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-wrap ds:items-start ds:gap-[var(--spacing-sm)]", children: [
+        /* @__PURE__ */ e(
+          "h3",
+          {
+            id: h,
+            className: "type-title-card ds:m-0 ds:text-[color:var(--foreground)]",
+            children: v
+          }
+        ),
+        x ? /* @__PURE__ */ e("div", { className: "ds:ms-auto ds:flex ds:shrink-0 ds:items-center", children: x }) : null
+      ] }),
+      /* @__PURE__ */ r("p", { className: "type-body-sm ds:m-0 ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)] ds:text-[color:var(--muted-foreground)]", children: [
+        /* @__PURE__ */ r("span", { children: [
+          a("anamnesisCard.compiledOn", { defaultValue: "Compiled" }),
+          " ",
+          /* @__PURE__ */ e(w, { value: V, format: "absolute", shape: "bare" })
+        ] }),
+        u ? /* @__PURE__ */ r("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ e("span", { "aria-hidden": "true", children: "·" }),
+          /* @__PURE__ */ r("span", { children: [
+            a("anamnesisCard.submitted", { defaultValue: "Submitted" }),
+            " ",
+            /* @__PURE__ */ e(
+              w,
+              {
+                value: u,
+                format: "relative",
+                shape: "bare"
+              }
+            )
+          ] })
+        ] }) : null
+      ] })
+    ] }), k = g > 0 ? /* @__PURE__ */ e(t, { layout: "stacked", density: "compact", divider: "between", children: d.map((l, E) => /* @__PURE__ */ r(
+      t.Row,
+      {
+        className: l.highlight ? "ds:border ds:border-[color:var(--destructive)] ds:rounded-[var(--radius-sm)] ds:p-[var(--spacing-sm)]" : void 0,
+        children: [
+          /* @__PURE__ */ e(t.Term, { children: /* @__PURE__ */ r("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ e("span", { children: l.question }),
+            l.highlight ? /* @__PURE__ */ e(
+              n,
+              {
+                variant: "error",
+                size: "sm",
+                withDot: !0,
+                leading: /* @__PURE__ */ e(y, { "aria-hidden": "true" }),
+                "aria-label": a("anamnesisCard.answerFlagLabel", {
+                  defaultValue: "Flagged answer"
+                })
+              }
+            ) : null
+          ] }) }),
+          /* @__PURE__ */ e(t.Detail, { children: l.answer })
+        ]
+      },
+      E
+    )) }) : /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]", children: a("anamnesisCard.empty", {
+      defaultValue: "No answers were recorded."
+    }) }), b = /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+      j,
+      /* @__PURE__ */ e(G, { type: "single", collapsible: !0, variant: "separated", children: /* @__PURE__ */ r(O, { value: L, children: [
+        /* @__PURE__ */ e(Q, { children: a("anamnesisCard.interviewToggle", {
+          count: g,
+          defaultValue: "Interview ({{count}} answers)"
+        }) }),
+        /* @__PURE__ */ e(S, { children: k })
+      ] }) })
+    ] });
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: I,
+        role: "region",
+        "aria-label": B,
+        "aria-labelledby": h,
+        "data-component": "anamnesis-card",
+        "data-component-id": f,
+        "data-has-flags": i || void 0,
+        id: f,
+        className: H({ surface: p, className: D }),
+        ...F,
+        children: p === "elevated" ? /* @__PURE__ */ e(N, { variant: "elevated", children: /* @__PURE__ */ e(N.Body, { children: b }) }) : b
+      }
+    );
+  }
+);
+J.displayName = "AnamnesisCard";
+export {
+  J as A
+};
+//# sourceMappingURL=anamnesis-card-CmkBVAln.js.map