@alfadocs/ui-kit 1.3.13 → 1.4.1

package/dist/_chunks/calculator-dialog-12d3Sxaz.js

@@ -0,0 +1,48 @@
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { D as r } from "./dialog-UbKJCi1X.js";
+const u = p(
+  ({
+    trigger: i,
+    title: t,
+    description: o,
+    children: n,
+    size: c = "lg",
+    open: d,
+    defaultOpen: m,
+    onOpenChange: s,
+    id: e,
+    className: g
+  }, h) => /* @__PURE__ */ a(
+    r,
+    {
+      open: d,
+      defaultOpen: m,
+      onOpenChange: s,
+      id: e,
+      children: [
+        /* @__PURE__ */ l(r.Trigger, { asChild: !0, children: i }),
+        /* @__PURE__ */ a(r.Content, { ref: h, size: c, children: [
+          /* @__PURE__ */ a(r.Header, { children: [
+            /* @__PURE__ */ l(r.Title, { children: t }),
+            o ? /* @__PURE__ */ l(r.Description, { children: o }) : null
+          ] }),
+          /* @__PURE__ */ l(
+            "div",
+            {
+              "data-component": "calculator-dialog",
+              "data-component-id": e,
+              className: g,
+              children: n
+            }
+          )
+        ] })
+      ]
+    }
+  )
+);
+u.displayName = "CalculatorDialog";
+export {
+  u as C
+};
+//# sourceMappingURL=calculator-dialog-12d3Sxaz.js.map

package/dist/_chunks/{care-plan-card-1G_f4I5s.js → care-plan-card-BvQy366X.js}

@@ -3,11 +3,11 @@ import { forwardRef as H, useId as P } from "react";
 import { useTranslation as M } from "react-i18next";
 import { B as N } from "./badge-DCOqV9mI.js";
 import { L as F } from "./link-CPb_pZPr.js";
-import { P as A } from "./progress-DA413-zn.js";
+import { P as A } from "./progress-CK8otcQ-.js";
 import { T as C } from "./timestamp-BV2lC-wV.js";
 import { T as L } from "./transaction-chip-DJCstquX.js";
 import { A as O, b as G, c as Y, a as $ } from "./accordion-C11v9ouP.js";
-import { C as q } from "./care-plan-entry-card-DmBsffHS.js";
+import { C as q } from "./care-plan-entry-card-apk_5B3O.js";
 import { u as J } from "./registry-DvAUVLHh.js";
 import { C as Q, e as W } from "./entity-card-9_62gY7l.js";
 import { i as X } from "./is-safe-url-DkETxeHz.js";
@@ -253,4 +253,4 @@ export {
   de as C,
   Z as c
 };
-//# sourceMappingURL=care-plan-card-1G_f4I5s.js.map
+//# sourceMappingURL=care-plan-card-BvQy366X.js.map

package/dist/_chunks/{care-plan-entry-card-DmBsffHS.js → care-plan-entry-card-apk_5B3O.js}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import { forwardRef as _, useId as v } from "react";
 import { useTranslation as R } from "react-i18next";
 import { B as c } from "./badge-DCOqV9mI.js";
-import { P as O } from "./progress-DA413-zn.js";
+import { P as O } from "./progress-CK8otcQ-.js";
 import { T as q } from "./tag-3wgkwwDB.js";
 import { T as b } from "./timestamp-BV2lC-wV.js";
 import { T as G } from "./transaction-chip-DJCstquX.js";
@@ -319,4 +319,4 @@ export {
   le as C,
   re as c
 };
-//# sourceMappingURL=care-plan-entry-card-DmBsffHS.js.map
+//# sourceMappingURL=care-plan-entry-card-apk_5B3O.js.map

package/dist/_chunks/{chat-container-HlFnoEIl.js → chat-container-CYYego1W.js}

@@ -1,19 +1,37 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { forwardRef as B, useRef as p, useState as C, useCallback as H, useImperativeHandle as L, useMemo as S, useEffect as j } from "react";
-import { c as w } from "./index-D2ZczOXr.js";
+import { jsxs as u, jsx as o } from "react/jsx-runtime";
+import { forwardRef as V, useRef as i, useState as M, useCallback as H, useImperativeHandle as L, useMemo as S, useEffect as j } from "react";
+import { c as k } from "./index-D2ZczOXr.js";
 import { useTranslation as E } from "react-i18next";
-import { u as M } from "./registry-DvAUVLHh.js";
+import { u as K } from "./registry-DvAUVLHh.js";
 import { u as O } from "./index-CJE9uQmb.js";
-import { F as A } from "./floating-action-button-pojvb9gG.js";
-import { u as F } from "./use-prefers-reduced-motion-BMwIQRjB.js";
-import { u as K } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { C as P } from "./chevron-down-DWE7GSq9.js";
-const $ = {
+import { F } from "./floating-action-button-pojvb9gG.js";
+import { u as P } from "./use-prefers-reduced-motion-BMwIQRjB.js";
+import { u as $ } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { C as D } from "./chevron-down-DWE7GSq9.js";
+const U = {
   id: "chat-container",
   // Scrolling the log viewport is pure ephemeral view state — `scroll`,
   // not `navigate` (nothing routes; the conversation stays in place).
   capabilities: ["scroll"],
-  state: {},
+  // A9 / §7 is the live constraint here: the message log is PHI-bearing
+  // on the Alia surfaces, so the slots stay at scroll position and a
+  // count. `ChatContainerHandle.getScrollViewport()` is deliberately NOT
+  // surfaced — it returns a live DOM node whose subtree is the whole
+  // transcript.
+  state: {
+    isAtBottom: {
+      type: "boolean",
+      descriptionKey: "ui.agent.chatContainer.state.isAtBottom",
+      description: "True when the viewport is pinned to the newest message. The read-back for `scroll_to_bottom` — the direct confirmation that the latest turn is on screen.",
+      read: (t) => t.isAtBottom()
+    },
+    messageCount: {
+      type: "number",
+      descriptionKey: "ui.agent.chatContainer.state.messageCount",
+      description: "Number of messages currently rendered in the log. Count only — never message content.",
+      read: (t) => t.getMessageCount()
+    }
+  },
   actions: {
     scroll_to_bottom: {
       safety: "read",
@@ -29,9 +47,9 @@ const $ = {
       },
       idempotent: !0,
       descriptionKey: "ui.agent.chatContainer.actions.scrollToBottom",
-      description: "Scroll the conversation viewport to the latest message.",
-      invoke: (o, r) => {
-        o.scrollToBottom(r);
+      description: "Scroll the conversation viewport to the latest message. Read the `isAtBottom` slot afterwards to confirm the viewport settled there.",
+      invoke: (t, d) => {
+        t.scrollToBottom(d);
       }
     }
   },
@@ -43,7 +61,7 @@ const $ = {
       description: "Sourced from the id prop."
     }
   }
-}, D = w(
+}, X = k(
   "ds:relative ds:flex ds:w-full ds:flex-col ds:overflow-hidden ds:bg-background",
   {
     variants: {
@@ -54,7 +72,7 @@ const $ = {
     },
     defaultVariants: { density: "default" }
   }
-), U = w(
+), Y = k(
   [
     "ds:flex-1 ds:min-h-0 ds:overflow-y-auto ds:overflow-x-hidden",
     "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
@@ -74,114 +92,120 @@ const $ = {
     "ds:[.theme-accessible_&]:[mask-image:none]",
     "ds:forced-colors:[mask-image:none]"
   ].join(" ")
-), X = 100, Y = 48, Z = B(
+), Z = 100, q = 48, G = V(
   ({
-    messages: o,
-    composer: r,
-    density: y = "default",
-    className: k,
-    id: u,
-    onAutoScrollChange: i,
-    showScrollToLatest: I = !1,
-    ...N
-  }, T) => {
-    const { t: f } = E(), a = p(null), v = p(null), [c, _] = C(!0), h = F(), n = H(
+    messages: t,
+    composer: d,
+    density: C = "default",
+    className: T,
+    id: p,
+    onAutoScrollChange: c,
+    showScrollToLatest: N = !1,
+    ..._
+  }, B) => {
+    const { t: f } = E(), n = i(null), h = i(null), [a, I] = M(!0), g = P(), r = H(
       (e) => {
-        const s = a.current;
+        const s = n.current;
         if (!s) return;
-        const d = ((e == null ? void 0 : e.smooth) ?? !0) && !h;
+        const l = ((e == null ? void 0 : e.smooth) ?? !0) && !g;
         s.scrollTo({
           top: s.scrollHeight,
-          behavior: d ? "smooth" : "auto"
+          behavior: l ? "smooth" : "auto"
         });
       },
-      [h]
-    ), g = p(null);
-    L(T, () => g.current, []);
+      [g]
+    ), v = i(null);
+    L(B, () => v.current, []);
+    const b = i(a);
+    b.current = a;
+    const x = i(t.length);
+    x.current = t.length;
     const R = S(
       () => ({
-        scrollToBottom: n,
-        getScrollViewport: () => a.current
+        scrollToBottom: r,
+        getScrollViewport: () => n.current,
+        isAtBottom: () => b.current,
+        getMessageCount: () => x.current
       }),
-      [n]
+      [r]
     );
-    M($, R, u), j(() => {
-      const e = a.current, s = v.current;
+    K(U, R, p), j(() => {
+      const e = n.current, s = h.current;
       if (!e || !s) return;
-      const d = new IntersectionObserver(
-        (V) => {
-          const x = V[0];
-          _(x.isIntersecting), i == null || i(x.isIntersecting);
+      const l = new IntersectionObserver(
+        (z) => {
+          const w = z[0];
+          I(w.isIntersecting), c == null || c(w.isIntersecting);
         },
         {
           root: e,
           // Fire when the sentinel is within BOTTOM_SLACK_PX of being visible.
-          rootMargin: `0px 0px ${Y}px 0px`,
+          rootMargin: `0px 0px ${q}px 0px`,
           threshold: 0
         }
       );
-      return d.observe(s), () => d.disconnect();
-    }, [i]);
-    const z = o.length;
-    K(() => {
-      c && n({ smooth: !1 });
-    }, [z, c, n]);
-    const b = o.length > X, l = O({
-      count: b ? o.length : 0,
-      getScrollElement: () => a.current,
+      return l.observe(s), () => l.disconnect();
+    }, [c]);
+    const A = t.length;
+    $(() => {
+      a && r({ smooth: !1 });
+    }, [A, a, r]);
+    const y = t.length > Z, m = O({
+      count: y ? t.length : 0,
+      getScrollElement: () => n.current,
       estimateSize: () => 80,
       overscan: 6,
       getItemKey: (e) => {
         var s;
-        return ((s = o[e]) == null ? void 0 : s.id) ?? e;
+        return ((s = t[e]) == null ? void 0 : s.id) ?? e;
       }
     });
-    return /* @__PURE__ */ m(
+    return /* @__PURE__ */ u(
       "div",
       {
-        ref: g,
-        className: D({ density: y, className: k }),
+        ref: v,
+        className: X({ density: C, className: T }),
         "data-component": "chat-container",
-        "data-component-id": u,
-        ...N,
+        "data-component-id": p,
+        ..._,
         children: [
-          /* @__PURE__ */ m("div", { className: "ds:relative ds:flex-1 ds:min-h-0 ds:flex ds:flex-col", children: [
-            /* @__PURE__ */ m(
+          /* @__PURE__ */ u("div", { className: "ds:relative ds:flex-1 ds:min-h-0 ds:flex ds:flex-col", children: [
+            /* @__PURE__ */ u(
               "div",
               {
-                ref: a,
+                ref: n,
                 role: "log",
                 "aria-live": "polite",
                 "aria-relevant": "additions",
                 "aria-label": f("chat.container"),
                 tabIndex: 0,
-                className: U(),
+                className: Y(),
                 children: [
-                  b ? /* @__PURE__ */ t(
+                  y ? /* @__PURE__ */ o(
                     "ol",
                     {
                       className: "ds:relative ds:list-none ds:ps-0 ds:m-0",
-                      style: { blockSize: `${l.getTotalSize()}px` },
-                      children: l.getVirtualItems().map((e) => {
-                        const s = o[e.index];
-                        return s ? /* @__PURE__ */ t(
+                      style: { blockSize: `${m.getTotalSize()}px` },
+                      children: m.getVirtualItems().map((e) => {
+                        const s = t[e.index];
+                        return s ? /* @__PURE__ */ o(
                           "li",
                           {
                             "data-index": e.index,
-                            ref: l.measureElement,
+                            ref: m.measureElement,
                             className: "ds:absolute ds:start-0 ds:end-0 ds:top-0 ds:w-full",
                             style: { transform: `translateY(${e.start}px)` },
-                            children: /* @__PURE__ */ t("div", { className: "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]", children: s.node })
+                            children: /* @__PURE__ */ o("div", { className: "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]", children: s.node })
                           },
                           s.id
                         ) : null;
                       })
                     }
-                  ) : /* @__PURE__ */ t("ol", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:list-none ds:ps-0 ds:m-0", children: o.map((e) => /* @__PURE__ */ t("li", { children: e.node }, e.id)) }),
-                  /* @__PURE__ */ t(
+                  ) : /* @__PURE__ */ o("ol", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:list-none ds:ps-0 ds:m-0", children: t.map((e) => /* @__PURE__ */ o("li", { children: e.node }, e.id)) }),
+                  /* @__PURE__ */ o(
                     "div",
                     {
-                      ref: v,
+                      ref: h,
                       "aria-hidden": "true",
                       className: "ds:h-1 ds:w-full"
                     }
@@ -189,7 +213,7 @@ const $ = {
                 ]
               }
             ),
-            I && !c ? /* @__PURE__ */ t(
+            N && !a ? /* @__PURE__ */ o(
               "div",
               {
                 className: [
@@ -208,29 +232,29 @@ const $ = {
                   "ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:zoom-in-95",
                   "ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)]"
                 ].join(" "),
-                children: /* @__PURE__ */ t("div", { className: "ds:pointer-events-auto", children: /* @__PURE__ */ t(
-                  A,
+                children: /* @__PURE__ */ o("div", { className: "ds:pointer-events-auto", children: /* @__PURE__ */ o(
+                  F,
                   {
-                    icon: /* @__PURE__ */ t(P, {}),
+                    icon: /* @__PURE__ */ o(D, {}),
                     "aria-label": f("chat.scrollToLatest"),
                     size: "sm",
                     variant: "secondary",
                     position: "static",
-                    onClick: () => n({ smooth: !0 })
+                    onClick: () => r({ smooth: !0 })
                   }
                 ) })
               }
             ) : null
           ] }),
-          r ? /* @__PURE__ */ t("div", { className: "ds:shrink-0 ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)] ds:bg-background", children: r }) : null
+          d ? /* @__PURE__ */ o("div", { className: "ds:shrink-0 ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)] ds:bg-background", children: d }) : null
         ]
       }
     );
   }
 );
-Z.displayName = "ChatContainer";
+G.displayName = "ChatContainer";
 export {
-  Z as C,
-  $ as c
+  G as C,
+  U as c
 };
-//# sourceMappingURL=chat-container-HlFnoEIl.js.map
+//# sourceMappingURL=chat-container-CYYego1W.js.map