@alfadocs/ui-kit 0.68.0 → 0.70.0

package/dist/_chunks/{navigation-menu-C6lBYVv9.js → navigation-menu-DRUi6sSj.js}

@@ -1,15 +1,19 @@
-import { jsxs as v, jsx as s } from "react/jsx-runtime";
-import { forwardRef as i, useRef as M, useMemo as j, useImperativeHandle as I } from "react";
+import { jsxs as p, jsx as s } from "react/jsx-runtime";
+import { forwardRef as n, useRef as M, useMemo as j, useImperativeHandle as I } from "react";
 import * as o from "@radix-ui/react-navigation-menu";
 import { Slot as C } from "@radix-ui/react-slot";
 import { c as k } from "./index-D2ZczOXr.js";
 import { useTranslation as z } from "react-i18next";
 import { u as V } from "./use-controllable-state-BiY4xTzM.js";
-import { u as B } from "./registry-nPAVE19X.js";
-import { u as R } from "./use-direction-Dp8h70PP.js";
-import { C as L } from "./chevron-down-BX_NP2Yh.js";
-const T = {
+import { u as B } from "./registry-DvAUVLHh.js";
+import { u as S } from "./use-direction-Dp8h70PP.js";
+import { C as R } from "./chevron-down-BX_NP2Yh.js";
+const q = {
   id: "navigation-menu",
+  // `navigate` is host-delegated: route changes happen through the rendered
+  // NavigationMenuLink anchors / the consumer's router, not the handle. The
+  // handle only opens panels + sets the active top-level item (`select_item`).
+  // The capability is kept so a bridge can discover the menu drives navigation.
   capabilities: ["select_single", "navigate", "open", "close"],
   state: {
     activeItem: {
@@ -27,17 +31,44 @@ const T = {
   },
   actions: {
     select_item: {
+      // Sets the active top-level item (opens its panel) — ephemeral view, read.
       safety: "read",
       argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          id: {
+            type: "string",
+            description: "Stable opaque top-level item id (emitted as data-nav-id)."
+          }
+        },
+        required: ["id"]
+      },
+      idempotent: !0,
       descriptionKey: "ui.agent.navigationMenu.actions.selectItem",
       description: "Activate (open) the top-level item with the given id.",
+      examples: [
+        { args: { id: "products" }, note: 'Open the "products" menu.' }
+      ],
       invoke: (e, t) => {
         e.selectItem(t.id);
       }
     },
     open: {
+      // Opens one item's panel — ephemeral view, read.
       safety: "read",
       argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          id: {
+            type: "string",
+            description: "Stable opaque top-level item id whose panel to open (data-nav-id)."
+          }
+        },
+        required: ["id"]
+      },
+      idempotent: !0,
       descriptionKey: "ui.agent.navigationMenu.actions.open",
       description: "Open the dropdown / mega-menu panel for the given top-level item id.",
       invoke: (e, t) => {
@@ -45,7 +76,9 @@ const T = {
       }
     },
     close: {
+      // Closes any open panel — ephemeral view, read.
       safety: "read",
+      idempotent: !0,
       descriptionKey: "ui.agent.navigationMenu.actions.close",
       description: "Close any open dropdown / mega-menu panel.",
       invoke: (e) => {
@@ -69,25 +102,25 @@ const T = {
       description: "Stable opaque id of a top-level navigation item. Selection / open targets this attribute."
     }
   }
-}, A = [
+}, L = [
   "ds:relative ds:z-[var(--z-dropdown)]",
   "ds:flex ds:max-w-max ds:items-center ds:justify-center"
-].join(" "), K = i(
+].join(" "), O = n(
   ({
     "aria-label": e,
     className: t,
     children: a,
-    id: n,
+    id: i,
     value: l,
-    defaultValue: p,
+    defaultValue: g,
     onValueChange: f,
     ...h
   }, b) => {
-    const { t: N } = z(), m = M(null), w = R(m), [y, d] = V({
+    const { t: N } = z(), m = M(null), y = S(m), [w, d] = V({
       value: l,
-      defaultValue: p ?? "",
+      defaultValue: g ?? "",
       onChange: f
-    }), r = y ?? "", x = j(
+    }), r = w ?? "", x = j(
       () => ({
         getActiveItem: () => r || null,
         getIsOpen: () => !!r,
@@ -101,44 +134,44 @@ const T = {
       b,
       () => m.current,
       []
-    ), B(T, x, n), /* @__PURE__ */ v(
+    ), B(q, x, i), /* @__PURE__ */ p(
       o.Root,
       {
         ref: m,
-        dir: w,
+        dir: y,
         "aria-label": e ?? N("navigation.nav.label"),
-        className: [A, t].filter(Boolean).join(" "),
-        id: n,
+        className: [L, t].filter(Boolean).join(" "),
+        id: i,
         "data-component": "navigation-menu",
-        "data-component-id": n,
+        "data-component-id": i,
         value: r,
         onValueChange: d,
         ...h,
         children: [
           a,
-          /* @__PURE__ */ s(g, {})
+          /* @__PURE__ */ s(v, {})
         ]
       }
     );
   }
 );
-K.displayName = "NavigationMenu";
-const O = [
+O.displayName = "NavigationMenu";
+const T = [
   "ds:group ds:flex ds:flex-1",
   "ds:list-none ds:items-center ds:justify-center",
   "ds:gap-[var(--spacing-xs)]",
   "ds:m-0 ds:ps-0"
-].join(" "), S = i(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+].join(" "), A = n(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   o.List,
   {
     ref: a,
-    className: [O, e].filter(Boolean).join(" "),
+    className: [T, e].filter(Boolean).join(" "),
     ...t
   }
 ));
-S.displayName = "NavigationMenuList";
-const q = i(({ navId: e, ...t }, a) => /* @__PURE__ */ s(o.Item, { ref: a, "data-nav-id": e, ...t }));
-q.displayName = "NavigationMenuItem";
+A.displayName = "NavigationMenuList";
+const K = n(({ navId: e, ...t }, a) => /* @__PURE__ */ s(o.Item, { ref: a, "data-nav-id": e, ...t }));
+K.displayName = "NavigationMenuItem";
 const D = [
   "ds:group ds:inline-flex ds:items-center ds:justify-center",
   "ds:min-h-[var(--min-target-size)]",
@@ -157,15 +190,15 @@ const D = [
   "ds:size-3 ds:transition-transform ds:duration-[var(--animation-duration)]",
   "ds:group-data-[state=open]:rotate-180",
   "ds:rtl:-scale-x-100 ds:motion-reduce:transition-none"
-].join(" "), P = i(({ className: e, children: t, ...a }, n) => /* @__PURE__ */ v(
+].join(" "), P = n(({ className: e, children: t, ...a }, i) => /* @__PURE__ */ p(
   o.Trigger,
   {
-    ref: n,
+    ref: i,
     className: [D, e].filter(Boolean).join(" "),
     ...a,
     children: [
       t,
-      /* @__PURE__ */ s(L, { "aria-hidden": "true", className: H })
+      /* @__PURE__ */ s(R, { "aria-hidden": "true", className: H })
     ]
   }
 ));
@@ -194,10 +227,10 @@ const _ = [
     }
   },
   defaultVariants: { layout: "simple" }
-}), E = i(({ layout: e, className: t, ...a }, n) => /* @__PURE__ */ s(
+}), E = n(({ layout: e, className: t, ...a }, i) => /* @__PURE__ */ s(
   o.Content,
   {
-    ref: n,
+    ref: i,
     className: W({ layout: e, className: t }),
     ...a
   }
@@ -218,13 +251,13 @@ const c = [
   "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
   "ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), F = i(({ asChild: e = !1, className: t, children: a, ...n }, l) => /* @__PURE__ */ s(
+].join(" "), F = n(({ asChild: e = !1, className: t, children: a, ...i }, l) => /* @__PURE__ */ s(
   o.Link,
   {
     ref: l,
     asChild: e,
     className: e ? void 0 : [c, t].filter(Boolean).join(" "),
-    ...n,
+    ...i,
     children: e ? /* @__PURE__ */ s(C, { className: [c, t].filter(Boolean).join(" "), children: a }) : a
   }
 ));
@@ -234,7 +267,7 @@ const G = [
   "ds:data-[state=visible]:animate-in ds:data-[state=hidden]:animate-out",
   "ds:data-[state=visible]:fade-in ds:data-[state=hidden]:fade-out",
   "ds:motion-reduce:animate-none"
-].join(" "), J = i(({ className: e, ...t }, a) => /* @__PURE__ */ s(
+].join(" "), J = n(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   o.Indicator,
   {
     ref: a,
@@ -254,7 +287,7 @@ const Q = [
   "ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out",
   "ds:data-[state=open]:zoom-in-90 ds:data-[state=closed]:zoom-out-95",
   "ds:motion-reduce:animate-none"
-].join(" "), g = i(({ className: e, ...t }, a) => /* @__PURE__ */ s("div", { className: "ds:absolute ds:start-0 ds:top-full ds:flex ds:justify-center", children: /* @__PURE__ */ s(
+].join(" "), v = n(({ className: e, ...t }, a) => /* @__PURE__ */ s("div", { className: "ds:absolute ds:start-0 ds:top-full ds:flex ds:justify-center", children: /* @__PURE__ */ s(
   o.Viewport,
   {
     ref: a,
@@ -262,16 +295,16 @@ const Q = [
     ...t
   }
 ) }));
-g.displayName = "NavigationMenuViewport";
+v.displayName = "NavigationMenuViewport";
 export {
-  K as N,
+  O as N,
   E as a,
   J as b,
-  q as c,
+  K as c,
   F as d,
-  S as e,
+  A as e,
   P as f,
-  g,
-  T as n
+  v as g,
+  q as n
 };
-//# sourceMappingURL=navigation-menu-C6lBYVv9.js.map
+//# sourceMappingURL=navigation-menu-DRUi6sSj.js.map

package/dist/_chunks/notes-panel-ay8_lPrA.js

@@ -0,0 +1,158 @@
+import { jsxs as f, jsx as a } from "react/jsx-runtime";
+import { forwardRef as Q, useRef as U, useState as R, useCallback as W } from "react";
+import { useTranslation as X } from "react-i18next";
+import { C as Z } from "./clinical-note-card-BUvNMNGL.js";
+import { R as _ } from "./rich-text-editor-DlCqPixb.js";
+import { T as $ } from "./text-area-Bt3p7Pt0.js";
+import { B as A } from "./button-DD_0Xdmr.js";
+import { C as ee } from "./checkbox-BuZ1u__2.js";
+function P(i) {
+  return i ? /<img\b/i.test(i) ? !0 : i.replace(/<[^>]*>/g, "").replace(/&nbsp;/gi, " ").trim().length > 0 : !1;
+}
+const de = Q(
+  function({
+    notes: k,
+    onAddNote: n,
+    composer: o = "rich",
+    editorToolbar: V = "standard",
+    redactor: j,
+    imageUploadUrl: w,
+    showClinicalToggle: p = !0,
+    canAddClinicalNote: h = !0,
+    clinicalGatedReason: T,
+    defaultClinical: c = !1,
+    onRequestAiDraft: z,
+    aiDraftFormat: L,
+    aiPrivacyNotice: B,
+    onDictate: H,
+    onProofread: D,
+    onAutoFormat: E,
+    onTogglePin: g,
+    onToggleFlag: b,
+    title: G,
+    composerPlaceholder: M,
+    addNoteLabel: S,
+    emptyState: Y,
+    className: q,
+    "aria-label": F,
+    ...I
+  }, J) {
+    const { t: s } = X(), u = U(null), [t, m] = R(""), [d, x] = R(c), v = G ?? s("notesPanel.title", { defaultValue: "Notes" }), C = M ?? s("notesPanel.placeholder", { defaultValue: "Add a note…" }), N = s("notesPanel.composerLabel", {
+      defaultValue: "New note"
+    }), K = o === "rich" ? P(t) : t.trim().length > 0, O = W(() => {
+      var e, l;
+      if (n) {
+        if (o === "rich") {
+          const r = ((e = u.current) == null ? void 0 : e.getHTML()) ?? t;
+          if (!P(r)) return;
+          n({ content: r, clinical: d }), (l = u.current) == null || l.clear();
+        } else {
+          const r = t.trim();
+          if (!r) return;
+          n({ content: r, clinical: d });
+        }
+        m(""), x(c);
+      }
+    }, [o, t, d, c, n]), y = [...k].sort(
+      (e, l) => Number(l.pinned ?? !1) - Number(e.pinned ?? !1)
+    );
+    return /* @__PURE__ */ f(
+      "section",
+      {
+        ref: J,
+        "data-component": "notes-panel",
+        "aria-label": F ?? v,
+        className: [
+          "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]",
+          q
+        ].filter(Boolean).join(" "),
+        ...I,
+        children: [
+          /* @__PURE__ */ a("h2", { className: "ds:sticky ds:top-0 ds:z-[1] ds:m-0 ds:bg-[color:var(--background)] ds:py-[var(--spacing-2xs)] type-title-card ds:text-[color:var(--foreground)]", children: v }),
+          n ? /* @__PURE__ */ f("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+            o === "rich" ? /* @__PURE__ */ a(
+              _,
+              {
+                ref: u,
+                ariaLabel: N,
+                placeholder: C,
+                toolbar: V,
+                minHeight: "sm",
+                redactor: j,
+                imageUploadUrl: w,
+                onChange: ({ html: e }) => m(e),
+                onRequestAiDraft: z,
+                aiDraftFormat: L,
+                aiPrivacyNotice: B,
+                onDictate: H,
+                onProofread: D,
+                onAutoFormat: E
+              }
+            ) : /* @__PURE__ */ a(
+              $,
+              {
+                value: t,
+                onChange: (e) => m(e.target.value),
+                placeholder: C,
+                autoResize: !0,
+                minRows: 2,
+                maxRows: 6,
+                "aria-label": N
+              }
+            ),
+            /* @__PURE__ */ f(
+              "div",
+              {
+                className: [
+                  "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]",
+                  p ? "ds:justify-between" : "ds:justify-end"
+                ].join(" "),
+                children: [
+                  p ? /* @__PURE__ */ a(
+                    ee,
+                    {
+                      size: "sm",
+                      label: s("notesPanel.clinicalToggle", {
+                        defaultValue: "Clinical note"
+                      }),
+                      checked: d,
+                      onCheckedChange: (e) => x(e === !0),
+                      disabled: !h,
+                      disabledReason: h ? void 0 : T ?? s("notesPanel.clinicalGated", {
+                        defaultValue: "You do not have permission to write clinical notes."
+                      })
+                    }
+                  ) : null,
+                  /* @__PURE__ */ a(
+                    A,
+                    {
+                      type: "button",
+                      size: "sm",
+                      onClick: O,
+                      disabled: !K,
+                      children: S ?? s("notesPanel.add", { defaultValue: "Add note" })
+                    }
+                  )
+                ]
+              }
+            )
+          ] }) : null,
+          y.length > 0 ? /* @__PURE__ */ a("ul", { className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0", children: y.map((e, l) => /* @__PURE__ */ a("li", { className: "ds:flex ds:flex-col", children: /* @__PURE__ */ a(
+            Z,
+            {
+              surface: "elevated",
+              truncate: !0,
+              ...e,
+              onTogglePin: g && e.id ? () => g(e.id) : void 0,
+              onToggleFlag: b && e.id ? () => b(e.id) : void 0
+            }
+          ) }, e.id ?? l)) }) : Y ?? /* @__PURE__ */ a("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: s("notesPanel.empty", { defaultValue: "No notes yet." }) })
+        ]
+      }
+    );
+  }
+);
+export {
+  de as N
+};
+//# sourceMappingURL=notes-panel-ay8_lPrA.js.map

package/dist/_chunks/{notification-card-BiESdm8q.js → notification-card-D2jiKSJJ.js}

@@ -1,12 +1,12 @@
 import { jsx as a, jsxs as n } from "react/jsx-runtime";
 import { forwardRef as M, useMemo as P, useState as R, useRef as B, useCallback as L } from "react";
-import { c as D } from "./index-D2ZczOXr.js";
-import { useTranslation as U } from "react-i18next";
-import { I as W } from "./icon-button-LqoiKcUN.js";
+import { c as _ } from "./index-D2ZczOXr.js";
+import { useTranslation as D } from "react-i18next";
+import { I as U } from "./icon-button-LqoiKcUN.js";
 import { B as N } from "./button-DD_0Xdmr.js";
-import { T as E } from "./timestamp-BV2lC-wV.js";
-import { X as H } from "./x-CCcI3eJp.js";
-const X = D(
+import { T as W } from "./timestamp-BV2lC-wV.js";
+import { X as E } from "./x-CCcI3eJp.js";
+const H = _(
   [
     "ds:relative ds:flex ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -23,14 +23,18 @@ const X = D(
     "ds:data-[leaving=true]:pointer-events-none",
     "ds:motion-reduce:transition-none",
     "ds:text-start",
-    "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
+    // Compact rows are borderless (flat list — the tray panel is the frame);
+    // the dashboard variant adds its own card border below. Forced-colors keeps
+    // a border on both so rows stay separated in High Contrast Mode.
     "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
   ].join(" "),
   {
     variants: {
       variant: {
-        compact: "ds:items-start",
-        dashboard: "ds:flex-col ds:sm:flex-row ds:items-stretch ds:sm:items-start ds:border ds:border-[color:var(--card-border)] ds:shadow-[var(--shadow-card)] ds:bg-[color:var(--card)]"
+        // Flat rows by default; the accessible (AAA) theme restores a hairline
+        // row divider so consecutive rows keep a visible boundary.
+        compact: "ds:items-start ds:[.theme-accessible_&]:border-b ds:[.theme-accessible_&]:border-[color:var(--card-border)]",
+        dashboard: "ds:flex-col ds:sm:flex-row ds:items-stretch ds:sm:items-start ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2 ds:shadow-[var(--shadow-card)] ds:bg-[color:var(--card)]"
       },
       size: {
         sm: "ds:p-[var(--spacing-sm)]",
@@ -74,7 +78,7 @@ const X = D(
   "ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:forced-colors:focus-visible:after:outline-[CanvasText]"
 ].join(" ");
-function _(e) {
+function X(e) {
   return /^(https?:\/\/(?!\/)|\/(?!\/)|#)/.test(e);
 }
 const q = M(
@@ -90,15 +94,15 @@ const q = M(
     className: z,
     ...T
   }, K) => {
-    const { t: u, i18n: v } = U(), S = P(() => {
+    const { t: u, i18n: v } = D(), S = P(() => {
       const s = new Date(e.createdAt);
       return Number.isNaN(s.getTime()) ? "" : new Intl.DateTimeFormat(v.language, {
         dateStyle: "medium",
         timeStyle: "short"
       }).format(s);
-    }, [e.createdAt, v.language]), f = h !== void 0, [j, V] = R(!1), m = B(null), g = f ? h : j, b = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, w = L(() => {
+    }, [e.createdAt, v.language]), f = h !== void 0, [j, V] = R(!1), m = B(null), b = f ? h : j, g = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, w = L(() => {
       if (!d) return;
-      if (f || b) {
+      if (f || g) {
         d(e);
         return;
       }
@@ -108,12 +112,12 @@ const q = M(
         () => d(e),
         Number.isFinite(y) ? y : 200
       );
-    }, [d, e, f, b]), F = e.read ? "read" : "unread", I = e.read ? "" : u("notificationCard.unreadSuffix", ", unread"), x = u("notificationCard.itemLabel", {
+    }, [d, e, f, g]), F = e.read ? "read" : "unread", I = e.read ? "" : u("notificationCard.unreadSuffix", ", unread"), x = u("notificationCard.itemLabel", {
       title: e.title,
       time: S,
       unreadSuffix: I,
       defaultValue: "{{title}}, {{time}}{{unreadSuffix}}"
-    }), p = !!e.url && _(e.url), i = /* @__PURE__ */ a(
+    }), p = !!e.url && X(e.url), i = /* @__PURE__ */ a(
       "span",
       {
         className: [
@@ -162,9 +166,9 @@ const q = M(
         "data-component": "notification-card",
         "data-component-id": e.id,
         "data-read": e.read ? "true" : "false",
-        "data-leaving": g ? "true" : void 0,
-        "aria-hidden": g || void 0,
-        className: X({ variant: t, size: k, state: F, className: z }),
+        "data-leaving": b ? "true" : void 0,
+        "aria-hidden": b || void 0,
+        className: H({ variant: t, size: k, state: F, className: z }),
         ...T,
         children: [
           e.icon ? /* @__PURE__ */ a(
@@ -192,7 +196,7 @@ const q = M(
             ] }),
             e.description ? /* @__PURE__ */ a("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)] ds:[overflow:hidden] ds:[display:-webkit-box] ds:[-webkit-box-orient:vertical] ds:[-webkit-line-clamp:2] ds:break-words", children: e.description }) : null,
             /* @__PURE__ */ a(
-              E,
+              W,
               {
                 value: e.createdAt,
                 shape: "chip",
@@ -233,9 +237,9 @@ const q = M(
             ] }) : null
           ] }),
           t === "compact" && d ? /* @__PURE__ */ a("span", { className: "ds:relative ds:z-[1] ds:opacity-0 ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:transition-opacity ds:motion-reduce:transition-none", children: /* @__PURE__ */ a(
-            W,
+            U,
             {
-              icon: /* @__PURE__ */ a(H, {}),
+              icon: /* @__PURE__ */ a(E, {}),
               intent: "ghost",
               size: "sm",
               "aria-label": u("notificationCard.dismiss", "Dismiss notification"),
@@ -250,6 +254,6 @@ const q = M(
 q.displayName = "NotificationCard";
 export {
   q as N,
-  _ as i
+  X as i
 };
-//# sourceMappingURL=notification-card-BiESdm8q.js.map
+//# sourceMappingURL=notification-card-D2jiKSJJ.js.map

package/dist/_chunks/{notification-card.agent-Rqt3ofk9.js → notification-card.agent-DxGBZb8T.js}

@@ -1,5 +1,9 @@
 const t = {
   id: "notification-card",
+  // `dismiss` is host-delegated: the card itself declares no imperative handle —
+  // the owning NotificationTray (or the consumer) performs the dismiss via its
+  // own handle. The capability is kept to document that a rendered card is
+  // addressable + dismissable through its host. See notification-tray.agent.ts.
   capabilities: ["dismiss"],
   state: {},
   actions: {},
@@ -19,4 +23,4 @@ const t = {
 export {
   t as n
 };
-//# sourceMappingURL=notification-card.agent-Rqt3ofk9.js.map
+//# sourceMappingURL=notification-card.agent-DxGBZb8T.js.map