@alfadocs/ui-kit 0.77.0 → 0.79.0

package/dist/_chunks/calendar-event-card-C6qGtywL.js

@@ -0,0 +1,257 @@
+import { jsxs as g, jsx as r } from "react/jsx-runtime";
+import { forwardRef as H } from "react";
+import { useTranslation as T } from "react-i18next";
+import { c as h } from "./index-D2ZczOXr.js";
+import { c as d } from "./createLucideIcon-DhHxpK9K.js";
+import { C as V } from "./check-DrFSN__t.js";
+import { S as $ } from "./stethoscope-sZXGC43m.js";
+import { C as O } from "./clock-Drd4Wtis.js";
+import { G as C } from "./globe-sHBW1JN5.js";
+import { T as U } from "./triangle-alert-CBnO6nq_.js";
+import { H as q } from "./heart-pulse-BCppJyN2.js";
+import { V as B } from "./video-BheNGvsu.js";
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const G = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M4.929 4.929 19.07 19.071", key: "196cmz" }]
+], Z = d("ban", G);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const K = [
+  ["path", { d: "M4 10h12", key: "1y6xl8" }],
+  ["path", { d: "M4 14h9", key: "1loblj" }],
+  [
+    "path",
+    {
+      d: "M19 6a7.7 7.7 0 0 0-5.2-2A7.9 7.9 0 0 0 6 12c0 4.4 3.5 8 7.8 8 2 0 3.8-.8 5.2-2",
+      key: "1j6lzo"
+    }
+  ]
+], P = d("euro", K);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const R = [
+  [
+    "path",
+    {
+      d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z",
+      key: "emmmcr"
+    }
+  ],
+  ["path", { d: "M7 10v12", key: "1qc93n" }]
+], W = d("thumbs-up", R);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Y = [
+  [
+    "path",
+    {
+      d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",
+      key: "1xq2db"
+    }
+  ]
+], D = d("zap", Y);
+function F(t) {
+  if (typeof t != "string") return null;
+  const n = t.trim();
+  if (!n.startsWith("#")) return null;
+  const e = n.slice(1);
+  let s, o, a;
+  if (e.length === 3) {
+    if (!/^[0-9a-f]{3}$/i.test(e)) return null;
+    s = parseInt(e[0] + e[0], 16), o = parseInt(e[1] + e[1], 16), a = parseInt(e[2] + e[2], 16);
+  } else if (e.length === 6) {
+    if (!/^[0-9a-f]{6}$/i.test(e)) return null;
+    s = parseInt(e.slice(0, 2), 16), o = parseInt(e.slice(2, 4), 16), a = parseInt(e.slice(4, 6), 16);
+  } else
+    return null;
+  return [s / 255, o / 255, a / 255];
+}
+function J([t, n, e]) {
+  const s = (o) => o <= 0.03928 ? o / 12.92 : Math.pow((o + 0.055) / 1.055, 2.4);
+  return 0.2126 * s(t) + 0.7152 * s(n) + 0.0722 * s(e);
+}
+function ge(t, n, e) {
+}
+function Q(t) {
+  const n = F(t);
+  return n ? J(n) > 0.1791 ? "on-light" : "on-dark" : null;
+}
+const X = {
+  confirmed: W,
+  waiting: O,
+  in_care: $,
+  done: V,
+  cancelled: Z,
+  absent: D
+}, ee = {
+  confirmed: "calendar.status.confirmed",
+  waiting: "calendar.status.waiting",
+  in_care: "calendar.status.inCare",
+  done: "calendar.status.done",
+  cancelled: "calendar.status.cancelled",
+  absent: "calendar.status.absent"
+}, ae = h(
+  [
+    // layout — verbatim from the Calendar's former eventCardVariants base,
+    // plus ds:relative for the accent bar's positioning context
+    "ds:relative ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+    "ds:w-full ds:h-full",
+    "ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:text-[length:var(--font-size-sm)]",
+    "ds:font-[var(--font-weight-medium)]",
+    "ds:overflow-hidden",
+    // kept verbatim from the former base (inert on a non-focusable div
+    // inside FC; harmless)
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+    "ds:focus-visible:outline-[var(--ring)]",
+    "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    // SINGLE PAINTED SURFACE — always present, never conditional. One
+    // declaration per paint channel; value chain = "caller custom prop,
+    // else token". This structurally eliminates the CVA-vs-override
+    // specificity race (the old double-paint bug) — stylesheet order
+    // becomes irrelevant.
+    "ds:[background-color:var(--calendar-event-bg,var(--primary))]",
+    "ds:[color:var(--calendar-event-text,var(--primary-foreground))]",
+    "ds:border ds:[border-color:var(--calendar-event-border,transparent)]"
+  ].join(" "),
+  {
+    variants: {
+      // Do not add colour classes to this axis — status is icon + accent
+      // + aria only; a unit test asserts identical computed background
+      // across all six statuses.
+      status: {
+        none: "",
+        confirmed: "",
+        waiting: "",
+        in_care: "",
+        done: "",
+        cancelled: "ds:line-through",
+        absent: ""
+      },
+      bookedOnline: {
+        // class name kept as a stable inert DOM hook; the stripe paint
+        // lives here (moved from fullcalendar-theme.css) so it works in
+        // the card's own stories, outside .fc-theme-alfadocs.
+        // currentcolor = resolved ink, so stripes stay visible over any
+        // picker colour.
+        true: "event-booked-online ds:bg-[image:repeating-linear-gradient(45deg,transparent,transparent_4px,color-mix(in_srgb,currentcolor_10%,transparent)_4px,color-mix(in_srgb,currentcolor_10%,transparent)_8px)]",
+        false: ""
+      }
+    },
+    defaultVariants: { status: "none", bookedOnline: !1 }
+  }
+), ne = h(
+  "ds:absolute ds:inset-y-0 ds:start-0 ds:w-[3px]",
+  {
+    variants: {
+      status: {
+        confirmed: "ds:[background-color:var(--success)]",
+        waiting: "ds:[background-color:var(--info)]",
+        in_care: "ds:[background-color:var(--primary)]",
+        done: "ds:[background-color:var(--success)]",
+        cancelled: "ds:[background-color:var(--destructive)]",
+        absent: "ds:[background-color:var(--warning)]"
+      }
+    }
+  }
+), te = H(
+  ({
+    title: t,
+    suffix: n,
+    rangeText: e,
+    showTime: s = !0,
+    allDay: o = !1,
+    status: a,
+    statusAccent: b = !0,
+    backgroundColor: i,
+    textColor: l,
+    borderColor: c,
+    isBookedOnline: f = !1,
+    hasUnassignedPatient: x,
+    hasHighlightedAnamnesis: k,
+    hasBillableAmount: _,
+    isTelehealth: y,
+    resourceLabel: w,
+    eventId: z,
+    className: N,
+    style: m,
+    "aria-label": I,
+    ...A
+  }, L) => {
+    const { t: S } = T(), p = a ? X[a] : null, M = a ? S(ee[a]) : void 0, j = I ?? [t, e, w, M].filter(Boolean).join(", "), u = !l && i ? Q(i) : null, v = i || l || c ? {
+      ...i ? { "--calendar-event-bg": i } : {},
+      ...l ? { "--calendar-event-text": l } : u === "on-light" ? { "--calendar-event-text": "var(--event-ink-on-light)" } : u === "on-dark" ? { "--calendar-event-text": "var(--event-ink-on-dark)" } : {},
+      ...c ? { "--calendar-event-border": c } : {}
+    } : void 0, E = m || v ? { ...m, ...v } : void 0;
+    return /* @__PURE__ */ g(
+      "div",
+      {
+        ref: L,
+        ...A,
+        className: ae({
+          status: a ?? "none",
+          bookedOnline: f,
+          className: N
+        }),
+        style: E,
+        "aria-label": j,
+        "data-component": "calendar-event-card",
+        "data-event-id": z,
+        "data-status": a ?? "none",
+        "data-contrast": l ? "custom" : u ?? "default",
+        children: [
+          a && b ? /* @__PURE__ */ r(
+            "span",
+            {
+              "aria-hidden": "true",
+              "data-slot": "status-accent",
+              className: ne({ status: a })
+            }
+          ) : null,
+          /* @__PURE__ */ g("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:self-end", children: [
+            p ? /* @__PURE__ */ r(p, { size: 14, "aria-hidden": "true" }) : null,
+            f ? /* @__PURE__ */ r(C, { size: 12, "aria-hidden": "true" }) : null,
+            x ? /* @__PURE__ */ r(U, { size: 12, "aria-hidden": "true" }) : null,
+            k ? /* @__PURE__ */ r(q, { size: 12, "aria-hidden": "true" }) : null,
+            _ ? /* @__PURE__ */ r(P, { size: 12, "aria-hidden": "true" }) : null,
+            y ? /* @__PURE__ */ r(B, { size: 12, "aria-hidden": "true" }) : null
+          ] }),
+          s && !o && e ? (
+            // No opacity here — composing 70% over saturated bgs drops
+            // effective contrast below WCAG AA. The smaller font-size-xs vs
+            // the title's font-weight-semibold provides sufficient visual
+            // hierarchy.
+            /* @__PURE__ */ r("span", { className: "ds:text-[length:var(--font-size-xs)]", children: e })
+          ) : null,
+          /* @__PURE__ */ r("span", { className: "ds:font-[var(--font-weight-semibold)] ds:truncate ds:text-start", children: t }),
+          n ? /* @__PURE__ */ r("span", { className: "ds:truncate ds:text-start ds:text-[length:var(--font-size-xs)]", children: n }) : null
+        ]
+      }
+    );
+  }
+);
+te.displayName = "CalendarEventCard";
+export {
+  te as C,
+  ge as w
+};
+//# sourceMappingURL=calendar-event-card-C6qGtywL.js.map

package/dist/_chunks/{chat-input-BTCDqUDX.js → chat-input-QpHxBEnN.js}

@@ -1,5 +1,5 @@
 import { jsxs as v, jsx as i, Fragment as ge } from "react/jsx-runtime";
-import { forwardRef as ve, useId as ye, useRef as k, useCallback as W, useImperativeHandle as be, useMemo as xe } from "react";
+import { forwardRef as ve, useId as ye, useRef as w, useCallback as W, useImperativeHandle as be, useMemo as xe } from "react";
 import { c as Ie } from "./index-D2ZczOXr.js";
 import { useTranslation as ke } from "react-i18next";
 import { I as q } from "./icon-button-C_kbcd7I.js";
@@ -132,9 +132,9 @@ function Me(t, n) {
   if (typeof Intl < "u" && typeof Intl.Segmenter == "function")
     try {
       const l = new Intl.Segmenter(n, { granularity: "grapheme" });
-      let s = 0;
-      for (const y of l.segment(t)) s += 1;
-      return s;
+      let r = 0;
+      for (const y of l.segment(t)) r += 1;
+      return r;
     } catch {
     }
   return Array.from(t).length;
@@ -149,15 +149,15 @@ function Fe(t, n, l) {
       return d.length === t.length ? t : d;
     } catch {
     }
-  const s = Array.from(t);
-  return s.length <= n ? t : s.slice(0, n).join("");
+  const r = Array.from(t);
+  return r.length <= n ? t : r.slice(0, n).join("");
 }
 const Ke = ve(
   ({
     size: t = "md",
     value: n,
     defaultValue: l,
-    maxLength: s,
+    maxLength: r,
     submitOnEnter: y = !1,
     minRows: o = 1,
     maxRows: d = 8,
@@ -169,22 +169,22 @@ const Ke = ve(
     label: T,
     placeholder: U,
     className: Y,
-    onChange: w,
-    onKeyDown: C,
-    onCompositionStart: N,
-    onCompositionEnd: V,
-    id: j,
+    onChange: C,
+    onKeyDown: N,
+    onCompositionStart: V,
+    onCompositionEnd: j,
+    id: z,
     ...J
   }, L) => {
-    const { t: c, i18n: E } = ke(), O = ye(), p = k(!1), M = k(null), z = k(null), Q = W((e) => {
-      z.current = e;
+    const { t: c, i18n: E } = ke(), O = ye(), p = w(!1), M = w(null), I = w(null), Q = W((e) => {
+      I.current = e;
     }, []), [X, m] = we({
       value: n === void 0 ? void 0 : String(n),
       defaultValue: String(l ?? "")
-    }), a = X ?? "", H = Me(a, E.language), f = typeof s == "number" && s > 0, Z = f ? Math.max(0, s - H) : 0, D = f && H > s * 0.9, h = f && H >= s, F = W(() => {
-      const e = z.current;
+    }), a = X ?? "", H = Me(a, E.language), f = typeof r == "number" && r > 0, Z = f ? Math.max(0, r - H) : 0, D = f && H > r * 0.9, h = f && H >= r, F = W(() => {
+      const e = I.current;
       if (!e) return;
-      const r = window.getComputedStyle(e), I = parseFloat(r.lineHeight) || 24, de = parseFloat(r.paddingTop) || 0, ue = parseFloat(r.paddingBottom) || 0, pe = parseFloat(r.borderTopWidth) || 0, me = parseFloat(r.borderBottomWidth) || 0, _ = de + ue + pe + me, fe = I * o + _, $ = I * d + _;
+      const s = window.getComputedStyle(e), k = parseFloat(s.lineHeight) || 24, de = parseFloat(s.paddingTop) || 0, ue = parseFloat(s.paddingBottom) || 0, pe = parseFloat(s.borderTopWidth) || 0, me = parseFloat(s.borderBottomWidth) || 0, _ = de + ue + pe + me, fe = k * o + _, $ = k * d + _;
       e.style.height = "auto";
       const he = Math.max(fe, Math.min(e.scrollHeight, $));
       e.style.height = `${he}px`, e.style.overflowY = e.scrollHeight > $ ? "auto" : "hidden";
@@ -193,15 +193,16 @@ const Ke = ve(
       F();
     }, [F, a]);
     const ee = (e) => {
-      let r = e.target.value;
-      f && !p.current && (r = Fe(r, s, E.language)), m(r), !p.current && (w == null || w(e));
+      let s = e.target.value;
+      f && !p.current && (s = Fe(s, r, E.language)), m(s), !p.current && (C == null || C(e));
     }, te = (e) => {
-      p.current = !0, N == null || N(e);
+      p.current = !0, V == null || V(e);
     }, se = (e) => {
-      p.current = !1, V == null || V(e);
+      p.current = !1, j == null || j(e);
     }, re = (e) => e.nativeEvent.isComposing || e.keyCode === 229 || p.current, S = () => {
-      !a.trim() || x || h || (u == null || u(a), m(""));
-    }, K = k(null);
+      var s;
+      !a.trim() || x || h || (u == null || u(a), m(""), (s = I.current) == null || s.focus());
+    }, K = w(null);
     be(L, () => K.current, []);
     const ne = xe(
       () => ({
@@ -218,7 +219,7 @@ const Ke = ve(
         },
         focus: () => {
           var e;
-          (e = z.current) == null || e.focus();
+          (e = I.current) == null || e.focus();
         }
       }),
       // `submit` is a local closure that always sees the latest currentValue
@@ -227,24 +228,24 @@ const Ke = ve(
       // eslint-disable-next-line react-hooks/exhaustive-deps
       [a, m]
     );
-    Ne(Te, ne, j);
+    Ne(Te, ne, z);
     const ae = (e) => {
-      if (C == null || C(e), !e.defaultPrevented && !re(e) && e.key === "Enter") {
-        const r = e.metaKey || e.ctrlKey, I = y && !e.shiftKey;
-        (r || I) && (e.preventDefault(), S());
+      if (N == null || N(e), !e.defaultPrevented && !re(e) && e.key === "Enter") {
+        const s = e.metaKey || e.ctrlKey, k = y && !e.shiftKey;
+        (s || k) && (e.preventDefault(), S());
       }
     }, ie = () => {
       var e;
       (e = M.current) == null || e.click();
     }, oe = (e) => {
       e.target.files && e.target.files.length > 0 && (b == null || b(e.target.files)), e.target.value = "";
-    }, g = j ?? O, R = `${g}-label`, B = f ? `${g}-counter` : void 0, P = `${g}-hint`, ce = U ?? c("chat.input.placeholder"), le = T ?? c("chat.prompt");
+    }, g = z ?? O, R = `${g}-label`, B = f ? `${g}-counter` : void 0, P = `${g}-hint`, ce = U ?? c("chat.input.placeholder"), le = T ?? c("chat.prompt");
     return /* @__PURE__ */ v(
       "div",
       {
         ref: K,
         "data-component": "chat-input",
-        "data-component-id": j,
+        "data-component-id": z,
         className: Ee({ size: t, className: Y }),
         children: [
           /* @__PURE__ */ i(
@@ -365,4 +366,4 @@ export {
   Se as P,
   Te as c
 };
-//# sourceMappingURL=chat-input-BTCDqUDX.js.map
+//# sourceMappingURL=chat-input-QpHxBEnN.js.map

package/dist/_chunks/document-preview-nwfulDEs.js

@@ -0,0 +1,290 @@
+import { jsxs as m, Fragment as W, jsx as i } from "react/jsx-runtime";
+import { forwardRef as j, useMemo as I, useState as q, useImperativeHandle as E, Fragment as H } from "react";
+import { c as $ } from "./index-D2ZczOXr.js";
+import { useTranslation as U } from "react-i18next";
+import { B as b } from "./badge-DCOqV9mI.js";
+import { C as B } from "./card-DPmk26CL.js";
+import { E as G } from "./empty-state-CrLsi0XI.js";
+import { P as Y } from "./panel-header-D313n_9-.js";
+import { P as J } from "./pdf-viewer-DF3VMaPo.js";
+import { T as O, b as Q, c as X, a as Z } from "./tabs-CVTukWRD.js";
+import { u as ee } from "./registry-DvAUVLHh.js";
+import { F as ie, a as te } from "./file-Cwe9VC1A.js";
+import { F as se } from "./file-text-5yv6r2ls.js";
+import { c as ne } from "./createLucideIcon-DhHxpK9K.js";
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ae = [
+  ["path", { d: "M15 2h-4a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8", key: "14sh0y" }],
+  [
+    "path",
+    {
+      d: "M16.706 2.706A2.4 2.4 0 0 0 15 2v5a1 1 0 0 0 1 1h5a2.4 2.4 0 0 0-.706-1.706z",
+      key: "1970lx"
+    }
+  ],
+  ["path", { d: "M5 7a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 1.732-1", key: "l4dndm" }]
+], re = ne("files", ae), de = {
+  id: "document-preview",
+  capabilities: [],
+  state: {
+    kind: {
+      type: "'pdf' | 'image' | 'metadata' | 'empty'",
+      descriptionKey: "ui.agent.documentPreview.state.kind",
+      description: "Which render branch is active: pdf, image, metadata (no inline preview), or empty (no document). Structural — never the document name.",
+      read: (a) => a.getKind()
+    }
+  },
+  actions: {
+    get_name: {
+      // phi (not read): resolves the document display name, which can identify
+      // patients. PRS §26 — phi outranks read so the host gates it behind
+      // stricter confirm + audit. The always-on kind slot stays name-free.
+      safety: "phi",
+      returns: "string | undefined",
+      returnsSchema: { type: ["string", "null"] },
+      idempotent: !0,
+      descriptionKey: "ui.agent.documentPreview.actions.getName",
+      description: "Read the display name of the previewed document. May identify a patient (PHI).",
+      invoke: (a) => a.getName()
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "document-preview",
+      description: "Marks the DocumentPreview region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, le = $(
+  [
+    "ds:flex ds:h-full ds:min-h-0 ds:min-w-0 ds:flex-col ds:overflow-auto",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
+    "ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-ring"
+  ].join(" ")
+), oe = {
+  signed: "success",
+  pending: "warning"
+};
+function z(a, r, u) {
+  if (!a) return "empty";
+  const l = r ?? "";
+  return l === "application/pdf" && u ? "pdf" : l.startsWith("image/") && u ? "image" : "metadata";
+}
+function N(a) {
+  const r = a ?? "";
+  return r.startsWith("image/") ? ie : r === "application/pdf" || r.startsWith("text/") || r.includes("word") ? se : te;
+}
+const ce = [
+  "documentPreview.units.bytes",
+  "documentPreview.units.kilobytes",
+  "documentPreview.units.megabytes",
+  "documentPreview.units.gigabytes"
+], S = ["B", "KB", "MB", "GB"];
+function me(a, r, u) {
+  let l = a, o = 0;
+  for (; l >= 1024 && o < S.length - 1; )
+    l /= 1024, o++;
+  return `${new Intl.NumberFormat(r, {
+    maximumFractionDigits: o === 0 ? 0 : 1
+  }).format(l)} ${u(ce[o], S[o])}`;
+}
+const ue = j(({ id: a, name: r, mimeType: u, src: l, metadata: o, documents: h, className: F }, M) => {
+  const { t: s, i18n: T } = U(), c = I(() => h && h.length > 0 ? h : r ? [{ id: a ?? r, name: r, mimeType: u, src: l, metadata: o }] : [], [h, a, r, u, l, o]), P = c.length > 1, [R, C] = q(void 0), n = c.find((t) => t.id === R) ?? c[0], x = I(
+    () => ({
+      getKind: () => n ? z(n.name, n.mimeType, n.src) : "empty",
+      getName: () => n == null ? void 0 : n.name
+    }),
+    [n]
+  );
+  E(M, () => x, [x]), ee(de, x, a);
+  const A = (t) => {
+    const w = z(t.name, t.mimeType, t.src), e = t.metadata, _ = N(t.mimeType);
+    let y;
+    w === "pdf" && t.src ? y = /* @__PURE__ */ i(
+      J,
+      {
+        src: t.src,
+        toolbarVariant: "minimal",
+        ariaLabel: t.name,
+        className: "ds:h-full ds:w-full"
+      }
+    ) : w === "image" && t.src ? y = /* @__PURE__ */ i(
+      "img",
+      {
+        src: t.src,
+        alt: s("documentPreview.imageAlt", "Preview of {{name}}", {
+          name: t.name
+        }),
+        className: "ds:max-h-full ds:max-w-full ds:object-contain"
+      }
+    ) : y = /* @__PURE__ */ m("span", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-sm)] ds:text-muted-foreground", children: [
+      /* @__PURE__ */ i(_, { "aria-hidden": "true", className: "ds:size-10" }),
+      /* @__PURE__ */ i("span", { className: "type-body-sm", children: s("documentPreview.noPreview", "No preview available.") })
+    ] });
+    const p = e == null ? void 0 : e.signatureStatus, k = !!(e != null && e.documentType) || !!(e != null && e.clinical) || p !== void 0 && p !== "none", f = (v) => new Intl.DateTimeFormat(T.language, { dateStyle: "medium" }).format(
+      new Date(v)
+    ), d = [];
+    e != null && e.createdBy && d.push({
+      key: "createdBy",
+      label: s("documentPreview.fields.createdBy", "Created by"),
+      value: e.createdBy
+    }), e != null && e.createdAt && d.push({
+      key: "created",
+      label: s("documentPreview.fields.created", "Created"),
+      value: f(e.createdAt)
+    }), e != null && e.updatedAt && d.push({
+      key: "modified",
+      label: s("documentPreview.fields.modified", "Modified"),
+      value: f(e.updatedAt)
+    }), e != null && e.signatureRequestedAt && d.push({
+      key: "signatureRequested",
+      label: s(
+        "documentPreview.fields.signatureRequested",
+        "Signature requested"
+      ),
+      value: f(e.signatureRequestedAt)
+    }), e != null && e.signedAt && d.push({
+      key: "signed",
+      label: s("documentPreview.fields.signed", "Signed"),
+      value: f(e.signedAt)
+    }), e != null && e.sharedAt && d.push({
+      key: "sharedWithPatient",
+      label: s(
+        "documentPreview.fields.sharedWithPatient",
+        "Shared with patient"
+      ),
+      value: f(e.sharedAt)
+    }), (e == null ? void 0 : e.size) !== void 0 && d.push({
+      key: "size",
+      label: s("documentPreview.fields.size", "Size"),
+      value: me(e.size, T.language, s)
+    }), e != null && e.expiresAt && d.push({
+      key: "expires",
+      label: s("documentPreview.fields.expires", "Expires"),
+      value: f(e.expiresAt)
+    });
+    const V = k || d.length > 0;
+    return /* @__PURE__ */ i("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ m(
+      B,
+      {
+        variant: "elevated",
+        className: "ds:flex ds:flex-col ds:overflow-hidden",
+        children: [
+          /* @__PURE__ */ i("div", { className: "ds:flex ds:aspect-[4/3] ds:min-h-0 ds:items-center ds:justify-center ds:overflow-hidden ds:border-b ds:border-[color:var(--card-border)] ds:bg-muted", children: y }),
+          V && /* @__PURE__ */ m(B.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ i("h3", { className: "type-eyebrow ds:m-0 ds:text-muted-foreground", children: s("documentPreview.detailsTitle", "Details") }),
+            k && /* @__PURE__ */ m("span", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+              (e == null ? void 0 : e.documentType) && /* @__PURE__ */ i(b, { variant: "neutral", size: "sm", children: e.documentType }),
+              (e == null ? void 0 : e.clinical) && /* @__PURE__ */ i(b, { variant: "info", size: "sm", children: s("documentPreview.clinical", "Clinical") }),
+              p && p !== "none" && /* @__PURE__ */ i(
+                b,
+                {
+                  variant: oe[p],
+                  size: "sm",
+                  withDot: !0,
+                  children: s(`documentPreview.signature.${p}`, p)
+                }
+              )
+            ] }),
+            d.length > 0 && /* @__PURE__ */ i("dl", { className: "ds:grid ds:grid-cols-[auto_1fr] ds:gap-x-[var(--spacing-md)] ds:gap-y-[var(--spacing-xs)] type-body-sm", children: d.map((v) => /* @__PURE__ */ m(H, { children: [
+              /* @__PURE__ */ i("dt", { className: "ds:text-muted-foreground", children: v.label }),
+              /* @__PURE__ */ i("dd", { className: "ds:m-0", children: v.value })
+            ] }, v.key)) })
+          ] })
+        ]
+      }
+    ) });
+  }, D = N(n == null ? void 0 : n.mimeType), K = P ? /* @__PURE__ */ i(re, { "aria-hidden": "true" }) : /* @__PURE__ */ i(D, { "aria-hidden": "true" }), L = P ? /* @__PURE__ */ m(W, { children: [
+    s("documentPreview.multiTitle", "Documents"),
+    /* @__PURE__ */ i(b, { variant: "neutral", size: "sm", children: c.length })
+  ] }) : n == null ? void 0 : n.name;
+  let g;
+  return c.length === 0 ? g = /* @__PURE__ */ i(
+    G,
+    {
+      variant: "first-use",
+      size: "sm",
+      title: s("documentPreview.emptyTitle", "No document selected"),
+      description: s(
+        "documentPreview.emptyDescription",
+        "Select a document to preview it here."
+      )
+    }
+  ) : P ? g = /* @__PURE__ */ m(
+    O,
+    {
+      value: (n == null ? void 0 : n.id) ?? "",
+      onValueChange: C,
+      variant: "underlined",
+      size: "sm",
+      className: "ds:min-h-0 ds:flex-1 ds:pt-[var(--spacing-sm)]",
+      children: [
+        /* @__PURE__ */ i(
+          Q,
+          {
+            "aria-label": s("documentPreview.tabsLabel", "Selected documents"),
+            className: "ds:gap-[var(--spacing-sm)]",
+            children: c.map((t) => {
+              const w = N(t.mimeType);
+              return /* @__PURE__ */ i(
+                X,
+                {
+                  value: t.id,
+                  icon: /* @__PURE__ */ i(
+                    w,
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:size-4 ds:text-[color:var(--accent)]"
+                    }
+                  ),
+                  className: "ds:[min-inline-size:0]",
+                  children: /* @__PURE__ */ i("span", { className: "ds:block ds:truncate ds:[min-inline-size:0]", children: t.name })
+                },
+                t.id
+              );
+            })
+          }
+        ),
+        c.map((t) => /* @__PURE__ */ i(
+          Z,
+          {
+            value: t.id,
+            className: "ds:min-h-0 ds:flex-1",
+            children: A(t)
+          },
+          t.id
+        ))
+      ]
+    }
+  ) : g = A(n), /* @__PURE__ */ m(
+    "section",
+    {
+      "data-component": "document-preview",
+      "data-component-id": a,
+      tabIndex: 0,
+      "aria-label": s("documentPreview.regionLabel", "Document preview"),
+      className: le({ className: F }),
+      children: [
+        c.length > 0 && /* @__PURE__ */ i(Y, { sticky: !0, icon: K, title: L }),
+        g
+      ]
+    }
+  );
+});
+ue.displayName = "DocumentPreview";
+export {
+  ue as D,
+  de as d
+};
+//# sourceMappingURL=document-preview-nwfulDEs.js.map