@alfadocs/ui-kit 1.37.0 → 1.39.0

package/dist/_chunks/editable-description-BOfAeY3T.js

@@ -1,112 +0,0 @@
-import { jsxs as d, jsx as s } from "react/jsx-runtime";
-import { forwardRef as k, useState as D, useMemo as j } from "react";
-import { c as t } from "./index-D2ZczOXr.js";
-import { useTranslation as B } from "react-i18next";
-import { B as V } from "./button-nJaPh_HC.js";
-import { I as z } from "./icon-button-8xqRnkdG.js";
-import { P as E } from "./pencil-B1sKKyuT.js";
-const C = t(
-  "ds:flex ds:min-w-0 ds:items-start ds:gap-[var(--spacing-xs)]"
-), M = t(
-  [
-    "ds:m-0 ds:flex ds:min-w-0 ds:flex-1 ds:list-none ds:flex-col ds:p-0",
-    "ds:gap-[var(--spacing-2xs)]"
-  ].join(" ")
-), I = t(
-  "ds:m-0 ds:min-w-0 ds:flex-1 type-body-sm ds:text-[color:var(--muted-foreground)]"
-), P = t(
-  "ds:flex ds:items-start ds:gap-[var(--spacing-xs)] type-body-sm ds:text-[color:var(--foreground)]"
-), $ = t(
-  [
-    "ds:mt-[var(--spacing-sm)] ds:size-[var(--spacing-xs)] ds:shrink-0 ds:self-start",
-    "ds:rounded-[var(--radius-full)] ds:bg-[color:var(--border)]"
-  ].join(" ")
-), L = k(
-  ({
-    value: r,
-    maxLines: o = 3,
-    onEdit: l,
-    editButtonRef: p,
-    emptyLabel: m,
-    editLabel: f,
-    seeMoreLabel: h,
-    showLessLabel: g,
-    className: x,
-    ...u
-  }, b) => {
-    const { t: i } = B(), [n, v] = D(!1), a = j(
-      () => (r ?? "").split(/\r?\n/).map((e) => e.trim()).filter(Boolean),
-      [r]
-    ), N = Math.max(0, a.length - o), w = n ? a : a.slice(0, o), c = f ?? i("editableDescription.edit");
-    return /* @__PURE__ */ d(
-      "div",
-      {
-        ...u,
-        ref: b,
-        "data-component": "editable-description",
-        "data-empty": a.length === 0 ? "" : void 0,
-        className: [C(), x].filter(Boolean).join(" "),
-        children: [
-          a.length === 0 ? /* @__PURE__ */ s("p", { "data-editable-description-empty": "", className: I(), children: m ?? i("editableDescription.empty") }) : /* @__PURE__ */ d("ul", { className: M(), children: [
-            w.map((e, y) => /* @__PURE__ */ d(
-              "li",
-              {
-                "data-editable-description-line": "",
-                className: P(),
-                children: [
-                  /* @__PURE__ */ s("span", { "aria-hidden": "true", className: $() }),
-                  /* @__PURE__ */ s("span", { className: "ds:min-w-0 ds:[overflow-wrap:anywhere]", children: e })
-                ]
-              },
-              `${y}-${e}`
-            )),
-            N > 0 ? (
-              // An ITEM of the list, aligned with the text rather than the
-              // dots, so opening it does not shift the column.
-              /* @__PURE__ */ d("li", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-xs)]", children: [
-                /* @__PURE__ */ s(
-                  "span",
-                  {
-                    "aria-hidden": "true",
-                    className: "ds:size-[var(--spacing-xs)] ds:shrink-0"
-                  }
-                ),
-                /* @__PURE__ */ s(
-                  V,
-                  {
-                    intent: "link",
-                    size: "sm",
-                    "data-editable-description-toggle": "",
-                    className: "ds:!ps-0 ds:!pe-0",
-                    "aria-expanded": n,
-                    onClick: () => v((e) => !e),
-                    children: n ? g ?? i("editableDescription.showLess") : h ?? i("editableDescription.seeMore")
-                  }
-                )
-              ] })
-            ) : null
-          ] }),
-          l ? /* @__PURE__ */ s(
-            z,
-            {
-              ref: p,
-              icon: /* @__PURE__ */ s(E, { "aria-hidden": "true" }),
-              intent: "ghost",
-              size: "sm",
-              className: "ds:-mt-[var(--spacing-sm)] ds:shrink-0",
-              "aria-label": c,
-              tooltip: c,
-              "data-editable-description-edit": "",
-              onClick: l
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-L.displayName = "EditableDescription";
-export {
-  L as E
-};
-//# sourceMappingURL=editable-description-BOfAeY3T.js.map

package/dist/_chunks/note-timeline-CXfSV3yX.js

@@ -1,231 +0,0 @@
-import { jsx as a, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as T, useMemo as u } from "react";
-import { c as l } from "./index-D2ZczOXr.js";
-import { useTranslation as k } from "react-i18next";
-import { SafeHtml as j } from "../safe-html/index.js";
-import { n as C, P as I, F as V, N as F } from "./note-attachment-CwDir3kK.js";
-import { u as M } from "./registry-DvAUVLHh.js";
-const _ = {
-  id: "note-timeline",
-  capabilities: [],
-  state: {
-    notes: {
-      type: "Array<{ id?: string; pinned: boolean; flagged: boolean; clinical: boolean }>",
-      descriptionKey: "ui.agent.noteTimeline.state.notes",
-      description: "Structural snapshot of the rendered rows: ids and flags only, never note content or author.",
-      read: (t) => t.getNotes()
-    },
-    visibleCount: {
-      type: "number",
-      descriptionKey: "ui.agent.noteTimeline.state.visibleCount",
-      description: "How many notes are rendered, after the maxItems cap is applied.",
-      read: (t) => t.getVisibleCount()
-    }
-  },
-  actions: {},
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "note-timeline",
-      description: "Marks the NoteTimeline root. Emits data-empty when there is nothing to show."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop — addresses a specific timeline."
-    }
-  }
-}, z = l(
-  [
-    // Named group so the rail's connector can ask "is my ROW the last one?".
-    // A bare `last:` on the rail asks "am I the last child of my row?", which
-    // is never true — it is the middle of three — so the line ran on past the
-    // final dot and read as more content below.
-    "ds:group/note-row ds:relative ds:flex ds:gap-[var(--spacing-sm)]",
-    "ds:pb-3 ds:last:pb-0"
-  ].join(" ")
-), A = l(
-  [
-    "type-body-sm ds:[overflow-wrap:break-word]",
-    // `[&_p]:m-0` — the converter wraps each block in <p>; the timeline
-    // controls its own rhythm, so the paragraph margins are dropped.
-    "ds:[&_p]:m-0"
-  ].join(" "),
-  {
-    variants: {
-      // Literal classes, one per supported value: Tailwind generates what it
-      // can see in the source, so an interpolated arbitrary value emits
-      // nothing and the body would silently never clamp.
-      lines: {
-        1: "ds:line-clamp-1",
-        2: "ds:line-clamp-2",
-        3: "ds:line-clamp-3",
-        4: "ds:line-clamp-4",
-        5: "ds:line-clamp-5"
-      }
-    },
-    defaultVariants: { lines: 3 }
-  }
-), H = l(
-  [
-    "ds:absolute ds:top-1 ds:start-0 ds:size-[9px]",
-    "ds:rounded-[var(--radius-full)] ds:border-2",
-    "ds:bg-[color:var(--background)]",
-    "ds:forced-colors:border-[CanvasText]"
-  ].join(" "),
-  {
-    variants: {
-      tone: {
-        default: "ds:border-[color:var(--border)]",
-        pinned: [
-          "ds:border-[color:var(--accent)]",
-          "ds:bg-[color:color-mix(in_srgb,var(--accent)_20%,var(--background))]"
-        ].join(" "),
-        flagged: [
-          "ds:border-[color:var(--warning-readable)]",
-          "ds:bg-[color:color-mix(in_srgb,var(--warning-readable)_20%,var(--background))]"
-        ].join(" ")
-      }
-    },
-    defaultVariants: { tone: "default" }
-  }
-);
-function D(t) {
-  return [...t].sort((n, r) => !!n.pinned != !!r.pinned ? n.pinned ? -1 : 1 : r.dateIso.localeCompare(n.dateIso));
-}
-const P = T(
-  ({
-    id: t,
-    notes: n,
-    maxItems: r = 3,
-    lines: h = 3,
-    locale: b,
-    emptyState: v,
-    "aria-label": x,
-    className: c,
-    ...m
-  }, p) => {
-    const { t: i, i18n: N } = k(), o = b ?? N.language, d = u(
-      () => D(n).slice(0, Math.max(0, r)),
-      [n, r]
-    ), g = u(
-      () => ({
-        dayMonth: new Intl.DateTimeFormat(o, {
-          day: "numeric",
-          month: "short"
-        }),
-        year: new Intl.DateTimeFormat(o, { year: "numeric" })
-      }),
-      [o]
-    );
-    return M(
-      _,
-      {
-        getNotes: () => d.map((e) => ({
-          id: e.id,
-          pinned: !!e.pinned,
-          flagged: !!e.flagged,
-          clinical: !!e.clinical
-        })),
-        getVisibleCount: () => d.length
-      },
-      t
-    ), d.length === 0 ? /* @__PURE__ */ a(
-      "div",
-      {
-        ref: p,
-        "data-component": "note-timeline",
-        "data-component-id": t,
-        "data-empty": "",
-        className: c,
-        ...m,
-        children: v
-      }
-    ) : /* @__PURE__ */ a(
-      "div",
-      {
-        ref: p,
-        "data-component": "note-timeline",
-        "data-component-id": t,
-        role: "list",
-        "aria-label": x ?? i("noteTimeline.regionLabel"),
-        className: ["ds:flex ds:flex-col", c ?? ""].join(" ").trim(),
-        ...m,
-        children: d.map((e) => {
-          const f = new Date(e.dateIso), w = e.pinned ? "pinned" : e.flagged ? "flagged" : "default", y = e.contentFormat === "html" ? e.content : C(e.content);
-          return /* @__PURE__ */ s(
-            "div",
-            {
-              role: "listitem",
-              "data-note-id": e.id,
-              "data-pinned": e.pinned ? "" : void 0,
-              "data-flagged": e.flagged ? "" : void 0,
-              className: z(),
-              children: [
-                /* @__PURE__ */ s("div", { className: "ds:w-12 ds:shrink-0 ds:pt-px ds:text-end ds:text-[length:var(--type-meta-size)] ds:leading-[1.3]", children: [
-                  /* @__PURE__ */ a("div", { className: "ds:font-semibold ds:tracking-[0.03em] ds:uppercase", children: g.dayMonth.format(f) }),
-                  /* @__PURE__ */ a("div", { className: "ds:text-[color:var(--muted-foreground)]", children: g.year.format(f) })
-                ] }),
-                /* @__PURE__ */ a(
-                  "div",
-                  {
-                    "aria-hidden": "true",
-                    className: [
-                      "ds:relative ds:w-[9px] ds:shrink-0",
-                      "ds:before:absolute ds:before:start-[4px] ds:before:top-[14px]",
-                      "ds:before:bottom-[-12px] ds:before:w-px",
-                      'ds:before:bg-[color:var(--border)] ds:before:content-[""]',
-                      "ds:group-last/note-row:before:hidden"
-                    ].join(" "),
-                    children: /* @__PURE__ */ a("span", { className: H({ tone: w }) })
-                  }
-                ),
-                /* @__PURE__ */ s("div", { className: "ds:min-w-0 ds:flex-1", children: [
-                  /* @__PURE__ */ a(
-                    j,
-                    {
-                      html: y,
-                      profile: e.contentFormat === "html" ? "rich-text" : "markdown",
-                      className: A({ lines: h })
-                    }
-                  ),
-                  e.author || e.pinned || e.flagged || e.attachedTo ? /* @__PURE__ */ s("div", { className: "ds:mt-[var(--spacing-2xs)] ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)] type-meta ds:text-[color:var(--muted-foreground)]", children: [
-                    e.author ? /* @__PURE__ */ a("span", { children: e.author.name }) : null,
-                    e.pinned ? /* @__PURE__ */ s("span", { className: "ds:inline-flex ds:items-center", children: [
-                      /* @__PURE__ */ a(
-                        I,
-                        {
-                          "aria-hidden": "true",
-                          className: "ds:size-3 ds:text-[color:var(--accent)]"
-                        }
-                      ),
-                      /* @__PURE__ */ a("span", { className: "ds:sr-only", children: i("noteTimeline.pinned") })
-                    ] }) : null,
-                    e.flagged ? /* @__PURE__ */ s("span", { className: "ds:inline-flex ds:items-center", children: [
-                      /* @__PURE__ */ a(
-                        V,
-                        {
-                          "aria-hidden": "true",
-                          className: "ds:size-3 ds:text-[color:var(--warning-readable)]"
-                        }
-                      ),
-                      /* @__PURE__ */ a("span", { className: "ds:sr-only", children: i("noteTimeline.flagged") })
-                    ] }) : null,
-                    /* @__PURE__ */ a(F, { attachedTo: e.attachedTo })
-                  ] }) : null
-                ] })
-              ]
-            },
-            e.id ?? e.dateIso
-          );
-        })
-      }
-    );
-  }
-);
-P.displayName = "NoteTimeline";
-export {
-  P as N,
-  _ as n
-};
-//# sourceMappingURL=note-timeline-CXfSV3yX.js.map