@alfadocs/ui-kit 0.70.0 → 0.72.0

package/dist/_chunks/message-card-Bx4GmLvf.js

@@ -1,277 +0,0 @@
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as R, useMemo as B, useState as L, useRef as U, useCallback as E } from "react";
-import { c as W } from "./index-D2ZczOXr.js";
-import { useTranslation as D } from "react-i18next";
-import { I as H } from "./icon-button-LqoiKcUN.js";
-import { B as k } from "./button-DD_0Xdmr.js";
-import { A as X } from "./avatar-BNQNhoyL.js";
-import { T as q } from "./timestamp-BV2lC-wV.js";
-import { i as G } from "./is-safe-url-DkETxeHz.js";
-import { X as J } from "./x-CCcI3eJp.js";
-const O = W(
-  [
-    "ds:relative ds:flex ds:gap-[var(--spacing-sm)]",
-    "ds:rounded-[var(--radius-sm)]",
-    "ds:transition-colors",
-    "ds:motion-safe:animate-in ds:motion-safe:fade-in-0 ds:motion-safe:slide-in-from-top-2 ds:motion-safe:duration-[var(--animation-duration)]",
-    "ds:data-[leaving=true]:motion-safe:animate-out ds:data-[leaving=true]:motion-safe:fade-out-0 ds:data-[leaving=true]:motion-safe:slide-out-to-top-2",
-    "ds:data-[leaving=true]:motion-safe:fill-mode-forwards",
-    "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",
-    "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
-  ].join(" "),
-  {
-    variants: {
-      variant: {
-        compact: "ds:items-start ds:group",
-        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:[.theme-accessible_&]:border-2 ds:bg-[color:var(--card)]"
-      },
-      size: {
-        sm: "ds:p-[var(--spacing-sm)]",
-        md: "ds:p-[var(--spacing-md)]"
-      },
-      state: {
-        unread: "",
-        read: "ds:bg-transparent"
-      }
-    },
-    compoundVariants: [
-      {
-        variant: "compact",
-        state: "unread",
-        class: "ds:bg-[color:var(--accent)]/5"
-      },
-      {
-        variant: "compact",
-        state: "read",
-        class: "ds:hover:bg-[color:var(--muted)]/40"
-      },
-      {
-        variant: "dashboard",
-        state: "unread",
-        class: "ds:bg-[color:var(--accent)]/5"
-      }
-    ],
-    defaultVariants: {
-      variant: "compact",
-      size: "sm",
-      state: "read"
-    }
-  }
-), j = [
-  "ds:focus-visible:outline-none",
-  "ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-sm)]",
-  "ds:after:pointer-events-auto",
-  "ds:focus-visible:after:outline-[length:var(--focus-ring-width)]",
-  "ds:focus-visible:after:outline-solid",
-  "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(" "), Q = R(
-  ({
-    item: e,
-    variant: d = "compact",
-    size: h = "sm",
-    onActivate: r,
-    onDismiss: o,
-    ctaLabel: c,
-    dismissLabel: u,
-    leaving: b,
-    className: T,
-    ...z
-  }, K) => {
-    const { t: n, i18n: v } = D(), S = B(() => {
-      const s = new Date(e.sentAt);
-      return Number.isNaN(s.getTime()) ? "" : new Intl.DateTimeFormat(v.language, {
-        dateStyle: "medium",
-        timeStyle: "short"
-      }).format(s);
-    }, [e.sentAt, v.language]), f = b !== void 0, [M, V] = L(!1), m = U(null), x = f ? b : M, w = typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, y = E(
-      (s) => {
-        if (s == null || s.preventDefault(), s == null || s.stopPropagation(), !o) return;
-        if (f || w) {
-          o(e);
-          return;
-        }
-        V(!0), m.current && clearTimeout(m.current);
-        const g = typeof window < "u" && window.getComputedStyle(document.documentElement).getPropertyValue("--animation-duration") || "200ms", N = g.trim().endsWith("ms") ? parseFloat(g) : parseFloat(g) * 1e3;
-        m.current = setTimeout(
-          () => o(e),
-          Number.isFinite(N) ? N : 200
-        );
-      },
-      [o, e, f, w]
-    ), F = e.read ? "read" : "unread", _ = e.read ? "" : n("messageCard.unreadSuffix", ", unread"), P = e.subject ? n("messageCard.subjectFragment", {
-      subject: e.subject,
-      defaultValue: " — {{subject}}"
-    }) : "", C = n("messageCard.itemLabel", {
-      sender: e.sender.name,
-      subjectFragment: P,
-      time: S,
-      unreadSuffix: _,
-      defaultValue: "Message from {{sender}}{{subjectFragment}}, {{time}}{{unreadSuffix}}"
-    }), p = !!e.url && G(e.url), i = /* @__PURE__ */ a(
-      "span",
-      {
-        className: [
-          "ds:flex-1 ds:min-w-0 ds:truncate",
-          e.read ? "ds:font-normal" : "ds:font-semibold"
-        ].join(" "),
-        children: e.sender.name
-      }
-    );
-    let t;
-    d === "compact" && p && r ? t = /* @__PURE__ */ a(
-      "a",
-      {
-        href: e.url,
-        "aria-label": C,
-        className: j + " ds:contents",
-        onClick: (s) => {
-          s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || (s.preventDefault(), r(e));
-        },
-        children: i
-      }
-    ) : d === "compact" && r ? t = /* @__PURE__ */ a(
-      "button",
-      {
-        type: "button",
-        "aria-label": C,
-        className: j + " ds:contents ds:bg-transparent ds:border-0 ds:p-0",
-        onClick: () => r(e),
-        children: i
-      }
-    ) : d === "dashboard" && p && r ? t = /* @__PURE__ */ a(
-      "a",
-      {
-        href: e.url,
-        className: "ds:text-[color:var(--foreground)] ds:no-underline ds:hover:underline ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-        onClick: (s) => {
-          s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || r(e);
-        },
-        children: i
-      }
-    ) : t = i;
-    const I = typeof e.unreadCount == "number" && e.unreadCount > 1;
-    return /* @__PURE__ */ l(
-      "div",
-      {
-        ref: K,
-        role: "listitem",
-        "data-component": "message-card",
-        "data-component-id": e.id,
-        "data-read": e.read ? "true" : "false",
-        "data-leaving": x ? "true" : void 0,
-        "aria-hidden": x || void 0,
-        className: O({ variant: d, size: h, state: F, className: T }),
-        ...z,
-        children: [
-          /* @__PURE__ */ a(
-            X,
-            {
-              name: e.sender.name,
-              src: e.sender.avatarUrl,
-              size: h === "md" ? "md" : "sm",
-              className: "ds:shrink-0",
-              "aria-hidden": "true",
-              role: "presentation",
-              "aria-label": void 0
-            }
-          ),
-          /* @__PURE__ */ l("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-            /* @__PURE__ */ l("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-              e.read ? null : /* @__PURE__ */ a(
-                "span",
-                {
-                  "aria-hidden": "true",
-                  className: "ds:inline-block ds:size-1.5 ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--primary)] ds:forced-colors:bg-[Highlight]"
-                }
-              ),
-              d === "dashboard" ? /* @__PURE__ */ a("h3", { className: "ds:m-0 ds:flex-1 ds:min-w-0 type-title-item", children: t }) : /* @__PURE__ */ a("span", { className: "ds:flex-1 ds:min-w-0 type-title-item ds:text-[color:var(--foreground)]", children: t }),
-              I ? /* @__PURE__ */ a(
-                "span",
-                {
-                  "aria-label": n("messageCard.threadCount", {
-                    count: e.unreadCount,
-                    defaultValue_one: "{{count}} new message in thread",
-                    defaultValue_other: "{{count}} new messages in thread"
-                  }),
-                  className: "ds:relative ds:z-[1] ds:shrink-0 ds:inline-flex ds:items-center ds:justify-center ds:min-w-[calc(var(--spacing-md)+var(--spacing-xs))] ds:h-[calc(var(--spacing-md)+var(--spacing-xs))] ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)] ds:rounded-[var(--radius-full)] ds:border ds:border-[color:color-mix(in_srgb,var(--foreground)_15%,transparent)] ds:bg-[color:var(--accent)] ds:text-[color:var(--accent-foreground)] ds:text-[length:var(--font-size-xs)] ds:font-semibold ds:leading-none ds:forced-colors:outline ds:forced-colors:outline-1 ds:forced-colors:outline-[CanvasText]",
-                  children: e.unreadCount
-                }
-              ) : null
-            ] }),
-            e.subject ? /* @__PURE__ */ a(
-              "p",
-              {
-                className: [
-                  "ds:m-0 type-body-sm ds:text-[color:var(--foreground)] ds:truncate",
-                  e.read ? "ds:font-normal" : "ds:font-semibold"
-                ].join(" "),
-                children: e.subject
-              }
-            ) : null,
-            /* @__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.preview }),
-            /* @__PURE__ */ a(
-              q,
-              {
-                value: e.sentAt,
-                shape: "chip",
-                size: "sm",
-                relativeWindow: 720 * 60 * 1e3
-              }
-            ),
-            d === "dashboard" && (c || u) ? /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-              c && p ? /* @__PURE__ */ a(
-                k,
-                {
-                  intent: "outline",
-                  size: "sm",
-                  asChild: !0,
-                  className: "ds:relative ds:z-[1]",
-                  children: /* @__PURE__ */ a(
-                    "a",
-                    {
-                      href: e.url,
-                      onClick: (s) => {
-                        s.defaultPrevented || s.metaKey || s.ctrlKey || s.shiftKey || r == null || r(e);
-                      },
-                      children: c
-                    }
-                  )
-                }
-              ) : null,
-              u && o ? /* @__PURE__ */ a(
-                k,
-                {
-                  intent: "link",
-                  size: "sm",
-                  onClick: y,
-                  className: "ds:relative ds:z-[1]",
-                  children: u
-                }
-              ) : null
-            ] }) : null
-          ] }),
-          d === "compact" && o ? /* @__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(
-            H,
-            {
-              icon: /* @__PURE__ */ a(J, {}),
-              intent: "ghost",
-              size: "sm",
-              "aria-label": n("messageCard.dismiss", "Dismiss message"),
-              onClick: y
-            }
-          ) }) : null
-        ]
-      }
-    );
-  }
-);
-Q.displayName = "MessageCard";
-export {
-  Q as M
-};
-//# sourceMappingURL=message-card-Bx4GmLvf.js.map

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

@@ -1,158 +0,0 @@
-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