@alfadocs/ui-kit 1.0.0 → 1.2.0

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

@@ -1,324 +0,0 @@
-import { jsxs as y, jsx as i } from "react/jsx-runtime";
-import { forwardRef as ne, useRef as o, useState as V, useId as ie, useCallback as ae, useImperativeHandle as re, useMemo as se } from "react";
-import { useTranslation as oe } from "react-i18next";
-import { u as le } from "./registry-DvAUVLHh.js";
-import { C as ce } from "./clinical-note-card-D63x_AkK.js";
-import { R as de } from "./rich-text-editor-CfeXPPWs.js";
-import { T as pe } from "./text-area-Bt3p7Pt0.js";
-import { B as ue } from "./button-CPGiR_bH.js";
-import { C as me } from "./checkbox-BuZ1u__2.js";
-import { P as ge } from "./panel-header-D313n_9-.js";
-import { c as he } 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 fe = [
-  ["path", { d: "M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4", key: "re6nr2" }],
-  ["path", { d: "M2 6h4", key: "aawbzj" }],
-  ["path", { d: "M2 10h4", key: "l0bgd4" }],
-  ["path", { d: "M2 14h4", key: "1gsvsf" }],
-  ["path", { d: "M2 18h4", key: "1bu2t1" }],
-  [
-    "path",
-    {
-      d: "M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z",
-      key: "pqwjuv"
-    }
-  ]
-], be = he("notebook-pen", fe), ye = {
-  id: "notes-panel",
-  // 'submit' backs add_note (compose + commit a note). pin / flag are toggles
-  // with no dedicated capability in the closed vocabulary.
-  capabilities: ["submit"],
-  state: {
-    notes: {
-      type: "Array<{ id?: string; pinned: boolean; flagged: boolean; clinical: boolean }>",
-      descriptionKey: "ui.agent.notesPanel.state.notes",
-      description: "Timeline note ids + pinned / flagged / clinical flags. Never the note body or author (both PHI).",
-      read: (n) => n.getNotes()
-    },
-    canAddClinical: {
-      type: "boolean",
-      descriptionKey: "ui.agent.notesPanel.state.canAddClinical",
-      description: "Whether the current user may write clinical notes (the practice_add_clinical_note permission gate).",
-      read: (n) => n.canAddClinical()
-    }
-  },
-  actions: {
-    add_note: {
-      // Writes a clinical/admin note body — patient-identifiable content. PHI.
-      safety: "phi",
-      argsType: "{ content: string; clinical: boolean }",
-      argsSchema: {
-        type: "object",
-        properties: {
-          content: {
-            type: "string",
-            description: "Note body. Rich HTML for the rich composer, else plain text."
-          },
-          clinical: {
-            type: "boolean",
-            description: "Whether the note is clinical. Requires the clinical-note permission; the submission is dropped when the gate is closed."
-          }
-        },
-        required: ["content", "clinical"]
-      },
-      openWorld: !0,
-      descriptionKey: "ui.agent.notesPanel.actions.addNote",
-      description: "Compose and commit a new note. A clinical note requires the clinical-note permission (read canAddClinical first).",
-      examples: [
-        {
-          args: { content: "Patient reported improvement.", clinical: !0 },
-          note: "Add a clinical note."
-        }
-      ],
-      invoke: (n, a) => {
-        n.addNote(a);
-      }
-    },
-    toggle_pin: {
-      // Re-orders the timeline (pinned notes lead) — reversible view write.
-      safety: "write",
-      argsType: "{ id: string }",
-      argsSchema: {
-        type: "object",
-        properties: { id: { type: "string" } },
-        required: ["id"]
-      },
-      idempotent: !1,
-      descriptionKey: "ui.agent.notesPanel.actions.togglePin",
-      description: "Toggle the pinned state of the note with the given id.",
-      invoke: (n, a) => {
-        n.togglePin(a.id);
-      }
-    },
-    toggle_flag: {
-      safety: "write",
-      argsType: "{ id: string }",
-      argsSchema: {
-        type: "object",
-        properties: { id: { type: "string" } },
-        required: ["id"]
-      },
-      idempotent: !1,
-      descriptionKey: "ui.agent.notesPanel.actions.toggleFlag",
-      description: "Toggle the flagged state of the note with the given id.",
-      invoke: (n, a) => {
-        n.toggleFlag(a.id);
-      }
-    }
-  },
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "notes-panel",
-      description: "Marks the NotesPanel region."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop. Required to address a specific notes panel from the agent."
-    }
-  }
-};
-function T(n) {
-  return n ? /<img\b/i.test(n) ? !0 : n.replace(/<[^>]*>/g, "").replace(/&nbsp;/gi, " ").trim().length > 0 : !1;
-}
-const _e = ne(
-  function({
-    id: a,
-    notes: v,
-    onAddNote: r,
-    composer: p = "rich",
-    editorToolbar: z = "standard",
-    redactor: A,
-    imageUploadUrl: K,
-    showClinicalToggle: w = !0,
-    canAddClinicalNote: u = !0,
-    clinicalGatedReason: S,
-    defaultClinical: x = !1,
-    onRequestAiDraft: L,
-    aiDraftFormat: B,
-    aiPrivacyNotice: W,
-    onDictate: D,
-    onProofread: E,
-    onAutoFormat: G,
-    onTogglePin: m,
-    onToggleFlag: g,
-    title: Y,
-    composerPlaceholder: F,
-    addNoteLabel: J,
-    emptyState: O,
-    className: Q,
-    "aria-label": P,
-    ...U
-  }, X) {
-    const { t: s } = oe(), k = o(null), [l, N] = V(""), [h, R] = V(x), Z = Y ?? s("notesPanel.title", { defaultValue: "Notes" }), j = ie(), M = F ?? s("notesPanel.placeholder", { defaultValue: "Add a note…" }), H = s("notesPanel.composerLabel", {
-      defaultValue: "New note"
-    }), $ = p === "rich" ? T(l) : l.trim().length > 0, ee = ae(() => {
-      var e, t;
-      if (r) {
-        if (p === "rich") {
-          const d = ((e = k.current) == null ? void 0 : e.getHTML()) ?? l;
-          if (!T(d)) return;
-          r({ content: d, clinical: h }), (t = k.current) == null || t.clear();
-        } else {
-          const d = l.trim();
-          if (!d) return;
-          r({ content: d, clinical: h });
-        }
-        N(""), R(x);
-      }
-    }, [p, l, h, x, r]), _ = [...v].sort(
-      (e, t) => Number(t.pinned ?? !1) - Number(e.pinned ?? !1)
-    ), q = o(v);
-    q.current = v;
-    const c = o(r);
-    c.current = r;
-    const f = o(m);
-    f.current = m;
-    const b = o(g);
-    b.current = g;
-    const C = o(u);
-    C.current = u;
-    const I = o(null);
-    re(X, () => I.current, []);
-    const te = se(
-      () => ({
-        // Ids + flags only — never the note body or author (both PHI).
-        getNotes: () => q.current.map((e) => ({
-          id: e.id,
-          pinned: !!e.pinned,
-          flagged: !!e.flagged,
-          clinical: !!e.clinical
-        })),
-        canAddNote: () => !!c.current,
-        canAddClinical: () => C.current,
-        addNote: (e) => {
-          var t;
-          e.clinical && !C.current || (t = c.current) == null || t.call(c, e);
-        },
-        togglePin: (e) => {
-          var t;
-          return (t = f.current) == null ? void 0 : t.call(f, e);
-        },
-        toggleFlag: (e) => {
-          var t;
-          return (t = b.current) == null ? void 0 : t.call(b, e);
-        }
-      }),
-      []
-    );
-    return le(ye, te, a), /* @__PURE__ */ y(
-      "section",
-      {
-        ref: I,
-        "data-component": "notes-panel",
-        "data-component-id": a,
-        "aria-labelledby": P ? void 0 : j,
-        "aria-label": P,
-        className: ["ds:flex ds:flex-col", Q].filter(Boolean).join(" "),
-        ...U,
-        children: [
-          /* @__PURE__ */ i(
-            ge,
-            {
-              title: Z,
-              icon: /* @__PURE__ */ i(be, { "aria-hidden": "true" }),
-              headingId: P ? void 0 : j,
-              sticky: !0,
-              divider: !0
-            }
-          ),
-          /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-md)]", children: [
-            r ? /* @__PURE__ */ y("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-              p === "rich" ? /* @__PURE__ */ i(
-                de,
-                {
-                  ref: k,
-                  ariaLabel: H,
-                  placeholder: M,
-                  toolbar: z,
-                  minHeight: "sm",
-                  redactor: A,
-                  imageUploadUrl: K,
-                  onChange: ({ html: e }) => N(e),
-                  onRequestAiDraft: L,
-                  aiDraftFormat: B,
-                  aiPrivacyNotice: W,
-                  onDictate: D,
-                  onProofread: E,
-                  onAutoFormat: G
-                }
-              ) : /* @__PURE__ */ i(
-                pe,
-                {
-                  value: l,
-                  onChange: (e) => N(e.target.value),
-                  placeholder: M,
-                  autoResize: !0,
-                  minRows: 2,
-                  maxRows: 6,
-                  "aria-label": H
-                }
-              ),
-              /* @__PURE__ */ y(
-                "div",
-                {
-                  className: [
-                    "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]",
-                    w ? "ds:justify-between" : "ds:justify-end"
-                  ].join(" "),
-                  children: [
-                    w ? /* @__PURE__ */ i(
-                      me,
-                      {
-                        size: "sm",
-                        label: s("notesPanel.clinicalToggle", {
-                          defaultValue: "Clinical note"
-                        }),
-                        checked: h,
-                        onCheckedChange: (e) => R(e === !0),
-                        disabled: !u,
-                        disabledReason: u ? void 0 : S ?? s("notesPanel.clinicalGated", {
-                          defaultValue: "You do not have permission to write clinical notes."
-                        })
-                      }
-                    ) : null,
-                    /* @__PURE__ */ i(
-                      ue,
-                      {
-                        type: "button",
-                        size: "sm",
-                        onClick: ee,
-                        disabled: !$,
-                        children: J ?? s("notesPanel.add", { defaultValue: "Add note" })
-                      }
-                    )
-                  ]
-                }
-              )
-            ] }) : null,
-            _.length > 0 ? /* @__PURE__ */ i("ul", { className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0", children: _.map((e, t) => /* @__PURE__ */ i("li", { className: "ds:flex ds:flex-col", children: /* @__PURE__ */ i(
-              ce,
-              {
-                surface: "elevated",
-                truncate: !0,
-                ...e,
-                onTogglePin: m && e.id ? () => m(e.id) : void 0,
-                onToggleFlag: g && e.id ? () => g(e.id) : void 0
-              }
-            ) }, e.id ?? t)) }) : O ?? /* @__PURE__ */ i("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: s("notesPanel.empty", { defaultValue: "No notes yet." }) })
-          ] })
-        ]
-      }
-    );
-  }
-);
-export {
-  _e as N
-};
-//# sourceMappingURL=notes-panel-CTcOLLVo.js.map

package/dist/_chunks/sparkline-DcXqRZoq.js

@@ -1,283 +0,0 @@
-import { jsx as w, jsxs as F } from "react/jsx-runtime";
-import { forwardRef as G, useId as L, useMemo as v, useRef as K, useState as A, useEffect as H, useImperativeHandle as V } from "react";
-import { c as Z } from "./index-D2ZczOXr.js";
-import { useTranslation as $ } from "react-i18next";
-import q from "react-apexcharts";
-import R from "apexcharts";
-import { g as U, u as J } from "./apexcharts-theme-B_AxGC_h.js";
-import { u as Q } from "./registry-DvAUVLHh.js";
-function X(n) {
-  if (n.length < 2)
-    return { slope: 0, direction: "steady" };
-  const t = n.length, a = (t - 1) / 2, c = n.reduce((s, o) => s + o, 0) / t;
-  let i = 0, l = 0;
-  for (let s = 0; s < t; s++) {
-    const o = s - a;
-    i += o * (n[s] - c), l += o * o;
-  }
-  const d = l === 0 ? 0 : i / l, b = 0.01 * (Math.max(...n) - Math.min(...n) || 1), u = Math.abs(d) < b ? "steady" : d > 0 ? "increasing" : "decreasing";
-  return { slope: d, direction: u };
-}
-const Y = {
-  id: "sparkline",
-  capabilities: [],
-  state: {},
-  actions: {
-    update_series: {
-      // Replacing the rendered series mutates what the chart displays — write,
-      // not read.
-      safety: "write",
-      argsType: "{ data: number[] }",
-      argsSchema: {
-        type: "object",
-        properties: {
-          data: {
-            type: "array",
-            items: { type: "number" },
-            description: "The new data points to render."
-          }
-        },
-        required: ["data"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.sparkline.actions.updateSeries",
-      description: "Replace the sparkline data without remounting.",
-      invoke: (n, t) => {
-        n.updateSeries(t.data);
-      }
-    },
-    export_png: {
-      // Pure getter — returns an image of the current chart, no state change.
-      safety: "read",
-      returns: "string",
-      returnsSchema: {
-        type: "string",
-        description: "A PNG image of the sparkline encoded as a data URI."
-      },
-      descriptionKey: "ui.agent.sparkline.actions.exportPng",
-      description: "Return a PNG data URI of the sparkline.",
-      invoke: (n) => n.dataURI()
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "sparkline" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-}, D = Z("ds:relative ds:inline-block ds:w-full", {
-  variants: {
-    size: {
-      xs: "ds:h-6",
-      sm: "ds:h-8",
-      md: "ds:h-10",
-      // Applied when an explicit `height` prop is given: the wrapper
-      // grows with the svg instead of clipping at the size's fixed height.
-      auto: ""
-    }
-  },
-  defaultVariants: { size: "md" }
-}), ee = {
-  increasing: "↑",
-  decreasing: "↓",
-  steady: "→"
-}, te = {
-  xs: 24,
-  sm: 32,
-  md: 40
-};
-function re() {
-  return typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-const ne = G(
-  ({
-    id: n,
-    data: t,
-    variant: a = "line",
-    size: c = "md",
-    label: i,
-    color: l,
-    showEndpoint: d = !1,
-    showTooltip: M = !1,
-    width: b,
-    height: u,
-    className: s,
-    ...o
-  }, P) => {
-    var z;
-    const { t: p, i18n: C } = $(), S = L(), m = v(
-      () => `sparkline-${S.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [S]
-    ), h = K(null), [T, _] = A(0), { direction: k } = X(t), N = v(() => {
-      if (t.length === 0)
-        return p("sparkline.noData", "No data");
-      const e = (y) => new Intl.NumberFormat(C.language).format(y), r = p(`sparkline.direction.${k}`), g = {
-        min: e(Math.min(...t)),
-        max: e(Math.max(...t)),
-        current: e(t[t.length - 1]),
-        direction: r
-      };
-      return i ? p("sparkline.summary", { label: i, ...g }) : p("sparkline.summaryNoLabel", g);
-    }, [t, i, k, C.language, p]), [f, E] = A(
-      () => {
-        try {
-          return U();
-        } catch {
-          return {};
-        }
-      }
-    );
-    H(() => {
-      let e;
-      const r = new MutationObserver(() => {
-        clearTimeout(e), e = setTimeout(() => {
-          try {
-            E(U());
-          } catch {
-          }
-        }, 50);
-      });
-      return r.observe(document.documentElement, {
-        attributes: !0,
-        attributeFilter: ["class"]
-      }), () => {
-        clearTimeout(e), r.disconnect();
-      };
-    }, []), H(() => {
-      const e = h.current;
-      if (!e) return;
-      const r = new ResizeObserver((g) => {
-        const y = g[0];
-        y && _(Math.floor(y.contentRect.width));
-      });
-      return r.observe(e), () => r.disconnect();
-    }, []), J(h);
-    const x = v(
-      () => ({
-        updateSeries(e) {
-          var r;
-          (r = R.getChartByID(m)) == null || r.updateSeries([{ data: e }]);
-        },
-        updateOptions(e) {
-          var r;
-          (r = R.getChartByID(m)) == null || r.updateOptions(e);
-        },
-        async dataURI() {
-          const e = R.getChartByID(m);
-          return e ? (await e.dataURI()).imgURI : "";
-        }
-      }),
-      [m]
-    );
-    V(P, () => x, [x]), Q(Y, x, n);
-    const I = l ?? ((z = f.colors) == null ? void 0 : z[0]) ?? "currentColor";
-    if (t.length === 0)
-      return /* @__PURE__ */ w(
-        "div",
-        {
-          ref: h,
-          role: "img",
-          "aria-label": N,
-          dir: "ltr",
-          className: D({
-            size: u !== void 0 ? "auto" : c,
-            className: s
-          }),
-          ...o
-        }
-      );
-    const O = re(), W = {
-      ...f,
-      chart: {
-        ...f.chart,
-        id: m,
-        type: a,
-        sparkline: { enabled: !0 },
-        toolbar: { show: !1 },
-        animations: {
-          enabled: !O,
-          dynamicAnimation: { enabled: !O }
-        },
-        zoom: { enabled: !1 },
-        parentHeightOffset: 0
-      },
-      colors: [I],
-      stroke: {
-        curve: "smooth",
-        width: a === "bar" ? 0 : 2
-      },
-      fill: {
-        opacity: a === "area" ? 0.15 : 1
-      },
-      xaxis: {
-        crosshairs: { show: !1 }
-      },
-      tooltip: { enabled: M },
-      markers: d ? {
-        size: [0],
-        discrete: [
-          {
-            seriesIndex: 0,
-            dataPointIndex: t.length - 1,
-            fillColor: I,
-            strokeColor: I,
-            size: 4
-          }
-        ]
-      } : { size: 0 },
-      grid: {
-        ...f.grid,
-        show: !1,
-        // ApexCharts grid.padding uses physical keys (not CSS logical properties).
-        // The chart wrapper enforces dir="ltr" so these always resolve correctly.
-        padding: { top: 2, right: 2, bottom: 2, left: 2 }
-      }
-    }, j = b ?? (T > 0 ? T : "100%"), B = u ?? te[c ?? "md"];
-    return /* @__PURE__ */ F(
-      "div",
-      {
-        ref: h,
-        role: "img",
-        "aria-label": N,
-        dir: "ltr",
-        className: D({
-          size: u !== void 0 ? "auto" : c,
-          className: s
-        }),
-        "data-component": "sparkline",
-        "data-component-id": n,
-        ...o,
-        children: [
-          /* @__PURE__ */ w(
-            q,
-            {
-              type: a,
-              series: [{ data: t }],
-              options: W,
-              width: j,
-              height: B,
-              "aria-hidden": "true"
-            }
-          ),
-          d && /* @__PURE__ */ w(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: "ds:pointer-events-none ds:absolute ds:end-0 ds:top-0 ds:text-[length:var(--font-size-xs)] ds:leading-none",
-              children: ee[k]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-ne.displayName = "Sparkline";
-export {
-  ne as S,
-  Y as s,
-  X as u
-};
-//# sourceMappingURL=sparkline-DcXqRZoq.js.map