@squadbase/vantage 0.6.1 → 0.6.2-dev1.0017a4d

package/dist/doc/index.js

@@ -1,8 +1,82 @@
-import { forwardRef } from 'react';
-import { jsx } from 'react/jsx-runtime';
+import { Sparkline } from '../chunk-2IAPIOPS.js';
+import { formatValue, formatDelta } from '../chunk-57GHR5LN.js';
+import { Button } from '../chunk-PDOBHMUQ.js';
+import '../chunk-U736PVHY.js';
+import { forwardRef, useEffect, useId } from 'react';
+import { PrinterIcon } from 'lucide-react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 // @squadbase/vantage — generated build. Do not edit.
 
+// src/doc/print.ts
+var DARK_CLASS = "dark";
+var THEME_ATTR = "data-theme";
+var restore = null;
+function forceLight() {
+  if (restore) return;
+  const undo = [];
+  for (const el of [document.documentElement, document.body]) {
+    if (!el) continue;
+    if (el.classList.contains(DARK_CLASS)) {
+      el.classList.remove(DARK_CLASS);
+      undo.push(() => el.classList.add(DARK_CLASS));
+    }
+    if (el.getAttribute(THEME_ATTR) === "dark") {
+      el.setAttribute(THEME_ATTR, "light");
+      undo.push(() => el.setAttribute(THEME_ATTR, "dark"));
+    }
+  }
+  restore = () => {
+    for (const fn of undo) fn();
+  };
+}
+function restoreTheme() {
+  restore?.();
+  restore = null;
+}
+function nextFrame() {
+  return new Promise((resolve) => {
+    let settled = false;
+    const settle = () => {
+      if (settled) return;
+      settled = true;
+      resolve();
+    };
+    requestAnimationFrame(settle);
+    setTimeout(settle, 50);
+  });
+}
+var REPAINT_FRAMES = 4;
+var CHART_TIMEOUT_MS = 3e3;
+async function waitForCharts() {
+  const deadline = performance.now() + CHART_TIMEOUT_MS;
+  while (performance.now() < deadline) {
+    if (!document.querySelector('[data-slot="echart-canvas"][data-rendering]')) return;
+    await nextFrame();
+  }
+}
+async function printDocument() {
+  const wasForced = restore !== null;
+  forceLight();
+  try {
+    if (!wasForced && restore) {
+      for (let i = 0; i < REPAINT_FRAMES; i++) await nextFrame();
+    }
+    await waitForCharts();
+    window.print();
+  } catch (error) {
+    restoreTheme();
+    throw error;
+  }
+}
+function watchPrintEvents() {
+  window.addEventListener("beforeprint", forceLight);
+  window.addEventListener("afterprint", restoreTheme);
+  return () => {
+    window.removeEventListener("beforeprint", forceLight);
+    window.removeEventListener("afterprint", restoreTheme);
+  };
+}
 function themeToCssVars(theme) {
   if (!theme) return void 0;
   const vars = {};
@@ -19,20 +93,373 @@ function themeToCssVars(theme) {
   if (theme.maxWidth) vars["--doc-max-width"] = theme.maxWidth;
   return Object.keys(vars).length > 0 ? vars : void 0;
 }
+var PRINT_PAGE_CSS = "@media print { @page { margin: 0 } }";
+function printLabel() {
+  return navigator.language.toLowerCase().startsWith("ja") ? "PDF \u3068\u3057\u3066\u4FDD\u5B58" : "Save as PDF";
+}
 var Document = forwardRef(function Document2({ theme, style, ...props }, ref) {
   const themeVars = themeToCssVars(theme);
-  return /* @__PURE__ */ jsx(
-    "article",
+  const label = printLabel();
+  useEffect(() => watchPrintEvents(), []);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "article",
+      {
+        ref,
+        "data-slot": "document",
+        style: { width: "100%", ...themeVars, ...style },
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsx("style", { children: PRINT_PAGE_CSS }),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        "data-slot": "document-print",
+        variant: "outline",
+        size: "sm",
+        className: "fixed right-4 bottom-4 z-10 shadow-sm",
+        onClick: () => void printDocument(),
+        title: label,
+        children: [
+          /* @__PURE__ */ jsx(PrinterIcon, { "aria-hidden": "true" }),
+          label
+        ]
+      }
+    )
+  ] });
+});
+Document.displayName = "Document";
+var PRIORITY = { high: "\u9AD8", medium: "\u4E2D", low: "\u4F4E" };
+var MUTED = { color: "var(--doc-muted)" };
+function Priority({ value }) {
+  if (!value) return /* @__PURE__ */ jsx(Fragment, { children: "\u2014" });
+  return /* @__PURE__ */ jsx("span", { className: value === "high" ? "font-semibold" : void 0, children: PRIORITY[value] });
+}
+function DocActionItems({ title = "\u63A8\u5968\u3059\u308B\u5BFE\u5FDC", headingLevel = 2, items, variant = "table" }) {
+  const Heading = headingLevel === 3 ? "h3" : "h2";
+  return /* @__PURE__ */ jsxs("section", { "data-slot": "doc-action-items", children: [
+    /* @__PURE__ */ jsx(Heading, { children: title }),
+    variant === "asks" ? /* @__PURE__ */ jsx("ul", { children: items.map((item, i) => /* @__PURE__ */ jsxs("li", { className: "break-inside-avoid", children: [
+      item.action,
+      item.owner || item.due ? /* @__PURE__ */ jsxs("span", { style: MUTED, children: [
+        "\uFF08",
+        [item.owner, item.due ? `${item.due} \u307E\u3067` : void 0].filter(Boolean).join("\u30FB"),
+        "\uFF09"
+      ] }) : null
+    ] }, i)) }) : /* @__PURE__ */ jsx("div", { className: "w-full overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "table w-full", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { scope: "col", children: "\u5BFE\u5FDC" }),
+        /* @__PURE__ */ jsx("th", { scope: "col", children: "\u62C5\u5F53" }),
+        /* @__PURE__ */ jsx("th", { scope: "col", children: "\u671F\u9650" }),
+        /* @__PURE__ */ jsx("th", { scope: "col", children: "\u671F\u5F85\u3059\u308B\u52B9\u679C" }),
+        /* @__PURE__ */ jsx("th", { scope: "col", children: "\u512A\u5148\u5EA6" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: items.map((item, i) => /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("td", { children: item.action }),
+        /* @__PURE__ */ jsx("td", { children: item.owner ?? "\u2014" }),
+        /* @__PURE__ */ jsx("td", { className: "whitespace-nowrap tabular-nums", children: item.due ?? "\u2014" }),
+        /* @__PURE__ */ jsx("td", { children: item.impact ?? "\u2014" }),
+        /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Priority, { value: item.priority }) })
+      ] }, i)) })
+    ] }) })
+  ] });
+}
+var KINDS = {
+  note: { word: "\u88DC\u8DB3", rule: "border-info", tint: "bg-info-subtle", text: "text-info" },
+  insight: { word: "\u793A\u5506", rule: "border-positive", tint: "bg-positive-subtle", text: "text-positive" },
+  warning: { word: "\u6CE8\u610F", rule: "border-warning", tint: "bg-warning-subtle", text: "text-warning" },
+  decision: { word: "\u6C7A\u5B9A\u4E8B\u9805", rule: "border-foreground", tint: "bg-muted", text: "text-foreground" }
+};
+function DocCallout({ kind = "note", title, children }) {
+  const k = KINDS[kind];
+  const titleId = useId();
+  const heading = title && title !== k.word ? `${k.word}: ${title}` : k.word;
+  return /* @__PURE__ */ jsxs(
+    "div",
     {
-      ref,
-      "data-slot": "document",
-      style: themeVars || style ? { ...themeVars, ...style } : void 0,
-      ...props
+      role: "note",
+      "aria-labelledby": titleId,
+      "data-slot": "doc-callout",
+      "data-kind": kind,
+      className: `break-inside-avoid border-l-4 px-4 py-2 ${k.rule} ${k.tint}`,
+      children: [
+        /* @__PURE__ */ jsx("p", { id: titleId, className: `m-0 font-semibold ${k.text}`, children: heading }),
+        /* @__PURE__ */ jsx("div", { children: typeof children === "string" ? /* @__PURE__ */ jsx("p", { className: "m-0", children }) : children })
+      ]
     }
   );
-});
-Document.displayName = "Document";
+}
+var ALIGN = { left: "text-left", right: "text-right", center: "text-center" };
+function DocDataTable({ title, unit, columns, rows, total, highlightRows, footnotes, source, asOf }) {
+  const isNumeric = (col) => rows.some((r) => typeof r[col.key] === "number");
+  const cls = (col) => {
+    const numeric = isNumeric(col);
+    return `${ALIGN[col.align ?? (numeric ? "right" : "left")]}${numeric ? " tabular-nums" : ""}`;
+  };
+  const text = (col, v) => typeof v === "number" ? formatValue(v, col.format ?? "number") : v === null || v === void 0 || v === "" ? "\u2014" : v;
+  const origin = [source ? `\u51FA\u5178: ${source}` : void 0, asOf ? `\u30C7\u30FC\u30BF\u6642\u70B9 ${asOf}` : void 0].filter(Boolean).join(" \uFF0F ");
+  const highlighted = new Set(highlightRows);
+  return /* @__PURE__ */ jsxs("figure", { "data-slot": "doc-data-table", className: "m-0 w-full break-inside-auto", children: [
+    /* @__PURE__ */ jsx("div", { className: "w-full overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "table w-full", children: [
+      title || unit ? /* @__PURE__ */ jsxs("caption", { className: "text-left", children: [
+        title ? /* @__PURE__ */ jsx("span", { className: "font-semibold", children: title }) : null,
+        unit ? /* @__PURE__ */ jsx("span", { style: { color: "var(--doc-muted)" }, children: title ? `\uFF08${unit}\uFF09` : unit }) : null
+      ] }) : null,
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: columns.map((col) => /* @__PURE__ */ jsx("th", { scope: "col", className: cls(col), children: col.label }, col.key)) }) }),
+      /* @__PURE__ */ jsx("tbody", { children: rows.map((row, i) => /* @__PURE__ */ jsx("tr", { className: highlighted.has(i) ? "font-semibold" : void 0, children: columns.map((col) => /* @__PURE__ */ jsx("td", { className: cls(col), children: text(col, row[col.key]) }, col.key)) }, i)) }),
+      total ? /* @__PURE__ */ jsx("tfoot", { children: /* @__PURE__ */ jsx("tr", { className: "font-semibold", children: columns.map((col) => /* @__PURE__ */ jsx("td", { className: cls(col), children: text(col, total[col.key]) }, col.key)) }) }) : null
+    ] }) }),
+    footnotes?.length || origin ? /* @__PURE__ */ jsxs("figcaption", { className: "flex flex-col gap-0.5 break-inside-avoid text-left", children: [
+      footnotes?.map((f) => /* @__PURE__ */ jsxs("span", { children: [
+        f.mark,
+        " ",
+        f.text
+      ] }, f.mark)),
+      origin ? /* @__PURE__ */ jsx("span", { children: origin }) : null
+    ] }) : null
+  ] });
+}
+function ChangeText({ delta, format, betterWhen = "up" }) {
+  const { value } = delta;
+  const dir = value > 0 ? "up" : value < 0 ? "down" : "flat";
+  const mark = dir === "up" ? "\u25B2" : dir === "down" ? "\u25BC" : "\u2192";
+  const word = dir === "up" ? "\u5897" : dir === "down" ? "\u6E1B" : "\u6A2A\u3070\u3044";
+  const good = dir === "flat" ? void 0 : dir === "up" === (betterWhen === "up");
+  const tone = good === void 0 ? void 0 : good ? "text-positive" : "text-negative";
+  const text = formatDelta(value, delta.format ?? format);
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: tone,
+      style: tone ? void 0 : { color: "var(--doc-muted)" },
+      "aria-label": `${word}\u3001${text}${good === void 0 ? "" : good ? "\u3001\u6539\u5584" : "\u3001\u60AA\u5316"}`,
+      children: [
+        mark,
+        " ",
+        text
+      ]
+    }
+  );
+}
+function DocExecutiveSummary({
+  title = "\u8981\u65E8",
+  headingLevel = 2,
+  conclusion,
+  points,
+  metrics
+}) {
+  const Heading = headingLevel === 3 ? "h3" : "h2";
+  const shown2 = (metrics ?? []).slice(0, 3);
+  return /* @__PURE__ */ jsxs("section", { "data-slot": "doc-executive-summary", children: [
+    /* @__PURE__ */ jsx(Heading, { children: title }),
+    /* @__PURE__ */ jsx("p", { className: "font-semibold", children: conclusion }),
+    /* @__PURE__ */ jsx("ol", { children: points.map((point, i) => /* @__PURE__ */ jsx("li", { className: "break-inside-avoid", children: point }, i)) }),
+    shown2.length > 0 ? /* @__PURE__ */ jsx("dl", { className: "grid grid-cols-1 gap-4 sm:grid-cols-3 print:grid-cols-3", children: shown2.map((m) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "break-inside-avoid border-l-2 pl-3",
+        style: { borderColor: "var(--doc-border)" },
+        children: [
+          /* @__PURE__ */ jsx("dt", { style: { color: "var(--doc-muted)" }, children: m.label }),
+          /* @__PURE__ */ jsx("dd", { className: "m-0 font-semibold tabular-nums", children: m.display ?? formatValue(m.value, m.format) }),
+          m.delta ? /* @__PURE__ */ jsxs("dd", { className: "m-0", children: [
+            /* @__PURE__ */ jsxs("span", { style: { color: "var(--doc-muted)" }, children: [
+              m.comparisonLabel ?? "\u524D\u671F\u6BD4",
+              " "
+            ] }),
+            /* @__PURE__ */ jsx(ChangeText, { delta: m.delta, format: m.format, betterWhen: m.betterWhen })
+          ] }) : null
+        ]
+      },
+      m.label
+    )) }) : null
+  ] });
+}
+function DocFigure({ title, unit, number, source, asOf, notes, children }) {
+  const titleId = useId();
+  const origin = [source ? `\u51FA\u5178: ${source}` : void 0, asOf ? `\u30C7\u30FC\u30BF\u6642\u70B9 ${asOf}` : void 0].filter(Boolean).join(" \uFF0F ");
+  const hasCaption = number !== void 0 || origin || notes && notes.length > 0;
+  return /* @__PURE__ */ jsxs("figure", { "data-slot": "doc-figure", "aria-labelledby": titleId, className: "w-full break-inside-avoid", children: [
+    /* @__PURE__ */ jsx("p", { id: titleId, className: "m-0 font-semibold", children: title }),
+    unit ? /* @__PURE__ */ jsx("p", { className: "m-0", style: { color: "var(--doc-muted)" }, children: unit }) : null,
+    /* @__PURE__ */ jsx("div", { className: "w-full", children }),
+    hasCaption ? /* @__PURE__ */ jsxs("figcaption", { className: "flex flex-col gap-0.5 text-left", children: [
+      number !== void 0 ? /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+        "\u56F3 ",
+        number
+      ] }) : null,
+      origin ? /* @__PURE__ */ jsx("span", { children: origin }) : null,
+      notes?.map((note, i) => /* @__PURE__ */ jsx("span", { children: note }, i))
+    ] }) : null
+  ] });
+}
+function ChangeText2({ delta, format, betterWhen = "up" }) {
+  const { value } = delta;
+  const dir = value > 0 ? "up" : value < 0 ? "down" : "flat";
+  const mark = dir === "up" ? "\u25B2" : dir === "down" ? "\u25BC" : "\u2192";
+  const word = dir === "up" ? "\u5897" : dir === "down" ? "\u6E1B" : "\u6A2A\u3070\u3044";
+  const good = dir === "flat" ? void 0 : dir === "up" === (betterWhen === "up");
+  const tone = good === void 0 ? void 0 : good ? "text-positive" : "text-negative";
+  const text = formatDelta(value, delta.format ?? format);
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: tone,
+      style: tone ? void 0 : { color: "var(--doc-muted)" },
+      "aria-label": `${word}\u3001${text}${good === void 0 ? "" : good ? "\u3001\u6539\u5584" : "\u3001\u60AA\u5316"}`,
+      children: [
+        mark,
+        " ",
+        text
+      ]
+    }
+  );
+}
+function DocKeyFindings({ title = "\u4E3B\u8981\u306A\u767A\u898B", headingLevel = 2, findings }) {
+  const Heading = headingLevel === 3 ? "h3" : "h2";
+  const Item = headingLevel === 3 ? "h4" : "h3";
+  return /* @__PURE__ */ jsxs("section", { "data-slot": "doc-key-findings", children: [
+    /* @__PURE__ */ jsx(Heading, { children: title }),
+    findings.map((f, i) => /* @__PURE__ */ jsxs("article", { className: "break-inside-avoid", children: [
+      /* @__PURE__ */ jsxs(Item, { children: [
+        i + 1,
+        ". ",
+        f.headline
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between print:flex-row print:justify-between", children: [
+        /* @__PURE__ */ jsx("div", { children: typeof f.evidence === "string" ? /* @__PURE__ */ jsx("p", { className: "m-0", children: f.evidence }) : f.evidence }),
+        f.metric ? /* @__PURE__ */ jsxs("dl", { className: "m-0 shrink-0 sm:text-right print:text-right", children: [
+          /* @__PURE__ */ jsx("dt", { style: { color: "var(--doc-muted)" }, children: f.metric.label }),
+          /* @__PURE__ */ jsx("dd", { className: "m-0 font-semibold tabular-nums", children: f.metric.display ?? formatValue(f.metric.value, f.metric.format) }),
+          f.metric.delta ? /* @__PURE__ */ jsxs("dd", { className: "m-0", children: [
+            /* @__PURE__ */ jsxs("span", { style: { color: "var(--doc-muted)" }, children: [
+              f.metric.comparisonLabel ?? "\u524D\u671F\u6BD4",
+              " "
+            ] }),
+            /* @__PURE__ */ jsx(ChangeText2, { delta: f.metric.delta, format: f.metric.format, betterWhen: f.metric.betterWhen })
+          ] }) : null
+        ] }) : null
+      ] })
+    ] }, i))
+  ] });
+}
+var MUTED2 = { color: "var(--doc-muted)" };
+var ACHIEVEMENT = { type: "percent", digits: 1 };
+function ChangeText3({ delta, format, betterWhen = "up" }) {
+  const { value } = delta;
+  const dir = value > 0 ? "up" : value < 0 ? "down" : "flat";
+  const mark = dir === "up" ? "\u25B2" : dir === "down" ? "\u25BC" : "\u2192";
+  const word = dir === "up" ? "\u5897" : dir === "down" ? "\u6E1B" : "\u6A2A\u3070\u3044";
+  const good = dir === "flat" ? void 0 : dir === "up" === (betterWhen === "up");
+  const tone = good === void 0 ? void 0 : good ? "text-positive" : "text-negative";
+  const text = formatDelta(value, delta.format ?? format);
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: tone,
+      style: tone ? void 0 : { color: "var(--doc-muted)" },
+      "aria-label": `${word}\u3001${text}${good === void 0 ? "" : good ? "\u3001\u6539\u5584" : "\u3001\u60AA\u5316"}`,
+      children: [
+        mark,
+        " ",
+        text
+      ]
+    }
+  );
+}
+var shown = (m) => m.display ?? formatValue(m.value, m.format);
+var achievement = (m) => m.target === void 0 || m.target === 0 || m.value === null ? "\u2014" : formatValue(m.value / m.target, ACHIEVEMENT);
+var change = (m) => m.delta ? /* @__PURE__ */ jsx(ChangeText3, { delta: m.delta, format: m.format, betterWhen: m.betterWhen }) : "\u2014";
+var trendOf = (m) => (m.trend ?? []).map(({ y }) => ({ value: y }));
+function DocKpiScorecard({
+  title = "\u4E3B\u8981\u6307\u6A19",
+  headingLevel = 2,
+  metrics,
+  variant = "table",
+  asOf,
+  source
+}) {
+  const Heading = headingLevel === 3 ? "h3" : "h2";
+  const caption = [source ? `\u51FA\u5178: ${source}` : void 0, asOf ? `\u30C7\u30FC\u30BF\u6642\u70B9 ${asOf}` : void 0].filter(Boolean).join(" \uFF0F ");
+  const columnLabel = metrics.find((m) => m.comparisonLabel)?.comparisonLabel ?? "\u524D\u671F\u6BD4";
+  return /* @__PURE__ */ jsxs("section", { "data-slot": "doc-kpi-scorecard", children: [
+    /* @__PURE__ */ jsx(Heading, { children: title }),
+    variant === "grid" ? /* @__PURE__ */ jsx("dl", { className: "m-0 grid grid-cols-1 gap-4 sm:grid-cols-3 print:grid-cols-3", children: metrics.map((m) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "break-inside-avoid rounded-md border p-3",
+        style: { borderColor: "var(--doc-border)", background: "var(--doc-subtle)" },
+        children: [
+          /* @__PURE__ */ jsx("dt", { style: MUTED2, children: m.label }),
+          /* @__PURE__ */ jsx("dd", { className: "m-0 font-semibold tabular-nums", children: shown(m) }),
+          /* @__PURE__ */ jsxs("dd", { className: "m-0 flex flex-col gap-0.5", children: [
+            m.delta ? /* @__PURE__ */ jsxs("span", { children: [
+              /* @__PURE__ */ jsxs("span", { style: MUTED2, children: [
+                m.comparisonLabel ?? "\u524D\u671F\u6BD4",
+                " "
+              ] }),
+              change(m)
+            ] }) : null,
+            m.target !== void 0 ? /* @__PURE__ */ jsxs("span", { children: [
+              /* @__PURE__ */ jsx("span", { style: MUTED2, children: "\u9054\u6210\u7387 " }),
+              achievement(m),
+              /* @__PURE__ */ jsxs("span", { style: MUTED2, children: [
+                "\uFF08\u76EE\u6A19 ",
+                formatValue(m.target, m.format),
+                "\uFF09"
+              ] })
+            ] }) : null
+          ] }),
+          m.trend && m.trend.length > 1 ? /* @__PURE__ */ jsx("dd", { className: "m-0", children: /* @__PURE__ */ jsx(Sparkline, { data: trendOf(m), height: 28, "aria-label": `${m.label}\u306E\u63A8\u79FB` }) }) : null
+        ]
+      },
+      m.label
+    )) }) : /* @__PURE__ */ jsx("div", { className: "w-full overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "table w-full", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { scope: "col", children: "\u6307\u6A19" }),
+        /* @__PURE__ */ jsx("th", { scope: "col", className: "text-right", children: "\u5B9F\u7E3E" }),
+        /* @__PURE__ */ jsx("th", { scope: "col", className: "text-right", children: columnLabel }),
+        /* @__PURE__ */ jsx("th", { scope: "col", className: "text-right", children: "\u76EE\u6A19" }),
+        /* @__PURE__ */ jsx("th", { scope: "col", className: "text-right", children: "\u9054\u6210\u7387" }),
+        /* @__PURE__ */ jsx("th", { scope: "col", children: "\u63A8\u79FB" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: metrics.map((m) => /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { scope: "row", className: "font-medium", children: m.label }),
+        /* @__PURE__ */ jsx("td", { className: "text-right font-semibold tabular-nums", children: shown(m) }),
+        /* @__PURE__ */ jsx("td", { className: "text-right whitespace-nowrap", children: change(m) }),
+        /* @__PURE__ */ jsx("td", { className: "text-right tabular-nums", children: m.target === void 0 ? "\u2014" : formatValue(m.target, m.format) }),
+        /* @__PURE__ */ jsx("td", { className: "text-right tabular-nums", children: achievement(m) }),
+        /* @__PURE__ */ jsx("td", { children: m.trend && m.trend.length > 1 ? /* @__PURE__ */ jsx(Sparkline, { data: trendOf(m), height: 24, "aria-label": `${m.label}\u306E\u63A8\u79FB` }) : "\u2014" })
+      ] }, m.label)) })
+    ] }) }),
+    caption ? /* @__PURE__ */ jsx("p", { style: MUTED2, children: caption }) : null
+  ] });
+}
+function DocReportHeader({ title, subtitle, period, asOf, author, source }) {
+  const facts = [
+    ...period ? [{ label: "\u5BFE\u8C61\u671F\u9593", value: period }] : [],
+    ...asOf ? [{ label: "\u30C7\u30FC\u30BF\u6642\u70B9", value: asOf }] : [],
+    ...author ? [{ label: "\u4F5C\u6210\u8005", value: author }] : [],
+    ...source ? [{ label: "\u51FA\u5178", value: source }] : []
+  ];
+  return /* @__PURE__ */ jsxs("header", { "data-slot": "doc-report-header", className: "break-inside-avoid", children: [
+    /* @__PURE__ */ jsx("h1", { children: title }),
+    subtitle ? typeof subtitle === "string" ? /* @__PURE__ */ jsx("p", { style: { color: "var(--doc-muted)" }, children: subtitle }) : /* @__PURE__ */ jsx("div", { style: { color: "var(--doc-muted)" }, children: subtitle }) : null,
+    facts.length > 0 ? /* @__PURE__ */ jsx(
+      "dl",
+      {
+        className: "grid grid-cols-1 gap-x-8 gap-y-2 border-y py-3 sm:grid-cols-2 print:grid-cols-2",
+        style: { borderColor: "var(--doc-border)" },
+        children: facts.map((fact) => /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+          /* @__PURE__ */ jsx("dt", { className: "shrink-0", style: { color: "var(--doc-muted)" }, children: fact.label }),
+          /* @__PURE__ */ jsx("dd", { className: "m-0 font-medium", children: fact.value })
+        ] }, fact.label))
+      }
+    ) : null
+  ] });
+}
 
-export { Document };
+export { DocActionItems, DocCallout, DocDataTable, DocExecutiveSummary, DocFigure, DocKeyFindings, DocKpiScorecard, DocReportHeader, Document };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map