@alfadocs/ui-kit 0.47.0 → 0.48.0

package/dist/_chunks/{chat-message-B5JpFj0F.js → chat-message-Dm8U2RY1.js}

@@ -1,17 +1,17 @@
 import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import { forwardRef as j, useMemo as T, Fragment as l } from "react";
+import { forwardRef as T, useMemo as z, Fragment as l } from "react";
 import { c as h } from "./index-D2ZczOXr.js";
-import { useTranslation as z } from "react-i18next";
+import { useTranslation as B } from "react-i18next";
 import { B as F } from "./button-DD_0Xdmr.js";
 import { A as I } from "./avatar-BNQNhoyL.js";
 import { T as A } from "./timestamp-BV2lC-wV.js";
-import { s as B, C as M } from "./code-block-HoddNOKJ.js";
-import { s as S } from "./safe-image-src-DstKgCo7.js";
-import { R as V } from "./rotate-ccw-BWANpitO.js";
-import { C as D } from "./clock-21AGPWJ5.js";
-import { C as E } from "./check-DPdL_Sm7.js";
-import { C as L } from "./circle-alert-ChA9opNA.js";
-const R = h(
+import { s as M, C as S } from "./code-block-HoddNOKJ.js";
+import { s as V } from "./safe-image-src-DstKgCo7.js";
+import { R as D } from "./rotate-ccw-BWANpitO.js";
+import { C as E } from "./clock-21AGPWJ5.js";
+import { C as L } from "./check-DPdL_Sm7.js";
+import { C as R } from "./circle-alert-ChA9opNA.js";
+const _ = h(
   "ds:flex ds:w-full ds:items-start ds:gap-[var(--spacing-sm)]",
   {
     variants: {
@@ -23,7 +23,7 @@ const R = h(
     },
     defaultVariants: { role: "assistant" }
   }
-), _ = h(
+), $ = h(
   [
     // Cap at 42rem on wide surfaces; on narrow docks (Alia sidebar ≈22rem)
     // leave room for the avatar column (size-8 = 32px = --spacing-xl) +
@@ -45,8 +45,8 @@ const R = h(
     },
     defaultVariants: { role: "assistant" }
   }
-), $ = /^(https?:|mailto:)/i;
-function k(n) {
+), k = /^(https?:|mailto:)/i;
+function H(n) {
   const e = [];
   let s = n;
   const t = /\*\*([^*]+)\*\*|`([^`]+)`|\[([^\]]+)\]\(([^)]+)\)|\n/;
@@ -60,8 +60,8 @@ function k(n) {
   }
   return e;
 }
-function H(n) {
-  return k(n).map((e, s) => e.type === "bold" ? /* @__PURE__ */ a("strong", { children: e.value }, s) : e.type === "code" ? /* @__PURE__ */ a(
+function q(n) {
+  return H(n).map((e, s) => e.type === "bold" ? /* @__PURE__ */ a("strong", { children: e.value }, s) : e.type === "code" ? /* @__PURE__ */ a(
     "code",
     {
       dir: "ltr",
@@ -69,7 +69,7 @@ function H(n) {
       children: e.value
     },
     s
-  ) : e.type === "br" ? /* @__PURE__ */ a("br", {}, s) : e.type === "link" ? $.test(e.href) ? /* @__PURE__ */ a(
+  ) : e.type === "br" ? /* @__PURE__ */ a("br", {}, s) : e.type === "link" ? k.test(e.href) ? /* @__PURE__ */ a(
     "a",
     {
       href: e.href,
@@ -81,10 +81,10 @@ function H(n) {
     s
   ) : /* @__PURE__ */ a(l, { children: e.label }, s) : /* @__PURE__ */ a(l, { children: e.value }, s));
 }
-function q(n) {
-  return B(n).map((e, s) => e.type === "code" ? /* @__PURE__ */ a(M, { code: e.value, language: e.lang }, s) : /* @__PURE__ */ a(l, { children: H(e.value) }, s));
+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));
 }
-const G = j(
+const J = T(
   ({
     role: n,
     content: e,
@@ -94,18 +94,19 @@ const G = j(
     renderMarkdown: x = !1,
     onRetry: m,
     actions: c,
-    className: b,
-    ...y
-  }, N) => {
-    const { t: i, i18n: u } = z(), o = T(() => {
+    body: b,
+    className: y,
+    ...N
+  }, w) => {
+    const { t: i, i18n: u } = B(), o = z(() => {
       if (!t) return null;
       const v = t instanceof Date ? t : new Date(t);
       return Number.isNaN(v.getTime()) ? null : new Intl.DateTimeFormat(u.language, {
         hour: "2-digit",
         minute: "2-digit"
       }).format(v);
-    }, [t, u.language]), f = i(`chat.message.role.${n}`), w = o ? i("chat.message.label", { role: f, time: o }) : i("chat.message.labelNoTime", { role: f }), C = x ? q(e) : e, p = !r || r === "edited" ? null : r === "sending" ? /* @__PURE__ */ a(D, { "aria-hidden": "true", className: "ds:size-3.5" }) : r === "sent" ? /* @__PURE__ */ a(E, { "aria-hidden": "true", className: "ds:size-3.5" }) : /* @__PURE__ */ a(
-      L,
+    }, [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(
+      R,
       {
         "aria-hidden": "true",
         className: "ds:size-3.5 ds:text-[color:var(--destructive)]"
@@ -114,18 +115,18 @@ const G = j(
     return /* @__PURE__ */ d(
       "article",
       {
-        ref: N,
-        "aria-label": w,
+        ref: w,
+        "aria-label": C,
         "data-component": "chat-message",
         className: [
-          R({ role: n, className: b }),
+          _({ role: n, className: y }),
           // Entrance: fade + slide up on mount. `--animation-duration` is 0ms
           // under `prefers-reduced-motion` and `.theme-accessible`, so both
           // collapse the animation to an instant state change automatically.
           "ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-bottom-2",
           "ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]"
         ].join(" "),
-        ...y,
+        ...N,
         children: [
           n !== "system" && s ? s.slot ? (
             // Consumer-supplied avatar node (e.g. Alia's Sparkles tile).
@@ -138,7 +139,7 @@ const G = j(
               I,
               {
                 name: s.name,
-                src: S(s.src),
+                src: V(s.src),
                 size: "sm"
               }
             )
@@ -160,14 +161,14 @@ const G = j(
                   {
                     dir: "auto",
                     className: [
-                      _({ role: n }),
+                      $({ role: n }),
                       // `break-words` (from bubbleVariants) handles soft hyphens;
                       // `overflow-wrap: anywhere` is the last-resort break for
                       // URLs, hashes, or CJK runs that would otherwise push the
                       // bubble wider than its parent in narrow docks like Alia.
                       "ds:[overflow-wrap:anywhere]"
                     ].join(" "),
-                    children: C
+                    children: j
                   }
                 ),
                 (o || g) && n !== "system" ? /* @__PURE__ */ d(
@@ -213,7 +214,7 @@ const G = j(
                           intent: "ghost",
                           size: "sm",
                           onClick: m,
-                          startIcon: /* @__PURE__ */ a(V, {}),
+                          startIcon: /* @__PURE__ */ a(D, {}),
                           children: i("chat.message.retry")
                         }
                       ) : null
@@ -229,8 +230,8 @@ const G = j(
     );
   }
 );
-G.displayName = "ChatMessage";
+J.displayName = "ChatMessage";
 export {
-  G as C
+  J as C
 };
-//# sourceMappingURL=chat-message-B5JpFj0F.js.map
+//# sourceMappingURL=chat-message-Dm8U2RY1.js.map

package/dist/_chunks/clinical-note-card-BYo437dU.js

@@ -0,0 +1,333 @@
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { forwardRef as K, useId as H, useMemo as I } from "react";
+import { c as _ } from "./index-D2ZczOXr.js";
+import { useTranslation as S } from "react-i18next";
+import { A as V } from "./avatar-BNQNhoyL.js";
+import { B as d } from "./badge-zsf5i5bH.js";
+import { C as k } from "./card-DPmk26CL.js";
+import { L as E } from "./link-DrD_cRUg.js";
+import { T as C } from "./timestamp-BV2lC-wV.js";
+import { SafeHtml as F } from "../safe-html/index.js";
+import { i as M } from "./is-safe-url-DkETxeHz.js";
+import { u as U } from "./registry-nPAVE19X.js";
+import { S as W } from "./scan-line-lGioFwLC.js";
+import { L as q } from "./layers-pzGcbLPj.js";
+import { F as h } from "./file-text-DSNuv2B8.js";
+import { U as B } from "./user-CPxpqFjJ.js";
+import { c as w } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const R = [
+  [
+    "path",
+    {
+      d: "M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528",
+      key: "1jaruq"
+    }
+  ]
+], O = w("flag", R);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const D = [
+  ["path", { d: "M12 17v5", key: "bb1du9" }],
+  [
+    "path",
+    {
+      d: "M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z",
+      key: "1nkz8b"
+    }
+  ]
+], G = w("pin", D), J = {
+  id: "clinical-note-card",
+  capabilities: [],
+  state: {
+    noteId: {
+      type: "string | undefined",
+      descriptionKey: "ui.agent.clinicalNoteCard.state.noteId",
+      description: "Stable identifier of the rendered note, when supplied.",
+      read: (n) => n.getNoteId()
+    },
+    pinned: {
+      type: "boolean",
+      descriptionKey: "ui.agent.clinicalNoteCard.state.pinned",
+      description: "Whether the note is pinned to the top of the timeline.",
+      read: (n) => n.isPinned()
+    },
+    flagged: {
+      type: "boolean",
+      descriptionKey: "ui.agent.clinicalNoteCard.state.flagged",
+      description: "Whether the note is flagged for follow-up.",
+      read: (n) => n.isFlagged()
+    },
+    attachmentKind: {
+      type: "'patient' | 'carePlan' | 'carePlanEntry' | 'phase' | 'xray' | undefined",
+      descriptionKey: "ui.agent.clinicalNoteCard.state.attachmentKind",
+      description: "Structural kind the note is attached to. Never the attachment identity or content.",
+      read: (n) => n.getAttachmentKind()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "clinical-note-card",
+      description: "Marks the ClinicalNoteCard root. Also emits data-pinned / data-flagged / data-attached-to structural hooks."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop — addresses a specific note."
+    }
+  }
+}, Q = _("ds:w-full ds:text-[color:var(--foreground)]", {
+  variants: {
+    surface: { flat: "", elevated: "" }
+  },
+  defaultVariants: { surface: "elevated" }
+}), X = _(
+  [
+    "type-body-sm ds:text-[color:var(--foreground)]",
+    "ds:break-words",
+    "[&_a]:ds:underline [&_a]:ds:underline-offset-2",
+    "[&_code]:ds:rounded-[var(--radius-sm)] [&_code]:ds:bg-muted/30 [&_code]:ds:ps-[var(--spacing-xs)] [&_code]:ds:pe-[var(--spacing-xs)] [&_code]:ds:font-[family-name:var(--font-mono)]",
+    "[&_p]:ds:m-0 [&_p+p]:ds:mt-[var(--spacing-sm)]",
+    "[&_ul]:ds:m-0 [&_ul]:ds:ps-[var(--spacing-md)] [&_ol]:ds:m-0 [&_ol]:ds:ps-[var(--spacing-md)]"
+  ].join(" "),
+  {
+    variants: {
+      truncate: {
+        true: "ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:4]",
+        false: ""
+      }
+    },
+    defaultVariants: { truncate: !1 }
+  }
+);
+function v(n) {
+  return n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function b(n) {
+  let r = n;
+  return r = r.replace(/`([^`]+)`/g, "<code>$1</code>"), r = r.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>"), r = r.replace(/\*([^*]+)\*/g, "<em>$1</em>"), r = r.replace(
+    /\[([^\]]+)\]\(([^)\s]+)\)/g,
+    '<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>'
+  ), r;
+}
+function Y(n) {
+  return n.split(/\n{2,}/).map((o) => {
+    const t = o.split(`
+`), p = t.every((l) => /^\s*[-*]\s+/.test(l)), a = t.every((l) => /^\s*\d+\.\s+/.test(l));
+    return p && t.length > 0 ? `<ul>${t.map((i) => i.replace(/^\s*[-*]\s+/, "")).map((i) => `<li>${b(v(i))}</li>`).join("")}</ul>` : a && t.length > 0 ? `<ol>${t.map((i) => i.replace(/^\s*\d+\.\s+/, "")).map((i) => `<li>${b(v(i))}</li>`).join("")}</ol>` : `<p>${b(v(o)).replace(
+      /\n/g,
+      "<br />"
+    )}</p>`;
+  }).join("");
+}
+const Z = K(
+  ({
+    id: n,
+    dateIso: r,
+    createdAtIso: o,
+    author: t,
+    clinical: p,
+    attachedTo: a,
+    content: f,
+    pinned: l,
+    flagged: i,
+    truncate: z = !1,
+    surface: N = "elevated",
+    "aria-label": A,
+    className: P,
+    ...$
+  }, j) => {
+    const { t: s } = S(), g = H(), L = I(() => Y(f), [f]), y = A ?? s("clinicalNoteCard.regionLabel");
+    U(
+      J,
+      {
+        getNoteId: () => n,
+        isPinned: () => !!l,
+        isFlagged: () => !!i,
+        getAttachmentKind: () => a == null ? void 0 : a.kind
+      },
+      n
+    );
+    let c = null;
+    if (a)
+      switch (a.kind) {
+        case "patient":
+          c = /* @__PURE__ */ e(
+            d,
+            {
+              variant: "neutral",
+              size: "sm",
+              leading: /* @__PURE__ */ e(B, { "aria-hidden": "true" }),
+              children: s("clinicalNoteCard.attachment.patient")
+            }
+          );
+          break;
+        case "carePlan": {
+          const u = s("clinicalNoteCard.attachment.carePlan", {
+            number: a.number
+          });
+          c = a.url && M(a.url) ? /* @__PURE__ */ e(
+            E,
+            {
+              href: a.url,
+              intent: "default",
+              startIcon: /* @__PURE__ */ e(h, { "aria-hidden": "true" }),
+              children: u
+            }
+          ) : /* @__PURE__ */ e(
+            d,
+            {
+              variant: "info",
+              size: "sm",
+              leading: /* @__PURE__ */ e(h, { "aria-hidden": "true" }),
+              children: u
+            }
+          );
+          break;
+        }
+        case "carePlanEntry": {
+          const u = a.elements && a.elements.length > 0 ? s("clinicalNoteCard.attachment.carePlanEntryWithElements", {
+            care: a.careName,
+            elements: a.elements.join(", ")
+          }) : s("clinicalNoteCard.attachment.carePlanEntry", {
+            care: a.careName
+          });
+          c = /* @__PURE__ */ e(
+            d,
+            {
+              variant: "info",
+              size: "sm",
+              leading: /* @__PURE__ */ e(h, { "aria-hidden": "true" }),
+              children: u
+            }
+          );
+          break;
+        }
+        case "phase":
+          c = /* @__PURE__ */ e(
+            d,
+            {
+              variant: "neutral",
+              size: "sm",
+              leading: /* @__PURE__ */ e(q, { "aria-hidden": "true" }),
+              children: s("clinicalNoteCard.attachment.phase", {
+                label: a.label
+              })
+            }
+          );
+          break;
+        case "xray":
+          c = /* @__PURE__ */ e(
+            d,
+            {
+              variant: "neutral",
+              size: "sm",
+              leading: /* @__PURE__ */ e(W, { "aria-hidden": "true" }),
+              children: a.label ? s("clinicalNoteCard.attachment.xrayWithLabel", {
+                label: a.label
+              }) : s("clinicalNoteCard.attachment.xray")
+            }
+          );
+          break;
+      }
+    const x = /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ m("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]", children: [
+        t ? /* @__PURE__ */ e(
+          V,
+          {
+            name: t.name,
+            src: t.avatarUrl,
+            size: "sm",
+            className: "ds:shrink-0",
+            "aria-hidden": "true",
+            role: "presentation",
+            "aria-label": void 0
+          }
+        ) : null,
+        /* @__PURE__ */ m("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+          t ? /* @__PURE__ */ e(
+            "span",
+            {
+              id: g,
+              className: "type-title-item ds:text-[color:var(--foreground)] ds:truncate",
+              children: t.name
+            }
+          ) : /* @__PURE__ */ e("span", { id: g, className: "ds:sr-only", children: y }),
+          /* @__PURE__ */ m("span", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-xs)] ds:gap-y-[var(--spacing-2xs)]", children: [
+            /* @__PURE__ */ e(C, { value: r, shape: "bare", size: "sm" }),
+            o && o !== r ? /* @__PURE__ */ m("span", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: [
+              s("clinicalNoteCard.added"),
+              " ",
+              /* @__PURE__ */ e(C, { value: o, shape: "bare", size: "sm" })
+            ] }) : null
+          ] })
+        ] }),
+        l || i || p ? /* @__PURE__ */ m("span", { className: "ds:ms-auto ds:flex ds:shrink-0 ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-2xs)]", children: [
+          p ? /* @__PURE__ */ e(d, { variant: "brand", size: "sm", children: s("clinicalNoteCard.clinical") }) : null,
+          l ? /* @__PURE__ */ e(
+            d,
+            {
+              variant: "accent",
+              size: "sm",
+              leading: /* @__PURE__ */ e(G, { "aria-hidden": "true" }),
+              children: s("clinicalNoteCard.pinned")
+            }
+          ) : null,
+          i ? /* @__PURE__ */ e(
+            d,
+            {
+              variant: "warning",
+              size: "sm",
+              leading: /* @__PURE__ */ e(O, { "aria-hidden": "true" }),
+              children: s("clinicalNoteCard.flagged")
+            }
+          ) : null
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ e(
+        F,
+        {
+          html: L,
+          profile: "markdown",
+          className: X({ truncate: z })
+        }
+      ),
+      c ? /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: c }) : null
+    ] });
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: j,
+        role: "article",
+        "aria-label": y,
+        "aria-labelledby": g,
+        "data-component": "clinical-note-card",
+        "data-component-id": n,
+        "data-pinned": l ? "true" : void 0,
+        "data-flagged": i ? "true" : void 0,
+        "data-attached-to": a == null ? void 0 : a.kind,
+        id: n,
+        className: Q({ surface: N, className: P }),
+        ...$,
+        children: N === "elevated" ? /* @__PURE__ */ e(k, { variant: "elevated", children: /* @__PURE__ */ e(k.Body, { children: x }) }) : x
+      }
+    );
+  }
+);
+Z.displayName = "ClinicalNoteCard";
+export {
+  Z as C,
+  J as c
+};
+//# sourceMappingURL=clinical-note-card-BYo437dU.js.map