@alfadocs/ui-kit 0.68.0 → 0.70.0

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

@@ -0,0 +1,436 @@
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { forwardRef as D, useId as A, useState as F, useMemo as G } from "react";
+import { c as P } from "./index-D2ZczOXr.js";
+import { useTranslation as J } from "react-i18next";
+import { A as Q } from "./avatar-BNQNhoyL.js";
+import { B as c } from "./badge-DCOqV9mI.js";
+import { C as $ } from "./card-DPmk26CL.js";
+import { L as X } from "./link-DrD_cRUg.js";
+import { T as L } from "./timestamp-BV2lC-wV.js";
+import { SafeHtml as Y } from "../safe-html/index.js";
+import { i as Z } from "./is-safe-url-DkETxeHz.js";
+import { u as T } from "./use-clamp-overflow-DQE2kwZ9.js";
+import { u as ee } from "./registry-DvAUVLHh.js";
+import { S as ae } from "./scan-line-lGioFwLC.js";
+import { L as se } from "./layers-pzGcbLPj.js";
+import { F as y } from "./file-text-DSNuv2B8.js";
+import { U as re } from "./user-CPxpqFjJ.js";
+import { c as S } 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 ie = [
+  [
+    "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"
+    }
+  ]
+], I = S("flag", ie);
+/**
+ * @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 te = [
+  ["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"
+    }
+  ]
+], K = S("pin", te), ne = {
+  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: (s) => s.getNoteId()
+    },
+    pinned: {
+      type: "boolean",
+      descriptionKey: "ui.agent.clinicalNoteCard.state.pinned",
+      description: "Whether the note is pinned to the top of the timeline.",
+      read: (s) => s.isPinned()
+    },
+    flagged: {
+      type: "boolean",
+      descriptionKey: "ui.agent.clinicalNoteCard.state.flagged",
+      description: "Whether the note is flagged for follow-up.",
+      read: (s) => s.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: (s) => s.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."
+    }
+  }
+}, le = P("ds:w-full ds:text-[color:var(--foreground)]", {
+  variants: {
+    surface: { flat: "", elevated: "" }
+  },
+  defaultVariants: { surface: "elevated" }
+}), de = P(
+  [
+    "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)]",
+    // Rich-text (Redactor) extras — harmless on markdown notes, which carry
+    // none of these tags. Headings, inline images and tables stay readable.
+    "[&_h2]:type-title-item [&_h3]:type-title-item [&_h2]:ds:m-0 [&_h3]:ds:m-0",
+    "[&_img]:ds:max-w-full [&_img]:ds:h-auto [&_img]:ds:rounded-[var(--radius-sm)]",
+    "[&_table]:ds:my-[var(--spacing-sm)] [&_table]:ds:w-full [&_table]:ds:border-collapse",
+    "[&_th]:ds:border [&_th]:ds:border-[color:var(--border)] [&_th]:ds:ps-[var(--spacing-xs)] [&_th]:ds:pe-[var(--spacing-xs)] [&_th]:ds:py-[var(--spacing-2xs)] [&_th]:ds:text-start",
+    "[&_td]:ds:border [&_td]:ds:border-[color:var(--border)] [&_td]:ds:ps-[var(--spacing-xs)] [&_td]:ds:pe-[var(--spacing-xs)] [&_td]:ds:py-[var(--spacing-2xs)]"
+  ].join(" "),
+  {
+    variants: {
+      truncate: {
+        true: "ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:5]",
+        false: ""
+      }
+    },
+    defaultVariants: { truncate: !1 }
+  }
+), oe = [
+  "ds:relative ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
+  "ds:size-7 ds:rounded-[var(--radius-sm)]",
+  'ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[""] ds:sm:before:hidden',
+  "ds:hover:bg-[color:var(--muted)]/20",
+  "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]",
+  "ds:transition-[color,background-color] ds:duration-[var(--animation-duration)]",
+  "ds:motion-reduce:transition-none"
+].join(" "), ce = [
+  "ds:mt-[var(--spacing-2xs)] ds:inline-flex ds:items-center ds:self-start",
+  "ds:text-[length:var(--font-size-xs)] ds:font-semibold",
+  "ds:underline ds:underline-offset-2 ds:text-[color:var(--primary)] ds:hover:no-underline",
+  "ds:rounded-[var(--radius-sm)]",
+  "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(" ");
+function M({
+  icon: s,
+  pressed: i,
+  label: d,
+  activeClassName: n,
+  onToggle: u
+}) {
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      "aria-pressed": i,
+      "aria-label": d,
+      onClick: u,
+      className: [
+        oe,
+        i ? n : "ds:text-[color:var(--muted-foreground)] ds:hover:text-[color:var(--foreground)]"
+      ].join(" "),
+      children: s
+    }
+  );
+}
+function C(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function _(s) {
+  let i = s;
+  return i = i.replace(/`([^`]+)`/g, "<code>$1</code>"), i = i.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>"), i = i.replace(/\*([^*]+)\*/g, "<em>$1</em>"), i = i.replace(
+    /\[([^\]]+)\]\(([^)\s]+)\)/g,
+    '<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>'
+  ), i;
+}
+function me(s) {
+  return s.split(/\n{2,}/).map((d) => {
+    const n = d.split(`
+`), u = n.every((l) => /^\s*[-*]\s+/.test(l)), a = n.every((l) => /^\s*\d+\.\s+/.test(l));
+    return u && n.length > 0 ? `<ul>${n.map((t) => t.replace(/^\s*[-*]\s+/, "")).map((t) => `<li>${_(C(t))}</li>`).join("")}</ul>` : a && n.length > 0 ? `<ol>${n.map((t) => t.replace(/^\s*\d+\.\s+/, "")).map((t) => `<li>${_(C(t))}</li>`).join("")}</ol>` : `<p>${_(C(d)).replace(
+      /\n/g,
+      "<br />"
+    )}</p>`;
+  }).join("");
+}
+const pe = D(
+  ({
+    id: s,
+    dateIso: i,
+    createdAtIso: d,
+    author: n,
+    clinical: u,
+    attachedTo: a,
+    content: g,
+    contentFormat: l = "markdown",
+    pinned: t,
+    flagged: o,
+    onTogglePin: h,
+    onToggleFlag: b,
+    truncate: x = !1,
+    surface: k = "elevated",
+    "aria-label": E,
+    className: H,
+    ...V
+  }, U) => {
+    const { t: r } = J(), N = A(), w = A(), [v, B] = F(!1), { ref: R, isOverflowing: W } = T(
+      x && !v
+    ), q = x && (W || v), O = G(
+      () => l === "html" ? g : me(g),
+      [g, l]
+    ), z = E ?? r("clinicalNoteCard.regionLabel");
+    ee(
+      ne,
+      {
+        getNoteId: () => s,
+        isPinned: () => !!t,
+        isFlagged: () => !!o,
+        getAttachmentKind: () => a == null ? void 0 : a.kind
+      },
+      s
+    );
+    let m = null;
+    if (a)
+      switch (a.kind) {
+        case "patient":
+          m = /* @__PURE__ */ e(
+            c,
+            {
+              variant: "neutral",
+              size: "sm",
+              leading: /* @__PURE__ */ e(re, { "aria-hidden": "true" }),
+              children: r("clinicalNoteCard.attachment.patient")
+            }
+          );
+          break;
+        case "carePlan": {
+          const f = r("clinicalNoteCard.attachment.carePlan", {
+            number: a.number
+          });
+          m = a.url && Z(a.url) ? /* @__PURE__ */ e(
+            X,
+            {
+              href: a.url,
+              intent: "default",
+              startIcon: /* @__PURE__ */ e(y, { "aria-hidden": "true" }),
+              children: f
+            }
+          ) : /* @__PURE__ */ e(
+            c,
+            {
+              variant: "info",
+              size: "sm",
+              leading: /* @__PURE__ */ e(y, { "aria-hidden": "true" }),
+              children: f
+            }
+          );
+          break;
+        }
+        case "carePlanEntry": {
+          const f = a.elements && a.elements.length > 0 ? r("clinicalNoteCard.attachment.carePlanEntryWithElements", {
+            care: a.careName,
+            elements: a.elements.join(", ")
+          }) : r("clinicalNoteCard.attachment.carePlanEntry", {
+            care: a.careName
+          });
+          m = /* @__PURE__ */ e(
+            c,
+            {
+              variant: "info",
+              size: "sm",
+              leading: /* @__PURE__ */ e(y, { "aria-hidden": "true" }),
+              children: f
+            }
+          );
+          break;
+        }
+        case "phase":
+          m = /* @__PURE__ */ e(
+            c,
+            {
+              variant: "neutral",
+              size: "sm",
+              leading: /* @__PURE__ */ e(se, { "aria-hidden": "true" }),
+              children: r("clinicalNoteCard.attachment.phase", {
+                label: a.label
+              })
+            }
+          );
+          break;
+        case "xray":
+          m = /* @__PURE__ */ e(
+            c,
+            {
+              variant: "neutral",
+              size: "sm",
+              leading: /* @__PURE__ */ e(ae, { "aria-hidden": "true" }),
+              children: a.label ? r("clinicalNoteCard.attachment.xrayWithLabel", {
+                label: a.label
+              }) : r("clinicalNoteCard.attachment.xray")
+            }
+          );
+          break;
+      }
+    const j = /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ p("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]", children: [
+        n ? /* @__PURE__ */ e(
+          Q,
+          {
+            name: n.name,
+            src: n.avatarUrl,
+            size: "sm",
+            className: "ds:shrink-0",
+            "aria-hidden": "true",
+            role: "presentation",
+            "aria-label": void 0
+          }
+        ) : null,
+        /* @__PURE__ */ p("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+          n ? /* @__PURE__ */ e(
+            "span",
+            {
+              id: N,
+              className: "type-title-item ds:text-[color:var(--foreground)] ds:truncate",
+              children: n.name
+            }
+          ) : /* @__PURE__ */ e("span", { id: N, className: "ds:sr-only", children: z }),
+          /* @__PURE__ */ p("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(L, { value: i, shape: "bare", size: "sm" }),
+            d && d !== i ? /* @__PURE__ */ p("span", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: [
+              r("clinicalNoteCard.added"),
+              " ",
+              /* @__PURE__ */ e(L, { value: d, shape: "bare", size: "sm" })
+            ] }) : null
+          ] })
+        ] }),
+        u || h || b || t || o ? /* @__PURE__ */ p("span", { className: "ds:ms-auto ds:flex ds:shrink-0 ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)]", children: [
+          u ? /* @__PURE__ */ e(c, { variant: "brand", size: "sm", children: r("clinicalNoteCard.clinical") }) : null,
+          h || b || t || o ? /* @__PURE__ */ p("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+            h ? /* @__PURE__ */ e(
+              M,
+              {
+                pressed: !!t,
+                onToggle: h,
+                label: r(t ? "clinicalNoteCard.unpin" : "clinicalNoteCard.pin"),
+                activeClassName: "ds:text-[color:var(--accent)]",
+                icon: /* @__PURE__ */ e(
+                  K,
+                  {
+                    "aria-hidden": "true",
+                    className: "ds:size-4",
+                    fill: t ? "currentColor" : "none"
+                  }
+                )
+              }
+            ) : t ? /* @__PURE__ */ e(
+              c,
+              {
+                variant: "accent",
+                size: "sm",
+                leading: /* @__PURE__ */ e(K, { "aria-hidden": "true" }),
+                children: r("clinicalNoteCard.pinned")
+              }
+            ) : null,
+            b ? /* @__PURE__ */ e(
+              M,
+              {
+                pressed: !!o,
+                onToggle: b,
+                label: r(o ? "clinicalNoteCard.unflag" : "clinicalNoteCard.flag"),
+                activeClassName: "ds:text-[color:var(--warning-readable)]",
+                icon: /* @__PURE__ */ e(
+                  I,
+                  {
+                    "aria-hidden": "true",
+                    className: "ds:size-4",
+                    fill: o ? "currentColor" : "none"
+                  }
+                )
+              }
+            ) : o ? /* @__PURE__ */ e(
+              c,
+              {
+                variant: "warning",
+                size: "sm",
+                leading: /* @__PURE__ */ e(I, { "aria-hidden": "true" }),
+                children: r("clinicalNoteCard.flagged")
+              }
+            ) : null
+          ] }) : null
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ e(
+        Y,
+        {
+          ref: R,
+          id: x ? w : void 0,
+          html: O,
+          profile: l === "html" ? "rich-text" : "markdown",
+          className: de({ truncate: x && !v })
+        }
+      ),
+      q ? /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          "aria-expanded": v,
+          "aria-controls": w,
+          onClick: () => B((f) => !f),
+          className: ce,
+          children: r(v ? "clinicalNoteCard.readLess" : "clinicalNoteCard.readMore")
+        }
+      ) : null,
+      m ? /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: m }) : null
+    ] });
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: U,
+        role: "article",
+        "aria-label": z,
+        "aria-labelledby": N,
+        "data-component": "clinical-note-card",
+        "data-component-id": s,
+        "data-pinned": t ? "true" : void 0,
+        "data-flagged": o ? "true" : void 0,
+        "data-attached-to": a == null ? void 0 : a.kind,
+        id: s,
+        className: le({ surface: k, className: H }),
+        ...V,
+        children: k === "elevated" ? /* @__PURE__ */ e($, { variant: "elevated", children: /* @__PURE__ */ e($.Body, { children: j }) }) : j
+      }
+    );
+  }
+);
+pe.displayName = "ClinicalNoteCard";
+export {
+  pe as C,
+  ne as c
+};
+//# sourceMappingURL=clinical-note-card-BUvNMNGL.js.map

package/dist/_chunks/{collapsible-X3oaLPU3.js → collapsible-BrnRiCC6.js}

@@ -3,8 +3,8 @@ import { forwardRef as p, useRef as f, useMemo as C, useEffect as v } from "reac
 import * as b from "@radix-ui/react-collapsible";
 import { a as h, c as y } from "./index-D2ZczOXr.js";
 import { u as k } from "./use-controllable-state-BiY4xTzM.js";
-import { u as w } from "./registry-nPAVE19X.js";
-const x = {
+import { u as x } from "./registry-DvAUVLHh.js";
+const O = {
   id: "collapsible",
   capabilities: ["expand"],
   state: {
@@ -17,7 +17,8 @@ const x = {
   },
   actions: {
     toggle: {
-      safety: "write",
+      // Ephemeral expand/collapse of a presentational panel — no data loss.
+      safety: "read",
       descriptionKey: "ui.agent.collapsible.actions.toggle",
       description: "Toggle between open and closed.",
       invoke: (e) => {
@@ -25,7 +26,8 @@ const x = {
       }
     },
     open: {
-      safety: "write",
+      safety: "read",
+      idempotent: !0,
       descriptionKey: "ui.agent.collapsible.actions.open",
       description: "Expand the content panel.",
       invoke: (e) => {
@@ -33,7 +35,8 @@ const x = {
       }
     },
     close: {
-      safety: "write",
+      safety: "read",
+      idempotent: !0,
       descriptionKey: "ui.agent.collapsible.actions.close",
       description: "Collapse the content panel.",
       invoke: (e) => {
@@ -53,7 +56,7 @@ const x = {
       description: "Sourced from the id prop."
     }
   }
-}, O = y("", {
+}, R = y("", {
   variants: {
     variant: {
       default: "",
@@ -64,7 +67,7 @@ const x = {
   defaultVariants: {
     variant: "default"
   }
-}), R = [
+}), w = [
   "ds:overflow-hidden",
   "ds:transition-[block-size]",
   "ds:duration-[var(--animation-duration)]",
@@ -75,20 +78,20 @@ const x = {
 ].join(" "), N = p(
   ({
     variant: e,
-    className: o,
-    children: a,
+    className: a,
+    children: o,
     open: t,
     defaultOpen: s,
     onOpenChange: l,
     ...i
   }, u) => {
-    const [g, n] = k({
+    const [m, n] = k({
       value: t,
       defaultValue: !!s,
       onChange: l
-    }), r = g ?? !1, d = f(r);
+    }), r = m ?? !1, d = f(r);
     d.current = r;
-    const m = C(
+    const g = C(
       () => ({
         isOpen: () => d.current,
         toggle: () => n(!d.current),
@@ -97,29 +100,29 @@ const x = {
       }),
       [n]
     );
-    return w(x, m, i.id), /* @__PURE__ */ c(
+    return x(O, g, i.id), /* @__PURE__ */ c(
       b.Root,
       {
         ref: u,
         open: r,
         onOpenChange: n,
-        className: O({ variant: e, className: o }),
+        className: R({ variant: e, className: a }),
         "data-component": "collapsible",
         "data-component-id": i.id,
         ...i,
-        children: a
+        children: o
       }
     );
   }
 );
 N.displayName = "Collapsible";
-const T = p(({ asChild: e = !1, children: o, ...a }, t) => /* @__PURE__ */ c(b.Trigger, { ref: t, asChild: e, ...a, children: o }));
+const T = p(({ asChild: e = !1, children: a, ...o }, t) => /* @__PURE__ */ c(b.Trigger, { ref: t, asChild: e, ...o, children: a }));
 T.displayName = "CollapsibleTrigger";
 const K = p(
   ({
     className: e,
-    children: o,
-    "aria-labelledby": a,
+    children: a,
+    "aria-labelledby": o,
     "aria-label": t,
     ...s
   }, l) => (v(() => {
@@ -127,11 +130,11 @@ const K = p(
     b.Content,
     {
       ref: l,
-      "aria-labelledby": a,
+      "aria-labelledby": o,
       "aria-label": t,
-      className: h(R, e),
+      className: h(w, e),
       ...s,
-      children: o
+      children: a
     }
   ))
 );
@@ -140,6 +143,6 @@ export {
   N as C,
   K as a,
   T as b,
-  x as c
+  O as c
 };
-//# sourceMappingURL=collapsible-X3oaLPU3.js.map
+//# sourceMappingURL=collapsible-BrnRiCC6.js.map