@alfadocs/ui-kit 1.35.0 → 1.36.0

package/dist/_chunks/note-timeline-CXfSV3yX.js

@@ -0,0 +1,231 @@
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as T, useMemo as u } from "react";
+import { c as l } from "./index-D2ZczOXr.js";
+import { useTranslation as k } from "react-i18next";
+import { SafeHtml as j } from "../safe-html/index.js";
+import { n as C, P as I, F as V, N as F } from "./note-attachment-CwDir3kK.js";
+import { u as M } from "./registry-DvAUVLHh.js";
+const _ = {
+  id: "note-timeline",
+  capabilities: [],
+  state: {
+    notes: {
+      type: "Array<{ id?: string; pinned: boolean; flagged: boolean; clinical: boolean }>",
+      descriptionKey: "ui.agent.noteTimeline.state.notes",
+      description: "Structural snapshot of the rendered rows: ids and flags only, never note content or author.",
+      read: (t) => t.getNotes()
+    },
+    visibleCount: {
+      type: "number",
+      descriptionKey: "ui.agent.noteTimeline.state.visibleCount",
+      description: "How many notes are rendered, after the maxItems cap is applied.",
+      read: (t) => t.getVisibleCount()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "note-timeline",
+      description: "Marks the NoteTimeline root. Emits data-empty when there is nothing to show."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop — addresses a specific timeline."
+    }
+  }
+}, z = l(
+  [
+    // Named group so the rail's connector can ask "is my ROW the last one?".
+    // A bare `last:` on the rail asks "am I the last child of my row?", which
+    // is never true — it is the middle of three — so the line ran on past the
+    // final dot and read as more content below.
+    "ds:group/note-row ds:relative ds:flex ds:gap-[var(--spacing-sm)]",
+    "ds:pb-3 ds:last:pb-0"
+  ].join(" ")
+), A = l(
+  [
+    "type-body-sm ds:[overflow-wrap:break-word]",
+    // `[&_p]:m-0` — the converter wraps each block in <p>; the timeline
+    // controls its own rhythm, so the paragraph margins are dropped.
+    "ds:[&_p]:m-0"
+  ].join(" "),
+  {
+    variants: {
+      // Literal classes, one per supported value: Tailwind generates what it
+      // can see in the source, so an interpolated arbitrary value emits
+      // nothing and the body would silently never clamp.
+      lines: {
+        1: "ds:line-clamp-1",
+        2: "ds:line-clamp-2",
+        3: "ds:line-clamp-3",
+        4: "ds:line-clamp-4",
+        5: "ds:line-clamp-5"
+      }
+    },
+    defaultVariants: { lines: 3 }
+  }
+), H = l(
+  [
+    "ds:absolute ds:top-1 ds:start-0 ds:size-[9px]",
+    "ds:rounded-[var(--radius-full)] ds:border-2",
+    "ds:bg-[color:var(--background)]",
+    "ds:forced-colors:border-[CanvasText]"
+  ].join(" "),
+  {
+    variants: {
+      tone: {
+        default: "ds:border-[color:var(--border)]",
+        pinned: [
+          "ds:border-[color:var(--accent)]",
+          "ds:bg-[color:color-mix(in_srgb,var(--accent)_20%,var(--background))]"
+        ].join(" "),
+        flagged: [
+          "ds:border-[color:var(--warning-readable)]",
+          "ds:bg-[color:color-mix(in_srgb,var(--warning-readable)_20%,var(--background))]"
+        ].join(" ")
+      }
+    },
+    defaultVariants: { tone: "default" }
+  }
+);
+function D(t) {
+  return [...t].sort((n, r) => !!n.pinned != !!r.pinned ? n.pinned ? -1 : 1 : r.dateIso.localeCompare(n.dateIso));
+}
+const P = T(
+  ({
+    id: t,
+    notes: n,
+    maxItems: r = 3,
+    lines: h = 3,
+    locale: b,
+    emptyState: v,
+    "aria-label": x,
+    className: c,
+    ...m
+  }, p) => {
+    const { t: i, i18n: N } = k(), o = b ?? N.language, d = u(
+      () => D(n).slice(0, Math.max(0, r)),
+      [n, r]
+    ), g = u(
+      () => ({
+        dayMonth: new Intl.DateTimeFormat(o, {
+          day: "numeric",
+          month: "short"
+        }),
+        year: new Intl.DateTimeFormat(o, { year: "numeric" })
+      }),
+      [o]
+    );
+    return M(
+      _,
+      {
+        getNotes: () => d.map((e) => ({
+          id: e.id,
+          pinned: !!e.pinned,
+          flagged: !!e.flagged,
+          clinical: !!e.clinical
+        })),
+        getVisibleCount: () => d.length
+      },
+      t
+    ), d.length === 0 ? /* @__PURE__ */ a(
+      "div",
+      {
+        ref: p,
+        "data-component": "note-timeline",
+        "data-component-id": t,
+        "data-empty": "",
+        className: c,
+        ...m,
+        children: v
+      }
+    ) : /* @__PURE__ */ a(
+      "div",
+      {
+        ref: p,
+        "data-component": "note-timeline",
+        "data-component-id": t,
+        role: "list",
+        "aria-label": x ?? i("noteTimeline.regionLabel"),
+        className: ["ds:flex ds:flex-col", c ?? ""].join(" ").trim(),
+        ...m,
+        children: d.map((e) => {
+          const f = new Date(e.dateIso), w = e.pinned ? "pinned" : e.flagged ? "flagged" : "default", y = e.contentFormat === "html" ? e.content : C(e.content);
+          return /* @__PURE__ */ s(
+            "div",
+            {
+              role: "listitem",
+              "data-note-id": e.id,
+              "data-pinned": e.pinned ? "" : void 0,
+              "data-flagged": e.flagged ? "" : void 0,
+              className: z(),
+              children: [
+                /* @__PURE__ */ s("div", { className: "ds:w-12 ds:shrink-0 ds:pt-px ds:text-end ds:text-[length:var(--type-meta-size)] ds:leading-[1.3]", children: [
+                  /* @__PURE__ */ a("div", { className: "ds:font-semibold ds:tracking-[0.03em] ds:uppercase", children: g.dayMonth.format(f) }),
+                  /* @__PURE__ */ a("div", { className: "ds:text-[color:var(--muted-foreground)]", children: g.year.format(f) })
+                ] }),
+                /* @__PURE__ */ a(
+                  "div",
+                  {
+                    "aria-hidden": "true",
+                    className: [
+                      "ds:relative ds:w-[9px] ds:shrink-0",
+                      "ds:before:absolute ds:before:start-[4px] ds:before:top-[14px]",
+                      "ds:before:bottom-[-12px] ds:before:w-px",
+                      'ds:before:bg-[color:var(--border)] ds:before:content-[""]',
+                      "ds:group-last/note-row:before:hidden"
+                    ].join(" "),
+                    children: /* @__PURE__ */ a("span", { className: H({ tone: w }) })
+                  }
+                ),
+                /* @__PURE__ */ s("div", { className: "ds:min-w-0 ds:flex-1", children: [
+                  /* @__PURE__ */ a(
+                    j,
+                    {
+                      html: y,
+                      profile: e.contentFormat === "html" ? "rich-text" : "markdown",
+                      className: A({ lines: h })
+                    }
+                  ),
+                  e.author || e.pinned || e.flagged || e.attachedTo ? /* @__PURE__ */ s("div", { className: "ds:mt-[var(--spacing-2xs)] ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)] type-meta ds:text-[color:var(--muted-foreground)]", children: [
+                    e.author ? /* @__PURE__ */ a("span", { children: e.author.name }) : null,
+                    e.pinned ? /* @__PURE__ */ s("span", { className: "ds:inline-flex ds:items-center", children: [
+                      /* @__PURE__ */ a(
+                        I,
+                        {
+                          "aria-hidden": "true",
+                          className: "ds:size-3 ds:text-[color:var(--accent)]"
+                        }
+                      ),
+                      /* @__PURE__ */ a("span", { className: "ds:sr-only", children: i("noteTimeline.pinned") })
+                    ] }) : null,
+                    e.flagged ? /* @__PURE__ */ s("span", { className: "ds:inline-flex ds:items-center", children: [
+                      /* @__PURE__ */ a(
+                        V,
+                        {
+                          "aria-hidden": "true",
+                          className: "ds:size-3 ds:text-[color:var(--warning-readable)]"
+                        }
+                      ),
+                      /* @__PURE__ */ a("span", { className: "ds:sr-only", children: i("noteTimeline.flagged") })
+                    ] }) : null,
+                    /* @__PURE__ */ a(F, { attachedTo: e.attachedTo })
+                  ] }) : null
+                ] })
+              ]
+            },
+            e.id ?? e.dateIso
+          );
+        })
+      }
+    );
+  }
+);
+P.displayName = "NoteTimeline";
+export {
+  P as N,
+  _ as n
+};
+//# sourceMappingURL=note-timeline-CXfSV3yX.js.map

package/dist/_chunks/{notes-panel-BjLt-kiP.js → notes-panel-Co8D3uDd.js}

@@ -3,16 +3,16 @@ import { forwardRef as Ee, useRef as c, useState as P, useId as ze, useCallback
 import { c as _e } from "./index-D2ZczOXr.js";
 import { useTranslation as Be } from "react-i18next";
 import { u as qe } from "./registry-DvAUVLHh.js";
-import { C as Ke } from "./clinical-note-card-CTRzmqvv.js";
-import { R as Me } from "./rich-text-editor-CCI-Y3DN.js";
+import { C as Ke } from "./clinical-note-card-DdsGYMmI.js";
+import { R as Me } from "./rich-text-editor-BTXlorm5.js";
 import { T as We } from "./text-area-Bt3p7Pt0.js";
-import { A as C } from "./alert-CiJT540z.js";
+import { A as C } from "./alert-CiQ5Pa3Q.js";
 import { B as A } from "./button-nJaPh_HC.js";
-import { I as Fe } from "./icon-button-DA2CAGHZ.js";
-import { C as Oe } from "./checkbox-BuZ1u__2.js";
+import { I as Fe } from "./icon-button-8xqRnkdG.js";
+import { C as Oe } from "./checkbox-CZkipDn7.js";
 import { S as De } from "./spinner-hbwuKwMf.js";
 import { D as f } from "./dialog-BJiLqhx6.js";
-import { P as Ge } from "./panel-header-D313n_9-.js";
+import { P as Ge } from "./panel-header-D_mTdhUp.js";
 import { a as Ye, u as Je, R as Qe } from "./use-list-reflow-Cw43nxw5.js";
 import { u as Ue } from "./use-theme-CAuo6EYT.js";
 import { N as Xe } from "./notebook-pen-CO7HoM-W.js";
@@ -466,4 +466,4 @@ export {
   Rn as N,
   ie as g
 };
-//# sourceMappingURL=notes-panel-BjLt-kiP.js.map
+//# sourceMappingURL=notes-panel-Co8D3uDd.js.map

package/dist/_chunks/{notification-card-CtrzoTUO.js → notification-card-ChcK9Wat.js}

@@ -2,7 +2,7 @@ import { jsx as a, jsxs as l } from "react/jsx-runtime";
 import { forwardRef as W, useMemo as E, useState as H, useRef as X, useCallback as q } from "react";
 import { c as G } from "./index-D2ZczOXr.js";
 import { useTranslation as J } from "react-i18next";
-import { I as O } from "./icon-button-DA2CAGHZ.js";
+import { I as O } from "./icon-button-8xqRnkdG.js";
 import { B as K } from "./button-nJaPh_HC.js";
 import { T as Q } from "./timestamp-BV2lC-wV.js";
 import { X as Y } from "./x-B5YnXwCz.js";
@@ -287,4 +287,4 @@ export {
   ss as N,
   A as i
 };
-//# sourceMappingURL=notification-card-CtrzoTUO.js.map
+//# sourceMappingURL=notification-card-ChcK9Wat.js.map

package/dist/_chunks/{notification-tray-BiRzXHDf.js → notification-tray-CJ8jOe-U.js}

@@ -5,13 +5,13 @@ import { c as A } from "./index-D2ZczOXr.js";
 import { useTranslation as U } from "react-i18next";
 import { u as ce } from "./use-controllable-state-BiY4xTzM.js";
 import { u as le } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { I as pe } from "./icon-button-DA2CAGHZ.js";
+import { I as pe } from "./icon-button-8xqRnkdG.js";
 import { B as F } from "./button-nJaPh_HC.js";
 import { S as H } from "./separator-CYU_bGFn.js";
 import { S as b } from "./skeleton-CZbwyJAA.js";
-import { C as fe } from "./counter-dRlTNC_y.js";
+import { C as fe } from "./counter-WsvRuum1.js";
 import { S as me } from "./scroll-area-BZOvUhwQ.js";
-import { N as ue } from "./notification-card-CtrzoTUO.js";
+import { N as ue } from "./notification-card-ChcK9Wat.js";
 import { u as ge } from "./registry-DvAUVLHh.js";
 import { c as ve } from "./createLucideIcon-DhHxpK9K.js";
 /**
@@ -496,4 +496,4 @@ export {
   ze as N,
   ye as n
 };
-//# sourceMappingURL=notification-tray-BiRzXHDf.js.map
+//# sourceMappingURL=notification-tray-CJ8jOe-U.js.map

package/dist/_chunks/{operator-hero-aG_qyn6g.js → operator-hero-XIdwDmN2.js}

@@ -3,12 +3,12 @@ import { forwardRef as w, useId as A, useRef as O } from "react";
 import { c as P } from "./index-D2ZczOXr.js";
 import { useTranslation as z } from "react-i18next";
 import { A as j } from "./avatar-CkDeQOSI.js";
-import { B as I } from "./badge-sTusUqZD.js";
+import { B as I } from "./badge-BudgzTe_.js";
 import { C as T } from "./card-DPmk26CL.js";
 import { R as B } from "./rating-BYbUowdK.js";
 import { u as F } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { u as K } from "./registry-DvAUVLHh.js";
-import { c as S } from "./entity-card-9_62gY7l.js";
+import { c as S } from "./entity-card-I-Gio5wo.js";
 const V = {
   id: "operator-hero",
   // Purely observable hero region — no interactive affordances and no
@@ -199,4 +199,4 @@ export {
   M as O,
   V as o
 };
-//# sourceMappingURL=operator-hero-aG_qyn6g.js.map
+//# sourceMappingURL=operator-hero-XIdwDmN2.js.map

package/dist/_chunks/{optical-prescription-DUJOhKz_.js → optical-prescription-cphK41eP.js}

@@ -6,7 +6,7 @@ import { u as qe } from "./registry-DvAUVLHh.js";
 import { N as se } from "./number-input-Cgu2TtA8.js";
 import { S as he } from "./select-CLSUnKjF.js";
 import { T as Ke } from "./text-area-Bt3p7Pt0.js";
-import { D as v } from "./description-list-CjJqR8WK.js";
+import { D as v } from "./description-list-C1RXMDZ_.js";
 const ye = {
   enum: ["od", "os"],
   description: "Eye — `od` (right eye) or `os` (left eye)."
@@ -1257,4 +1257,4 @@ export {
   yt as y,
   Re as z
 };
-//# sourceMappingURL=optical-prescription-DUJOhKz_.js.map
+//# sourceMappingURL=optical-prescription-cphK41eP.js.map

package/dist/_chunks/panel-header-D_mTdhUp.js

@@ -0,0 +1,128 @@
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { forwardRef as A, useState as f, useEffect as V, useContext as C, createContext as R } from "react";
+import { c as m } from "./index-D2ZczOXr.js";
+import { T as S } from "./tooltip-Cp-PLePW.js";
+const v = R(null);
+function F({
+  actions: e,
+  children: r
+}) {
+  return /* @__PURE__ */ a(v.Provider, { value: e, children: r });
+}
+function E() {
+  return C(v);
+}
+const O = m(
+  [
+    "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+    "ds:px-[var(--spacing-md)] ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-sm)]"
+  ].join(" "),
+  {
+    variants: {
+      // `sticky` pins the header to the top of the panel's scroll region;
+      // otherwise it stays a fixed-height band that never shrinks.
+      sticky: {
+        true: "ds:sticky ds:top-0 ds:z-[1] ds:bg-[color:var(--background)]",
+        false: "ds:shrink-0"
+      },
+      divider: {
+        true: "ds:border-b ds:border-[color:var(--border)]",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      sticky: !1,
+      divider: !0
+    }
+  }
+), W = m(
+  [
+    // `min-w-0` lets the heading shrink below its content width so the
+    // title span can clip; without it the flex row refuses to shrink and
+    // the action cluster is pushed out of the panel.
+    "ds:m-0 ds:flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-xs)]",
+    "ds:text-[color:var(--foreground)]"
+  ].join(" "),
+  {
+    variants: {
+      titleScale: {
+        card: "type-title-card",
+        section: "type-title-section"
+      }
+    },
+    defaultVariants: {
+      titleScale: "card"
+    }
+  }
+), I = A(
+  ({
+    title: e,
+    icon: r,
+    headingId: h,
+    headingLevel: g = 2,
+    actions: d,
+    filters: i,
+    sticky: x = !1,
+    divider: b = !0,
+    titleScale: w = "card",
+    titleTooltip: N,
+    className: y,
+    ...P
+  }, k) => {
+    const l = E(), j = g === 3 ? "h3" : "h2", H = d != null || l != null, n = N ?? (typeof e == "string" ? e : void 0), [s, T] = f(null), [z, c] = f(!1);
+    V(() => {
+      if (!s || n == null) {
+        c(!1);
+        return;
+      }
+      const u = () => c(s.scrollWidth > s.clientWidth);
+      if (u(), typeof ResizeObserver > "u") return;
+      const p = new ResizeObserver(u);
+      return p.observe(s), () => p.disconnect();
+    }, [s, n]);
+    const o = /* @__PURE__ */ a(
+      "span",
+      {
+        ref: T,
+        className: "ds:min-w-0 ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap",
+        children: e
+      }
+    );
+    return /* @__PURE__ */ t(
+      "header",
+      {
+        ref: k,
+        "data-component": "panel-header",
+        className: O({ sticky: x, divider: b, className: y }),
+        ...P,
+        children: [
+          /* @__PURE__ */ t("div", { className: "ds:flex ds:min-w-0 ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ t(j, { id: h, className: W({ titleScale: w }), children: [
+              r ? /* @__PURE__ */ a(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "ds:inline-flex ds:shrink-0 ds:text-[color:var(--accent)] ds:[&_svg]:size-4",
+                  children: r
+                }
+              ) : null,
+              z && n != null ? /* @__PURE__ */ a(S, { label: n, children: o }) : o
+            ] }),
+            H ? /* @__PURE__ */ t("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:shrink-0", children: [
+              d,
+              l
+            ] }) : null
+          ] }),
+          i != null ? /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: i }) : null
+        ]
+      }
+    );
+  }
+);
+I.displayName = "PanelHeader";
+export {
+  I as P,
+  F as a,
+  E as u
+};
+//# sourceMappingURL=panel-header-D_mTdhUp.js.map