@alfadocs/ui-kit 0.47.0 → 0.48.0

package/dist/_chunks/{agenda-card-CFyWSX7Z.js → agenda-card-BaSfVfrL.js}

@@ -1,11 +1,12 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
 import { forwardRef as v } from "react";
 import { c as h } from "./index-D2ZczOXr.js";
 import { useTranslation as b } from "react-i18next";
 import { A as x } from "./avatar-BNQNhoyL.js";
 import { B as y } from "./badge-zsf5i5bH.js";
-import { C as N } from "./chevron-right-BrpYejk0.js";
-const C = h(
+import { i as N } from "./is-safe-url-DkETxeHz.js";
+import { C } from "./chevron-right-BrpYejk0.js";
+const w = h(
   [
     "ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
     "ds:rounded-[var(--radius-sm)]",
@@ -39,44 +40,40 @@ const C = h(
   "ds:focus-visible:after:outline-[color:var(--ring)]",
   "ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:forced-colors:focus-visible:after:outline-[CanvasText]"
-].join(" ");
-function w(s) {
-  return /^(https?:\/\/(?!\/)|\/(?!\/)|#)/.test(s);
-}
-const k = {
+].join(" "), k = {
   confirmed: "success",
   pending: "warning",
   cancelled: "error"
 }, T = v(
-  ({ item: s, size: o = "sm", onActivate: a, className: f, ...m }, p) => {
-    const { t: i } = b(), r = !!a, g = !!s.url && w(s.url), l = i("agendaCard.itemLabel", {
+  ({ item: s, size: o = "sm", onActivate: e, className: f, ...m }, p) => {
+    const { t: i } = b(), r = !!e, g = !!s.url && N(s.url), l = i("agendaCard.itemLabel", {
       time: s.time,
       patient: s.patient.name,
       treatment: s.treatment ?? "",
       defaultValue: '{{time}} · {{patient}}{{treatment, prepend, " · "}}'
-    }), d = /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:min-w-0 ds:truncate type-body-sm ds:text-[color:var(--foreground)]", children: s.patient.name });
+    }), n = /* @__PURE__ */ a("span", { className: "ds:flex-1 ds:min-w-0 ds:truncate type-body-sm ds:text-[color:var(--foreground)]", children: s.patient.name });
     let t;
-    return r && g ? t = /* @__PURE__ */ e(
+    return r && g ? t = /* @__PURE__ */ a(
       "a",
       {
         href: s.url,
         "aria-label": l,
         className: u + " ds:contents",
-        onClick: (n) => {
-          n.defaultPrevented || n.metaKey || n.ctrlKey || n.shiftKey || a == null || a(s);
+        onClick: (d) => {
+          d.defaultPrevented || d.metaKey || d.ctrlKey || d.shiftKey || e == null || e(s);
         },
-        children: d
+        children: n
       }
-    ) : r ? t = /* @__PURE__ */ e(
+    ) : r ? t = /* @__PURE__ */ a(
       "button",
       {
         type: "button",
         "aria-label": l,
         className: u + " ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start",
-        onClick: () => a == null ? void 0 : a(s),
-        children: d
+        onClick: () => e == null ? void 0 : e(s),
+        children: n
       }
-    ) : t = d, /* @__PURE__ */ c(
+    ) : t = n, /* @__PURE__ */ c(
       "div",
       {
         ref: p,
@@ -84,10 +81,10 @@ const k = {
         "data-component": "agenda-card",
         "data-component-id": s.id,
         "data-status": s.status ?? "confirmed",
-        className: C({ size: o, interactive: r, className: f }),
+        className: w({ size: o, interactive: r, className: f }),
         ...m,
         children: [
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ a(
             "span",
             {
               "aria-hidden": "true",
@@ -95,7 +92,7 @@ const k = {
               children: s.time
             }
           ),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ a(
             x,
             {
               name: s.patient.name,
@@ -109,9 +106,9 @@ const k = {
           ),
           /* @__PURE__ */ c("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
             t,
-            s.treatment ? /* @__PURE__ */ e("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate", children: s.treatment }) : null
+            s.treatment ? /* @__PURE__ */ a("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate", children: s.treatment }) : null
           ] }),
-          s.status && s.status !== "confirmed" ? /* @__PURE__ */ e(
+          s.status && s.status !== "confirmed" ? /* @__PURE__ */ a(
             y,
             {
               variant: k[s.status],
@@ -121,8 +118,8 @@ const k = {
               children: i(`agendaCard.status.${s.status}`, s.status)
             }
           ) : null,
-          r ? /* @__PURE__ */ e(
-            N,
+          r ? /* @__PURE__ */ a(
+            C,
             {
               "aria-hidden": "true",
               className: "ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:rtl:rotate-180"
@@ -135,7 +132,6 @@ const k = {
 );
 T.displayName = "AgendaCard";
 export {
-  T as A,
-  w as i
+  T as A
 };
-//# sourceMappingURL=agenda-card-CFyWSX7Z.js.map
+//# sourceMappingURL=agenda-card-BaSfVfrL.js.map

package/dist/_chunks/{agenda-tray-Dyj9ChHC.js → agenda-tray-DQayYmQ0.js}

@@ -1,32 +1,15 @@
 import { jsx as a, jsxs as n } from "react/jsx-runtime";
-import { forwardRef as R, useRef as f, useImperativeHandle as z, useMemo as C } from "react";
-import { c as S } from "./index-D2ZczOXr.js";
-import { useTranslation as _ } from "react-i18next";
-import { I as j } from "./icon-button-CKEOrN37.js";
-import { S as E } from "./skeleton-CZbwyJAA.js";
-import { E as P } from "./empty-state-BLy7tigq.js";
-import { A as H } from "./agenda-card-CFyWSX7Z.js";
-import { u as K } from "./registry-nPAVE19X.js";
-import { c as L } from "./createLucideIcon-CrFbzy84.js";
-import { P as V } from "./plus-CYKNmfuA.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 q = [
-  ["path", { d: "M8 2v4", key: "1cmpym" }],
-  ["path", { d: "M16 2v4", key: "4m81vk" }],
-  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
-  ["path", { d: "M3 10h18", key: "8toen8" }],
-  ["path", { d: "M8 14h.01", key: "6423bh" }],
-  ["path", { d: "M12 14h.01", key: "1etili" }],
-  ["path", { d: "M16 14h.01", key: "1gbofw" }],
-  ["path", { d: "M8 18h.01", key: "lrp35t" }],
-  ["path", { d: "M12 18h.01", key: "mhygvu" }],
-  ["path", { d: "M16 18h.01", key: "kzsmim" }]
-], B = L("calendar-days", q), D = {
+import { forwardRef as k, useRef as y, useImperativeHandle as S, useMemo as j } from "react";
+import { c as z } from "./index-D2ZczOXr.js";
+import { useTranslation as E } from "react-i18next";
+import { I as P } from "./icon-button-CKEOrN37.js";
+import { S as _ } from "./skeleton-CZbwyJAA.js";
+import { E as H } from "./empty-state-BLy7tigq.js";
+import { A as K } from "./agenda-card-BaSfVfrL.js";
+import { u as M } from "./registry-nPAVE19X.js";
+import { C as V } from "./calendar-days-C4BmpCZg.js";
+import { P as q } from "./plus-CYKNmfuA.js";
+const B = {
   id: "agenda-tray",
   capabilities: ["select_single"],
   state: {
@@ -34,7 +17,7 @@ const q = [
       type: "Array<{ id: string; status: string }>",
       descriptionKey: "ui.agent.agendaTray.state.items",
       description: "Currently-displayed appointments. Ids + status only — never patient identity.",
-      read: (t) => t.getItems()
+      read: (s) => s.getItems()
     }
   },
   actions: {
@@ -43,8 +26,8 @@ const q = [
       argsType: "{ id: string }",
       descriptionKey: "ui.agent.agendaTray.actions.selectItem",
       description: "Activate the appointment with the given id.",
-      invoke: (t, s) => {
-        t.selectItem(s.id);
+      invoke: (s, t) => {
+        s.selectItem(t.id);
       }
     }
   },
@@ -64,7 +47,7 @@ const q = [
       description: "Stable appointment id emitted on each rendered AgendaCard inside the tray."
     }
   }
-}, F = S(
+}, D = z(
   [
     "ds:flex ds:flex-col",
     "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]",
@@ -83,11 +66,11 @@ const q = [
       size: "sm"
     }
   }
-), G = R(
+), L = k(
   ({
-    id: t,
-    items: s,
-    title: u,
+    id: s,
+    items: t,
+    title: h,
     caption: c,
     size: l = "sm",
     onOpenAppointment: r,
@@ -95,25 +78,25 @@ const q = [
     addLabel: v,
     loading: p = !1,
     emptyTitle: x,
-    emptyDescription: k,
-    className: b,
-    ...T
+    emptyDescription: b,
+    className: T,
+    ...N
   }, w) => {
-    const { t: d } = _(), y = u ?? d("agendaTray.title", "Today's appointments"), N = v ?? d("agendaTray.add", "Add appointment"), I = !p && s.length === 0;
+    const { t: d } = E(), g = h ?? d("agendaTray.title", "Today's appointments"), I = v ?? d("agendaTray.add", "Add appointment"), A = !p && t.length === 0;
     let i;
-    p ? i = /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [0, 1, 2].map((e) => /* @__PURE__ */ a(E, { variant: "rectangular", height: "2.5rem" }, e)) }) : I ? i = /* @__PURE__ */ a("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ a(
-      P,
+    p ? i = /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [0, 1, 2].map((e) => /* @__PURE__ */ a(_, { variant: "rectangular", height: "2.5rem" }, e)) }) : A ? i = /* @__PURE__ */ a("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ a(
+      H,
       {
         variant: "first-use",
         size: "sm",
         title: x ?? d("agendaTray.empty.title", "No appointments"),
-        description: k ?? d(
+        description: b ?? d(
           "agendaTray.empty.description",
           "New appointments will appear here."
         )
       }
-    ) }) : i = /* @__PURE__ */ a("ul", { className: "ds:flex ds:list-none ds:flex-col", children: s.map((e) => /* @__PURE__ */ a(
-      H,
+    ) }) : i = /* @__PURE__ */ a("ul", { className: "ds:flex ds:list-none ds:flex-col", children: t.map((e) => /* @__PURE__ */ a(
+      K,
       {
         item: e,
         size: l,
@@ -122,48 +105,48 @@ const q = [
       },
       e.id
     )) });
-    const o = f(s);
-    o.current = s;
-    const h = f(null);
-    z(w, () => h.current, []);
-    const M = C(
+    const o = y(t);
+    o.current = t;
+    const f = y(null);
+    S(w, () => f.current, []);
+    const C = j(
       () => ({
         getItems: () => o.current.map((e) => ({
           id: e.id,
           status: e.status ?? "confirmed"
         })),
         selectItem: (e) => {
-          const g = o.current.find((A) => A.id === e);
-          g && (r == null || r(g));
+          const u = o.current.find((R) => R.id === e);
+          u && (r == null || r(u));
         }
       }),
       [r]
     );
-    return K(D, M, t), /* @__PURE__ */ n(
+    return M(B, C, s), /* @__PURE__ */ n(
       "section",
       {
-        ref: h,
-        "aria-label": y,
+        ref: f,
+        "aria-label": g,
         "data-component": "agenda-tray",
-        "data-component-id": t,
-        className: F({ size: l, className: b }),
-        ...T,
+        "data-component-id": s,
+        className: D({ size: l, className: T }),
+        ...N,
         children: [
           /* @__PURE__ */ n("header", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [
             /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:min-w-0", children: [
               /* @__PURE__ */ n("h3", { className: "ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card", children: [
-                /* @__PURE__ */ a(B, { "aria-hidden": "true", className: "ds:size-4" }),
-                y
+                /* @__PURE__ */ a(V, { "aria-hidden": "true", className: "ds:size-4" }),
+                g
               ] }),
               c ? /* @__PURE__ */ a("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: c }) : null
             ] }),
             m ? /* @__PURE__ */ a(
-              j,
+              P,
               {
-                icon: /* @__PURE__ */ a(V, {}),
+                icon: /* @__PURE__ */ a(q, {}),
                 intent: "outline",
                 size: "sm",
-                "aria-label": N,
+                "aria-label": I,
                 onClick: m
               }
             ) : null
@@ -174,9 +157,9 @@ const q = [
     );
   }
 );
-G.displayName = "AgendaTray";
+L.displayName = "AgendaTray";
 export {
-  G as A,
-  D as a
+  L as A,
+  B as a
 };
-//# sourceMappingURL=agenda-tray-Dyj9ChHC.js.map
+//# sourceMappingURL=agenda-tray-DQayYmQ0.js.map

package/dist/_chunks/ai-consent-banner-DO5ingMq.js

@@ -0,0 +1,169 @@
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import { forwardRef as N, useState as k, useRef as q, useMemo as I } from "react";
+import { c as L } from "./index-D2ZczOXr.js";
+import { useTranslation as R } from "react-i18next";
+import { A as d } from "./alert-ywPR59NE.js";
+import { B as w } from "./badge-zsf5i5bH.js";
+import { B as T } from "./button-DD_0Xdmr.js";
+import { C as V } from "./checkbox-DRcOdmXv.js";
+import { S as j } from "./spinner-OjQNn8oN.js";
+import { T as z } from "./timestamp-BV2lC-wV.js";
+import { u as G } from "./registry-nPAVE19X.js";
+const K = {
+  id: "ai-consent-banner",
+  capabilities: [],
+  state: {
+    consentState: {
+      type: "'granted' | 'required' | 'pending'",
+      descriptionKey: "ui.agent.aiConsentBanner.state.consentState",
+      description: "Current consent state. Structural only — never the grantee identity.",
+      read: (a) => a.getState()
+    },
+    armed: {
+      type: "boolean",
+      descriptionKey: "ui.agent.aiConsentBanner.state.armed",
+      description: "Whether the consent confirmation checkbox is ticked (required state only).",
+      read: (a) => a.isArmed()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "ai-consent-banner",
+      description: "Marks the AiConsentBanner root region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Required to address a specific banner from the agent."
+    }
+  }
+}, M = L("ds:w-full ds:text-[color:var(--foreground)]", {
+  variants: {
+    state: {
+      granted: "",
+      required: "",
+      pending: ""
+    }
+  },
+  defaultVariants: {
+    state: "required"
+  }
+});
+function u(a, s) {
+  return s ? "pending" : a ? "granted" : "required";
+}
+const P = N(
+  ({
+    id: a,
+    granted: s,
+    grantedAt: l,
+    grantedBy: m,
+    canGrant: f = !0,
+    pending: c = !1,
+    onGrantConsent: g,
+    "aria-label": h,
+    className: v,
+    ...b
+  }, C) => {
+    const { t: e } = R(), t = u(s, c), [o, B] = k(!1), p = q(o);
+    p.current = o;
+    const y = I(
+      () => ({
+        getState: () => u(s, c),
+        isArmed: () => p.current
+      }),
+      [s, c]
+    );
+    G(K, y, a);
+    const A = h ?? e("aiConsentBanner.regionLabel", "AI assistance consent"), x = t === "granted" ? "success" : "info";
+    let i;
+    return t === "granted" ? i = /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+      /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+        /* @__PURE__ */ n(w, { variant: "success", children: e("aiConsentBanner.badge.granted", "Consent granted") }),
+        l !== void 0 ? /* @__PURE__ */ r("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: [
+          e("aiConsentBanner.grantedAtPrefix", "Granted"),
+          " ",
+          /* @__PURE__ */ n(z, { value: l, format: "relative", shape: "inline" })
+        ] }) : null
+      ] }),
+      m ? /* @__PURE__ */ n("p", { className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]", children: e("aiConsentBanner.grantedBy", {
+        name: m,
+        defaultValue: "By {{name}}"
+      }) }) : null
+    ] }) : t === "pending" ? i = /* @__PURE__ */ r("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ n(
+        j,
+        {
+          size: "sm",
+          label: e("aiConsentBanner.pendingLabel", "Saving consent…")
+        }
+      ),
+      /* @__PURE__ */ n("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: e("aiConsentBanner.pendingLabel", "Saving consent…") })
+    ] }) : i = f ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ n(
+        V,
+        {
+          checked: o,
+          onCheckedChange: (S) => B(S === !0),
+          label: e(
+            "aiConsentBanner.confirmLabel",
+            "I confirm consent has been obtained for AI assistance."
+          )
+        }
+      ),
+      /* @__PURE__ */ n(d.Action, { children: /* @__PURE__ */ n(
+        T,
+        {
+          intent: "primary",
+          size: "sm",
+          disabled: !o,
+          onClick: g,
+          children: e("aiConsentBanner.grantButton", "Grant consent")
+        }
+      ) })
+    ] }) : /* @__PURE__ */ n("p", { className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]", children: e(
+      "aiConsentBanner.notAllowed",
+      "You do not have permission to grant AI assistance consent."
+    ) }), /* @__PURE__ */ n(
+      "div",
+      {
+        ref: C,
+        role: "region",
+        "aria-label": A,
+        "aria-busy": t === "pending" ? !0 : void 0,
+        "data-component": "ai-consent-banner",
+        "data-component-id": a,
+        "data-state": t,
+        id: a,
+        className: M({ state: t, className: v }),
+        ...b,
+        children: /* @__PURE__ */ r(
+          d,
+          {
+            variant: x,
+            icon: t === "pending" ? null : void 0,
+            children: [
+              /* @__PURE__ */ n(d.Title, { children: e("aiConsentBanner.title", "AI assistance consent") }),
+              /* @__PURE__ */ n(d.Description, { children: t === "granted" ? e(
+                "aiConsentBanner.description.granted",
+                "AI assistance is enabled for this record."
+              ) : e(
+                "aiConsentBanner.description.required",
+                "AI assistance requires recorded consent before it can run."
+              ) }),
+              i
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+P.displayName = "AiConsentBanner";
+export {
+  P as A,
+  K as a
+};
+//# sourceMappingURL=ai-consent-banner-DO5ingMq.js.map